/* presets */

h1, h2, h3, h4, h5, h6 {
	font-family:'Montserrat', sans-serif;
	line-height:1.25em;
	/*text-align:center;*/
	font-weight:bold;
	text-transform:none;
}
h1 {font-size:60px; margin-top:70px;}
h2 {font-size:28px; margin-top:90px;}
/*p {font-size:18px; line-height:1.5em;}*/

a:link, a {color:#eb0000;}
a:hover {color:#eb0000;}
.fine-print {font-size:9px;}

.dark, a.dark {color:#333;}
.dark-grey-background {background-color:#333;}
.rpm-red {color:#eb0000;}
.rpm-red-background {background-color:#575757;}
.plan-add-checks{ background-color:#fff; width:60%; padding:20px; margin:28px; text-align:left; float:left;}
.col-md-4.activate-now-col {
    padding-left: 30px;
    border-left: 1px solid #d6d6d6;
}
.gsma {color:#00CCFF;}
.gsmt {color:#FF2A99;}
.cdmas {color:#FFC800;}
.cdma {color:#FF2E27;}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
  
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
  
}

.material-icons.light-grey { color: #d6d6d6; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-48 { font-size: 48px; }


.material-icons {font-style:normal!important;}

.clear-float {float:none!important;}

.cta-button {
	display:block;
	outline: #fff solid 5px;
	height:30px;
	text-transform:uppercase;
	color:#fff;
	font-family:'Montserrat', sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#575757;
	border:none;
	padding:0 25px;
}

.cta-button:hover {color:#eb0000; background-color:#fff;}

.line-divider {
    width: 100%;
    margin: 40px 0 0 0;
    border-top: 1px solid #dddddd;
    clear: both;
}

/* layout */

body {
  padding: 0;
  text-align: center;
  font-family:'Open Sans', sans-serif;
  color:#333333;
  position:relative;
}

#plans-hero {
	display:block;
	width:100%;
	height:550px;
	position:relative;
}
#plans-hero .plans-hero-image {
	background-image:url(../../images/2017/plans/plans-hero-image.jpg);
	width:100%;
	height:550px;
	position:absolute; top:0; left:0;
	background-position:center;
}

#plan-table-essentials {
	margin-right: 4%;
}
.plan-table-container {max-width:720px;margin-bottom: 50px;display:flex;position: relative;zoom: 1;}

.plan-table {
	height:440px;
	outline: #d6d6d6 solid 1px;
	padding:0;
	width:48%;
	max-width:340px;
	margin-top: 30px;
}
.plan-table.selected {outline: #575757 solid 5px;}
.plan-table:nth-child(2) {margin-right:4%;}

.plan-table .plan-table-header {
	font-family:'Montserrat', sans-serif;
	font-size:24px;
	color:#fff;
	display:block;
	background-color:#575757;
	vertical-align:middle;
	text-align:center;
	padding:30px 0 30px 0;
	line-height:24px;
}

.plan-table .plan-table-header label {font-size:24px;}

.plan-table .plan-table-header input[type=radio] {margin-right:10px; vertical-align:2px;}

.plan-table .plan-table-content {padding:0 30px 30px 30px;}

.plan-table .plan-features {
	height:123px;
	border-bottom:1px solid #d6d6d6;
	margin: 0;
	font-family:'Open Sans', sans-serif;
	position:relative;
}
.plan-table .plan-features .text-container {
	position:absolute;
	height:101px;
	top:50%;
	margin-top:-43px;
	left: 50%;
    width: 100%;
    margin-left: -50%;
}
.plan-table .plan-features .text-container p strong {color:#eb0000;}
.plan-table .plan-features .text-container p strong span.bigger {font-size:24px;}

.disabled-content {opacity:0.25; pointer-events:none;}
.unlimited-plan-upgrades {font-size:14px;}
.unlimited-plan-upgrades span.bigger {font-size:14px;}
.unlimited-plan-upgrades p.fine-print {margin-top:20px;}
.unlimited-plan-upgrades input[type=radio] {margin-left:0;}
.unlimited-plan-upgrades input[type=radio]:checked + label {font-weight:bold; color:#eb0000;}
.unlimited-plan-upgrades label {width:100%;}

.essentials-plan-addons {
	display:table;
	width:100%;
	margin-top:20px;
}
.essentials-plan-addons .table-row {display:table-row; margin:0;}
.essentials-plan-addons .table-cell {
	display:table-cell;
	height:54px;
	vertical-align:middle !important;
	text-align:center;
}
.essentials-plan-addons .addon-type {min-width:92px; font-size:14px;}
.essentials-plan-addons .addon-opt {
	min-width:72px;
	font-size:12px;
	border:1px solid #d6d6d6;
	cursor:pointer;
}
.essentials-plan-addons .addon-opt.left {border-right:none; text-align:center;}
.essentials-plan-addons .addon-opt strong {font-size:14px; font-weight:bold;}

.essentials-plan-addons input[type=radio] {display:none;}
.essentials-plan-addons input[type=radio] + label {max-width:none;}
.essentials-plan-addons input[type=radio]:checked + label {color:#fff; background-color:#eb0000;}
.essentials-plan-addons input[type=radio].addon-remove:checked + label {opacity:0;}
.essentials-plan-addons .addon-remove {
	min-width:18px;
	cursor:pointer;
}

.chosen-plan-bar {
	display:block;
	min-height:100px;
	background-color:#575757;
	color:#fff;
	font-family:'Montserrat', sans-serif;
	padding:15px 30px;
	position:relative;
}
.affix {
      top:0;
      width: 100%;
      z-index: 1000 !important;
}
.affix + .below-plan-bar {padding-top:100px;}
.chosen-plan-bar .container {max-width:970px;}
.chosen-plan-bar .bar-cell {border-right:1px solid #fff; float:left; padding:0 30px; height:60px;}
.chosen-plan-bar .bar-title {width:130px; padding-left:0;}
.chosen-plan-bar .bar-plan-price {font-size:12px;}
.chosen-plan-bar .monthly-price {font-size:36px; line-height:36px; font-weight:bold;}
.chosen-plan-bar .striked-price {font-size:36px; line-height:36px; text-decoration:line-through; font-weight:normal; margin-left:10px;}

.chosen-plan-bar .bar-plan-details {max-width:350px;}

.chosen-plan-bar .bar-plan-cta {border:none;}
.chosen-plan-bar .bar-plan-cta .cta-button {margin-top:20px;}

.chosen-plan-bar.mobile {
	min-height:75px;
	padding:10px 15px;
	font-size:12px;
}
.chosen-plan-bar.mobile .container {padding:0;}
.chosen-plan-bar.mobile .monthly-price {font-size:24px; line-height:24px;}
.chosen-plan-bar.mobile .striked-price {font-size:24px; line-height:24px; text-decoration:line-through; font-weight:normal; margin-left:10px}
.chosen-plan-bar.mobile .bar-cell {border:none; float:left; height:60px; padding:0;}
.chosen-plan-bar.mobile .bar-plan-cta .cta-button {padding:0 10px; margin-top:10px;}
.chosen-plan-bar.mobile .bar-plan-details {border-top:1px solid #fff; margin-top:15px; padding-top:15px; width:100%; height:auto;}

.chosen-plan-bar.mobile .material-icons {vertical-align:bottom;}

.full-plan-features {
	outline:#d6d6d6 1px solid;
	margin-top:50px;
	text-align: center;
}
.full-plan-features ul {list-style:none; padding:30px;}
.full-plan-features ul li {
	font-size:14px;
	padding-left:30px;
	display:inline-block;
	background:url(../images/home/ic_check_24px.svg) no-repeat 0 4px;
	margin:10px 20px 10px 0;
}
.center-block h2 {
    font-size: 28px;
    margin-top: 60px;
	color:#000;
}
.why-red-pocket ul {list-style:none; padding:30px;}
.why-red-pocket ul li {
	width:120px;
	font-size:14px;
	padding-top:70px;
	display:inline-block;
	margin:20px 15px;
	background-repeat:no-repeat;
	background-position:top center;
	vertical-align:top;
}
.why-red-pocket ul li#icon-no-trick {background-image:url(../../images/home/icon-no-trick.svg);}
.why-red-pocket ul li#icon-no-contracts {background-image:url(../../images/home/icon-no-contracts.svg);}
.why-red-pocket ul li#icon-network {background-image:url(../../images/home/icon-network.svg);}
.why-red-pocket ul li#icon-no-creditcheck {background-image:url(../../images/home/icon-no-creditcheck.svg);}
.why-red-pocket ul li#icon-risk-free {background-image:url(../../images/home/icon-risk-free.svg);}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.network-box {
    background: #dedee0 none repeat scroll 0 0;
    border-radius: 20px;
    cursor: pointer;
    height: auto;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
    padding: 2px;
    text-align: left;
    width: auto;
}

.new_pa_net_opt_inner .network-box .row {
    margin-left: -20px;
    margin-right: -20px;
}

.network-box-inner {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    cursor: pointer;
    padding: 8px;
    text-align: center;
}

.network-box-inner .radio {
    margin: 0;
}

.network-box h6 {
    color: #bbbcbe;
    display: block;
    font-size: 32px;
    line-height: 32px;
    margin: 0;
    text-align: center;
}

.nbd_outer {
    margin-left: 5%;
    position: relative;
    text-align: right;
    width: 65%;
    float: left;
}

.nbd_trigger {
    background: #d9dadc none repeat scroll 0 0;
    border: 2px solid #d9dadc;
    border-radius: 30px;
    color: #bbbcbe;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

.nbd_trigger i {
    margin-left: 8px;
}

.nb_dropdown {
    background: #fff none repeat scroll 0 0;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 #ccc;
    padding: 20px 20px 12px;
    position: absolute;
    top: 50px;
    z-index: 3;
	left:0;
	display:none;
	width:340px;
	text-align:left;
}

.nb_dropdown.nbd_active {
    display: block;
}

.network-box .network-cta a {
    font-weight: 500;
}

i.top_bump {
    color: #fff;
    display: block;
    font-size: 24px;
    margin: -29px 0 0 0;
}

.network-box.cdmas .radio.col-md-3 {
    width: 28%;
}

.network-box.cdmas p.title.col-md-6 {
    width: 47%;
}

.network-box:hover {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}

.plan_choose_network .network-box p {
    color: #333;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    vertical-align: middle;
}

.network-box p.title {
    color: #bbbcbe;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 4px 16px 8px;
    text-align: center;
}

.network-box .network-cta {font-family:'Montserrat', sans-serif;}
.network-box .network-cta .material-icons {vertical-align:-8px;}

.container.last {margin-bottom:100px;}

.hero-scroll-down {
    position: absolute;
    bottom: -30px;
    text-align:center;
}


/* SIM page */
@media (min-width: 992px){
    .sim-plan-detail{
        padding-top: 50px!important;
    }
    .sim-plan-price{
        margin-left:50px!important;
    }
}
.sim-plan-detail {
	font-family:'Montserrat', sans-serif;
	font-size:18px;
	padding-top: 20px;
}
.sim-plan-details-headline {
	border-bottom:1px solid #ffffff;
	padding-bottom:5px;
	display:inline-block;
}
.sim-plan-details-features {
	font-size:28px;
	line-height:1.3em;
}
.sim-plan-details-features-smaller {font-size:18px; color:#fff;}
.sim-plan-price {
	font-family:'Montserrat', sans-serif;
	font-size:70px;
	padding-top:30px;
	margin-bottom: -15px;
    padding-bottom: 0;
}
.sim-plan-price span {font-size:18px;}
.sim-plan-fine-print {font-size:10px; margin-left:50px;}
ul.sim-order-preview-features {
    margin: 22px 0 0 50px;
    padding: 0;
    font-size: 14px;
    list-style: none;
}
ul.sim-order-preview-features li#no-overage {
    background-image: url(../../images/2017/plans/icon-no-overage-24px.svg);
}
ul.sim-order-preview-features li {
    line-height: 26px;
    margin: 10px 0 10px 0;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: top left;
}
ul.sim-order-preview-features li#network {
    background-image: url(../../images/2017/plans/icon-network-24px.svg);
    background-position: 3px 0;
}
ul.sim-order-preview-features li#globe {
    background-image: url(../../images/2017/plans/icon-globe-24px.svg);
}
ul.sim-order-preview-features li a {
    color: white;
    text-decoration: underline;
}

.scroll-arrow {margin-top:10px;}

.choose-device-type-section {margin-top:40px; font-size:18px;}
.choose-device-type-col {/*border-right:1px solid #d6d6d6;*/ padding-right:30px;}
.choose-device-type-col .radio {margin-bottom:30px;}
.choose-device-type-col .radio label {padding-left:40px;}
.choose-device-type-col .radio input[type=radio] {margin-left: -30px;}
.choose-device-type-col label {
    font-size: 18px;
}
.scrollable{	
	overflow:hidden !important;
}

.activate-now-col {padding-left:30px; float:right; margin-bottom:100px;}
.activate-now-col .sim-image {
	display:block;
	width:100%;
	min-height:200px;
	background-size:contain;
	background-image:url(../../images/2017/sim/sim-4g-dual.jpg);
	background-repeat:no-repeat;
	margin-bottom: 15px;
    margin-top: 30px;
}
.choose-device-type-col {
    border-right: 1px solid #d6d6d6;
}
.choose-device-type-col .radio {
    margin-bottom: 20px;
}
.choose-device-type-col label {
    font-size: 18px;
}

.radio input[type="radio"] {
    display:none;
}
.radio input[type="radio"] + label span {
    display:inline-block;
    width:26px;
    height:26px;
    vertical-align:middle;
	background-image:url(../../images/2017/checkbox-24px.svg);
	background-repeat:no-repeat;
    cursor:pointer;
	position: absolute;
    left: 0;
}

.radio input[type="radio"]:checked + label span {
	background-image:url(../../images/2017/checkbox-checked-24px.svg);
}

.network-choice-container {border-right:1px solid #d6d6d6; margin-top:30px;}
.network-choice-container .network-box {margin-top:0; min-height:400px;}

.network-box .radio label {
    display: block;
    line-height: normal;
    padding-left: 0;
}

.network-box.selected {outline-width:5px; outline-style:solid; border-top-color:#fff;}

.network-box.selected.gsma {outline-color:#00CCFF;}
.network-box.selected.gsmt {outline-color:#FF2A99;}
.network-box.selected.cdma {outline-color:#FF2E27;}
.network-box.selected.cdmas {outline-color:#FFC800;}

.sim-cta {
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
}

.sim-cta p {
    color: #191919;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 30px;
}

.sim-cta a:hover{ text-decoration:none;}
label.sim-option {
    font-size: 14px;
    margin-right: 15px;
}

.sim-option input {
    margin: -4px 2px 0 0;
}

.network-box p.fine-print {
    font-size: 9px;
}

.network-box p.fine-print i.material-icons.md-16 {
    bottom: -4px;
    position: relative;
    left: -2px;
}
.sim-order-hero-image {
    height: 260px;
    background: url(../../images/2017/plans/sim-order-hero-image.png) center center no-repeat;
    margin-top: 24px;
}


.sim-order {overflow:hidden;}
.sim-order .container {position:relative;}

.activate-now-col p {
    font-size: 14px;
}

.activate-now-col p.col-head {font-size:18px;}

.activate-now-col ul {
    font-size: 14px;
    padding:0;
}
.activate-now-col ul li {
    list-style: disc;
    margin-left: 20px;
    padding: 3px 0;
}

.activate-now-col a.activate-button {
    font-size: 15px;
    border: 5px solid #575757;
    font-family: 'Montserrat', sans-serif;
    color: #575757;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 25px;
    font-weight: bold;
    margin: 0 auto;
    transition: all 0.5s ease;
}
.activate-now-col a.activate-button:hover {
    color: white;
    background:#575757;
}




/* tooltip */
.tooltip-content {padding:15px;}
.tooltip-content p {font-family:'Open Sans', sans-serif; font-size:14px; text-align:left; line-height:1.75em;}
.tooltip-content p span.title {line-height:2em;}
.tooltip-content p .material-icons.md-16 {position:relative; top:4px; margin-right:8px; }

.cdmas-coverage {
	display:block;
	width:1056px;
	height:695px;
	background:url(../../images/2017/coverage/coverage-cdmas.gif);
	background-repeat:no-repeat;
	background-size:contain;
}
.cdma-coverage {
	display:block;
	width:1056px;
	height:832px;
	background:url(../../images/2017/coverage/coverage-cdma.png);
	background-repeat:no-repeat;
	background-size:contain;
}

#tooltip-content-sim-card {
	width:400px;
}

.sim-card-sizes {
	display:block;
	width:362px;
	height:288px;
	background:url(../../images/2017/plans/sim-card-sizes.png);
	background-repeat:no-repeat;
	background-size:contain;
}


@media (max-width: 767px) {
h1 {font-size:36px; margin-top:30px;}
h2 {margin-top:50px;}
.scrollable{overflow:auto !important;}
.plan-table {width:100%; min-height:440px; height:auto; margin-left:auto; margin-right:auto; max-width:400px; float:none!important;}
.plan-table:nth-child(2) {margin-right: auto;}
.plan-table .plan-table-content {padding:0 15px 15px 15px;}

.chosen-plan-bar .container {max-width:400px;}

.affix + .below-plan-bar {padding-top:80px;}
.chosen-plan-bar.mobile .bar-cell {height:auto;}
.bar-cell.bar-plan-price {max-width:50%;}
.toggle-plan-details {clear:both; cursor:pointer;}
.toggle-plan-details.hide-details {margin-top:10px; float:none !important;}

.full-plan-features {outline:none; margin-top:15px;}
.full-plan-features ul {text-align:left; padding:15px;}
.full-plan-features ul li {margin:5px 5px 5px 0; font-size:16px;}

.why-red-pocket ul li {margin:20px 6px;}

.why-red-pocket ul {padding:30px 0;}
.container.video-container {padding:0;}

.sim-plan-price {padding-top:0;}
.choose-device-type-section {margin-top:30px;}
.choose-device-type-col {border-right:none; border-bottom:1px solid #d6d6d6; padding-right:15px;}
.activate-now-col {padding-left:15px; padding-top:15px; padding-bottom: 30px;}

.activate-now-col .sim-image {margin-bottom:0;}

.network-choice-container {border-right:none; border-bottom:1px solid #d6d6d6;}
.network-choice-container .network-box {margin-top:0; margin-bottom:30px;}
.activate-now-col .sim-image {margin-top:0;}

@media (min-width: 768px) and (max-width: 991px) {
	h1 {font-size:48px; margin-top:48px;}
}

@media (max-width: 991px) {
	.network-box {height:auto; min-height:0; padding-bottom:0;}
}

.essentials-plan-addons input[type=radio] + label {
	height: 100%;
	margin: 0;
}

strong.unlimited-data {
    max-width: 250px;
    display: inline-block;
}


/* popup fix */
#cboxLoadedContent .choose_plans{
  box-sizing: content-box;
  padding: 50px 25px 20px 50px;
}
.choose_plans *{
  box-sizing: content-box;
}
.choose_plans:after{
  content: '';
  display: table;
  clear: both;
}

.choice-button .red{
    font-weight: normal;
}


/* unlimited plans fix */
.unlimited-plan-upgrades input[type="radio"]{
  left:0;
  top: 3px;
}

/* chosen bar fix */
.chosen-plan-bar .container{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  justify-content: space-between;
  align-items: center;
}

.chosen-plan-bar .bar-plan-cta .cta-button{
  margin-top: 0;
}
.chosen-plan-bar .bar-cell{
    height: auto;
}
.chosen-plan-bar .bar-cell.bar-plan-details{
  border-right: none;
}

.chosen-plan-bar .bar-plan-price{
  border-left: 1px solid #fff;
}

@media only screen and (max-width: 767px) {
#plan-table-unlimited {
    order: 1;
}
    .cms-page-view.cms-plans #container{
      width: 100%;
    }
    #plans-hero{height: 410px;}
    #plans-hero h1, #plans-hero p{
        color: #fff;
    }
    #plans-hero .plans-hero-image {
     width: 100%;
     height: 100%;
    }
    .plan-table-container{
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .plan-table .plan-table-header label{
        color: #fff;
        font-size:24px;
    }
    .chosen-plan-bar .container{-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
    .chosen-plan-bar.mobile .bar-cell{-webkit-flex-basis: 100%;flex-basis: 100%;text-align: center;margin-bottom: 15px;}
    .chosen-plan-bar .bar-plan-cta .cta-button{
      display: inline-block;
    }
    .cms-page-view.cms-plans .toggle-plan-details.hide-details{
      float: none !important;
    }
    .below-plan-bar .full-plan-features ul{
      max-width: 400px;
      padding: 10px 0;
      margin: auto;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }
    #cboxLoadedContent{

    }
    #cboxLoadedContent .choose_plans{
      width: 100%;
      padding: 13px;
      max-width: 320px;
    }
    .choose_plans a.choice-button{
      margin: 0 0 15px 0;
      width: calc(100% - 30px);
      height: auto;
      float: none;
    }
    .plan_choose_network .network-box p{
        font-size: 12px
    }


}
#plan-table-unlimited {
    order: 1 !important;
}


/* xtra small devices */
@media only screen and (max-width: 321px) {
	.essentials-plan-addons .addon-type {
	    min-width: inherit;
	    padding-right: 7px;
	}
}
.dimmer {
    font-size: 17px;
    opacity: 0.25;
    pointer-events: none;
	transition:0.3s;
}

.dimmer.lighten_up, .fine-print.lighten_up {
    opacity: 1;
    pointer-events: auto;
}
	
.dimmer > label {
    display: block;
    height: auto;
    overflow: hidden;
}	

.dimmer input {
    float: left;
    margin: 3px 8px 0 0;
}

.dimmer > label {
    display: block;
    height: auto;
    margin: 10px 0;
    overflow: hidden;
	font-size: 0.75em;
}
a.choice-button {
    display: block;
    float: left;
    width: 200px;
    height: 125px;
    border: 1px solid #ddd;
    margin-left: 30px;
    padding: 15px 15px 0 15px;
    text-align: center;
	text-decoration:none;
}
a.choice-button p {
    font-family: 'Lato', 'Century Gothic', Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.3em;
	text-decoration:none;
}
.choose_plans * {
    box-sizing: content-box;
}
.dark-grey {
    color: #333;
}
a.choice-button:hover {
    text-decoration: none;
    border-color: #575757;
}
#sim-step-3 {
    padding: 25px 0;
    background-color: #D6181F;
} 
 .plan-add-check-mobile{background-color:#fff;padding:20px;margin:10px;text-align:left; float:left; width:94%;}