:root {
	--green-color: #397c2d;
}
:root {
--dark-green-color: #295621;
}
:root {
	--red-color: #C01823;
}
:root {
--light-red-color: #f5b2b7;
}
:root {
	--orange-color: #F18A00;
}
:root {
	--light-orange-color: #ffda9f;
}
:root {
	--blue-color: #0082CB;
}
:root {
	--dark-blue-color: #0070af;
}
:root {
--extra-dark-blue-color: #041d33;
}
:root {
--light-blue-color: #c7e3f3;
}
:root {
--medium-blue-color: #8acdf7;
}
:root {
	--grey-color: #373A36;
}

/*:root {
	--blue-color: #0055b8;
}
:root {
	--red-color: #b7140e;
}
:root {
	--orange-color: #f18a00;
}
:root {
	--light-orange-color: #ffda9f;
}
:root {
--dark-blue-color: #015686;
};*/

.ezBlack { color: #000; }

.ezGreen { color: var(--blue-color); }
a.ezGreen:hover,
a.ezGreen:focus { color: var(--extra-dark-blue-color); }

.ezDarkGreen { color: var(--extra-dark-blue-color); }

.ezGrey { color: #7d7d7d; }

.ezOrange { color: #e68000; }

.ezRed { color: #b9140e; }

[class^="icon-"], [class*=" icon-"] {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}

.cartIcon {
padding: 30px;
padding-top: 35px;
float: right;
}

.cartIcon svg {
width: 30px;
height: 30px;
}

.fieldNote {
font-weight: normal;
}

.notAButton {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}

.btn-wrap { white-space: normal; }

.btn-wide { width: 100%; }

.btn-square { border-radius: 0 !important; }

.btn-borderless { border: 0; }

.underline { text-decoration: underline; }

.no-pad {
padding-left: 0;
padding-right: 0;
}

.min-pad {
padding-left: 5px;
padding-right: 5px;
}

@media (min-width: 1200px) {
.pad-lg {
	padding-left: 15px;
	padding-right: 15px;
}
}

.list-img {
width: 1rem;
height: 1rem;
}

.larger-text-25 { font-size: 1.25em; }

.acc-box {
background-color: #f0f0f0;
padding: 0.5em;
display: flex;
flex-direction: column;
min-height: 400px;
margin-bottom: 1.5em;
}

.acc-box-tight { min-height: 0; }

.acc-box-img { min-height: 150px; }

.acc-box-img > img {
margin: auto;
transition: opacity 0.5s ease-in-out;
}

.acc-box-bottom { margin-top: auto; }

.acc-box-compat { display: inline-block; }

.text-center > .img-responsive {
margin-left: auto;
margin-right: auto;
	margin-top: auto;
}

.space-bottom { margin-bottom: 1em; }
.space-top { margin-top: 1em; }
.space-top-inner > * { margin-top: 1em; }
.pad-top { padding-top: 1em; }
.pad-bottom { padding-bottom: 1em; }

.snapGallery a img {
margin-bottom: 0.5em;
padding: 2px;
border: #344232 solid 1px;
border-radius: 2px;
background-color: #fff;
}

.snapGallery a.active img {
border-color: var(--orange-color);
}

.snapGallery a {
cursor: pointer;
}

.planMsg {
padding: 1em;
background-color: #ddd;
border: #aaa 1px solid;
border-radius: 2px;
max-width: 500px;
margin: 1em auto;
}

.bigChoices .btn {
font-size: 1.5em;
white-space: normal;
width: 100%;
min-height: 5em;
}

.acctRow h3 { border-bottom: 0.25em solid var(--blue-color); }
.acctRow h3.not-great-standing { border-bottom-color: #b9140e; }
.acctRow h3.warning-standing { border-bottom-color: #f0ad4e; }

.acctBox {
border: 1px solid var(--blue-color);
border-radius: 2px;
min-height: 6em;
margin-bottom: 0.5em;
}

.acctBox-header {
border-bottom: 1px solid var(--blue-color);
padding: 0 1em;
}

.acctBox-body {
padding: 0.5em 1em;
}

.loader,
.msg-waiting .loader {
display: inline-block;
width: 2em;
vertical-align: middle;
}

.msg-waiting tr.loader { display: table-row; }

.no-break { white-space: nowrap; }

.msg-waiting > *,
.msg-fulfilled .loader,
.msg-error .loader {
display: none;
}

.loader.shipping-loader { width: 100%; }

.account-login-info {
border: 1px solid var(--blue-color);
border-radius: 3px;
padding: 0.5em;
}

.inline-block { display: inline-block; }

.actSection {
display: inline-block;
min-height: 80vh;
width: 100%;
}

.embed-responsive-covMap { padding-bottom: 90vh; }

#pt_map { width: 100vw; }

#pt_map iframe { /* Taken from PT's coverage map */
top: -137px;
left: -50px;
}

.ytVideo {
background: no-repeat center center;
background-size: contain;
min-height: 40em;
display: flex;
flex-direction: column;
align-items: center;
}

.ytVideo.active { background: none !important; }

.ytLink {
color: #cc181e;
margin: auto;
width: 100%;
}
.ytLink:hover { color: #881014; }
.ytLink > svg {
height: 35%;
width: 35%;
}

.icon-enabled { color: #5cb85c; }
.icon-disabled { color: #d9534f; }

@media (min-width: 768px) {
.checkout-column:last-of-type { border-left: #ccc 1px solid; }
#joltCitySelect {
	width: 50%;
	margin: auto;
}
}

.secure-form {
background-color: #e9e9e9;
border: #9e9e9e 1px solid;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

.secure-form > div.radio,
.secure-form > div.checkbox {
padding: 0.25em 1em;
}

.cart-addon { padding-bottom: 0.5em; }

.cart-quantity { width: 5em; }

.cartProduct img { max-height: 250px; }

.tmo_plans span.h3,
.pt_plans span.h3 {
display: block;
margin-top: 10px;
}

.plan-row { border-top: var(--extra-dark-blue-color) 5px solid; }

.plan-card {
background-color: #f0f0f0;
border: #ccc solid 1px;
padding: 1em;
}

.plan-card .row { display: flex; }
.plan-card .row form { margin-top: auto; }
.plan-card .row > * {
display: flex;
flex-direction: column;
}

#loader-overlay {
z-index: 99999999;
background: rgba(0, 0, 0, 0.5) url('/images/ring-alt.gif') no-repeat center center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}

#sosIframe {
width: 100%;
height: 100vh;
}

.snapHR { border-top: 3px var(--blue-color) solid; }
.snapHR.orangeHR { border-color: var(--orange-color); }
.snapHR-top { margin-top: 0; }

.csrAcc { margin-bottom: 1em; }

.csrAcc .acc-box { min-height: 200px; }

.csrAcc .acc-box-img { min-height: 0; }

.csrAcc .acc-box-img > img { max-height: 250px; }

.order-address { padding: 8px; }

.equalH {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}

@media (max-width: 480px) {
.detailRow .clearfix { border-bottom: var(--orange-color) 1px solid; }

.detailRow .clearfix:last-of-type { border-bottom: 0; }

.detailRow .col-xs-6 {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
}

.variants > div { padding-left: 5px; }

.variants label {
width: 100%;
padding: 2px;
margin: 0;
border: 0.25rem solid rgba(0, 0, 0, 0.25);
transition: all 0.25s ease-in-out;
cursor: pointer;
}

.variants label > span {
display: block;
width: 100%;
height: 2.5em;
}

.variants input[type=radio] {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}

.variants input[type=radio]:checked ~ label,
.variant label.active {
border: 0.25rem solid rgba(50, 124, 43, 1);
}

@media (min-width: 768px) {
.reveal {
	border: rgba(57, 124, 45, 0.5) 5px solid;
	transition: border-color 1.5s ease-in-out;
	border-radius: 15px;
	padding: 5px;
	margin: 5px;
}

.reveal-fade {
	border-color: rgba(57, 124, 45, 0);
}
}

.pad-table { padding: 8px; }

.btn-highlight { transition: border-color 1s ease-in-out; }

.btn-highlight-highlighted { border-color: #e68000; }

.cart-add-notification {
opacity: 0;
width: 50%;
position: absolute;
left: 25%;
margin-top: -3.25em;
border: 2px var(--blue-color) solid;
padding: 0 5px;
border-radius: 5px;
text-align: center;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.95);
transition: opacity 0.5s ease-in-out;
}

@media (max-width: 768px) {
.cart-add-notification {
	width: 80%;
	left: 10%;
}
}

.p { margin: 0 0 10px; }

.blog-post { font-size: 21px; }

.blog-post ol { font-weight: bold; }

.blog-post ol li > * { font-weight: normal; }

.blog-yt { height: 315px; }

.cdr-day-header {
float: left;
width: 0;
white-space: nowrap;
}

.wizard-row {
border-top: 1px var(--blue-color) solid;
padding-bottom: 10px;
padding-top: 10px;
}

.wizard-heading { margin-top: 0; }

.radio-btn-group .btn.active {
border-color: var(--blue-color);
}

.flex-btn-group {
display: flex;
flex-wrap: wrap;
}

.btn-flx {
margin: 5px auto;
min-width: 9em;
}

.btn-phones {
margin: 5px auto;
width: 8em;
display: flex;
flex-direction: column;
}

.btn-phones > img {
max-height: 9em;
margin-bottom: 0.5em;
}

.btn-phones > span { margin-top: auto; }

@media (max-width: 768px) {
.btn-phones > img { max-height: 5em; }
}

.wizard-has-error {
background-color: #f2dede;
}

.wizard-has-error .radio-btn-group .btn {
border-color: #843534;
}

.wizard-row.animate,
.port-field.animate {
max-height: 3000px;
overflow: hidden;
transition-property: max-height;
transition-timing-function: ease-in-out;
transition-duration: 1s;
}

.wizard-row.animate.hidden,
.port-field.animate.hidden {
max-height: 0;
padding: 0;
border: 0;
margin: 0;
display: block !important;
}

#staticWizard {
border-top: var(--blue-color) 1px solid;
z-index: 100;
}
#stickyWizard {
border-top: var(--blue-color) 1px solid;
background-color: #fff;
z-index: 101;
padding-bottom: 10px;
padding-top: 10px;
transition: max-height ease-in-out 1s;
}

#stickyWizard.affix {
bottom: 0;
max-height: 1000px;
}

#stickyWizard.affix-bottom,
.hiddenish {
position: absolute;
visibility: hidden;
}
#stickyWizard.affix-top { max-height: 0; }

.header-row {
background: #efefef;
border-bottom: 0.5em var(--blue-color) solid;
}
.header-row .header-heading {
font-size: 45px;
font-weight: bold;
margin-top: 54px;
}
.header-row .header-img {
height: 5em;
margin-bottom: 33px;
}

.shortHR {
border-top: 3px var(--orange-color) solid;
width: 20%;
margin-top: 0;
}
.shortHR.greenHR { border-color: var(--blue-color); }
@media (max-width: 480px) {
.shortHR { width: 40%; }
}

.bigLinks {
font-size: 22px;
margin: 1.5em 0;
}
.bigLinks a { 
text-decoration: underline; 
}

#contact {
font-size: 35px;
font-weight: bold;
}

.radioBtn input[type="radio"] { display: none; }
.wizForm .radioBtn {
font-size: 20px;
font-weight: 300;
}

.wizPhoneInst {
font-size: 22px;
font-weight: 500;
}
.wizPhoneBox {
display: inline-block;
text-align: center;
}
.wizPhoneBox > form { display: inline; }
.wizPhoneBox .btn { font-size: 30px; }
.wizPhoneSnapBtn { font-weight: 500; }
.wizPhoneImg {
display: inline;
height: 160px;
}
.wizPhoneOr {
display: inline-block;
font-size: 22px;
font-weight: 300;
margin: auto 2em;
}

#wizBottom hr { margin: 0.25em 0; }
.wizBottomText {
font-size: 22px;
font-weight: 500;
}
#wizBottom a.btn,
.wizNextBtn {
font-size: 18px;
font-weight: bold;
width: 195px;
}
@media (max-width: 480px) {
#wizBack { width: auto !important; }
}
.wizNextBtn span {
font-weight: normal;
font-size: 2em;
line-height: 0.5em;
vertical-align: sub;
}
hr.wizTop {
border-width: 12px;
margin: 0;
}
/*.wizZip {*/
/*width: 20em;*/
/*margin: auto;*/
/*}*/
.wizPlanRow {
border-top: 1px var(--blue-color) solid;
margin-top: 0.5em;
padding-top: 0.5em;
}
.wizActBox {
display: inline-block;
vertical-align: top;
}
.wizActOr {
display: inline-block;
margin: auto 0.5em;
font-size: 22px;
font-weight: 300;
}
.wizAddonBtn {
font-size: 18px;
font-weight: 300;
}

#csrTiptop {
color: #fff;
}
#csrTiptop a {
color: #ddd;
text-decoration: underline;
}
#csrTiptop a:hover { color: #aaa; }

#phone-outline {
background-color: #fff;
height: 40vw;
border: 4px #000 double;
border-radius: 12px;
}

#byop-row {
display: flex;
align-items: center;
}

