/* Version:1.0  
  Author: Carson
  Create Date:2017-09-29 
  Update Date:2017-11-11 Amy
  Desc : Mobile Plans CSS */ 
  
.bannerAll {background: url(../images/mobile/S20220921A.jpg) no-repeat; background-size: 100%;}
.banner_testimonial {
	background: url(../images/mobile/testimonial01.jpg) no-repeat;
	background-size: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
}
.banner_testimonial p {font-size: 14px;color: #FFFFFF;width: 40%;margin-left: 50px;}
.banner_testimonial_h1 {font-size: 26px;color: #FFFFFF;font-weight: bold;}
.iconsBox .iconCon1,.iconsBox .iconCon2,.iconsBox .iconCon7,.iconsBox .iconCon8 {background:none;}
.iconsBox .iconCon3{ background:url(../images/mobile/mobilePlanIcon1.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon4{ background:url(../images/mobile/mobilePlanIcon2.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon5{ background:url(../images/mobile/mobilePlanIcon3.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon6{ background:url(../images/mobile/mobilePlanIcon4.png)  no-repeat top; background-size: 60%;}
ul.listNom{padding-left: 1%;}
ul.listNom li{list-style-type:decimal;}
.cardList{text-align: left;}
.cardList p{padding-left: 6.2%; background: url(../images/icons/hookIconOrange.png) no-repeat; background-size: 3.6%; background-position-y: .16vw;}
.cardList p:last-child{margin-bottom: 0;}
.cardBox{float: left; width: 30%; text-align: left;}
.cardCon .titleMgnBtm{text-align: left;}
.cardCon .cardBox{width: 47%;}
.cardCon .cardSpace{width: 6%;}
.cardCon .cardTitle{padding: 0 5.2%; padding-top: 60%; margin-bottom: 3%;text-align: center;}
.cardCon .cardTitle1{background:url(../images/mobile/US_sim_card_features.jpg)  no-repeat top; background-size: 100%;}
.cardCon .cardTitle2{background:url(../images/mobile/China_sim_card_features.jpg)  no-repeat top; background-size: 100%;}
.cardCon .cardList p{padding-left: 4.6%; background-size: 2.8%;}
.twoCardText{margin-bottom: 3%;}
.planOtherBox {margin-bottom: 3%;}
.planRefund {margin-bottom: 3%;}
.dataComparison{background: url(../images/mobile/data_comparison_background.jpg) no-repeat top center; background-size:cover; padding-top: 5%; text-align: center;}
.dataComparisonLeft, .dataComparisonRight{float:left; width:50%; padding-top:2%; padding-bottom:2%;}
.dataComparisonLeft img{width:64%; margin-left:29%; margin-right:7%;}
.dataComparisonRight img{width:64%; margin-left:7%; margin-right:29%;}
.dataComparisonComments {text-align: right; padding-right: 25%; margin-bottom: 0; padding-bottom: 3%;}
.twoCountriesPlan,.internationalCall{text-align: center;padding-top: 4%;}
.countriesMap{margin: 0 auto; width: 90%;}
.countriesMap img{width: 100%;}
.callCon{margin-top: 2%; margin-bottom: 2%;}
.twoCountriesPlanLeft, .twoCountriesPlanRight{float:left; width:50%; padding-top: 2%; padding-bottom: 1%;}
.twoCountriesPlanLeft{padding-left:9%; padding-right:1%;}
.twoCountriesPlanRight{padding-right:9%; padding-left:1%;}
.inUSTitle{text-align:center; padding-top:1%; margin-bottom:2%;}
.inUSTitleList {background: url(../images/icons/hookIconOrange.png) no-repeat top left; margin-top: 2%; margin-bottom: 2%; background-size: 2.9%; padding-left: 5%;}
.multipleCountries{text-align:center; padding-top: 4%;}
.countryCheck {background: url(../images/icons/hookIconOrange.png) no-repeat top left; background-size: 6%; padding-left: 1.5%;}
.countryCheck2 {background: url(../images/icons/hookIconOrange.png) no-repeat top left; background-size: 3.6%; padding-left: 1.5%;}
.multipleCountriesPhone{text-align: center; padding-top: 1%; margin-bottom: 0;}
.unlimitedTextTalkBanner{background:url("../images/mobile/unlimited_text_talk_background.jpg") no-repeat top center; background-size:cover;	margin-top: 2%;}
.unlimitedTextTalkTitle {color: white; padding-top: 18%; padding-left: 60%;}
.unlimitedTextTalkSubTitle{color: white; padding-left: 60%; padding-bottom: 19%;}
.mt0{margin-top:0;}
.ifCustomerLeft{width:50%; float:left; text-align:right; padding-right:0.5%; padding-top:2%;}
.ifCustomerRight{width:50%; float:left; text-align:left; padding-left:0.5%; padding-top:2%;}
.planTitleBig {color: #fff; margin-bottom: 0; padding-top: 3.5%;}
.ifCustomerLeftText{
    width: 50%;
    text-align: center;
    margin-left: 50%;
    color: #222222;
    background: white;
    padding: 1%;
    cursor:pointer;
    box-shadow: inset 0 0 0 0 white;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.ifCustomerLeftText:hover {color: white; box-shadow: inset 350px 0 10px #ff7f00;}
.ifCustomerRightText{
    width: 50%;
    text-align: center;
    color: #222222;
    background: white;
    padding: 1%;
    cursor:pointer;
    box-shadow: inset 0 0 0 0 white;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.ifCustomerRightText:hover {color: white; box-shadow: inset 350px 0 10px #ff7f00;}
.ifCustomerSelected{background:#ff7f00; color:white;}
.lineSelectTitle{color:white; padding-top:1%; padding-bottom:2%; margin-bottom:0;}
.lineSelectText{
    text-align: center;
    color: white;
    background: #00afff;
    width: 14%;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-bottom: 0;
    border-radius: 7px;
    float: left;
    margin-right: 3.2%;
    z-index: 10;
    cursor:pointer;
    box-shadow: inset 0 0 0 0 white;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: box-shadow ease 0.8s, padding-top 0s, padding-bottom 0s, margin-top 0s;
}
.lineSelectText:before{
     border-top: .25vw solid #00afff;
     content:"";
     margin: 0 auto; /* this centers the line to the full width specified */
     position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
     top: 50%; left: 0; right: 0; bottom: 0;
     padding-left:12.5%;
     padding-right:12.5%;
	 margin-top: -.7%;
     width: 95%;
     z-index: -1;
}
.line6 {margin-right: 0;}
.lineSelect{position: relative; text-align: center; margin-bottom: 3%; z-index: 0; width: 75%; margin-left: 12.5%;}
.crossBorder{border-top: 4px solid #00afff; width: 75%; margin-left: 12.5%; position: absolute; top: 50%;}
.lineSelectText:hover{color: white; box-shadow: inset 200px 0 10px #00afff; transition: box-shadow ease 0.8s, padding-top 0s, padding-bottom 0s, margin-top 0s;}
.lineSelectSelected{background:#ff7f00; color:white; padding-top:2%; padding-bottom:2%; margin-top:-1%;}
.lineSelectSelected:hover{color: white; box-shadow: inset 200px 0 10px #ff7f00; transition: box-shadow ease 0.8s, padding-top 0s, padding-bottom 0s, margin-top 0s;}
.planText {margin-top: 3%;}
.planNameSubtitle{padding-left: 13%; padding-bottom: 2%;}
.planNameSubtitle2{padding-bottom: 2%;}
.priceBox1 {margin-left: 26%;}
.bbPlan {background: url(../images/mobile/mobile_data_plan_select_background.jpg) no-repeat top center; background-size:100%;}
.chinaSimCard {
    background: url(../images/mobile/china_sim_card_icon.png) no-repeat top left;
    background-size: 10%;
    padding-left: 22%;
    padding-top: 6%;
    margin-top: 3%;
    text-align: left;
    background-position-x: 10%;
	background-position-y: 23%;
    padding-right: 8%;
    padding-bottom: 3%;
    border-bottom: 1px solid #656565;
}
#chinaSimCardCheckbox, #chinaSimCardCheckbox2, #chinaSimCardCheckbox3, #chinaSimCardCheckbox4{margin-top: 0; margin-left: 5%;}
.chinaSimCardCheckboxLabel, .chinaSimCardCheckboxLabel2, .chinaSimCardCheckboxLabel3, .chinaSimCardCheckboxLabel4{padding-left:2%; cursor:pointer;}
.chinaSimLastFeatures{text-align: center; margin-bottom: 0; padding-top: 4%; padding-bottom: 9%;}
.countryCheck3{background: url(../images/icons/hookIconOrange.png) no-repeat top left; background-size: 18%; padding-left: 5%; background-position-y: 43%;}
.mobileDisclaimer{margin-top: 4%; margin-bottom: 4%;}

@media (max-width:1000px) and (min-width:768px){
    .bannerAll{padding-top:10.3%; background: url(../images/mobile/S20220921A.jpg) no-repeat; background-size: 100%;}
	.banner_testimonial {padding-top:10.3%;background: url(../images/mobile/testimonial01.jpg) no-repeat; background-size: 100%;}
    .bannerSubTitle{margin-bottom: 0; padding-bottom: 11%;}
    .priceBox1 {margin-left: 20%;}
    .priceBox2 {margin-left: 20%;}
	.dataComparison{padding-top: 6%; padding-bottom: 2%;}
    .dataComparisonLeft img {width: 80%; margin-left: 15%; margin-right: 5%;}
    .dataComparisonRight img {width: 80%; margin-left: 5%; margin-right: 15%;}
    .dataComparisonComments {padding-right: 15%;}
	.chinaSimCard {background-position-y:19%;}
	ul.listNom{padding-left: 2%;}
	.twoCountriesPlan,.internationalCall{padding: 0 5.2%; padding-top: 6%;}
	.countriesMap{margin: 0 auto; width: 100%;}
	.cardCon .cardBox{width: 48%;}
    .cardCon .cardSpace{width: 4%;}
	.callCon{margin-top: 3%; margin-bottom: 2%;}
	.cardCon .cardList p{padding-left: 6%; background-size: 4%; background-position-y: .32vw;}
	.unlimitedTextTalkSubTitle{padding-right: 5.2%;}	
    .twoCountriesPlanLeft {padding-left: 5%; padding-right: 2%;}
    .twoCountriesPlanRight {padding-left: 2%; padding-right: 5%;}
    .inUSTitleList {background-size: 3.5%; background-position-y: 5%;}
    .countryCheck {background-size: 5%; padding-left: 2%; background-position-y: 40%;}
    .countryCheck2 {background-size: 3%; padding-left: 2%; background-position-y: 40%;}
	.mobileDisclaimer{margin-top: 6%; margin-bottom: 6%; padding: 0 5.2%;}
}

@media (max-width:767px) {
    .bannerAll {padding-top: 5.5%; background: url(../images/mobile/S20220921B.jpg) no-repeat; background-size: 100%;}
	.banner_testimonial {background: url(../images/mobile/testimonial01.jpg) no-repeat;background-size: 100%;padding-top: 5%;padding-bottom: 5%;}
.banner_testimonial p {font-size: 9px;color: #FFFFFF;width: 90%;margin-left: 20px;}
.banner_testimonial_h1 {font-size: 16px;color: #FFFFFF;}
    .bbPlan {background: url(../images/mobile/mobile_data_plan_select_background_mobile.jpg) no-repeat top center; background-size: 100%;}
    .iconCon1, .iconCon2, .iconCon7, .iconCon8{display:none;}
	.bbPlanOther{margin-top: 12%;}
	.dataComparison{padding-top: 12%; padding-bottom: 4%;}
    .dataComparisonLeft, .dataComparisonRight {float: none; width: 100%; padding-top: 8%; padding-bottom: 0;}
    .dataComparisonLeft img, .dataComparisonRight img {width: 80%; margin-left: 10%; margin-right: 10%;}
    .dataComparisonComments {text-align: right; padding-right: 5%; margin-bottom: 0; padding-bottom: 5%; padding-top: 5%;}
    .dataComparison {background: url(../images/mobile/data_comparison_background_mobile.jpg) no-repeat top center; background-size: cover;}
	.chinaSimCard {background-position-y:16%;}
	ul.listNom{padding-left: 4%;}
	.twoCountriesPlan,.internationalCall{padding: 0 5.2%; padding-top: 12%}
	.countriesMap{margin: 0 auto; width: 100%;}
	.callCon{margin-top: 3%; margin-bottom: 5%;}
	.cardBox{float: none; width: 100%; padding-top: 3%;}
	.cardTitle{ margin-bottom: 4%;}
	.cardCon .cardBox{width: 100%;}
    .cardCon .cardSpace{width: 8%;display: none;}
    .cardCon .cardTitle{margin-bottom: 3%;text-align: center; background-size: 100%;}
    .cardCon .cardList p{padding-left: 4.8%; background-size: 2.8%;}
	.cardCon .cardList p{padding-left: 5.5%;background-size: 3.6%;background-position-y: .8vw;}
	.callCon .cardSpace{display: none;}
	.mCardText{text-align: left; margin-bottom: 6.5%;}
    .twoCountriesPlanSubTitle{padding-left:8%; padding-right:8%; padding-bottom:5%;}
    .twoCountriesPlanLeft, .twoCountriesPlanRight {float: none; width: 100%; padding-top: 3%; padding-bottom: 3%; padding-left: 0; padding-right: 0;}
    .inUSTitleList{margin-left:8%; margin-right:8%;}
    .inUSTitleList{background-size:4.7%; padding-left:6%;}
    .countryCheck {background-size: 4.7%; padding-left: 6%; display: block; margin-left: 8%; margin-right: 5%; text-align: left;}
    .countryCheck2 {background-size: 4.7%; padding-left: 6%; display: block; margin-left: 8%; margin-right: 5%; text-align: left;}
    .countriesImgMap {width: 96%; margin-left: 2%;}
    .unlimitedTextTalkBanner {background: url(../images/mobile/unlimited_text_talk_background_mobile.jpg) no-repeat top center; background-size: cover;}
    .unlimitedTextTalkTitle {padding-top: 8%; padding-left: 0; text-align: center;}
    .unlimitedTextTalkSubTitle {color: white; padding-left: 5%; padding-right: 5%; padding-bottom: 85%; text-align:center;}
    .ifCustomerLeftText {width: 80%; margin-left: 18%; padding: 2%;}
    .ifCustomerRightText {width: 80%; margin-left: 2%; padding: 2%;}
    .lineSelectTitle {padding-top: 3%; padding-bottom: 3%;}
    .lineSelectSelected {padding-top: 1%; padding-bottom: 1%; margin-top: 0;}
    .lineSelectText:before{border-top: none;}
    .lineSelectText{width:30%; margin-right:5%; padding: 4%; border-radius:5px; margin-bottom:3%;}
    .line3, .line6{margin-right:0;}
    .planNameSubtitle {padding-left: 14%;}
    .priceBox1, .priceBox2 {margin-left: 24%;}
    .chinaSimLastFeatures {padding-top: 5%; padding-bottom: 10%;}
    .chinaSimCard {margin-top: 5%; padding-bottom: 5%;}
	.mobileDisclaimer{margin-top: 8%; margin-bottom: 10%; padding: 5.2%;}
	
}