/**
    * #.# MVNO - Plan Builder Page
    *
    * [1.0] Phone Panel, [1.0.1] Compare Me Button, [1.0.2] Phone Image Area, [1.1] Tool Bar, 
    */
   
   .checkout-summary-header {
       position: fixed;
       bottom: -120px;
       top: inherit;
       z-index: 1200;
   }
   .myContract {} .myContract ul {
       margin: 0 auto 30px;
       padding: 0;
       text-align: center;
       width: 520px;
   }
   .myContract li {
       display: inline-block;
       margin-bottom: 10px;
       width: 65px;
       height: 65px;
       font-size: 30px;
       vertical-align: top;
       list-style: none;
   }
   @media (min-width: 768px) {
       .myContract li {
           height: 90px;
           width: 90px;
       }
   }
   .plan-builder-billpay,
   .plan-builder-prepay {
       max-width: 312px;
       margin: 0 auto 20px auto;
   }
   .plan-builder-billpay img,
   .plan-builder-prepay img {
       width: 100%;
   }
   .planBuilderSection .erminto-bg input {
       /*background-color: transparent;
     border: 2px solid #3f6f48;*/
       
       color: #fff;
       margin: 55px auto;
       padding: 11px 60px;
   }
   .planBuilderSection .erminto-bg input:hover {
       color: #80105b;
   }
   .planBuilderSection .erminto-bg input:focus,
   .planBuilderSection .erminto-bg input:active {
       outline: none;
   }
   .myContract li input {
       position: absolute;
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }
   .ui-slider-handle,
   .myContract li {
       cursor: pointer;
   }
   .myContract li.active .btnContract,
   .myContract li:hover .btnContract {
       background: #55aecb none repeat scroll 0 0;
       color: #fff;
       cursor: pointer;
   }
   .btnContract {
       display: inline-block;
       padding-top: 10px;
       width: 65px;
       height: 65px;
       color: #55aecb;
       font-size: 36px;
       font-family: gtwbold;
       text-align: center;
       line-height: 0.6em;
       border: 2px solid #55aecb;
       border-radius: 3px;
       background: #fff;
       vertical-align: top;
   }
   @media (min-width: 768px) {
       .btnContract {
           padding-top: 25px;
           width: 90px;
           height: 90px;
       }
   }
   .myContract li label {
       font-size: 42px;
       width: 100%;
       padding: 0;
       font-family: gtwregular;
   }
   .myContract li span {
       display: inline-block;
       padding-top: 5px;
       width: 100%;
       font-size: 14px;
       font-family: gtwregular;
       font-weight: 400;
       vertical-align: top;
   }
   .ui-slider-pip {
       margin-top: 30px;
       position: absolute;
   }
   .myContract li span.aspNetDisabled .btnContract {
       display: none;
   }
   .minutes,
   .texts,
   .data {
       margin-bottom: 35px;
   }
   .planBuilderSection .headerTop {
       height: 60px;
       padding: 5px 0 0;
       width: 100%;
       z-index: 1000;
       position: absolute;
       top: -60px;
   }
   .planBuilderSection .headerTop .container {
       max-width: 1256px;
       padding: 0;
       width: 100%;
   }
   .planBuilderSection .headerTop .container .logo {
       margin-left: 0;
   }
   .planBuilderSection .checkout-summary-header {
       position: absolute;
       /*** not sure how this is set ***/
       
       bottom: -120px;
   }
   .planBuilderSection .headerTop .btn {
       font-size: 16px;
       padding: 11px 55px 11px 72px;
       position: relative;
       margin-right: -1px;
       width: 253px;
       height: 50px;
       color: #fff;
   }
   .planBuilderSection .headerTop .btn i {
       left: 15px;
       margin-top: -9px;
       position: absolute;
       text-align: left;
       top: 30%;
       color: #3f6f48;
       font-size: 2em;
   }
   .planBuilderSection .headerTop .btn:hover {
       color: #3f6f48;
   }
   .myContract > div > h2 {
       margin-top: 64px;
       margin-bottom: 7px;
       color: #2c3c41;
   }
   .myContract > div > h2:first-child {
       margin-top: 35px;
       margin-bottom: 0;
   }
   .myContract > div > p {
       margin-bottom: 19px;
       color: #2c3c41;
       line-height: 1.75em;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .container > div > p a,
   .myContract > div > p a {
       color: #69b978
   }
   .myContract h2 {
       padding-top: 20px;
       padding-left: 10px;
       font-size: 24px;
   }
   .myContract .pnlBillPayPrice p {
       margin-top: -8px;
   }
   .myContract .total-contract {
       font-size: 14px;
   }
   .myContract .phone {
       position: relative;
       width: 100%;
       padding-top: 10px;
       padding-bottom: 150px;
   }
   .myContract .pnlPrepayPrice {
       position: relative;
   }
   .myContract .pnlPrepayPrice #phoneFullUpfrontPrice {
       font-size: 16px;
       font-family: gtwregular;
   }
   #pnlDisabledOverlay {
       position: absolute;
       width: 320px;
       height: 80px;
       background-color: #f2f2f2;
       z-index: 99;
       top: 60px;
       opacity: 0.9;
       left: -15px;
   }
   @media (min-width: 360px) {
       #pnlDisabledOverlay {
           width: 360px;
       }
   }
   @media (min-width: 375px) {
       #pnlDisabledOverlay {
           width: 375px;
       }
   }
   @media (min-width: 768px) {
       #pnlDisabledOverlay {
           width: 640px;
           top: 40px;
           height: 150px;
       }
   }
   @media (min-width: 1180px) {
       #pnlDisabledOverlay {
           width: 1160px;
           top: 50px;
           height: 150px;
       }
   }
   #ulPlanPacks,
   #ulPlanPacksPrepay {
       position: relative;
       margin-bottom: 26px;
   }
   #ulPlanPacks .owl-controls,
   #ulPlanPacksPrepay .owl-controls {
       font-size: 60px;
       margin-left: -1.7%;
       margin-top: -48px;
       position: absolute;
       top: 50%;
       width: 103.4%;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .container {
       width: 100%;
       max-width: 1500px;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .container > div > h2 {
       margin-top: 21px;
       font-size: 24px;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .container > div > p {
       margin-bottom: 37px;
       margin-top: -7px;
   }
   .presets p {
       margin-bottom: 0!important;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanControl {
       font-size: 14px;
       vertical-align: top;
       margin-bottom: 45px;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanTitle {
       font-size: 24px;
       line-height: 0.7;
       margin-top: -3px;
       padding-right: 30px;
       text-align: right;
       vertical-align: top;
       width: 290px;
       font-family: gtwbold;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanTitle span {
       display: inline-block;
       font-size: 14px;
       line-height: 1em;
       width: 100%;
       font-family: gtwregular;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanPrice {
       text-align: left;
       padding-left: 30px;
       width: 290px;
       font-size: 14px;
       display: inline-block;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanPrice span {
       display: inline-block;
       line-height: 1em;
       font-size: 24px;
       font-weight: bold;
       font-family: gtwbold;
   }
   #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlPresets {
       max-width: 1200px;
       width: 100%;
       margin: 0 auto;
   }
   .planBuilderSection {
       padding: 63px 0 120px;
       text-align: center;
   }
   .checkout-toolbar-extended .planBuilderSection {
       padding: 63px 0 170px;
   }
   .planBuilderSection .ui-slider-horizontal {
       height: 16px;
   }
   /** Slider Plan Title **/
   
   .sliderPlanTitle {
       position: absolute;
       left: 0;
       margin-top: -3px;
       width: 120px;
       text-align: left;
       font-size: 14px;
       line-height: 1.2em;
       font-size: 24px;
       font-family: gtwbold;
       vertical-align: top;
   }
   @media (min-width: 768px) {
       .sliderPlanTitle {
           width: 160px;
       }
   }
   /** Slider Plan Price **/
   
   .sliderPlanPrice {
       position: absolute;
       top: 20px;
       right: 0;
       width: 120px;
       text-align: right;
       font-size: 14px;
       line-height: 1.2em;
   }
   @media (min-width: 992px) {
       .sliderPlanPrice {
           top: 5px;
       }
   }
   /** Slider Plan Control **/
   
   .sliderPlanControl {
       position: absolute;
       left: 10px;
       top: 70px;
       max-width: 770px;
       width: 95%;
       vertical-align: top;
   }
   @media (min-width: 992px) {
       .sliderPlanControl {
           left: 160px;
           top: 10px;
           max-width: 580px;
       }
   }
   @media (min-width: 1180px) {
       .sliderPlanControl {
           left: 210px;
           top: 10px;
           max-width: 720px;
       }
   }
   @media (min-width: 1180px) {
       .checkout-section .sliderPlanControl {
           left: 100px;
           top: 10px;
           max-width: 400px;
       }
   }
   .sliderPlanTitle span,
   .sliderPlanTitle span {
       display: inline-block;
       font-size: 14px;
       line-height: 1.4em;
       width: 100%;
       font-family: gtwregular;
   }
   @media (min-width: 1180px) {
       .sliderPlanTitle span,
       .sliderPlanTitle span {
           width: auto;
       }
       .planBuilderSection .sliderPlanTitle span,
       .planBuilderSection .sliderPlanTitle span {
           display: block;
       }
   }
   .build-your-plan-wrapper .sliderPlanPrice span#planMinutesPrice,
   .build-perfect .sliderPlanPrice span#planMinutesPrice,
   .build-your-plan-wrapper .sliderPlanPrice span#planTextsPrice,
   .build-your-plan-wrapper .sliderPlanPrice span#planDataPrice {
       display: inline-block;
       line-height: 1em;
       font-size: 24px;
       font-weight: normal;
       font-family: gtwbold;
   }
   @media (min-width: 992px) {
       .planBuilderSection .sliderPlanTitle {
           padding-right: 10px;
           width: 15%;
           text-align: right;
       }
       .planBuilderSection .sliderPlanPrice {
           padding-left: 10px;
           width: 15%;
           text-align: left;
           right: 30px;
       }
       .planBuilderSection .sliderPlanTitle .slider-pay-message {
           text-align: right;
       }
       .planBuilderSection .sliderPlanPrice .slider-pay-message {
           text-align: left;
       }
   }
   /** Hide br being rendered */
   
   .sliderPlanTitle br,
   .sliderPlanPrice br {
       display: none;
   }
   @media (min-width: 1180px) {
       .sliderPlanTitle br,
       .sliderPlanPrice br {
           display: block;
       }
   }
   .slider-euro-symbol {
       position: relative;
       top: -2px;
       display: inline-block;
   }
   .slider-price {
       display: inline-block;
   }
   .sliderPlanPrice #phoneMonthlyPrice,
   .sliderPlanTitle #phoneUpfrontPrice {
       font-size: 24px;
       font-family: gtwbold;
   }
   .sliderPlanTitle .slider-pay-message {
       display: block;
       position: relative;
       left: 0;
       top: 5px;
       text-align: left;
   }
   .sliderPlanPrice .slider-pay-message {
       display: block;
       position: relative;
       right: 0;
       top: 5px;
       text-align: right;
   }
   .payUp {
       font-family: gtwbold;
       font-size: 36px !important;
       padding-right: 0;
       text-align: center;
       width: 20%;
   }
   #phoneFullUpfrontPrice {
       font-family: gtwbold;
       font-size: 42px;
   }
   .ui-slider-pip-hide .ui-slider-label {
       display: none;
   }
   .ui-slider-pip-last .ui-slider-line,
   .ui-slider-line {
       margin-left: 0 !important;
   }
   /*#ctrlSliderPhoneUpfrontPrice .ui-slider-pip .ui-slider-line {
    display: block;
}*/
   
   #ctrlSliderPhoneUpfrontPrice:hover,
   #ctrlSliderPlanMinutes:hover,
   #ctrlSliderPlanTexts:hover,
   #ctrlSliderPlanData:hover {
       cursor: pointer;
   }
   #ctrlSliderPhoneUpfrontPrice .ui-slider-pip .ui-slider-line {
       display: block !important;
   }
   #ctrlSliderPhoneUpfrontPrice .ui-slider-pip.ui-slider-pip-first .ui-slider-line {
       display: none !important;
   }
   #ctrlSliderPhoneUpfrontPrice .ui-slider-pip.ui-slider-pip-last .ui-slider-line {
       display: none !important;
   }
   .ui-slider-pip .ui-slider-line {
       display: none;
   }
   #ctrlSliderPhoneUpfrontPrice .ui-slider-pip-last .ui-slider-line,
   #ctrlSliderPhoneUpfrontPrice .ui-slider-pip-first .ui-slider-line {
       display: none;
   }
   .add-ons-planer {
       padding: 55px 0 65px;
   }
   .add-ons-planer .container > div > h2 {
       color: #2c3c41;
       font-size: 24px;
       margin-top: 0;
       margin-bottom: 55px;
   }
   .ui-widget-content {
       background: none repeat scroll 0 0 #cacecf;
       border: 4px solid #e4e4e4;
   }
   .ui-slider .ui-slider-handle {
       margin-left: -18px;
       background-color: #55aecb !important;
       border: 4px solid #e4e4e4 !important;
       border-radius: 50%;
       height: 40px !important;
       margin-top: -13px;
       width: 40px !important;
       background-image: none;
       cursor: pointer;
   }
   .ui-slider .ui-slider-handle:focus,
   .ui-slider .ui-slider-handle:active {
       outline: none;
   }
   .ui-slider .ui-slider-handle.ui-state-active {
       box-shadow: 0px 2px 1px 0px rgba(51, 51, 51, 0.24);
   }
   .sliderPlanControl .ui-slider-pip-first .ui-slider-label,
   .sliderPlanControl .ui-slider-pip-last .ui-slider-label,
   .sliderPlanControl .ui-slider-pip .ui-slider-label {
       font-size: 14px;
       color: #7c9496;
   }
   .sliderPlanControl .ui-slider-pip-first .ui-slider-label {
       text-align: left;
   }
   .sliderPlanControl .ui-slider-pip .ui-slider-label {
       text-align: center;
   }
   .sliderPlanControl .ui-slider-pip-last {
       left: initial!important;
       width: 72px;
       right: -110px;
   }
   @media (min-width: 1180px) {
       .sliderPlanControl .ui-slider-pip-last {
           right: 0;
       }
       .build-your-plan-wrapper .sliderPlanControl .ui-slider-pip-last {
           right: -100px;
       }
       .build-your-plan-wrapper .myContract .sliderPlanControl .ui-slider-pip-last {
           right: 0;
       }
   }
   .sliderPlanControl .ui-slider-pip-last .ui-slider-label {
       display: inline-block;
       margin-left: -100%;
       text-align: right;
       font-size: 14px;
   }

    .Gecko11 .sliderPlanControl .ui-slider-pip-last .ui-slider-label {
       margin-left: -57%;
   }


   .ui-widget {
       font-family: gtwregular;
   }
   .planBuilderSection .col-md-12.white-bg .ui-slider-pip {
       font-size: 12px;
       margin-left: -10px;
       margin-top: 30px;
   }
   .planBuilderSection .col-md-12.white-bg .ui-slider-pip-first,
   .planBuilderSection .col-md-12.white-bg .ui-slider-pip-last {
       margin-left: 0;
   }
   .minutes .ui-slider .ui-slider-handle,
   .minutes .ui-slider-range {
       background: #69b978 !important;
   }
   .texts .ui-slider .ui-slider-handle,
   .texts .ui-slider-range {
       background: #55aecb !important;
   }
   .data .ui-slider .ui-slider-handle,
   .data .ui-slider-range {
       background: #c2a6cd !important;
   }
   #ulPlanPacks,
   #ulPlanPacksPrepay {
       padding: 0;
       width: 100%;
       margin: 20px auto 0 auto;
   }
   #ulPlanPacks li,
   #ulPlanPacksPrepay li {
       padding: 10px 2px 10px;
       display: inline-block;
       vertical-align: top;
       width: 24%;
       margin: 0 5px;
   }
   #ulPlanPacks li.active a,
   #ulPlanPacksPrepay li.active a {
       color: #ffffff;
       background: #55aecb;
   }
   #ulPlanPacks li.active a:hover,
   #ulPlanPacksPrepay li.active a:hover {
       background: #4aa4c2;
   }
   #ulPlanPacks li a:hover,
   #ulPlanPacksPrepay li a:hover {
       color: #4d4d4d;
       background: #e6e4e4;
   }
   #ulPlanPacks li a,
   #ulPlanPacksPrepay li a {
       background-color: #f2f2f2;
       color: #7c9496;
       display: inline-block;
       padding: 30px 15px;
       text-align: left;
       position: relative;
       width: 100%;
       font-size: 14px;
       box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.24);
       border-radius: 2px;
   }
   #ulPlanPacks li a h2,
   #ulPlanPacksPrepay li a h2 {
       font-size: 24px;
       margin-bottom: 10px;
       margin-top: 0;
   }
   #ulPlanPacks li a div h2,
   #ulPlanPacksPrepay li a div h2 {
       margin-bottom: 0px;
   }
   #ulPlanPacks li a div,
   #ulPlanPacksPrepay li a div {
       text-align: right;
       color: #2c3c41;
       font-size: 16px;
       position: absolute;
       top: 25px;
       right: 25px;
   }
   #ulPlanPacks li.active a div,
   #ulPlanPacksPrepay li.active a div {
       color: #ffffff;
   }
   #ulPlanPacks li a .packInfo,
   #ulPlanPacksPrepay li a .packInfo {
       position: relative;
       font-size: 14px;
       text-align: left;
       color: #7c9496;
       left: 15px;
       top: 0;
   }
   #ulPlanPacks li.active a .packInfo,
   #ulPlanPacksPrepay li.active a .packInfo {
       color: #ffffff;
   }
   #ulPlanPacks li a div h2,
   #ulPlanPacksPrepay li a div h2 {
       text-align: right;
       color: #2c3c41;
       font-size: 42px;
   }
   #ulPlanPacks li a div h2 small,
   #ulPlanPacksPrepay li a div h2 small {
       color: #2c3c41;
       font-size: 24px;
   }
   #ulPlanPacks li.active a div h2,
   #ulPlanPacksPrepay li.active a div h2 {
       color: #ffffff;
   }
   #ulPlanPacks li.active a div h2 small,
   #ulPlanPacksPrepay li.active a div h2 small {
       color: #ffffff;
   }
   #ulPlanPacks .owl-prev,
   #ulPlanPacksPrepay .owl-prev {
       margin-left: -15px;
   }
   #ulPlanPacks .owl-next,
   #ulPlanPacksPrepay .owl-next {
       margin-right: -15px;
   }
   #ulPlanPacks .per-month,
   #ulPlanPacksPrepay .per-month {
       line-height: 0.9em;
       display: inline-block;
       position: relative;
       top: -4px;
   }
   .get-this-plan {
       padding: 11px 50px;
       margin: 55px 0;
       color: #fff;
   }
   .build-perfect {
       padding: 20px 0 0 0;
   }
   .popular-picks {
       padding: 0 0 60px 0;
   }
   .build-your-plan-content {
       padding: 20px 0 20px 0;
   }
   @media (min-width: 992px) {
       .build-perfect {
           margin: 0;
           padding-bottom: 50px;
       }
       .build-your-plan-content {
           padding: 20px 150px 20px 150px;
       }
   }
   .planFirstWrapper {
       overflow: hidden;
   }
   .build-perfect h2,
   .popular-picks h2 {
       font-size: 24px;
       padding-bottom: 10px;
   }
   .build-perfect a {
       color: #69b978;
   }
   /**
* #.# MVNO - Plan First - Prepay Plan
*
* 
*/
   
   .planfirstPrePay {} .prepayOptions {
       position: relative;
       padding: 50px 0 80px 0;
   }
   .planfirstPrePay h2 {
       margin: 0 0 40px 0;
       color: #37484e;
       font-size: 24px;
   }
   .planfirstPrePay #rblPrepayType {
       list-style: none;
       margin: 0;
       padding: 0;
   }
   .planfirstPrePay #rblPrepayType li {
       list-style: none;
       display: inline-block;
       margin: 0 10px;
       border-radius: 3px;
       box-shadow: 0px 2px 2px 0px rgba(51, 51, 51, 0.25);
   }
   .planfirstPrePay #rblPrepayType li input[type="radio"] {
       margin: 0;
       padding: 0;
       border: 0;
       position: absolute;
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }
   .planfirstPrePay #rblPrepayType li label {
       margin: 0;
       font-family: gtwbold;
       color: #fff;
       font-size: 1.5em;
       padding: 50px 60px;
       min-width: 300px;
       font-weight: normal;
   }
   .planfirstPrePay #rblPrepayType li label:hover {
       cursor: pointer;
   }
   .planfirstPrePay #rblPrepayType li:first-child {
       background: #55aecb;
   }
   .planfirstPrePay #rblPrepayType li:last-child {
       background: #C2A6CD;
   }
   .planfirstPrePay #rblPrepayType li:first-child label:hover {
       color: #33687a;
   }
   .planfirstPrePay #rblPrepayType li:last-child label:hover {
       color: #74647b;
   }
   /** Bundles **/
   
   .planfirstPrePay .bundles-wrapper {
       padding: 60px 0;
   }
   .planfirstPrePay .bundles-wrapper h2 {
       color: #37484e;
   }
   .planfirstPrePay .bundles-wrapper .caret {
       position: relative;
       top: -80px;
       left: 50%;
       z-index: 9999;
       margin-left: -120px;
       border-bottom: 20px solid #fff;
       border-left: 20px solid transparent;
       border-right: 20px solid transparent;
       opacity: 1;
       width: 0;
   }
   .plan.caret {
       position: absolute;
       bottom: 0;
       left: 50%;
       z-index: 9;
       margin-left: -180px;
       border-bottom: 20px solid #fff;
       border-left: 20px solid transparent;
       border-right: 20px solid transparent;
       opacity: 1;
       width: 0;
       display: none;
   }
   .credit.caret {
       position: absolute;
       bottom: 0;
       left: 50%;
       z-index: 9;
       margin-left: 140px;
       border-bottom: 20px solid #fff;
       border-left: 20px solid transparent;
       border-right: 20px solid transparent;
       opacity: 1;
       width: 0;
       display: none;
   }
   .plan.caret.active {
       display: block;
   }
   .credit.caret.active {
       display: block;
   }
   /** Just Credit - Topup Amounts **/
   
   .planfirstPrePay .credit-wrapper {
       padding: 60px 0;
   }
   .planfirstPrePay .credit-wrapper h2 {
       color: #37484e;
   }
   .planfirstPrePay .credit-wrapper .euro {
       font-size: 2.5em;
       font-family: gtwbold;
   }
   .planfirstPrePay .credit-wrapper .amt {
       font-size: 4.0em;
       font-family: gtwbold;
   }
   .planfirstPrePay .credit-wrapper .minus,
   .planfirstPrePay .credit-wrapper .plus,
   .planfirstPrePay .credit-wrapper .credit-amount {
       display: inline-block;
       margin: auto 20px;
       vertical-align: middle;
   }
   .planfirstPrePay .credit-wrapper .minus,
   .planfirstPrePay .credit-wrapper .plus {
       width: 40px;
       height: 40px;
   }
   .planfirstPrePay .credit-wrapper .minus button,
   .planfirstPrePay .credit-wrapper .plus button {
       background-color: #55AECB;
       padding: 0;
       margin: 0;
   }
   .planfirstPrePay .credit-wrapper .minus button:focus,
   .planfirstPrePay .credit-wrapper .plus button:focus {
       outline: none;
   }
   .planfirstPrePay .credit-wrapper .credit-amount {
       width: 205px;
       margin: auto;
       background: url("images/underline-black.gif") repeat-x 0 90%;
   }
   .planfirstPrePay .credit-wrapper button {
       background: none;
       border: none;
       color: #fff;
       height: 40px;
       width: 40px;
   }
   .planfirstPrePay .credit-wrapper button i {
       position: relative;
       top: 2px;
       font-size: 25px;
   }
   .planfirstPrePay .credit-wrapper p {
       margin: 0;
       padding: 20px 0;
   }
   .planfirstPrePay .credit-wrapper .ghost-button {
       border: 2px solid #9db0ae;
       font-family: gtwbold;
       font-size: 16px;
       width: 275px;
       background: #f2f2f2;
       color: #131732;
   }
   .planfirstPrePay .credit-wrapper .ghost-button:hover {
       color: #9db0ae;
   }
   .planfirstPrePay .credit-wrapper .caret {
       position: relative;
       top: -80px;
       left: 50%;
       z-index: 9999;
       margin-left: 120px;
       border-bottom: 20px solid #fff;
       border-left: 20px solid transparent;
       border-right: 20px solid transparent;
       opacity: 1;
       width: 0;
   }
   .reserve-credit-text {
       color: #fff;
   }
   .checkout-summary-header .my-total .reserve-credit-text .tagline {
       color: #977725;
   }
   /** Plus Credit Icon **/
   
   .plus-credit {
       display: none;
   }
   .reserve-credit-text .plus-credit {
       display: inline-block;
       font-size: 1.3em;
   }
   /* Hide icon all the time*/
   
   .reserve-tooltip-icon {
       display: none;
   }
   /* Show icon only when reserve credit is visible*/
   
   .reserve-credit-text .reserve-tooltip-icon {
       display: block;
       position: absolute;
       top: -10px;
       right: 0;
       background: #977725;
       width: 16px;
       height: 16px;
       border-radius: 8px;
       text-align: center;
   }
   .reserve-credit-text .reserve-tooltip-icon:hover {
       cursor: pointer;
   }
   .reserve-credit-text .reserve-tooltip-icon .fa {
       color: #fbc63d;
       font-size: 14px;
       position: relative;
       top: -3px;
   }
   .paytoday-tooltip-icon {
       display: block;
       position: absolute;
       top: -10px;
       right: 0;
       background: #977725;
       width: 16px;
       height: 16px;
       border-radius: 8px;
       text-align: center;
   }
   .paytoday-tooltip-icon:hover {
       cursor: pointer;
   }
   .planBuilderSection .paytoday-tooltip-icon .fa {
       color: #fbc63d;
       font-size: 14px;
       position: relative;
       top: -3px;
   }
   /**
* #.# Shopping Cart - Tooltip
*
* styling subheader elements Buttons and Title
*/
   
   .reserve-credit-text .tooltip {
       position: absolute;
       top: -20px;
       right: 30px;
       z-index: 10;
       width: 600px;
       height: 90px;
       background: #977725;
       padding: 10px;
       color: #fbc63d;
       border-radius: 3px;
       box-shadow: none;
   }
   .reserve-credit-text .tooltip button {
       float: right;
       margin: 0 0 0 10px;
       padding: 0;
       color: #fbc63d;
       background: #977725;
       border: none;
       width: 25px;
       height: 25px;
   }
   .reserve-credit-text .tooltip .caret {
       position: absolute;
       right: -20px;
       border-bottom: 10px solid transparent;
       border-left: 10px solid #977725;
       border-right: 10px solid transparent;
       border-top: 10px solid transparent;
       opacity: 1;
       width: 0;
       top: 30%;
       margin-top: -20px;
   }
   .paytoday-tooltip {
       position: absolute;
       top: -20px;
       right: 30px;
       z-index: 10;
       width: 300px;
       height: 40px;
       background: #977725;
       padding: 10px;
       color: #fbc63d;
       border-radius: 3px;
   }
   .paytoday-tooltip button {
       float: right;
       margin: 0 0 0 10px;
       padding: 0;
       color: #fbc63d;
       background: #977725;
       border: none;
       width: 25px;
       height: 25px;
   }
   .paytoday-tooltip .caret {
       position: absolute;
       right: -20px;
       border-bottom: 10px solid transparent;
       border-left: 10px solid #977725;
       border-right: 10px solid transparent;
       border-top: 10px solid transparent;
       opacity: 1;
       width: 0;
       top: 8px;
       margin-top: 0;
   }
   /*********  Credit Check in Checkout *********/
   
   .pnlDisabledOverlay_checkout {
       /*background-color: #fff;*/
   }
   @media (max-width: 1280px) {
       .planBuilderSection .headerTop .container {
           padding: 0 15px;
       }
       .reserve-credit-text .tooltip {} .reserve-credit-text .tooltip .caret {
           top: 23px;
           border-bottom: 10px solid transparent;
           border-left: 10px solid #977725;
           border-right: 10px solid transparent;
           border-top: 10px solid transparent;
       }
       .paytoday-tooltip {
           right: 30px;
       }
   }
   @media (max-width: 1024px) {
       .planBuilderSection .headerTop .container .logo {
           margin-left: 10px;
       }
       #ulPlanPacks li,
       #ulPlanPacksPrepay li {
           height: 150px;
           width: 30%;
       }
       #ulPlanPacks li a .packInfo,
       #ulPlanPacksPrepay li a .packInfo {
           position: relative;
           font-size: 14px;
           text-align: left;
           color: #7c9496;
           left: 0px;
           top: 0;
           padding-right: 90px;
       }
       #ulPlanPacks li a div h2,
       #ulPlanPacksPrepay li a div h2 {
           text-align: right;
           color: #2c3c41;
           font-size: 35px;
       }
       #ulPlanPacks li a div,
       #ulPlanPacksPrepay li a div {
           text-align: right;
           color: #2c3c41;
           font-size: 16px;
           position: absolute;
           right: 15px;
       }
       .planBuilderSection .headerTop .btn {
           padding: 13px 55px 8px 72px;
       }
       .accessory-preview {
           height: 550px!important;
       }
       .reserve-credit-text .tooltip {} .reserve-credit-text .tooltip .caret {
           top: 26px;
           border-bottom: 10px solid transparent;
           border-left: 10px solid #977725;
           border-right: 10px solid transparent;
           border-top: 10px solid transparent;
       }
       .paytoday-tooltip {
           right: 30px;
       }
   }
   @media (max-width: 800px) {
       .build-your-plan-wrapper .checkout-summary-header {
           top: inherit;
       }
       .reserve-credit-text .tooltip {
           width: 500px;
       }
       #ulPlanPacks li,
       #ulPlanPacksPrepay li {
           width: 48%;
       }
       .popular-picks {
           padding: 0;
       }
       #ulPlanPacks,
       #ulPlanPacksPrepay {
           margin-bottom: 40px;
           width: 97%;
       }
       .build-perfect {
           padding-bottom: 50px;
       }
   }
   @media (max-width: 480px) {
       #ulPlanPacks li,
       #ulPlanPacksPrepay li {
           width: 100%;
           height: auto;
       }
   }
   @media (max-width: 400px) {
       .prepayOptions {
           padding-bottom: 40px;
       }
       .planfirstPrePay #rblPrepayType li:first-child {
           margin-bottom: 20px;
       }
       .planfirstPrePay .credit-wrapper .caret {
           display: none;
       }
       .plan.caret,
       .credit.caret {
           display: none!important;
       }
       .planfirstPrePay .credit-wrapper .minus,
       .planfirstPrePay .credit-wrapper .plus,
       .planfirstPrePay .credit-wrapper .credit-amount {
           display: inline-block;
           margin: auto 10px;
           vertical-align: middle;
       }
       .planfirstPrePay .credit-wrapper .credit-amount {
           width: 150px;
       }
       .planfirstPrePay .credit-wrapper .amt {
           font-size: 48px;
       }
       .sliderPlanControl .ui-slider-pip-first .ui-slider-label {
           display: inline-block;
           padding-top: 0;
       }
       .sliderPlanControl .ui-slider-pip-last .ui-slider-label {
           padding-top: 0;
       }
       .row.presets p {
           width: 90%;
           text-align: center;
           margin: auto;
       }
       #ulPlanPacks li,
       #ulPlanPacksPrepay li {
           width: 90%;
           height: auto;
           display: block;
           margin: auto;
       }
   }
   @media (max-width: 375px) {
       .planBuilderSection .col-md-12.white-bg .ui-slider-pip {
           font-size: 12px;
           margin-left: -10px;
           margin-top: 40px;
       }
       .planBuilderSection .col-md-12.white-bg .ui-slider-pip.ui-slider-pip-1,
       .planBuilderSection .col-md-12.white-bg .ui-slider-pip.ui-slider-pip-3 {
           display: none;
       }
       /*#p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanPrice,
      .sliderPlanPrice {
          font-size:18px;
      }*/
       
       .planBuilderSection .ui-slider-horizontal {
           height: 20px;
       }
       .reserve-credit-text .tooltip {
           left: 10px;
           width: 350px;
           top: -155px;
           text-align: left;
           height: 130px;
       }
       .reserve-credit-text .tooltip .caret {
           left: 142px;
           border-top: 10px solid #977725;
           border-left: 10px solid transparent;
           border-right: 10px solid transparent;
           border-bottom: 10px solid transparent;
           top: 148px;
       }
       .reserve-credit-text .reserve-tooltip-icon,
       .paytoday-tooltip-icon {
           top: -15px;
       }
       .paytoday-tooltip {
           left: -175px;
           width: 350px;
           top: -66px;
           text-align: left;
       }
       .paytoday-tooltip .caret {
           position: absolute;
           right: 2px;
           border-top: 10px solid #977725;
           border-left: 10px solid transparent;
           border-right: 10px solid transparent;
           border-bottom: 10px solid transparent;
           opacity: 1;
           width: 0;
           top: 38px;
           margin-top: 0;
       }
   }
   @media (max-width: 360px) {
       .paytoday-tooltip {
           top: -66px;
           left: -156px;
           text-align: left;
           height: 40px;
           width: 330px;
       }
       .top0 .paytoday-tooltip {
           top: 9px;
           left: -156px;
           text-align: left;
           height: 40px;
           width: 330px;
       }
       .top0 .paytoday-tooltip .caret {
           position: absolute;
           right: 15px;
           border-top: 10px solid transparent;
           border-left: 10px solid transparent;
           border-right: 10px solid transparent;
           border-bottom: 10px solid #977725;
           opacity: 1;
           width: 0;
           top: -16px;
           margin-top: 0;
       }
       .top0 .reserve-credit-text .tooltip {
           top: 9px;
       }
       .top0 .reserve-credit-text .tooltip .caret {
           top: 2px;
           left: 130px;
           border-top: 10px solid transparent;
           border-left: 10px solid transparent;
           border-right: 10px solid transparent;
           border-bottom: 10px solid #977725;
       }
       .paytoday-tooltip .caret {
           right: 15px;
       }
       .reserve-credit-text .tooltip {
           left: 10px;
           width: 330px;
       }
       .reserve-credit-text .tooltip .caret {
           left: 130px;
       }
   }
   @media (max-width: 320px) {
       .reserve-credit-text .tooltip,
       .paytoday-tooltip {
           width: 300px;
       }
       .reserve-credit-text .tooltip .caret {
           left: 111px;
       }
       .paytoday-tooltip {
           left: -146px;
       }
       .paytoday-tooltip .caret {
           right: 13px;
       }
   }
   /*
    Prepay Plans Section Updated - 10/05/2016

    Styles for phone first and plan first section

*/
   
   .prepay-topup-area {
       padding: 70px 0;
   }
   .prepay-topup-area h2 {
       margin-bottom: 11px;
   }
   .prepay-topup-area .sub-heading {
       padding-top: 10px;
       padding-bottom: 40px;
   }
   .prepay-topup-area .sub-heading p {
       padding: 0 30%;
       margin-bottom: 20px;
   }
   .prepay-row {
       padding: 0 5%;
   }

   .prepay-topup-area .sub-heading ul {
       text-align: left;
    max-width: 240px;
    margin: 0 auto;
    padding-bottom: 20px;
   }


   /* Purple Plan Details */
   
   .prepay-details-container {
       background-color: #C2A6CD;
       border-radius: 10px;
       padding: 6% 5% 3% 5%;
       background-image: url('images/purple-bg.png');
       background-size: cover;
   }
   .prepay-details-container h2 {
       font-size: 56px!important;
       color: #37484e;
       text-align: center;
       padding: 5%;
       margin-bottom: 20px;
   }
   .prepay-details-container div {
       text-align: left;
       display: inline-block;
   }
   .prepay-details-container p {
       text-align: left;
       font-size: 20px;
       font-weight: 800;
       margin-bottom: 20px;
       padding: 0 25px;
       display: block;
   }
   .prepay-details-container .prepay-white {
       color: #fff;
   }
   .prepay-details-container .prepay-data {
       color: #fff;
       font-size: 36px;
       font-weight: 400;
       margin-top: -5px;
       font-family: gtwbold;
   }
   .prepay-details-container .prepay-calls,
   .prepay-details-container .prepay-credit {
       margin-top: 5px;
   }
   
   .prepay-details-container .prepay-id{
	      margin-bottom: 5px; 
   }

     .prepay-details-container .prepay-calls{
	      margin-bottom: 27px; 
   }
   
   .prepay-details-container img {
       width: 40px;
       vertical-align: text-bottom;
   }
   .prepay-details-container .editable-prepay-details {
       margin-top: 12%;
       font-weight: 800;
   }
   .prepay-details-container .editable-prepay-details a {
       color: #6e5e78;
   }
   .prepay-topup-container .planbuttondiv {
       margin-bottom: 11px;
       position: relative;
   }
   .prepay-topup-container .planbuttondiv .planbutton {
       display: block;
       padding: 8% 10%;
       background-color: #f2f2f2;
       box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.24);
       border-radius: 2px;
       font-size: 38px;
       color: #2c3c41!important;
       cursor: pointer;
       font-family: gtwbold;
   }
   .prepay-topup-container .planbuttondiv .top-up-text {
       font-size: 20px;
       display: block;
       margin-top: -10px;
       color: #2c3c41;
       padding-left: 30%;
       font-family: gtwregular;
       font-weight: 400;
   }
   .prepay-topup-container .planbuttondiv.active .planbutton {
       padding: 10% 10%;
       background-color: #cacecf;
       width: 300px;
       margin-left: -30px;
       font-size: 72px;
       display: block;
   }
   .prepay-topup-container .planbuttondiv.active .top-up-text {
       display: inline-block;
       margin-top: 0;
       padding-left: 0;
   }
   .prepay-topup-container .planbuttondiv.active .decimals {
       display: none;
   }
   .prepay-topup-container .planbuttondiv.active .planbutton::before {
       content: "";
       background-image: url('images/prepay-active-arrow.png');
       display: block;
       width: 30px;
       height: 60px;
       position: absolute;
       left: -60px;
       top: 45px;
       background-size: 100%;
   }
   @media (max-width: 1200px) {
       .prepay-row {
           padding: 0;
       }
       /* Purple Plan Details */
       
       .prepay-details-container {
           padding: 8% 2% 5% 4%;
       }
       .prepay-topup-area .sub-heading p {
           padding: 0 5%;
       }
       /* Top Up Grey Buttons */
       
       .prepay-topup-container .planbuttondiv .planbutton {
           padding: 10% 10%;
       }
       /* Active Top Up Button */
       
       .prepay-topup-container .planbuttondiv.active .planbutton {
           width: 265px;
       }
   }
   @media (max-width: 992px) {
       .prepay-row {
           padding: 0 2%;
       }
   }
   @media (max-width: 640px) {
       .prepay-row {
           padding: 0 2%;
       }
       .prepay-details-container h2 {
           font-size: 36px!important;
           padding: 8% 2%;
       }
       .prepay-details-container p {
           font-size: 16px;
           padding: 0 5px 0 15px;
           margin-bottom: 5px;
       }
       .prepay-details-container .prepay-data {
           font-size: 20px;
           margin-top: 0;
       }
       .prepay-details-container {
           padding: 11% 2% 5% 5%;
       }
       /* Top Up Grey Buttons */
       
       .prepay-topup-container {
           padding-right: 0;
       }
       .prepay-topup-container .planbuttondiv .planbutton {
           font-size: 20px;
           padding: 22% 10%;
           margin-bottom: 10%;
       }
       .prepay-topup-container .planbuttondiv .top-up-text,
       .prepay-topup-container .planbuttondiv.active .top-up-text {
           font-size: 16px;
           padding-left: 0;
           display: block;
           margin-top: -10px;
       }
       .prepay-details-container img {
           margin-top: 5px;
       }
       /* Active Top Up Button */
       
       .prepay-topup-container .planbuttondiv.active .planbutton {
           width: auto;
           margin-left: 0;
           padding: 25% 10%;
           font-size: 40px;
       }
       .prepay-topup-container .planbuttondiv.active .planbutton::before {
           width: 15px;
           height: 45px;
           position: absolute;
           left: -15px;
           top: 30px;
           background-size: 200%;
       }
   }
   @media (max-width: 640px) and (min-width: 340px) {
       .prepay-details-container .prepay-data {
           margin-top: 9px;
       }
   }