#byop-row #phone-outline { max-height: 30vh; }

.snap-phoneBox {
background: #efefef;
margin-left: 15px;
margin-right: 15px;
padding: 0.5em 0;
}
.snap-phoneBox h3 { margin-top: 0; }
.snap-phoneBox img { max-height: 175px; }

#actZip,
#confActZip {
width: 10em;
margin: auto;
}
#portNumberInput,
#confPortNumberInput {
width: 20em;
margin: auto;
}

.contact-row { font-size: 16px; }

.contactSidebar .table { margin-bottom: 0; }
@media (min-width: 768px) {
.contactSidebar > div {
	background-color: #efefef;
	border-left: #999 1px solid;
	border-right: #999 1px solid;
}
.contactSidebar > div:first-of-type {
	border-top: #999 1px solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.contactSidebar > div:last-of-type {
	border-bottom: #999 1px solid;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
}

.row.space {
margin-top: 2em;
margin-bottom: 2em;
}

#prefooterLogoBlock { display: inline-block; }
#prefooterLogoBlock > div {
color: #5c5e5d;
font-size: 16px;
font-weight: bold;
margin-top: 0.5em;
}

.snapfon-logo {
width: 100%;
max-width: 218px;
}

.flex { display: flex; }
@media (min-width: 992px) {
.flex-md { display: flex; }
}
.flex-center-vert {
margin-top: auto;
margin-bottom: auto;
}

#wizFlex {
display: flex;
flex-direction: column;
min-height: 100%;
}

#wizSidebar {
border: 1px solid #333;
padding: 0 1em;
}
.thickHR { border-width: 3px; }
.wizCart-title { margin: 3px auto; }
.wizCheckout-title {
margin-top: 20px;
margin-bottom: 10px !important;
}

#wizCart h3, #wizCart h4 { margin-bottom: 0; }
#wizCart hr {
border-color: #333;
margin-top: 0;
}
#wizCart .product-image {
max-height: 100px;
padding-bottom: 5px;
}
#wizCart .product-column {
display: flex;
}
#wizCart .product-column.auto-height { height: auto; }
#wizCart .product-column > div.text-right {
margin-top: auto;
margin-left: auto;
}
#wizCart .total-row > h4 {
display: inline-block;
float: left;
}
#wizCart .total-row > span {
display: inline-block;
float: right;
text-align: right;
margin-top: 10px;
}
#wizSide-items { margin-top: 42px; }

.wizSection { font-size: 18px; }
.wizSection h3 { font-size: 36px; }

.wizSteps {
font-size: 2.5em;
font-weight: bold;
}
.wizBlockStep {
border: 2px solid var(--extra-dark-blue-color);
border-left-width: 0;
color: var(--extra-dark-blue-color);
height: 2em;
width: 2em;
display: inline-flex;
margin: 0;
}
@media (max-width: 600px) {
.wizBlockStep {
	height: 1.5em;
	width: 1.5em;
}
}
@media (max-width: 420px) {
.wizBlockStep {
	height: 1.35em;
	width: 1.15em;
}
}
.wizBlockStep > div { margin: auto; }
.wizBlockStep.current {
color: #fff;
background-color: var(--orange-color);
}
.wizBlockStep:first-of-type {
border-left-width: 2px;
}
.btn-widish {
width: 21em;
margin: 0.5em 0;
}
.wizForm .btn-widish { font-size: 1.5em !important; }

#wizBottom { margin-top: auto; }
#wizTop { margin-bottom: 3em; }

.wiz-addon-desc { font-size: 1.2em; }

/*#wizUnl1G {*/
/*border-color: var(--blue-color);*/
/*}*/

#wizUnl1G span {
color: var(--blue-color);
font-style: italic;
font-weight: bold;
font-size: 0.85em;
}

@media (max-width: 767px) {
.text-center-xs {
	text-align: center;
}
}

.dropdown-hover:hover > a.dropdown-toggle,
ul.dropdown-menu:hover ~ a.dropdown-toggle {
background-color: #e7e7e7 !important;
color: #555 !important;
}
.dropdown-hover:hover > ul.dropdown-menu,
ul.dropdown-menu:hover {
display: block;
}

.account-dropdown { font-size: 16px; }

.checkout-legend {
font-size: 1em;
font-weight: bold;
margin-bottom: 5px;
border: 0;
}

.checkout-password-box {
background-color: #e9e9e9;
border-radius: 5px;
}

.checkout-contact-link {
display: inline-block;
background: var(--orange-color);
color: #fff;
padding: 0.25em;
font-size: 1.5em;
}
.checkout-contact-link > svg {
fill: currentColor;
max-width: 1em;
}

#winter-banner {
display: flex;
font-size: 2.5em;
margin-bottom: 1em;
}
@media (max-width: 425px) {
#winter-banner {
	font-size: 1em;
}
}

#winter-banner > div { width: 50%; }

.winter-img {
background: url('/images/banners/winter-blues.jpg') no-repeat center;
background-size: contain;
}

.winter-details {
margin: 1.5em auto;
}

.winter-details .btn {
font-size: 1.25em;
}

.winter-details > div {
margin-top: 0.5em;
margin-bottom: 0.5em;
}

.cartRow {
display: flex;
}

.cartImage {
display: block;
margin: auto;
max-height: 5.5em;
}

.cartItem {
display: flex;
flex-direction: column;
}

.cartItem > div:first-of-type {
margin-bottom: auto;
}

.cartItem > div:last-of-type {
margin-top: auto;
display: flex;
}

.cartItem > div:last-of-type div {
margin-top: auto;
width: 50%;
}

.sos-row .panel {
border-top: 0;
}

.contact-legend {
display: inline-block;
float: left;
width: auto;
border: 0;
margin-bottom: 0;
}
.contact-short {
display: inline-block;
float: left;
width: auto;
margin-left: 0.5em;
}
.contact-short > span { font-size: 21px; }
.contact-action {
display: inline-block;
float: right;
}
.contact-border {
border-top: 1px solid #e5e5e5;
margin-bottom: 20px;
padding-top: 5px;
}
.deletePhone, .cancelDeletePhone {
float: left;
margin-left: 1em;
}

#user_dob_section .form-group:first-of-type {
padding-left: 0;
}
#user_dob_section .form-group:last-of-type {
padding-right: 0;
}

/* -------------- NEW CSS BY JACI ------ */

/* -------------- GLOBAL --------------- */
#msg {
	margin: 0;
	padding: 10px;
	text-align: center;
}
p.alert {
		margin: 10px;
}
p.disclaimer {
		font-size: 12px;
		margin-top: -10px;
		padding-top: 0px;
}
hr.blue-bar {
		border-top: 15px solid var(--blue-color);
		margin-top: 0px;
		margin-bottom: 0px;
}
hr.orange-bar {
		border-top: 15px solid var(--orange-color);
	margin-top: 0px;
	margin-bottom: 0px;
}
.text-green {
	color: var(--blue-color);
}
.text-orange {
	color: var(--orange-color);
}
.text-bold {
	font-weight: 700;
}
.text-big {
		font-size: 26px;
}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.container-fluid .row {
		 margin-left: 0px; 
		margin-right: 0px; 
}
.btn {
		 border-radius: 10px;
		border: none;
		box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
		 padding: 5px 30px;
	}
	.btn-green, .btn-blue {
		background-color: var(--blue-color) !important;
		color: #fff;
	}
	.btn-darkgreen {
		background-color: var(--blue-color) !important;
}
.btn:hover {
		opacity: .8;
}
a.btn.ezGreen:hover, a.btn.ezGreen:focus {
		color: #fff;
		opacity: .8;
}
.btn-orange {
		background-color: var(--orange-color) !important;
}
.btn-ghost {
	background-color: #fff !important;
		border: 1px solid #ddd !important;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, .05);
		color: #333 !important;
}
.btn-ghost:hover {
	background-color: #eee !important;
		opacity: 1;
}
.snapHR {
	display: none;
}
body {
		background: #f5f5f5;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
		-webkit-appearance: none; 
		margin: 0; 
}
header, #wizFlex, #wizCart {
		background: #fff;
}
.paper {
		background: #fff;
		border-radius: 5px;
		border: 1px solid #ddd;
		padding: 20px;
}
.p-0 {
	padding-left: 0px;
	padding-right: 0px;
}
.font-weight-bold {
	font-weight: 700;
}
.input-blue {
		border: none;
		 border-bottom: 2px solid var(--blue-color);
		 margin-right: 10px;
		 position: relative;
		 top: 5px;
}
.large-text {
	font-size: 25px;
}
.alert span.close-alert {
		position: relative;
		top: -6px;
		padding-right: 5px;
		color: #333;
		font-weight: 700;
		cursor: pointer;
}
.left {
	float: left;
}
a.text-orange {
		cursor: pointer;
}
.no-gutters > .col-xs-12 {
		padding: 0px;
}
label {
		font-weight: 600;
}
.vertical-align-container {
		display: flex !important;
		flex-direction: row !important;
}
.vertical-align {
		align-items: center;
		display: flex;
		justify-content: center;
}
#portNumber .text-left {
	text-align: left;
}
#portNumber ol {
	font-size: 16px;
}

