/* Version:1.0  Author: Amy
  Create Date:2017-09-01 
  Update Date:2017-11-11 Amy
  Desc : Home Phone Rates CSS */ 

/* BannerAll Begin */
.bannerAll_2{background: url(../images/phone/bbRateBannerBg.jpg) no-repeat; background-size: 100%;}
/* BannerAll End */

/* bbRegion Begin */
.bbRegion{padding: 4.5% 0 4.5% 0; text-align: center;}
.regionPart1{margin-bottom: 5%;}
.regionPart2{padding: 0 10%; text-align: left;}
.countryCon{width: 100%;}
.countryText{margin-left: 27%;}
.conBlock{display: block;}
.conTelephone{background: url(../images/icons/homePhoneIconSmall.png) no-repeat; background-size: 32%; background-position-x: 2%;background-position-y: 30%; padding-left: 15%;}
.conPhone{background: url(../images/icons/mobilePhoneIconSmall.png) no-repeat; background-size: 23%; background-position-y: 30%; padding-left: 10.5%; margin-left: 1%;}
.countryBox{float: left; width: 20%; padding: 1.6% 0;cursor: pointer;}
.Country01{background: url(../images/phone/bbRateIconCa.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country02{background: url(../images/phone/bbRateIconChina.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country03{background: url(../images/phone/bbRateIconHK.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country04{background: url(../images/phone/bbRateIconSin.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country05{background: url(../images/phone/bbRateIconUS.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country06{background: url(../images/phone/bbRateIconJapan.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country07{background: url(../images/phone/bbRateIconMalaysia.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country08{background: url(../images/phone/bbRateIconKR.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country09{background: url(../images/phone/bbRateIconTW.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country10{background: url(../images/phone/bbRateIconAustralia.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country11{background: url(../images/phone/bbRateIconNZ.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country12{background: url(../images/phone/bbRateIconAustria.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country13{background: url(../images/phone/bbRateIconBel.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country14{background: url("../images/phone/bbRateIconPeru.png") no-repeat; background-size: 23%;background-position-y: 50%;}
.Country15{background: url(../images/phone/bbRateIconFrance.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country16{background: url("../images/phone/bbRateIconCaa.png") no-repeat; background-size: 23%;background-position-y: 50%;}
.Country17{background: url(../images/phone/bbRateIconGreece.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country18{background: url(../images/phone/bbRateIconIreland.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country19{background: url(../images/phone/bbRateIconItaly.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country20{background: url(../images/phone/bbRateIconLux.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country21{background: url(../images/phone/bbRateIconNL.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country22{background: url(../images/phone/bbRateIconNorway.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country23{background: url(../images/phone/bbRateIconPortugal.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country24{background: url(../images/phone/bbRateIconSpain.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country25{background: url(../images/phone/bbRateIconSweden.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country26{background: url(../images/phone/bbRa1teIconRUS.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country27{background: url(../images/phone/bbRa1teIconBAN.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country28{background: url(../images/phone/bbRateIconVatican.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country29{background: url(../images/phone/bbRateIconChile.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country30{background: url(../images/phone/bbRateIconagen.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country31{background: url(../images/phone/bbRateIconIbax.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country32{background: url(../images/phone/bbRateIconmoxi.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country33{background: url(../images/phone/bbRateIcontuqi.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country34{background: url(../images/phone/bbRateIconselie.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country35{background: url(../images/phone/bbRateIconindia.png) no-repeat; background-size: 23%;background-position-y: 50%;}
.Country36{background: url("../images/phone/bbRateIconcolumbia.png") no-repeat; background-size: 23%;background-position-y: 50%;}
/* bbRegion End */

/* Home Phone Rates Begin */
.bbRates{text-align: center; margin-bottom: 7%;}		   
.ratesPart1{padding: 3.6% 0 3% 0;}
a.alphaButton{text-decoration: none; color: #222;}
.alphaCon{width: 55%; float: left;margin-bottom: -1.5%;}
.alphabetBox{margin: 3% 0 1.5% 0;}
.alphabetBox a.selected{background: #ff7f00; color: #fff;}
.alphaButton {margin: 0 1.5% 1.5% 0; padding: 1.2% 0;
    width: 6.192%;
    float: left;
	text-align: center;
    cursor: pointer;
	background: #fff; 
    border: 1px solid #bebebe;
    border-radius: 3px;
    box-shadow: inset 0 0 0 0 #ff7f00;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}
.alphaButton:hover{color: #fff; box-shadow: inset 200px 0 0 0 #ff7f00;}
.regionNameSearch{ width: 45%; float: right;}
.regionNameSearch .searchTitle{margin-left: 14%;}
.regionSearchBox{margin: 3.6% 0 3% 0;}
.searchImg,.searchBar,.searchButton{float: left; line-height: 1.5; padding-top: 1.8%; padding-bottom: 1.8%; border: 1px solid #b1b1b1;}
.searchImg{
	margin-left: 14%;
    width: 7%;
	font-weight: bold;
	border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	background: #fff url(../images/icons/magnifierGray.png) no-repeat scroll center center;
	background-size: 62%;
    background-position-x: 62%;
}
.searchBar{
    padding-left: 1%;
    margin-bottom: 0.5%;
    width: 64%;
	color: #999;
	border-radius:0;
	border-left: none;
	border-right: none;    
}
.searchButton {	   
    width: 15%;
	text-align: center;
    font-weight: bold;
	color: #ff7f00;
    cursor: pointer;
	background: #fff; 
	border-left-color: #ccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: inset 0 0 0 0 #ff7f00;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}
.searchButton:hover{color: white; box-shadow: inset 200px 0 0 0 #ff7f00;}
.gradientTop{
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
    background: linear-gradient(to top, #ffffff 0%,#f3f3f3 100%);    
}
.listHeader,.ratesNote{margin-top: 4%!important;}
.fromBox{width: 100%!important; margin: 0 auto;}
.fromBox td{text-align: left; padding:1% 3% 1.1% 3.5%;}
.listTitle{background: #535353; color: #fff;}
.listLeft{width: 26%;}
.listCenter{width: 40%;}
.listRight{width: 15%;}
.listRightx{width: 15%;}
.listRighty{text-align: center!important; padding-left: 0.5%!important; padding-right: 0.5%!important;}
.listRightz{padding-left: 6%!important;}
.bgWhite{background: #fff;}
.bgGray{background: #ececec;} 
.zhuyi{margin-left: 10%;margin-bottom: 3%;text-align: left;}

.title1r{font-size: 3.5vw;}
.title2r{font-size: 1.5vw;}

/* Home Phone Rates End */   
   
@media  (min-width:768px) and (max-width:1000px){
    .regionPart2,.regionNameSearch,.alphaCon,.ratesNote{padding: 0 5.2%;}	
    /* bannerAll Begin */
	/* bannerAll End */
	
    /* bbRegion Begin */
    .bbRegion{padding: 6% 0 5.5% 0;}
	.regionPart1{margin-bottom: 3%;}    
	/* bbRegion End */
	
	/* Home Phone Rates Begin */
	.ratesPart1{padding: 6% 0 3% 0;}
	.bbRates{margin-bottom: 6.5%;}
	.searchImg,.searchBar,.searchButton{line-height: 1.5}
	.searchImg{width: 12%;margin-left: 0;}
	.searchBar{width: 70%;}
	.searchButton{width: 18%;}
	.alphaCon{width: 62%; padding-right: 0;}
	.regionNameSearch{width: 38%;}
	.regionNameSearch .searchTitle{margin-left: 0;}
	.regionSearchBox{margin-top: 6%;}
	
	.listHeader,.ratesNote{margin-top: 5%!important;}
	.fromBox td{padding:1.2% 3.8% 1.3% 4%;}
	.listLeft{width: 30%;}
    .listCenter{width: 50%;}
    .listRight{width: 10%;}
    .listRightx{width: 10%;}
	/* Home Phone Rates End */
}
@media (max-width:767px){
    .regionPart2,.regionNameSearch,.alphaCon,.ratesNote{padding: 0 5%;}	
	.ratesText{padding: 0 3%;}
    /* bannerAll begin */
    .bannerAll_2{padding-top: 10%; background: url(../images/phone/mBBRateBannerBg.jpg) no-repeat; background-size: 100%;}
	.bannerTitle{line-height: 1.5; margin-bottom: 3.5%;}
	/* bannerAll end */
	
	/* bbRegion Begin */
    .bbRegion{padding: 9% 0 12.5% 0;}
	.regionPart1{margin-bottom: 6%; padding: 0 5%;}    
	.ratesPart1{padding: 12% 0 6% 0;}
	.countryCon{width: 103%;}	
    .countryBox{width: 33.3%; padding: 3% 0; background-size: 27%;}
	.countryText{margin-left: 32%;}
	/* bbRegion End */
	
	/* Home Phone Rates Begin */
	.alphaCon{width: 100%;}
	.alphabetBox{width: 105.2%;margin-left: 1%;}
	.regionNameSearch{width: 100%;margin-bottom: 7.2%;}
	.regionNameSearch .searchTitle{margin-left: 0;}
	.bbRates{margin-bottom: 12%;}
	.alphaButton{width: 12%;}
	.searchImg,.searchBar,.searchButton{line-height: 1.5}
	.searchImg{margin-left: 1%; width: 8.6%;}
	.searchBar{width: 73%;}
	.searchButton{width: 16%;}	
	
	.listHeader,.ratesNote{margin-top: 8%!important;}
	.fromBox td{padding:1.3% 3.8% 1.4% 4%;}
	.listLeft{width: 30%;}
    .listCenter{width: 30%;}
    .listRight{width: 20%;}
    .listRightx{width: 20%;}
	/* Home Phone Rates End */
	
	.title1r{font-size: 6.9vw;}
	.title2r{font-size: 3.9vw;}

}

@media (max-width:511px){
    /* bbRegion Begin */	
	.countryBox{padding: 3.2% 0;background-size: 29%;}
	.countryText{line-height: 1;margin-left: 33%;}
	/* bbRegion End */
}