/* EU Roaming */

#pnlBuilderControls .data .EURoaming {
background: #f2f2f2;
    padding: 14px;
    width: 162px;
    border-radius: 3px;
    position: absolute;
    top: 81px;
    font-size: 12px;
}

#pnlBuilderControls .data .EURoaming:before {
    top: -20px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 242, 242, 0);
    border-bottom-color: #f2f2f2;
    border-width: 10px;
    margin-left: -10px;
}


        #pnlBuilderControls .data #euRoamingData0 {
    left: 13%;
   }

        #pnlBuilderControls .data #euRoamingData1 {
    left: 27%;
   }
    
    #pnlBuilderControls .data #euRoamingData2 {
    left: 42%;
   }
   
    
     #pnlBuilderControls .data #euRoamingData3 {
    right: 29%;
   }

    #pnlBuilderControls .data #euRoamingData4 {
    right: 16%;
   }
@media (max-width: 850px) {
    .sliderPlanTitle {
        width: 100%;
    }


    #pnlBuilderControls .data .EURoaming {
        top: 136px;
    }

    #pnlBuilderControls .data #euRoamingData4 {
    right: -3%;
    }

    #pnlBuilderControls .data #euRoamingData3 {
    right: 17%;
    }

    #pnlBuilderControls .data #euRoamingData2 {
    left: 39%;
    }

    #pnlBuilderControls .data #euRoamingData1 {
    left: 15%;
    }

    #pnlBuilderControls .data #euRoamingData0 {
    left: -4%;
    }
}

@media (max-width: 768px){
    .sliderPlanTitle {
        width: 100%;
    }

    #pnlBuilderControls .data .EURoaming {
    top: 160px;
    margin: auto;
    position: inherit;
    }

            #pnlBuilderControls .data #euRoamingData0 , #pnlBuilderControls .data #euRoamingData1 , 
    #pnlBuilderControls .data #euRoamingData2 ,#pnlBuilderControls .data #euRoamingData3 ,
    #pnlBuilderControls .data #euRoamingData4 {
    right: 0;
    left: 0;
   }

    .texts .sliderPlanTitle span, .sliderPlanTitle span,  .data .sliderPlanTitle span, .sliderPlanTitle span  {
        width: 100%;
    }


}
@media (max-width: 375px) {

        .planBuilderSection .col-md-12.white-bg .ui-slider-pip.ui-slider-pip-1,
        .planBuilderSection .col-md-12.white-bg .ui-slider-pip.ui-slider-pip-3 {
             display: BLOCK;
        }


    .minutes .sliderPlanTitle span, .sliderPlanTitle span {
        width: 85%;
    }
}