/* -------------- CSS REDO ------------- */
html,
body {
	 margin:0;
	 padding:0;
	 height:100%;
}
body > .container-fluid {
	 min-height:100%;
	 position:relative;
}
.header-wrapper {
}
.content-wrapper {
	 padding-bottom:384px;   /* Height of the footer */
}
.footer-wrapper {
	 position:absolute;
	 bottom:0;
	 width:100%;
	 height:384px;   /* Height of the footer */
}
#wizFlex {
		padding: 10px 20px 20px 20px;
		border: 1px solid #ddd;
		border-radius: 5px;
}
#wizSidebar {
		border: 1px solid #ddd;
		box-shadow: 0px 1px 5px rgba(0,0, 0, .05);
		border-radius: 5px;
		padding: 25px;
}
#wizBottom a.btn, .wizNextBtn {
		font-weight: 100;
}
h3.text-center.wizCart-title {
		font-size: 25px;
		text-align: left;
}
#wizSidebar h3.ezDarkGreen {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px; 
		font-size: 20px;
}
.wizard-device-and-activation {
		margin-top: 10px;
}
.acc-box-img img {
		display: block;
		max-height: 210px;
		max-width: none;
		width: auto;
}
#wizSidebar h3.ezGreen {
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 20px;
}
.col-xs-12.greyed-out {
		color: #aaa;
		font-style: italic;
		padding: 0px;
}
#wizSide-items {
		border-top: 1px solid #ddd;
		margin-top: 25px;
}
hr.snapHR.wizTop {
		display: none;
}
.wizBlockStep {
		border: none;
		font-size: 25px;
		margin: 0px 20px;
		color: #333;
		font-weight: 700;
}
.wizBlockStep.current {
		border-radius: 25px;
}
#wizTop {
		margin-bottom: 0px;
}
.btn-phones {
		margin: 2%;
		width: 29% !important;
}
.wizSection h3 {
		text-align: center;
		padding: 10px;
}
.wizSection p {
		font-size: 16px;
		text-align: center;
}
.wizForm .wizZip {
		max-width: 200px;
}
.wizForm .wizZip {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
}
.wizZip label[for='covZip'] {
	display: none;
}
#wizFlex .alert {
		font-size: 14px;
		padding: 10px;
		max-width: fit-content;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
}
.snap-phoneBox {
		border: 1px solid #ddd;
		border-radius: 5px;
}
.header-row .header-heading {
		font-size: 30px;
		margin-top: 20px;
}
img.img-responsive.header-img {
		display: none;
}
.header-row {
		background: #f9f9f9;
		border-bottom: none;
}
.row.csBanner-row {
		font-size: 20px;
}
h2 {
		font-size: 30px;
}
#contact {
	font-size: 30px;
}
.bigLinks a {
		background: var(--dark-blue-color);
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-size: 20px;
		line-height: 55px;
		padding: 10px 20px;
		text-decoration: none;
}
.contactSidebar > div {
		background-color: #f9f9f9;
}
.contactSidebar h3 {
		color: var(--blue-color);
}
.videoLinks a {
		font-size: 16px;
}
.videoLinks a.active {
		text-decoration: none;
}
h2#snapFeature-title {
		font-size: 30px;
}
.col-xs-12.col-sm-5.snapReview strong {
		font-size: 20px;
}
.snapReview p {
		font-size: 16px;
}
h1, h2, h3, h4, h5, h6, p, span, div, input {
		font-family: 'myriad-pro', sans-serif;
}
.whyUs-heading h2 {
		font-size: 25px;	
}
.whyUs-box {
		font-size: 16px;
}
blockquote.whyUs-blockquote {
		border-width: 5px;
		font-size: 16px;
		margin: 20px 0px;
}
.whyUs-tagline {
		font-size: 16px;
		float: left;
}
.darkGreenHeader > * {
		font-size: 25px;
}
.sosFeature {
		font-size: 18px;
}
.larger-text-25 {
		font-size: 16px;
}
.btn-lg {
		font-size: 16px !important;
		padding: 5px 30px;
}
.wizSteps {
		font-size: 1em;
}
#whyUs-header, #sosHeader, #ezpHeader {
		margin-bottom: 10px;
		margin-top: -20px;
}
.snapFeature-content img {
		max-width: 20px;
}
.sosBox img {
		width: 38%;
}
#circleIcons img {
		max-width: 150px;
}
#plansHeader .plans-box h1 {
		font-size: 50px;
}
.wizActBox .btn.radioBtn, .wizActBox .btn.radioBtn.active .wizAddonBtn {
		background-color: var(--blue-color) !important;
		color: #fff !important;
}
.wizActBox .btn.radioBtn:hover {
	opacity: .8;
}
label.btn.btn-default.radioBtn.active {
		background-color: var(--dark-blue-color) !important;
}
#wizAddons h3 img {
		max-width: 200px;
}
.acc-box {
		min-height: 300px;
}
.acc-box-wiz {
		height: 300px;
}
.acc-box-desc {
		height: 80%;
}
.acc-box-desc img {
		max-height: 200px;
		display: block;
		margin-left: auto;
		margin-right: auto;
}
.acc-box-desc p {
	text-align: center;
		width: auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
.acc-box-desc strong {
		display: block;
		text-align: center;
}
.acc-box-desc strong.min-pad  {
		text-align: left;
}
.acc-box-bottom strong.larger-text-25 {
		float: right;
}
h1.product-page-title {
	padding-left: 15px;
}
form.cart-addPhone {
		float: right;
}
form.cart-addPhone input.btn {
		padding: 10px 30px;
}
.cart-addPhone p {
		font-size: 18px;
		text-align: right;
}
label.btn.btn-default.radioBtn.active.btn-phones {
		background-color: #f9f9f9 !important;
}
.cpPanel .btn {
		box-shadow: none;
}
#wizCart .product-column {
		display: block;
}
#wizPromoCode input[type='text'] {
		border: none;
		border-bottom: 1px solid #ddd;
		padding: 5px;
		margin-right: 10px;
		margin-top: 10px;
}
#wizPromoCode input[type='text']:focus {
		border-bottom: 2px solid var(--blue-color);
		outline: none;
}
#wizPromoCode h4 {
		color: #000;
		font-size: 20px;
		border-bottom: 1px solid #ddd;
		padding: 10px 0px;
		margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
	#wizBottom a.btn, .wizNextBtn {
			width: auto;
	}
}

/* -------------- HEADER --------------- */

/* General */
header {
		z-index: 20;
}
header a:hover {
	text-decoration: none;
}
/* Green top bar */
header .snapfon-tiptop {
		background-color: var(--blue-color);
}
header .row.snapfon-tiptop >  .container {
		width: 65vw !important;
}
header a.tiptop-link {
		font-size: 14px;
		margin: 0px 5px;
		padding: 5px;
}
header a.tiptop-link.tiptop-link-orange {
		background-color: #ddd;
		color: #333;
		font-size: 12px;
		font-weight: 700;
		line-height: 22px;
		margin: 0px;
		padding: 5px 15px;
}
/* cart icon in top bar */
header .in-text-svg {
		vertical-align: middle;
}
/* Main header menu */
header #navbar-collapse {
		padding: 0px;
}
header .navbar-brand > img {
		max-width: 150px;
}
header .navbar {
		min-height: 70px;
		 margin-left: auto !important;
		 margin-right: auto !important;
		width: 65vw;
}
header a.navbar-brand {
		height: 70px;
		padding: 0px 30px;
		overflow: hidden;
		padding-top: 20px;
}
header .navbar-nav a {
		font-size: 14px;
		font-weight: 600;
}
header ul.navbar-nav > li > a {
		padding: 40px 50px 0px 50px;
		vertical-align: text-bottom;
}
header .navbar ul li:last-of-type a {
		padding-right: 0px;
}
header .dropdown-menu > li > a {
		padding: 0px 10px;
}
.navbar-default .navbar-nav > li > a {
		color: #333;
		font-weight: 600;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: var(--blue-color);
	}
	.tiptop-link-orange:hover, .tiptop-link-orange:active, .tiptop-link-orange:focus {
		color: #fff !important;
}
.specialMobileLink {
		background-color: #ddd !important;
}
.homepage-hours-exception-banner {
		color: #fff;
		background: var(--blue-color);
		text-align: center;
		padding: 5px;
}
@media only screen and (min-width: 2000px) {
	header .navbar-nav a {
			font-size: 18px;
	}
	header a.tiptop-link {
			font-size: 18px;
	}
	header .navbar-brand > img {
			max-width: 200px;
	}
	header a.navbar-brand {
			height: 80px;
	}
}
@media only screen and (max-width: 1350px) {
	header .row.snapfon-tiptop >  .container {
			width: 85vw !important;
	}
	header .navbar {
			width: 85vw;
	}
}
@media only screen and (max-width: 1100px) {
	header .navbar {
			width: 95vw;
	}
	header .row.snapfon-tiptop {
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media only screen and (max-width: 1000px) {
	header ul.navbar-nav > li > a {
			padding: 0px 20px;
	}
	header ul.navbar-nav > li {
			overflow: hidden;
	}
}
@media only screen and (max-width: 700px) {
	header .row.snapfon-tiptop {
			margin: 0px;
	}
	header .nav.navbar-nav {
			margin: 20px;
			max-width: 100% !important;
	}
	header ul.navbar-nav > li > a {
			padding: 5px !important;
			height: 30px;
	}
	header .dropdown-menu > li > a {
			padding: 0px 20px !important;
	}
}

/* -------------- FOOTER --------------- */

/* General */
footer {
		background: #222;
		margin-top: 40px !important;
		vertical-align: top;
}
footer a , footer p {
	color: #fff;
		text-align: center;
}
footer a {
		font-size: 20px;
}
footer p {
		font-size: 10px;
		margin-bottom: 0px;
		padding: 30px 0px;
}
/* footer images */
.footer-logo {
		display: inline-block;
}
.footer-social-icons {
		display: inline-block;
}
.footer-icons {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
		text-align: center;
		padding: 30px 10px 10px 10px;
}
.footer-social-icons img {
		height: 50px;
}
/* Footer menus */
footer .menu {
		text-align: center;
		padding: 10px;
}
footer .menu a:hover {
		color: #ddd;
		text-decoration: none;
}
footer .menu a:after {
		color: #fff;
		content: "|";
		font-size: 30px;
		padding: 20px;
}
footer .menu a:last-child:after {
		content: "";
		padding: 0px;
}
footer .footer-menu-2 a {
	font-size: 16px;
}
footer .footer-menu-2 a:after {
		font-size: 22px;
}
@media only screen and (max-width: 768px) {
	footer {
			padding-bottom: 100px;
	}
	footer .footer-icons {
			margin: 0px;
			padding-left: 25px;
			text-align: left;
	}
	footer .menu a {
			display: block;
			font-size: 16px;
			line-height: 20px;
			padding: 5px 20px;
			text-align: left;
	}
	footer .menu a:after {
			display: none;
	}
	footer p {
			padding-bottom: 20px;
	}
}

/* -------------- SKYBELL -------------- */

.skybell-container {
		background: #fff;
		margin-left: -15px;
}
.skybell-banner {
		background: #f9f9f9;
		border-bottom: 10px solid var(--blue-color);
		width: 100vw;
}
.skybell-banner .center {
		margin-left: auto;
		margin-right: auto;
		max-width: 925px;
		position: relative;
		width: 60%;
}
.skybell-banner .banner-img {
		display: inline-block;
		margin-bottom: 50px;
		max-height: 300px;
		max-width: 40%;
		padding-top: 10px;
		vertical-align: top;
}
.skybell-banner .banner-img img {
	max-height: 260px;
	max-width: 100%;
}
.skybell-banner .text-block {
		display: inline-block;
		margin: 60px 0px 0px 0px;
		max-width: 550px;
		width: 59%;
}
.skybell-banner .text-block p {
		font-size: 20px;
		margin-bottom: 0px;
		text-align: center;
}
.skybell-banner .text-block p.text-small {
		font-size: 14px;
}
.skybell-banner .text-block p.text-large {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 30px;
		margin-top: 20px;
}
.skybell-banner .product-title-block {
		bottom: 0;
		display: inline-block;
		left: 0;
		position: absolute;
}
.skybell-banner .product-title-block h1 {
		font-size: 27px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
}
.skybell-banner .product-title-block p {
		font-size: 16px;
}
.skybell-images {
		display: inline-block;
		padding-top: 50px;
		text-align: right;
		vertical-align: top;
		width: 55%;
}
.skybell-images img {
		border-radius: 5px;
		border: 2px solid #666;
		cursor: pointer;
		margin: 0px 5px;
		max-height: 90px;
		max-width: 90px;
		padding: 10px 0px;
}
.skybell-buy-options {
		display: inline-block;
		margin-bottom: 20px;
		margin-top: 50px;
		padding-bottom: 30px;
		text-align: right;
		width: 225px;
}
.skybell-buy-options .price {
		font-size: 22px;
		font-weight: 700;
}
.skybell-option {
		display: inline-block;
		margin: 0px 40px;
		max-width: 250px;
}
.highlight-option {
	background: var(--light-orange-color);
}
.highlight-option p.text-large {
		font-size: 18px;
}
.highlight-option p {
		font-size: 12px;
		font-size: 12px;
		font-weight: 700;
		margin: 0px;
		text-align: center;
}
.highlight-option {
		padding: 5px 15px;
}
.skybell-buy-options p {
		text-align: center;
}
.skybell-container button {
		background: var(--orange-color);
		border-radius: 8px;
		border: none;
		box-shadow: 0px 1px 5px rgba(0,0,0,.1);
		color: #fff;
		display: block;
		font-size: 18px;
		line-height: 18px;
		margin-left: auto;
		margin-right: auto;
		padding: 5px 40px;
}
.skybell-buy-options .price-subtext {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 150px;
}
.skybell-container > p {
		font-size: 18px;
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
		padding: 0px 15px;
		text-align: center;
		width: 100%;
}
.skybell-option .price {
		font-size: 25px;
		font-weight: 700;
}
.skybell-option .price-subtext {
		font-size: 15px;
}
.skybell-container h2 {
		color: var(--blue-color);
	display: table;
		font-size: 40px;
		font-weight: 100;
		margin: 40px auto;
}
.skybell-container h2:after, .skybell-container h3:after {
		border-bottom: 2px solid var(--orange-color);
		content: "";
		display: block;
		margin: 10px auto;
		text-align: center;
		width: 90%;
}
ul.skybell-feature-list {
		-moz-columns: 2;
		-webkit-columns: 2;
		columns: 2;
		font-size: 18px;
		margin: 0px auto 50px auto;
		max-width: 600px;
}
.skybell-feature-list li {
		margin-bottom: 10px;
}
.skybell-container h3 {
		color: var(--dark-blue-color);
	display: table;
		font-size: 30px;
		font-weight: 700;
		margin: 30px auto;
}
.skybell-box-items {
		background: #e5e5e5;
		border-radius: 30px;
		border: 1px solid #777;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
}
.skybell-box-items img {
		max-height: 200px;
		max-width: 300px;
}
.skybell-box-items .box-item {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		width: 32%;
}
.skybell-box-items p {
		color: #444;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 30px;
}
.shadowed {
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
		-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
		filter: url(#drop-shadow);
}
@media only screen and (max-width: 1400px) {
		.skybell-banner .banner-img {
			margin-bottom: 60px;
		}
		.skybell-box-items .box-item {
			padding: 10px;
		}
		.skybell-box-items img {
			max-height: 150px;
			max-width: 200px;
	}
}
@media only screen and (max-width: 1024px) {
		.skybell-banner .center {
			width: 90%;
	}
	.skybell-banner .text-block p {
		font-size: 16px;
	}
	.skybell-box-items .box-item {
			width: 49%;
	}
	.skybell-box-items img {
			max-height: 150px;
			max-width: 100%;
	}
	.skybell-box-items {
			width: 90%;
	}
}
@media only screen and (max-width: 700px) {
		.skybell-banner .banner-img {
			margin-bottom: 40px;
			max-width: none;
			padding-top: 80px;
			text-align: center;
			width: 100%;
		}
		.skybell-banner .text-block {
			margin: 20px;
			text-align: center;
			width: 100%;
	}
	.skybell-banner .text-block p.text-large {
			margin: 10px;
	}
	.skybell-banner .product-title-block {
			text-align: center;
			top: 10px;
			width: 100%;
	}
	.skybell-banner .product-title-block h1 {
			font-size: 40px;
	}
}
@media only screen and (max-width: 500px) {
	.container-fluid {
			padding: 0px;
			width: 100vw;
	}
	.skybell-container {
			margin-left: 0px;
			width: 100vw;
	}
	.skybell-banner {
			width: 100%;
	}
	.skybell-banner .text-block {
			margin: 0px;
			margin-bottom: 20px;
	}
	.skybell-images {
			text-align: center;
			width: 100%;
	}
	.skybell-buy-options {
			margin-top: 20px;
			width: 100%;
	}
	.skybell-container button {
			padding: 10px 40px;
	}
	ul.skybell-feature-list {
			-moz-columns: 1;
			-webkit-columns: 1;
			columns: 1;
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 90%;
	}
		.skybell-box-items .box-item {
			width: 100%;
	}
}

/* -------------- BOOTSTRAP CAROUSEL --- */

.carousel-control {
		background: none !important;
		opacity: 1;
}
#carousel-homepage .item-container {
		min-height: 325px;
}
#carousel-homepage .carousel-indicators li {
		background: #333;
		border: none;
		margin: 0px 15px;
}
#carousel-homepage .carousel-indicators .active {
		background: var(--orange-color);
		margin: 0px 15px;
}
#carousel-homepage .item-container {
		border: 1px solid #aaa;
		border-radius: 50px;
		font-size: 14px;
		margin-top: 30px;
		padding: 30px;
		padding-bottom: 50px;
}
#carousel-homepage .title img {
		height: 39px;
		margin-bottom: 1px;
		width: auto;
}
#carousel-homepage ul {
		padding-left: 15px;
}
#carousel-homepage .title {
		color: #444;
		font-size: 30px;
		font-weight: 100;
		margin-bottom: 10px;
		margin-top: 0px;
}
.multi-item-carousel .carousel-inner > .item {
		-webkit-transition: 500ms ease-in-out left;
		transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
		left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
		left: 33%;
}
.multi-item-carousel .carousel-inner .next {
		left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
		left: -33%;
}
.carousel-control.left,
.carousel-control.right {
		background-image: none;
}
.glyphicon-chevron-left:before {
	content: "◀";
		margin-left: 14vw;
}
.glyphicon-chevron-right:before {
	content: "▶";
		margin-left: -15vw;
}
.glyphicon:before {
		background: var(--orange-color);
		border-radius: 25px;
		color: #fff;
		display: block;
		font-size: 15px;
		height: 50px;
		line-height: 20px;
		opacity: 1 !important;
		padding: 15px 5px;
		text-shadow: none;
		width: 50px;
}
@media all and (transform-3d), (-webkit-transform-3d) {
		.multi-item-carousel .carousel-inner > .item {
				-webkit-transition: 500ms ease-in-out left;
				transition: 500ms ease-in-out left;
				-webkit-transition: 500ms ease-in-out all;
				transition: 500ms ease-in-out all;
				-webkit-backface-visibility: visible;
						backface-visibility: visible;
				-webkit-transform: none!important;
						transform: none!important;
		}
}
@media only screen and (max-width: 1599px) {	
	.glyphicon-chevron-left:before {
		content: "◀";
			margin-left: 5vw;
	}
	.glyphicon-chevron-right:before {
		content: "▶";
			margin-left: -6vw;
	}
}
@media only screen and (max-width: 991px) {	
	.glyphicon:before {
			width: 25px;
	}
	.glyphicon-chevron-left:before {
		content: "◀";
			margin-left: -2vw;
	}
	.glyphicon-chevron-right:before {
		content: "▶";
			margin-left: 3vw;
	}
}
@media only screen and (min-width: 768px) {
	.carousel-indicators {
			bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	#carousel-homepage .title {
			margin-top: 20px;
	}
	.glyphicon:before {
			background: #fff;
			color: #333;
			height: auto;
			width: auto;
	}
	.glyphicon-chevron-left:before {
		content: "◀";
			left: -1vw;
			position: absolute;
			right: auto;
	}
	.glyphicon-chevron-right:before {
		content: "▶";
			left: auto;
			position: absolute;
			right: -10px;
	}
}

/* -------------- HOMEPAGE ------------- */

.homepage-container {
		background: #fff;
		margin-bottom: -40px;
		overflow: hidden;
		width: 100vw;
}
.homepage-promo-banner {
		background: var(--orange-color);
		color: #fff;
		font-size: 14px;
		padding: 5px 20px;
		text-align: center;
}
.homepage-promo-banner .text-bold {
		font-size: 16px;
}
.homepage-promo-banner a {
		color: #fff;
		cursor: pointer;
		text-decoration: underline;	
}
.homepage-promo-banner a:hover {
		opacity: .8;
}
.homepage-promo-banner .modal-content {
		color: #333;
		padding: 20px;
}
.homepage-promo-banner .modal-content a {
		color: var(--blue-color);
}
.homepage-promo-banner .modal-content img.logo {
		width: 141px;
}
.homepage-container .homepage-banner {
		position: relative;
		width: 100%;
}
.homepage-container .homepage-banner-images {
		width: 100%;
}
.homepage-container img {
		width: 100%;
}
.homepage-banner-shapes {
	display: none;
}
.homepage-container .homepage-banner-text-block {
		position: absolute;
		left: 16%;
		text-align: center;
		top: 2vw !important;
}
.homepage-container .homepage-banner-text-block h1 {
		font-size: 3vw;
		text-align: left;
}
.homepage-container .homepage-banner-text-block p {
		font-size: 1.3vw;
		margin-bottom: 20px;
		max-width: 100%;
		text-align: left;
}
.homepage-container .homepage-banner-text-block .pricingtext span.text-big {
		font-size: 1.8vw;
}
.homepage-container .homepage-banner-text-block p.subtitle {
		border-bottom: 4px solid var(--orange-color);
		padding-bottom: 10px;
		white-space: nowrap;
}
.homepage-container .homepage-banner-text-block p.pricingtext {
		display: inline-block;
		float: left;
}
.homepage-container .homepage-banner-text-block a {
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
		margin-top: 25px;
}
.homepage-container .homepage-banner-text-block img {
		max-height: 40px;
		max-width: 179px;
		width: auto;
}
.homepage-container .homepage-banner-text-block img.soslogo {
		position: relative;
		top: -13px;
}
.homepage-container .homepage-banner-text-block img.snapmobilelogo {
		position: relative;
		top: -6px;
}
.homepage-container .homepage-banner-text-block .text-orange.text-bold {
		font-size: 35px;
		line-height: 40px;
}
div#carousel-homepage {
		margin: 20px 0px;
}
#carousel-homepage .information {
		padding-bottom: 40px;
}
#carousel-homepage .item-container .btn {
		position: absolute;
		bottom: 0;
}
.homepage-coverage-checker img.logo {
		padding: 0px 20px 10px 20px;
		width: 200px;
}
.homepage-coverage-checker > div {
		background: #fff;
}
.homepage-container img.coverage-map {
		float: right;
		margin-right: 10px;
		max-width: 300px;
		padding: 30px 0px;
}
.homepage-coverage-checker h3 {
		 color: var(--blue-color);
		 font-size: 20px;
		margin-bottom: 5px;
		padding: 0px;
		text-align: center;
}
.homepage-coverage-checker input {
	border: none;
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		margin: 10px 22px;
		max-width: 80px;
		padding: 5px;
}
.homepage-coverage-checker input:focus {
		border-bottom: 2px solid var(--blue-color);
		outline: none;
}
.homepage-coverage-checker input[type=number]::-webkit-inner-spin-button, 
.homepage-coverage-checker input[type=number]::-webkit-outer-spin-button { 
		-webkit-appearance: none; 
		margin: 0; 
}
.homepage-coverage-checker .alert {
		margin-bottom: 0px;
		padding: 10px;
		white-space: normal;
}
.homepage-container .featured-items {
		margin-bottom: 40px;
}
.homepage-container #tmoPlans h1 {
		display: none;
}
.homepage-container .plan-picker {
		margin-bottom: 10px;
}
.homepage-container .plan-picker h2 img {
		width: 170px;
		margin-top: -5px;
}
.homepage-container .plan-picker h2.title {
		border-bottom: 2px solid var(--orange-color);
		font-size: 38px;
		padding-bottom: 10px;
}
.homepage-container .plan-picker p {
		font-size: 17px;
}
.homepage-container .plan-picker #tmoPlans h2 {
		background: var(--blue-color);
		color: #fff;
		font-size: 18px;
		margin-bottom: 0px;
		margin-left: 5px;
		padding: 5px;
		text-align: center;
}
.homepage-container .plan-picker .no-texts, .homepage-container .plan-picker .no-data {
		display: none;
}
.homepage-coverage-checker .vertical-center {
		left: 50%;
		position: absolute;
		top: 20%;
}
.homepage-coverage-checker {
		position: relative;
}
.homepage-featured-item {
		border-radius: 10px;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		padding: 10px;
		text-align: center;
		min-height: calc(540px - 3vw);
}
.featured-items a.btn.btn-orange {
		margin-top: 10px;
}
.homepage-featured-item img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-height: 230px;
		max-width: 100%;
		width: auto;
}
.homepage-featured-item .align-bottom {
		bottom: 40px;
		left: 10%;
		position: absolute;
		width: 80%;
}
.homepage-featured-item h2 {
		font-size: 23px;
		margin-top: 10px;
}
.homepage-featured-item p {
		font-size: 12px;
}
#carousel-featured-items {
		padding-bottom: 40px;
}
#carousel-featured-items .homepage-featured-item a.btn.btn-orange {
		margin-top: 20px;
}
@media only screen and (min-width: 2000px) {
	.homepage-container p, .homepage-container span, 
	.homepage-container li, .homepage-container .btn, 
	.homepage-container .plan-picker p {
			font-size: 1.4em;
	}
	.homepage-container h2 {
			font-size: 2.4em;
	}
	#carousel-homepage .title img {
			height: 60px;
			margin-bottom: 6px;
	}
	#carousel-homepage .title {
			font-size: 40px;
	}
	#carousel-homepage .item-container {
			min-height: 470px;
	}
	#tmoPlans fieldset label, #tmoPlans fieldset div span {
			font-size: 20px;
	}
	.homepage-container .plan-picker #tmoPlans h2 {
			font-size: 25px;
	}
	.homepage-coverage-checker input {
			max-width: 139px;
			font-size: 20px;
	}
	.homepage-coverage-checker h3 {
		font-size: 30px;
	}
	.homepage-container img.coverage-map {
			max-width: 500px;
	}
	.homepage-featured-item {
			min-height: 575px;
	}
}
@media only screen and (max-width: 1250px) {
	.homepage-featured-item {
			min-height: calc(545px - 1vw);
	}
}
@media only screen and (max-width: 991px) {
	.homepage-container .homepage-banner-text-block {
			padding: 20px;
			position: relative;
			left: auto;
			top: auto !important;
	}
	.homepage-container .homepage-banner-text-block h1, .homepage-container .homepage-banner-text-block p {
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			text-align: center;
			width: 100%;
	}
	.homepage-container .homepage-banner-text-block p {
			font-size: 15px;
	}
	.homepage-container .homepage-banner-text-block h1 {
			font-size: 35px;
	}
	.homepage-container .homepage-banner-text-block .pricingtext span.text-big {
			font-size: 22px;
	}
	.homepage-container .homepage-banner-text-block p.subtitle {
			max-width: 375px;
			white-space: unset;
	}
	.homepage-container .homepage-banner-text-block p.pricingtext {
			display: block;
			float: none;
			margin-bottom: 0px;
	}
	.homepage-featured-item {
			min-height: calc(570px - 9.7vw);
	}
	.homepage-coverage-checker .vertical-center {
			left: auto;
			margin-bottom: 20px;
			position: relative;
			top: auto;
			text-align: center;
	}
	.homepage-container img.coverage-map {
			display: block;
			float: none;
			margin-left: auto;
			margin-right: auto;
	}
}
@media only screen and (max-width: 700px) {
	.carousel-indicators {
			left: 40%;
			width: 80%;
	}
	.homepage-container .plan-picker h2 img {
			width: 120px;
			margin-top: 5px;
	}
	.homepage-container .plan-picker h2.title {
			font-size: 29px;
	}
	.homepage-container .plan-picker p {
			font-size: 14px;
	}
}

/* -------------- SOS PLUS PAGE -------- */

.sos-plus-banner-img {
		min-height: 180px;
}
.sospluspage img {
		 max-width: 100%;
}
.sospluspage .heading-text img {
		max-width: 330px;
}
.sospluspage .heading-logos {
		 margin-top: 40px;
		text-align: center;
}
.sospluspage .main-page {
		margin-left: 10vw;
		margin-right: 10vw;
}
.sospluspage .heading-logos img {
		 margin: 0px 20px;
		 width: 150px;
}
.sospluspage .heading-logos span {
		font-size: 38px;
		font-weight: 700;
		line-height: 26px;
		margin-right: 5px;
}
.sospluspage .heading-text {
		position: absolute;
		margin-left: 40px;
		top: 6vw;
}
.sospluspage .heading-text p {
		border-bottom: 4px solid var(--red-color);
		color: #fff;
		font-size: 20px;
		padding-bottom: 10px;
}
.sos-plus-main-text {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 20px;
}
.sos-plus-main-text p {
		max-width: 60vw;
		margin-right: auto;
		margin-left: auto;
}
.left-red-border {
		border-left: 2px solid var(--red-color);
		height: 200px;
		margin-bottom: 30px;
}
.left-red-border h2 {
		color: var(--red-color);
		font-size: 22px;
		font-weight: 700;
		max-width: 400px;
		text-align: left;
}
.left-red-border p.upselltext {
		font-size: 16px;
}
.left-red-border p {
		font-size: 12px;
		max-width: 400px;
		text-align: left;	    
}
.headset-image-container {
		height: 200px;
		overflow: hidden;
}
.headset-image-container img {
		float: right;
		margin-top: -13px;
		max-width: 400px;
}
.sos-plus-features h3 {
		background: var(--red-color);
		color: #fff;
		display: inline-block;
		font-size: 18px;
		padding: 5px;
		text-align: center;
		vertical-align: bottom;
		width: 60%;
}
.sos-plus-features img {
		margin-bottom: 8px;
		margin-left: 10px;
		max-height: 70px;
		max-width: 30%;
}
.sos-plus-features p {
		background: #ccc;
		color: #000;
		margin-bottom: 15px;
		min-height: 80px;
		padding: 10px 20px;
}
.sospluspage .btn-orange {
		margin-bottom: 20px;
		margin-top: 20px;
}
.sospluspage .large-text {
		font-size: 18px;
}
@media only screen and (max-width: 1050px) {
	.sospluspage .heading-text img {
		width: 200px;
	}
	.sospluspage .heading-text p {
		font-size: 16px;
	}
}
@media only screen and (max-width: 991px) {
	.left-red-border {
		border-left: none;
			height: auto;
	}
	.left-red-border h2, .left-red-border p {
			margin-left: auto;
			margin-right: auto;
	}
	.headset-image-container img {
		float: none;
	}
}
@media only screen and (max-width: 767px) {
	.sospluspage .heading-text {
		margin-left: 0px;
			background: rgba(255, 255, 255, 0.5);
			padding: 10px;
			top: 2vw;
	}
	.sospluspage .heading-text img {
		width: 200px;
	}
	.sospluspage .heading-text p {
		color: #333;
	}
}
@media only screen and (max-width: 500px) {
	.sospluspage .heading-text img {
		width: 150px;
	}
	.sospluspage .heading-text p {
		font-size: 14px;
		font-weight: 700;
	}
	.headset-image-container img {
		margin-left: -80px;
	}
	.sospluspage .heading-logos img {
			width: 150px;
	}
}
@media only screen and (min-width: 2500px) {
	.sospluspage .heading-text img {
		max-width: 20vw;
	}
	.sospluspage .heading-logos img {
		width: 13vw;
	}
	.sospluspage p, .sospluspage span {
			font-size: 1.5em;
	}
	.sospluspage h2 {
			font-size: 2.5em;
	}
	.sospluspage h3, .left-red-border p.upselltext, .sospluspage .heading-text p, .sospluspage .btn-orange {
			font-size: 2em;
	}
	.headset-image-container img, .left-red-border h2, .left-red-border p {
		max-width: 30vw;
	}
	.headset-image-container, .left-red-border {
		height: 400px;
	}
}

/* -------------- PRODUCTS PAGE -------- */

.product-category-options h2 {
		font-size: 20px;
		margin-top: 0px;
}
.product-category-options h3 {
		font-size: 18px;
		color: var(--blue-color);
		margin: 0px;
}
ul.product-category-options {
		list-style: none;
}
.product-category-options a {
		color: var(--blue-color);
		font-size: 18px;
}
.product-category-options a.active {
		font-weight: 700;
}
.product.paper {
		margin-bottom: 10px;
}
img.product-image {
		max-width: 100%;
		max-height: 200px;
		margin-left: auto;
		margin-right: auto;
		display: block;
}
.product-details h2 {
		font-size: 20px;
}
.add-to-cart {
		text-align: right;
}
p.description-paragraph {
	white-space: pre-wrap;
}
.two-column-masonry {
	column-count: 2;
	margin-bottom: 30px;
}
.two-column-masonry > div {
		display: inline-block;
		width: 100%;
}
/* Column doesn't split with only two children */
/* If 2 children, display the last as block and add padding to get the margin to work... */
.two-column-masonry > div:nth-child(2):last-child {
	display: block;
	padding-top: 0.1px;
}
.two-column-masonry > div > div {
	display: flex;
	flex-direction: row;
}
.two-column-masonry > div > div > img {
	margin: 7px 5px 0px 0px;
}
#carousel-upsell-large .glyphicon {
	margin: 0vw -10vw;
}
#carousel-upsell-small .glyphicon {
	margin: 0vw -5vw;
}
#carousel-upsell-large .carousel-inner, #carousel-upsell-small .carousel-inner {
		margin-bottom: 50px;
		margin-left: 8%;
		width: 85%;
}
#carousel-upsell-large ol.carousel-indicators, #carousel-upsell-small ol.carousel-indicators {
		bottom: -50px;
}
#carousel-upsell-large .item > div, #carousel-upsell-small .item > div {
	text-align: center;
	width: 24vw;
}
#carousel-upsell-large, #carousel-upsell-small {
		margin-top: 30px;
}
#carousel-upsell-small .item {
		text-align: center;
}
#carousel-upsell-large img.main-img, #carousel-upsell-small img.main-img {
		max-width: 50%;
		max-height: 50%;
}
#carousel-upsell-large .item p, #carousel-upsell-small .item p {
		margin: 10px;
}
#preorder-modal img.modal-logo {
		margin: 0px 10px 5px 0px;
		max-width: 100px;
}
#preorder-modal-title {
		margin-bottom: -10px;
}
.upsells .add-to-cart button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}
.product-details h2 span, .product-page-title span {
		color: #555;
		font-size: 12px;
}

/* -------------- DETAILVIEW PAGE ------ */

.container.container-nested.device-page {
	background: #fff;
		margin-bottom: -40px;
		margin-left: 0px;
		width: 100%;
}
.device-page .banner img {
		width: 100%;
}
.device-page .banner-text {
		border-bottom: 3px solid var(--orange-color);
		left: calc(30vw - 200px);
		position: absolute;
	top: calc(7vw - 40px);
}
.device-page .banner-text span.text-orange {
		font-size: 1.4em;
		padding: 10px;
		font-weight: 700;
}
.device-page .banner-text h1, .banner-text h2 {
		color: var(--blue-color);
		text-shadow: 0px 2px 7px rgba(0, 0, 0, .2);
}
.device-page .banner-text h1 {
		font-weight: 700;
}
.device-page .banner-text h2 {
		margin-top: 5px;
}
.device-page .col-xs-12.banner {
		border-bottom: 15px solid var(--blue-color);
		margin-bottom: 40px;
	padding: 0px;
}
.gallery img.preview {
	border: 1px solid #ccc;
	cursor: pointer;
	display: block;
	margin-bottom: 2px;
	max-height: 60px;
	max-width: 100%;
}
.gallery img.preview:hover {
		opacity: .5;
}
.gallery img.display {
	border: 1px solid #eee;
	margin-bottom: 10px;
		max-width: 100%;
}
.device-page .price {
	display: block;
	font-size: 1.6em;
}
.main-info {
		margin-bottom: 20px;
}
.device-page .main-info h3 {
	color: var(--blue-color);
}
.device-page .main-info h1 {
	margin-top: 0px;
}
.device-page .main-info span.disclaimer {
		font-size: .9em;
}
.device-page .main-info ul {
	-moz-columns: 2;
	-webkit-columns: 2;
	columns: 2;
	list-style: none;
	max-height: 250px;
	overflow: hidden;
}
.device-page .main-info li {
	padding: 5px 20px 5px 0px;
}
.device-page .main-info li::before {
	color: var(--blue-color); /* Change the color */
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	display: inline-block; /* Needed to add space between the bullet and the text */
	font-weight: bold; /* If you want it to be bold */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	width: 1em; /* Also needed for space (tweak if needed) */
}
.device-page .accommodations img {
	display: inline-block;
	margin-left: 20px;
	max-height: 50px;
	position: absolute;
	top: 20px;
}
.device-page .accommodations .accommodation {
	position: relative;
}
.device-page .accommodations .accommodation div{
	display: inline-block;
}
.device-page .accommodations h2 {
		font-size: 3em;
}
.device-page .accommodation h3 {
		color: var(--blue-color);
		font-size: 1em;
		font-weight: 700;
		margin-bottom: 0px;
}
.device-page .ui .ui-image img {
	width: 272px;
}
.device-page .ui {
	padding-top: 30px;
	position: relative;
 }
.device-page .ui h3 {
		font-weight: 700;
		font-size: 1.4em;
}
.device-page .ui h2 {
		font-size: 2.3em;
}
.device-page .ui-items {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	text-align: center;
}
.device-page .ui-item {
		display: inline-block;
		max-width: 75px;
		margin: 5px 20px;
		text-align: center;
}
.device-page .ui-item img {
		max-width: 100%;
}
.device-page .row.sos {
	background: #eee;
	padding: 40px;
		position: relative;
}
.device-page .sos h2 {
		font-size: 3em;
}
.device-page .sos h3 {
		font-size: 1.3em;
		font-weight: 700;
		padding-bottom: 15px;
}
.device-page .sos img {
		margin: 15px 30px;
		max-height: 100px;
}
.device-page .sos img.logo {
	bottom: 30px;
	left: 375px;
		margin: 0;
		max-height: 35px;
		position: absolute;
}
.device-page .sos .sos-image img {
	float: right;
	max-height: 345px;
}
.device-page .applications h2 {
		color: var(--blue-color);
		text-align: left;
		font-size: 3em;
}
.device-page .applications {
		padding: 40px 0px;
}
.device-page .applications img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	margin-top: 20px;
		max-height: 85px;
}
.device-page .applications div {
		text-align: center;
}
.device-page .specs h2 {
		color: var(--blue-color);
		margin-bottom: 30px;
		text-align: center;
}
.device-page .specs .btn-orange {
		margin-top: 10px;
}
.device-page .specs .buy {
	display: block;
}
.device-page .specs .feature-group h3 {
		margin-bottom: 0px;
}
.device-page .add-to-cart .row {
		margin: 20px;
}
.device-page .specs img.specbox {
		max-height: 30vw;
		margin-left: auto;
		margin-right: auto;
		display: block;
}
.device-page .specs ul {
	list-style: none;
}
.device-page .specs ul li {
		margin-top: -10px;
}
.device-page .specs li::before {
	color: var(--blue-color); /* Change the color */
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	display: inline-block; /* Needed to add space between the bullet and the text */
	font-weight: bold; /* If you want it to be bold */
	font-size: 2em;
	height: 30px;
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	width: 30px; /* Also needed for space (tweak if needed) */
}
.device-page .feature-group {
		display: inline-block;
	max-width: 250px;
		text-align: left;
}
.ez4g-page .accommodations {
		background-image: url(/images/landing-pages/ez4g/hands_background.png);
		background-position-y: top;
		background-size: cover;
	padding: 40px 0px;
}
.ezflip-4g-page .accommodations {
		background-image: url(/images/landing-pages/ezflip/hands_background.png);
		background-position-y: top;
		background-size: cover;
	padding: 40px 0px;
}
@media only screen and (max-width: 768px) {
	.sticky-bar {
			background: #fff;
			bottom: 0px;
			box-shadow: 1px 2px 15px rgba(0, 0, 0, .2);
		padding: 10px 0px;
			position: fixed;
		width: 100vw;
			z-index: 1000;
	}
	.sticky-bar h1 {
		display: block;
		font-size: 2em;
		padding-right: 10px;
		text-align: center;
	}
	.sticky-bar .price {
			display: block;
			font-size: 1.6em;
	}
	.sticky-bar .row > div {
			padding: 0px;
	}
	.sticky-bar .buy {
		display: block;
			position: relative;
			top: 20px;
	}
	.device-page .banner-text {
			left: 0px;
			position: relative;
			text-align: center;
	}
	.device-page .banner-text h2 {
		display: none;
	}
	.device-page .col-xs-12.banner {
		border-bottom: 0px solid var(--blue-color);
	}
	.device-page .gallery img.preview {
			display: inline-block;
	}
	.device-page .main-info ul {
			max-height: none;
		padding-left: 15px;
	}
	.device-page .main-info li {
			padding: 5px 10px 5px 0px;
	}
	.ezflip-4g-page .accommodations {
		background-image: url(/images/landing-pages/ezflip/box1mobile.png), linear-gradient(to right, rgb(236 225 206), rgb(236 225 207), rgb(236 230 222), rgb(234 226 215), rgb(230 222 212), rgb(249 242 235));
		background-position-y: top, top;
			background-size: 100% auto, cover;
			background-repeat: no-repeat, repeat;
		height: 170vw;
		max-height: 770px;
			padding: 0px 0px;
	}
	.ez4g-page .accommodations {
		background-image: url(/images/landing-pages/ez4g/box1mobile.png), linear-gradient(to right, rgb(236 225 206), rgb(236 225 207), rgb(236 230 222), rgb(234 226 215), rgb(230 222 212), rgb(249 242 235));
		background-position-y: top, top;
			background-size: 100% auto, cover;
			background-repeat: no-repeat, repeat;
		height: 170vw;
		max-height: 770px;
			padding: 0px 0px;
	}
	.device-page .accommodations h2 {
			font-size: 2.4em;
			margin-top: calc(5vw - 10px);
		margin-bottom: 67vw;
		text-align: center;
	}
	.device-page .accommodations img {
			max-height: 40px;
			top: 10px;
	}
	.device-page .accommodations .accommodation div {
		min-width: 210px;
		width: 48vw;
	}
	.device-page .accommodations .accommodation br {
			display: none;
	}
	.device-page .accommodation h3 {
			margin-top: 10px;
	}
	.device-page .ui {
			text-align: center;
	}
	.device-page .ui h2 {
			margin-top: 0px;
			position: relative;
			z-index: 10;
	}
	.device-page .ui .ui-image img {
		min-width: 220px;
			width: 27vw;
	}
	.device-page .row.sos {
			padding: 0px; 
		text-align: center;
	}
	.device-page .sos img {
			margin: 15px 10px;
			max-height: 90px;
	}
	.device-page .sos img.logo {
			bottom: 0;
			left: 0;
		margin-bottom: 30px;
			max-height: 50px;
			position: relative;
	}
	.device-page .sos .sos-image-mobile {
			margin-left: auto;
			margin-right: auto;
			max-height: none;
			width: 42%;
	}
	.device-page .applications {
			padding: 0px 0px; 
			margin-bottom: 20px;
	}
	.device-page .applications h2 {
			text-align: center;
	}
	.device-page .feature-group {
			display: block; 
			max-width: none; 
	}
	.device-page .specs img.specbox.visible-xs {
			max-height: none;
			width: 62%;
	}
}
@media only screen and (min-width: 2000px) {
	.device-page .banner-text h1, .device-page .accommodations h2, .device-page .main-info h1, .device-page .ui h2 {
			font-size: 4em;
	}
	.device-page .banner-text h2, .device-page .specs h2{
			font-size: 3em;
	}
	.device-page .ui h3, .device-page .specs h3  {
		font-size: 2em;
	}
	.device-page p, .device-page li, .device-page .btn.btn-orange, .device-page .accommodation h3, 
	.device-page .accommodation div, .device-page .sos h3, .device-page .applications span {
			font-size: 1.5em;
	}
	.device-page .main-info span.disclaimer {
			font-size: 1.3em;
	}
	.device-page .feature-group {
			max-width: 360px;
	}
	.device-page .ui-item {
			max-width: 125px;
		font-size: 1.5em;
	}
	.device-page .ui-items {
			max-width: 900px;
	}
	.device-page .ui .ui-image img {
			width: 12vw;
	}
	.device-page .sos img.logo {
			left: 550px;
			max-height: 50px;
	}
	.device-page .applications img {
			max-height: 135px;
	}
	.gallery img.preview {
			max-height: 100px;
	}
	.device-page .sos img {
			max-height: 200px;
	}
	.device-page .sos .sos-image img {
			max-height: 545px;
	}
}

/* -------------- PLANS PAGE ----------- */

#plansHeader img.banner {
		margin-top: 0px;
		width: 100%;
		z-index: -2;
}
#plansHeader .large-text {
		font-size: 25px;
		line-height: 65px;
		padding: 10px;
		vertical-align: top;
}
#plansHeader .plans-box {
		left: calc(-42px + 13vw);
		margin-bottom: 20px;
		margin-top: 0px;
		position: absolute;
		text-align: left;
		top: 5vw;
}
#plansHeader .plans-box h1 {
		color: var(--blue-color);
		font-size: 3vw;
		font-weight: 700;
		margin-top: 0;
}
#plansHeader .plans-box p {
		border-bottom: 3px solid var(--orange-color);
		font-size: 1.3vw;
		padding-bottom: 10px;
}
#plansHeader .plans-box img {
		margin-bottom: 15px;
		margin-top: 10px;
		width: 150px;
}
.plans-page {
		background: #fff;
		margin-bottom: -40px;
		padding: 20px 10vw 40px 10vw;
		width: 100vw;
}
.plans-page h1 img {
		position: relative;
		top: -5px;
		width: 200px;
}
.plans-page h1 {
		border-bottom: 2px solid var(--blue-color);
		font-size: 40px;
		line-height: 70px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 40px 0px 40px;
		text-align: center;
		width: fit-content;
}
.plans-page span.tagline {
		display: block;
		margin-bottom: 20px;
		text-align: center;
}
.plans-page span.tagline-small {
		display: block;
		font-size: 14px;
		margin-bottom: 20px;
		margin-top: -20px;
		text-align: center;
}
.plans-page .plan-option {
		background: var(--light-blue-color);
		margin: 10px;
		padding: 5px 10px;
}
.plans-page .plan-option.disabled {
		opacity: .2;
}
.plans-page .sos-plan-options h2 {
		background: var(--red-color);
}
.plans-page .sos-plan-options .plan-option {
		background: var(--light-red-color);
}
.plans-page span {
		font-size: 16px;
}
.plans-page span.price {
		float: right;
}
.plans-page button {
		background: var(--blue-color);
		border: none;
		color: #fff;
		font-size: 18px;
		margin-right: 10px;
}
.plans-page a.btn.btn-green {
		float: right;
		margin-right: 10px;
}
.plans-page form.cart-addItem {
		text-align: center;
}
.plans-page #tmoPlans h1 {
	display: none;
}
.plans-page #tmoPlans h2 {
		background: var(--blue-color);
		color: #fff;
		padding: 5px 10px;
		margin-left: 5px;
}
.plans-page #tmoPlans #plan-bundles {
		display: inline-block;
		width: 66%;
} 
.plans-page .price-container {
		border: 1px solid #aaa;
		border-radius: 10px;
		margin-top: 75px;
		padding: 30px;
}
.plans-page .price-container h5 {
		font-size: 18px;
		font-weight: 700;
		text-align: center;
}
.plans-page .price-container .price-text {
		color: var(--blue-color);
		font-size: 40px;
		font-weight: 100;
		text-align: center;
		text-transform: uppercase;
}
.plans-page .price-container .price-text .number {
		font-size: 70px;
		font-weight: 100;
}
.plans-page .price-container .price-text .number sup {
		font-size: 59%;
}
.plans-page .price-container p {
		font-weight: 700;
		font-size: 16px;
}
.plans-page .price-container p.plan-info {
		color: var(--blue-color);
		font-size: 20px;
		font-weight: 100;
}
.plans-page .price-container p.disclaimer {
		font-weight: 100;
		font-size: 12px;
		margin-top: 20px;
}
.plans-page .calling-feature img {
		width: 100%;
}
.plans-page .calling-feature h3 {
		font-size: 16px;
		font-weight: 700;
}
.plans-page .calling-feature p {
		font-size: 12px;
}
.plans-page .calling-feature {
		height: calc(290px - 5vw);
		margin-top: 30px;
		padding: 0px;
}
.plans-page .calling-feature .custom-long-distance {
		margin-left: -10px;
		margin-right: 10px;
		padding: 0px;
}
.plans-page h4.modal-title {
		color: var(--blue-color);
		display: block;
		font-size: 30px;
		font-weight: 700;
		margin-top: 30px;
		text-align: center;
}
.plans-page .modal-body hr {
		border-top: 2px solid var(--orange-color);
		margin-bottom: 30px;
		margin-top: 10px;
		width: 70%;
}
.plans-page .modal-content .option {
		display: inline-block;
		text-align: center;
		vertical-align: bottom;
		width: 49%;
}
.plans-page .image-container {
		display: table-cell;
		height: 210px;
		padding-bottom: 10px;
		vertical-align: bottom;
}
.plans-page .modal-content .option img {
		vertical-align: bottom;
		width: 80%;
}
.plans-page .modal-content .option img.eztwoimg {
		width: 30%;
}
.plans-page .modal-content .option img.smartphoneimg {
		width: 35%;
}
.plans-page .modal-content .option p {
		font-size: 13px;
		font-weight: 700;
		padding: 15px 0px;
		text-align: center;
}
.plans-page .modal-content .option p.disclaimer {
		font-size: 10px;
		font-weight: 100;
}
.plan-picker fieldset > div {
		position: relative;
}
.plans-page .modal-dialog button {
		border-radius: 10px;
}
.plans-page .large-text {
		font-size: 18px;
}
@media only screen and (min-width: 2000px) {
	.plans-page .calling-feature h3, .plans-page .price-container h5, 
	.plans-page .price-container p, .plans-page .price-container p.plan-info, 
	.plans-page h3 {
			font-size: 2em;
		}
		.plans-page h1 {
			font-size: 4em;
			padding: 0px 40px 20px 40px;
		}
		.plans-page button, .plans-page a {
			font-size: 1.5em;
		}
		.plans-page .calling-feature {
			height: calc(290px - 3vw);
		}
		.plans-page .calling-feature p, p.disclaimer, .plans-page .price-container p.disclaimer {
			font-size: 1em;
		}
		.plans-page h1 img {
			width: 250px;
	}
	.plans-page .modal-dialog {
			min-width: 40vw;
	}
}
@media only screen and (max-width: 1000px) {
	#display-u-talk-and-text {
		margin-top: 20px;
	}
	.plans-page .calling-feature p {
		font-size: 12px;
	}
}
@media only screen and (max-width: 991px) {
	.plans-page #tmoPlans #plan-bundles {
			width: 100%;
	}
}
@media only screen and (max-width: 800px) {
	#plansHeader {
		margin-top: 20px;
	}
	#plansHeader .banner {
		display: none;
	}
	#plansHeader .plans-box {
			left: auto;
			position: relative;
			text-align: center;
			top: auto;
			width: 100%;
	}
	#plansHeader .plans-box h1 {
			font-size: 32px;
	}
	#plansHeader .plans-box p {
			font-size: 16px;
	}
	#plansHeader .plans-box.hidden {
			display: block !important;
			float: none;
	}
	.plans-page h1 {
			line-height: 45px;
			padding: 0px 40px 20px 40px;
	}
	.plans-page .calling-feature {
		height: auto;
	}
}
@media only screen and (max-width: 767px) {
	.plans-page .image-container {
			height: 30vw;
	}
}

/* -------------- ABOUT PAGES ---------- */

.benefits-box, .whyus-box {
		border-bottom: 2px solid var(--blue-color);
		left: 42%;
		padding-left: 0px;
		position: absolute;
		text-align: left;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
		top: 6vw;
		width: auto;
}
.benefits-box h1, .whyus-box h1, .benefits-box h2, .whyus-box h2 {
		color: var(--blue-color);
		font-size: 3vw;
		margin-bottom: 0px;
		margin-top: 0px;
		text-transform: uppercase;
}
.benefits-box h1, .whyus-box h1 {
		font-weight: 700;
}
.benefits-box p, .whyus-box p {
		font-size: 1.5vw;
}
.benefits-page h1, .whyus-page h1 {
		font-weight: 700;
		margin-top: 40px;
		text-transform: uppercase;
}
.benefits-page h2, .whyus-page h2 {
		font-size: 18px;
		font-weight: 700;	
		margin-top: 0px;
		margin-bottom: 40px;
}
@media only screen and (min-width: 2000px) {
	.benefits-box, .whyus-box {
			border-bottom-width: 4px;
	}
}
@media only screen and (max-width: 800px) {
	.benefits-box, .whyus-box {
			border: none;
			left: unset;
			margin: 20px;
			position: relative;
			text-align: center;
			top: unset;
			width: 95%;
	}
	.benefits-box h1, .whyus-box h1, .benefits-box h2, .whyus-box h2 {
			font-size: 35px;
	}
	.benefits-box p, .whyus-box p {
			font-size: 16px;
	}
}

/* -------------- BENEFITS PAGE -------- */

.container.container-nested.benefits-page {
		background: #fff;
		 margin-bottom: -40px;
		padding: 0px 60px;
		 padding-bottom: 40px;
		width: 100vw;
}
img.banner {
		width: 100%;
}
.benefits-page sup {
		font-size: 50%;
		top: -.9em;
}
.benefit {
		display: inline-block;
		height: calc(500px - 6vw);
		padding: 0px 20px;
		position: relative;
		vertical-align: top;
		width: 32%;
}
.benefit-header {
		height: 170px;
		position: relative
}
.benefit-header img {
		bottom: 0px;
		max-height: 100%;
		max-width: 40%;
		position: absolute;
}
.benefit-header h3 {
		bottom: 0px;
		display: inline-block;
		font-size: 19px;
		font-weight: 700;
		left: 170px;
		position: absolute;
		text-transform: uppercase;
		width: 58%;
}
.benefit h4 {
		font-size: 14px;
		font-weight: 700;
		height: 42px;
}
.benefit p {
		font-size: 12px;
}
.benefits-page hr {
		border-top: 2px solid var(--blue-color);
		margin-bottom: 40px;
		margin-top: 40px;
}
.benefit .btn {
		bottom: 0px;
		position: absolute;
}
.benefit .benefit-header.nationwide-lte-coverage img {
		margin-left: -40px;
		max-width: 56% !important;
}
.benefit .benefit-header.nationwide-lte-coverage h3 {
		left: calc(150px + 12%);
		max-width: 44% !important;
}
.benefit-header.referral-program img {
		max-width: 48%;
}
@media only screen and (min-width: 2000px) {
	.benefits-page h1 {
			font-size: 3em;
	}
	.benefits-page .benefit-header {
		max-height: 200px;
	}
	.benefits-page h2, .benefits-page .benefit-header h3 {
			font-size: 2em;
	}
	.benefits-page .benefit-header h3 {
			left: 200px;
	}
	.benefits-page .benefit {
		height: calc(500px - 4vw);
	}
	.benefits-page .benefit h4 {
			font-size: 1.5em;
	}
	.benefits-page .benefit p, .benefits-page .benefit .btn.btn-orange {
			font-size: 1.2em;
	}
}
@media only screen and (max-width: 1200px) {
	.benefit-header {
			height: 100px;
	}
	.benefit-header h3 {
		left: 130px;
	}
	.benefit {
			height: calc(500px - 8vw);
	}
}
@media only screen and (max-width: 992px) {
	.benefit-header h3 {
			left: 44%;
	}
	.benefit h4 {
			height: 70px;
	}
	.benefit {
			height: calc(600px - 9vw);
	}
	.benefit .benefit-header.nationwide-lte-coverage h3 {
			left: 42%;
	}
}
@media only screen and (max-width: 800px) {
	.benefits-header .benefits-box.hidden {
			display: block !important;
			float: none;
	}
	.benefits-header img.banner {
		display: none;
	}
	.benefit {
			display: block;
			height: auto;
			margin-bottom: 20px;
			margin-left: auto;
			margin-right: auto;
			padding-bottom: 40px;
			width: 80%;
	}
	.benefit-header h3 {
			left: 42%;
	}
	.benefit h4 {
			height: auto;
	}
	.benefits-page hr {
		display: none;
	}
	.benefit .benefit-header.nationwide-lte-coverage h3 {
			left: 36%;
			max-width: 44% !important;
	}
}

/* -------------- WHY US PAGE ---------- */

.container.container-nested.whyus-page {
		background: #fff;
		 margin-bottom: -40px;
		padding: 0px 60px 30px 60px;
		width: 100vw;
}
.whyus-page img {
		width: 100%;
}
.whyus-page hr {
		border-top: 2px solid var(--orange-color);
}
.whyus-page i {
		color: var(--blue-color);
		font-weight: 700;
}
.whyus-page h3 {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 20px;
}
.whyus-page p, .whyus-page ul {
		font-size: 12px;
}
.whyus-page a {
		color: var(--orange-color);
		font-weight: 700;
}
.whyus-page ul {
		list-style: none; 
		margin-top: -20px;
		margin-bottom: -10px;
}
.whyus-page ul li::before {
		content: "\2022";
		color: var(--blue-color);
		display: inline-block;
		float: left;
		font-size: 25px;
		font-weight: bold;
		margin-left: -1em;
		position: relative;
		top: -10px;
		width: 1em;
}
.whyus-page .logo-images img {
	width: 75%;
		padding-bottom: 20px;
}
.whyus-page .logo-images .ezp-logo img {
		width: 100%;
}
@media only screen and (min-width: 2000px) {
	.whyus-page h1 {
			font-size: 4em;
	}
	.whyus-page h3 {
			font-size: 3em;
	}
	.whyus-page h2 {
			font-size: 2em;
	}
	.whyus-page p, .whyus-page ul {
			font-size: 1.3em;
	}
}
@media only screen and (max-width: 992px) and (min-width: 450px) {
	.whyus-page .logo-images img {
			width: 50%;
		}
	.whyus-page .logo-images .ezp-logo img {
			width: 75%;
	}
}

/* -------------- CART PAGE ------------ */

#ezp-modal img.modal-logo {
		margin: 0px 10px 5px 0px;
		max-width: 100px;
}
#ezp-modal-title {
		margin-bottom: -10px;
}
.changeprice .input-blue {
		display: inline-block;
		margin-bottom: 10px;
		width: 60px;
}
.changeprice input[type=button] {
		font-size: 10px;
		padding: 5px 10px;
}

/* -------------- CART PLANS PAGE ------ */

#sosplusmodal .modal-header img, #ezprotectionmodal .modal-header img {
		width: 200px;
}
.modal-body p {
		text-align: left;
}
#sosplusmodal p, #ezprotectionmodal p {
		text-align: left;
		font-size: 14px;
}
#wizPlans h1 {
		font-size: 30px;
		margin-top: 5px;	
		padding: 0px 20px;
		text-align: center;
}
#sosplus, #ezprotection {
		text-align: center;
		width: 100% !important;
}
#sosplus div, #ezprotection div {
		display: inline-block;
		width: 100px !important;
		float: left;
}
#tmoPlans p a.text-orange {
		padding-left: 10px;
}
#tmoPlans p {
		font-size: 14px;
		padding: 0px 5px;
		text-align: left;
}
#tmoPlans fieldset {
		display: inline-block;
	font-weight: 600;
		padding: 0px;
		vertical-align: top;
}
#tmoPlans .custom-plans fieldset:nth-of-type(3) {
		padding-right: 5px;
}
#tmoPlans fieldset div {
		background: var(--light-blue-color);
		cursor: pointer;
		margin: 5px;
		margin-right: 0px;
		padding: 5px 10px;
		position: relative;
		text-align: left;
}
#tmoPlans fieldset div:not(:last-child) {
		border-bottom: none;
}	
#tmoPlans h2 {
		font-size: 20px;	
		padding: 0px 5px;
		text-align: left;
}
#tmoPlans fieldset h2 {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
}
#tmoPlans fieldset label {
		cursor: pointer;
		font-size: 15px;
		font-weight: 100;
		margin-bottom: 0px;
		margin-right: 60px;
}
#tmoPlans fieldset div span {
		bottom: 2px;
		float: right;
		font-size: 15px;
		font-weight: 100;
		line-height: 26px;
		position: absolute;
		right: 10px;
}
#plan-texts.force-unlimited span {
		display: none;
}
.force-unlimited div:last-of-type:after {
	content: "Included";
	float: right;
	font-weight: bold;
		font-size: 16px;
		line-height: 26px;
}
#tmoPlans .custom-plan-message, 
#tmoPlans #plan-bundles div, 
#tmoPlans #plan-bundles h2, 
#tmoPlans .selected-plan {
		width: 99%;
}
#tmoPlans .custom-plan-message {
		color: #777;
		font-size: 14px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
}
#tmoPlans .unlimited-minutes {
		display: none;
}
#tmoPlans .unlimited-minutes.notexting {
		display: block;
}
#tmoPlans #plan-bundles {
		display: block;
		width: 100%;
}
#tmoPlans input[type="radio"] {
		display: none;
}
.selected-plan {
		font-size: 16px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
}
.selected-plan h2 {
		font-size: 20px;
}
.selected-plan .plan-cost {
		padding-left: 10px;
}
#tmoPlans .selected-div {
		background: var(--medium-blue-color);
		font-weight: 700 !important;
}
#tmoPlans .require-texts-warning {
		margin-top: 20px;
		margin-bottom: -10px;
}
#tmoPlans .selected-div label {
		font-weight: 700;
}
.disabled-div {
		cursor: not-allowed !important;
		opacity: .3;
}
.jolt-plan-container {
		margin-top: 20px;
}
.jolt-plan-container span.description {
		display: block;
		font-weight: 100;
}
.jolt-plan-container input[type='radio'] {
		left: -15px;
		position: relative;
		top: -10px;
}
#csr-plans > div {
		border-radius: 10px;
		border: 1px solid var(--blue-color);
		display: inline-block;
		margin: 10px;
		padding: 10px;
		text-align: center;
		width: 40%;
}
#csr-plans {
		text-align: center;
		width: 100%;
}
@media only screen and (min-width: 2000px) {
	#tmoPlans fieldset label, #tmoPlans fieldset div span {
			font-size: 20px;
	}
}

/* -------------- ACTIVATE PAGE -------- */

.activation-page .activate-title img {
		position: relative;
		top: -6px;
	width: 200px;
}
.activation-page .activate-title {
	text-align: center;
}
.activation-page .activation-option h2 {
		font-size: 20px;
}
.activation-page .activation-option {
		border-radius: 5px;
		border: 1px solid #f9f9f9;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, .05);
		padding: 20px;
		position: relative;
		text-align: center;
		margin-bottom: 50px;
		min-height: 400px;	
}
.activation-page .svg-container {
	margin: 15px auto 20px auto;
		width: 80%;
}
.activation-page .svg-container svg {
		margin: 10px 0px;
		max-height: 120px;
		max-width: 100px;
		vertical-align: top;
}
.button-container {
		bottom: 20px;
		left: 0px;
		position: absolute;
		width: 100%;
}

/* -------------- ACTIVATE KIT PAGE ---- */

a.btn.btn-orange.activation-back-button {
		float: left;
}
.kit-information .image-container img {
		max-width: 100px;
}
.kit-activation-page {
	position: relative;
}
label[for='kit-code'] {
	margin-top: 20px;
}
.kit-type {
		border-radius: 5px;
		border: 1px solid #f9f9f9;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, .05);
		display: inline-block;
		margin: 0px 10px 50px 10px;
		min-height: 365px;
		padding: 20px;
		position: relative;
		text-align: center;
		vertical-align: top;
		width: 33%;
}
.kit-type input[type='radio'] {
		display: none;
}
.kit-type label {
		font-size: 20px;
		font-weight: 100;
		margin-top: 10px;
}
.kit-activation-page .svg-container {
	width: auto;
}
.kit-type.active {
		background-color: #eee;
}
.kit-activation-page input[type='text'] {
		border: none;
		border-bottom: 2px solid var(--blue-color);
		margin-right: 10px;
}
.kit-activation-page input[type="button"] {
		background: var(--blue-color);
		border: none;
		border-radius: 5px;
		color: #fff;
		margin-bottom: 20px;
		padding: 5px 30px;
}
.kit-activation-page input[type="button"]:hover {
		opacity: .8;
}
#activate-kit {
		text-align: center;
}
.kit-information {
		background: #eee;
		border-radius: 5px;
		display: inline-block;
		font-size: 14px;	
		padding: 10px;
}
.activation-information {
		text-align: center;
}
.activation-information .kit-information p {
		margin-bottom: 0px;
}
.activation-information .kit-information p.kit-name {
		font-weight: 700;
}
.activation-information .alert {
		display: block;
		margin-top: 10px;
		padding: 5px;
		text-align: center;
}
.device-code-image {
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		text-align: center;
		width: 50%;
}
.sim-code-image svg {
		width: 300px;
}
.sim-code-image {
		overflow: hidden;
	padding-bottom: 30px;
}
.sim-code-list {
		border-radius: 5px;
		border: 1px solid #ddd;
		margin-left: auto;
		margin-right: auto;
		padding: 5px 40px;
		width: 50%;
}
.sim-code-list ul {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
}
.sim-code-list h4 {
		text-align: left;
		color: var(--dark-blue-color);
}
.sim-code-list .disclaimer {
		font-size: 12px;
		color: #888;
		position: relative;
		left: -40px;
}
.activation-activate-list {
		border: 1px solid #ddd;
		border-radius: 5px;
		margin: 20px auto;
		max-width: 600px;
		padding: 10px 40px;
		text-align: left;
}
.activation-activate > span {
		padding: 30px;
		position: relative;
		top: -9px;
}
.activation-activate input[type="button"] {
		margin-top: 10px;
}
.activation-activate-port input[type='text'] {
		display: block;
		margin-bottom: 20px;
		padding: 5px 0px;
		width: 100%;
}
.activation-activate-port {
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
		text-align: left;
}
.activation-activate-port label {
		display: block;
}
.activation-activate-port select {
		border: none;
		border-bottom: 2px solid var(--blue-color);
		margin-bottom: 20px;
		padding: 5px 0px;
		text-align: left;
		width: 100%;
}
.activation-activate-port .form-description {
		color: #888;
		font-size: 13px;
}
.activation-jolt-plan-picker .jolt-option {
		display: inline-block;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, .2);
		border-radius: 5px;
		margin: 5px 20px;
		padding: 20px;
		width: 40%;
}
.activation-jolt-plan-picker .jolt-option label {
		width: 100%;
		border-bottom: 2px solid var(--blue-color);
		font-size: 20px;
}
.activation-jolt-plan-picker .jolt-option .price {
		color: var(--blue-color);
		font-weight: 700;
		font-size: 25px;
}
.activation-jolt-plan-picker .jolt-option input[type='radio'] {
		display: none;
}
.activation-activate-generate .jolt-cities {
		margin-top: 20px;
}
.activation-activate-generate .jolt-cities label {
		display: block;
}
.activation-activate-generate .jolt-cities select {
		border: none;
		border-bottom: 2px solid var(--blue-color);
		padding: 5px;
		min-width: 250px;
}
@media only screen and (max-width: 1000px) {
	.kit-type {
		width: 80%;
	}
	.sim-code-list {
		width: 95%;
	}
}

/* -------------- COMPONENTS ----------- */

/* ---------- CART SUMMARY --------- */
	.activation-cart-summary {
			margin-left: auto;
			margin-right: auto;
			max-width: 100%;
			padding-bottom: 20px;
			text-align: left;
			width: 500px;
	}
	.activation-cart-summary table {
			margin-bottom: 10px;
		width: 100%
	}
	.activation-cart-summary td {
			padding: 0px 5px;
	}
	.activation-cart-summary .subtotal {
			border-top: 1px solid #ccc;
			font-weight: 700;
	}
	.activation-cart-summary .disclaimer {
			margin-top: 10px;
	}

/* -------------- EZP PAGE ------------- */

.ezp-header {
		position: relative;
}
.ezp-header img {
		width: 100vw;
}
.ezp-header .logo-container {
		position:absolute;
		top: 5vw;
		width: 60vw;
		left: 20vw;
}
.ezp-header .logo-container img {
		width: 100%;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
}

/* -------------- T&C ------------------ */

.t-and-c-logo {
		margin-top: 20px;
		width: 300px;
}

/* -------------- MANUALS -------------- */ 

.device-manuals .img-responsive {
		max-width: 12vw;
}

/* -------------- END CSS -------------- */

/* -------------- New Plan Picker -------------- */
#newPlans h1 {
text-align: center;
}
#newPlans h2 {
font-size: 20px;	
padding: 0px 5px;
text-align: left;
}
#newPlans span {
font-size: inherit;
float: none;
}
#newPlans #sosplusoption p, #newPlans #ezpoption p {
text-align: left;
}
#newPlans #sosplusoption img, #newPlans #ezpoption img {
height: 60px
}
#newPlans #sosplusoption .sosplus-img, #newPlans #ezpoption .ezprotection-img {
width: 450px
}
#newPlans #sosplusoption .sosplus-title, #newPlans #ezpoption .ezprotection-title {
display: flex;
flex-direction: row;
}
#newPlans #sosplus div, #newPlans #ezprotection div {
background-color: var(--blue-color);
cursor: pointer;
color: whitesmoke;
margin: 5px;
border-radius: 3px;
padding: 5px 10px;
position: relative;
text-align: left;
}
#newPlans #sosplus div.selected, #newPlans #ezprotection div.selected {
background-color: var(--orange-color);
box-shadow: 3px 3px 10px #444;
}
#newPlans #sosplus div label, #newPlans #ezprotection div label {
cursor: pointer;
font-weight: 500;
}
#newPlans #sosplus div.selected label, #newPlans #ezprotection div.selected label {
font-weight: 700;
}
#newPlans #sosplus input[type="radio"], #newPlans #ezprotection input[type="radio"] {
display: none;
}
#newPlans #basePlans, #newPlans #dataPlans {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#newPlans .plan-select-box {
margin: 20px 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
#newPlans .plan-select-box .plan-select-title {
color: var(--orange-color);
font-weight: 700;
font-size: 26px;
display: flex;
align-items: center;
justify-content: center;
}
#newPlans .plan-select-box .plan-select-info {
border-radius: 10px;
width: 200px;
height: 120px;
display: flex;
flex-direction: column;
}
#newPlans .plan-select-box .plan-select-info .plan-select-price {
border: 2px solid var(--blue-color);
border-bottom: none;
border-radius: 10px 10px 0px 0px;
background-color: var(--blue-color);
color: white;
font-weight: 600;
font-size: 22px;
text-align: center;
}
#newPlans .plan-select-box .plan-select-info .plan-select-details {
border: 2px solid var(--blue-color);
border-top: none;
border-radius: 0px 0px 10px 10px;
background-color: white;
color: black;
font-weight: 500;
font-size: 14px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
#newPlans .plan-select-box ul {
margin: 0px;
padding: 0px;
padding-left: 20px;
padding-right: 12px;
text-align: left;
}
#newPlans .plan-select-box ul li {
font-size: 10px;
margin: 5px 0px;
}
#newPlans .plan-select-box ul li span {
font-size: 14px;
margin-left: -4px
}
#newPlans .plan-select-box .tag {
position: absolute;
background-color: var(--orange-color);
color: white;
height: 28px;
width: 106px;
top: calc(50% - 56px);
right: calc(50% - 164px);
border: 1px solid white;
border-radius: 17px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 600;
}
#newPlans .plan-select-box.selected .plan-select-info {
box-shadow: 3px 3px 10px #444;
}
#newPlans .plan-select-box.selected .plan-select-price {
background-color: var(--orange-color);
border-color: var(--orange-color);
}
#newPlans .plan-select-box.selected .plan-select-details {
border-color: var(--orange-color);
}
#newPlans .plan-select-box input[type="radio"], #newPlans .data-select-box input[type="radio"] {
display: none;
}
#newPlans .plan-select-box label, #newPlans .data-select-box label {
cursor: pointer;
text-align: center;
}
#newPlans .data-select-box {
margin: 20px;
height: 66px;
width: 90px;
border-radius: 10px;
cursor: pointer;
display: flex;
flex-direction: column;
font-size: 22px;
font-weight: 600;
}
#newPlans .data-select-box .data-select-name {
background-color: white;
border: 2px solid var(--blue-color);
border-bottom: none;
border-radius: 10px 10px 0px 0px;
color: var(--blue-color);
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
#newPlans .data-select-box .data-select-price {
background-color: var(--blue-color);
border: 2px solid var(--blue-color);
border-top: none;
border-radius: 0px 0px 10px 10px;
color: white;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
#newPlans .data-select-box.selected {
box-shadow: 3px 3px 10px #444;
}
#newPlans .data-select-box.selected .data-select-name {
border-color: var(--orange-color);
color: var(--orange-color);
}
#newPlans .data-select-box.selected .data-select-price {
background-color: var(--orange-color);
border-color: var(--orange-color);
}
#newPlans .data-select-box.disabled {
cursor: default;
box-shadow: none;
}
#newPlans .data-select-box.disabled .data-select-name {
border-color: #999;
color: #999;
}
#newPlans .data-select-box.disabled .data-select-price {
background-color: #999;
border-color: #999;
}
#newPlans .plan-picker p {
margin: 10px 0px;
font-size: 22px;
font-weight: 500;
text-align: center;
}
#newPlans .plan-picker p.disclaimer {
margin: 0px;
font-size: 14px;
font-weight: 500;
}
#newPlans .plan-picker p.fine-print {
margin: 0px;
font-size: 12px;
font-weight: 500;
}
#wizPlans #newPlans #sosplusoption, #wizPlans #newPlans #ezpoption {
padding: 20px 0px;
border-bottom: 1px solid #ddd;
}
#wizPlans #newPlans #basePlans, #wizPlans #newPlans #dataPlans {
border-bottom: 1px solid #ddd;
}
#wizPlans #newPlans .tag {
display: none;
}
#wizPlans .plan-fine-print {
margin-top: 20px;
}
#cpChangePlanForm #noCoverage, #cpTestChangePlanForm #noCoverage {
display: none;
}
#cpChangePlanForm #newPlans .tag, #cpTestChangePlanForm #newPlans .tag {
display: none;
}
#plan-page-picker #newPlans {
margin-top: 75px;
}
#homepage-plan-picker #newPlans > h1, #plan-page-picker #newPlans > h1 {
display: none;
}
/* -------------- END New Plan Picker -------------- */