li{list-style:none;}

#freetext {
  padding: 12px 0;
  background: url("../jpg/purple-bg.jpg");
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  color: rgb(255,255,255);
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  /* font-size: 18px; */
    font-size: 0px;
  height: 0;
  /* padding: 10px 15px; */
  padding:0;
  margin-top: 140px;
  
}

.active-notes ul {
    margin: 0 auto 40px;
    border: 1px solid rgb(241,138,0);
    padding: 14px 20px 20px 20px;
    max-width: 800px;
    width: 100%;
	background: rgb(255,255,255);
    border-radius: 5px;
}
#activaate_device .custom_btn {
    background: rgb(255,255,255);
}
#activaate_device .custom_btn:hover {
    background: rgb(158,40,181);
}
.active-notes ul li:first-child {
    font-weight: 600;
    padding-left: 0;
    color: rgb(241,138,0);
}
.active-notes ul li {
    font-size: 16px;
    padding-left: 27px;
    text-align: left;
    position: relative;
    color: #545454;
}
.active-notes ul li:first-child::before {
    background: none;
}
.active-notes ul li::before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 17px;
    width: 17px;
    background: url("../png/arrow_yellow.png") no-repeat;
        background-size: auto;
    background-size: 100%;
}
#activaate_device {
    background: rgb(229,229,229);
}
.active_box {
    text-align: center;
}
.active_box img:first-child {
    margin: 0px 30px 0px 0;
}
.input_active {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.input_active input {
    margin: 17px 0;
}
input[type="text"], input[type="password"] {
    border: 1px solid #bbbdc0;
    border-radius: 5px;
    height: 41px;
    padding: 0 10px;
    box-shadow: 0px 1px 3px 1px inset #e1e1e1;
    width: 100%;
	padding-right: 40px;
}

.modalContainer input[type="text"], .modalContainer input[type="password"], .modalContainer input {
    border: 1px solid #bbbdc0;
    border-radius: 5px;
    height: 40px!important;
    padding: 0 10px;
    box-shadow: 0px 1px 3px 1px inset #e1e1e1;
    width: 100%;
	padding-right: 40px;
	background:#fff;    
	background-color: #fff !important;
}







#card_type_new {
    position: absolute;
    right: 50px;
    top: 6px;
}
.clear {
    display: block;
    clear: both;
}
.creditcard_inner .radio-inline .fa.fa-credit-card.fa-2x {
    font-size: 20px;
}
#activate_main_title {
    margin-bottom: 30px;
}
.active_box {
    text-align: center;
    margin: 30px 0 30px;
}
.active_box .checkdbimage {
    max-width: 370px;
}
.input_active p {
    text-align: left;
    color: #545454;
}
.tab_header {
    background: rgb(158,40,181);
    color: rgb(255,255,255);
    padding: 10px 15px;
    margin: 0px 0;
    width: 100%;
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
}
.info_box_inner {
    padding: 20px 20px 0;
    display: block;
    width: auto;
}
.trans_box {
    max-width: 750px;
    margin: 0 auto;
    border: 1px solid rgb(158,40,181);
}
.custom_btn {
    width: 200px;
    height: 40px;
    background: transparent;
    font-weight: normal;
    font-size: 16px;
    border-radius: 5px;
    padding: 0 0;
	transition: all 0.5s;
	text-align: center;
    line-height: 36px;
	border: 1px solid transparent;
}
.purple_btn {
    border: 1px solid rgb(158,40,181);
    color: rgb(158,40,181);
}
.purple_btn:hover {
    border: 1px solid rgb(158,40,181);
    color: rgb(255,255,255);
	background: rgb(158,40,181);
}
.press-text {
    display: block;
    margin: 20px 0 30px;
}
.validatepage_inner {
    display: block;
    max-width: 749px;
    margin: 0 auto;
    width: 100%;
}

/*plan*/
.pslider_wrp {
    display: block;
    background: rgb(255,255,255);
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border-radius: 10px 10px 0 0;
    padding-top: 20px;
    box-shadow: 0px 5px 9px 2px #bbb;
}
.pslider_wrp_hdr {
    background-image: linear-gradient(to right, #54c0e8 -9%, #7f60c0 , #9138af 113%);
    text-align: center;
    padding: 30px 50px;
}
.innerplan_right .pslider_wrp_hdr {
    background-image: linear-gradient(to right, rgb(241,138,0) -9%, #b15375 , #9138af 113%);
}
.pslider_wrp_hdr h2 {
    font-size: 42px;
    color: white;
    padding: 0;
    margin: 0 !important;
    text-align: left;
}
.pslider_wrp_hdr > h2 > font {
    color: rgb(255,255,255);
    display: block;
    font-weight: 600;
}
.pslider_wrp h3 {
    padding: 30px 0 0 50px;
    font-weight:900;
    color: #262626;
    margin: 0;
}
.pslider_wrp_hdr h2 span.sign {
    position: relative;
    bottom: 20px;
}
.pslider_wrp_hdr h2 span.month, h2 span.sign {
    font-size: 0.4em;
    text-transform: lowercase;
    font-weight: 700;
}
.pslider_wrp_hdr h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
    margin-top: 10px;
    display: block;
    color: rgb(255,255,255);
}
.pslider_wrp_hdr h6 {
    color: rgb(255,255,255);
}

.plan-info {
    margin: 15px 20px 35px 50px;
    min-height: 301px;
}
.plan-info li {
    text-align: left;
    font-weight: normal;
    font-size: 18px;
    color: #212121;
    padding-left: 40px;
    position: relative;
	line-height: 22px;
    margin-bottom: 11px;
}
.data_text_small {
    display: block;
    font-size: 15px;
    margin-top: 10px;
    font-style: italic;
    line-height: 19px;
}
.plan-info img {
    color: rgb(255,255,255) !important;
    font-size: 12px;
    border-radius: 50%;
    width: 20px;
    height: auto;
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 2px;
}
.plan-info-bottom {
    margin: 0 10px 10px;
    list-style-type: circle;
    padding: 10px 6px 10px 30px;
    background: #f0f8ff;
}
.plan-info-bottom li {
    color: #545454;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
}
ul.plan-info-bottom li {
    list-style-type: circle;
}
.radiobuttons {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.addline_box li {
    padding: 0px 20px 0px 0px;
    background: #f2f2f2;
    font-size: 18px;
	margin-bottom: 3px;
}
.addline_box li:last-child {
    margin-bottom: 0;
}
.addline_box li:last-child{
    border-radius:0 0 10px 10px;
}
.addline_box {
  list-style: none;
  counter-reset: flash;
  margin: 0;
}
.spanish .innerplan_right .addline_box {
    padding-top: 0;
}
.spanish .addline_box {
    list-style: none;
    counter-reset: flash;
    padding-top: 37px;
}
.spanish #profile .addline_box {
    padding-top: 0;
}

.line_boxright button {
    border: 0;
    background: #949191;
    color: rgb(255,255,255);
    border-radius: 5px;
    width: auto;
    padding: 5px 30px;
	font-weight: 700;
}
.line_boxleft_inner strong {
    font-weight: 900;
    font-size: 23px;
}
.line_boxright button {
    background: #81bde0;
}
.line_boxright button:hover {
    background: #e48e33;
}
.innerplan_right .line_boxright button {
    background: #e48e33;
}
.innerplan_right .line_boxright button:hover {
    background: #81bde0;
}
.line_wrapper {
    display: inline-block;
    width: 20%;
    padding: 15px 16px;
    background: #d9d9d9;
    font-weight: 900;
	border-right: 3px solid rgb(255,255,255);
	color:#262626;
    vertical-align: top;
}
.spanish .line_wrapper {
    width: 20%;
    font-size: 17px;
}
.line_boxleft_inner {
    display: block;
}
.line_bottom {
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding: 1px 0 3px;
}
.line_boxleft {
    display: inline-block;
    width: 54%;
    padding:8px 0 3px 15px;
}
.line_boxright {
    text-align: right;
    width: 23%;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}
.inner_box #myTab {
    text-align: center;
    display: block;
    float: none;
    width: 100%;
    max-width: 628px;
    clear: both;
    margin: 0 auto;
}
.inner_box #myTab .nav-item {
    padding: 0 0;
    border: 1px solid #262626;
    float: left;
    margin: 0;
}
.inner_box #myTab .nav-item a {
    padding: 10px 50px !important;
    font-size: 20px;
	color: #212121;
}

.price_notes {
    display: block;
    width: 100%;
    float: left;
    margin: 10px 0 10px;
    font-size: 17px;
    color: #4f4f4f;
}
.prefered_talk.prefered_talk_new {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
    font-weight: 500;
    font-size: 20px;
}
.prefered_talk.prefered_talk_new a {
    color: #212121;
}
.price_notes.prefered_talk_new .md {
    color: #4f4f4f;
}
.price_notes.prefered_talk_new {
    margin: 0 0 30px;
}


.notes {
    max-width: 100%;
    margin: 50px auto 31px;
    display: block;
    text-align: center;
    font-size: 17px;
	color: #262626;
}
.plan_text_n.inner_box #myTab {
    max-width: 506px;
}
.plan_text_n .price_notes {
    margin: 0 0 20px;
}
.notes a {
    color: rgb(158,40,181);
    font-weight: 900;
}
.notes.notes_upper strong {
    font-weight: 900;
}
.more_d_inner {
    background: #f2f2f2;
    border: 1px solid #949191;
    padding: 30px;
    margin-top: 30px;
    font-size: 12.7px;
}
.more_d_inner p {
    text-align: left;
}
.more_d_inner a {
    color: #545454;
    font-weight:normal;
    letter-spacing: 1px;
}
.more_d_box h4 {
    text-align: center;
    font-size: 18px;
    font-weight:400;
    color: #212121;
}
.md.collapsed .fa.fa-sort-desc {
    display: none;
}
.md.collapsed .fa.fa-sort-asc {
   display: inline-block;
}
.md .fa{
    position: relative;
    top:5px;
    margin-left: 6px;
}
.md .fa.fa-sort-desc {
    display: inline-block;
	top: 0;
}
.md .fa.fa-sort-asc {
    display: none;
}
.notes a.md {
    color: rgb(158,40,181);
    font-weight: 700;
	position:relative;
}
.sevices_tabcontent a {
    color: rgb(158,40,181) !important;
    font-weight: 700;
}
.sevices_tabcontent a:hover {
    color: #007bff!important;
}
.notes a:hover{color:#54C0E8;}
.inner_box #myTab .nav-item a.nav-link.active {
    background: #212121 !important;
    color: rgb(255,255,255)!important;
    border: 1px solid #262626;
    border-radius: 0;
}
.inner_box #myTab .nav-item a:hover {
    background: #262626;
    color: rgb(255,255,255)!important;
    border: 1px solid #262626;
	 border-radius: 0;
}
.inner_box #myTab .nav-item:after{
	display:none;
}


/*checkbox*/
.planpage_outeronly .rdio {
    position: relative;
    display: block;
    margin: 0;
}
.rdio input[type=radio] {
  opacity: 0;
}

.rdio label {
    padding: 0 30px 0 34px;
    cursor: pointer;
    margin-bottom: 0px !important;
    float: left;
    width: 100%;
    display: block;
}

 .rdio label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top:12px;
  left: 10px;
  content: "";
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid rgb(241,138,0);
  background: rgb(255,255,255);
}
.rdio input[type="radio"] {
    margin: 0px;
    position: absolute;
}
.rdio input[type=radio]:disabled + label {
  color: #999;
}
 .rdio input[type=radio]:disabled + label:before {
  background-color: rgb(241,138,0);
}
.rdio input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 14px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: rgb(241,138,0);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.rdio:hover label::after {
    background-color:  rgb(241,138,0);
    position: absolute;
    left: 14px;
    top: 16px;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 50%;
}
.rdio.rdio-primary.radio-inline:hover {
    background: rgb(241,138,0);
}
.rdio-default input[type=radio]:checked + label:before {
  border-color: rgb(241,138,0);
}

.rdio-primary input[type=radio]:checked + label:before {
  border-color: rgb(241,138,0);
}
.rdio-primary input[type=radio]:checked + label::after {
  background-color: rgb(241,138,0);
}

.custom-checkbox > [type=checkbox], .custom-checkbox label {
  /*margin-bottom:0px !important;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox > [type=checkbox]:not(:checked), .custom-checkbox > [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label, .custom-checkbox > [type=checkbox]:checked + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:before, .custom-checkbox > [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 17px;
  height: 17px;
  border: 1px solid rgb(241,138,0);
  background: rgb(255,255,255);
  border-radius: 2px;
}
.pcl.custom-checkbox > [type="checkbox"]:not(:checked) + label::before, .pcl.custom-checkbox > [type="checkbox"]:checked + label::before {
    left:-5px;
    top: 17px;
}

.pcl.custom-checkbox > [type="checkbox"]:not(:checked) + label::after, .pcl.custom-checkbox > [type="checkbox"]:checked + label::after {
   left:-2px;
    top: 17px;

}

/* .custom-checkbox > [type=checkbox]:not(:checked) + label:after, .custom-checkbox > [type=checkbox]:checked + label:after { */
  /* font: normal normal normal 12px/1 "Glyphicons Halflings"; */
  /* content: ""; */
  /* position: absolute; */
  /* top: 50%; */
  /* margin-top: -7px; */
  /* left: 2px; */
  /* color: rgb(241,138,0); */
  /* xtransition: all 0.2s; */
/* } */
.custom-checkbox > [type="checkbox"]:not(:checked) + label::after, .custom-checkbox > [type="checkbox"]:checked + label::after {
    font: normal normal normal 12px/1 "Glyphicons Halflings";
        font-weight: normal;
    content: "\2713";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 4px;
    color: rgb(241,138,0);
    /* transition: all 0.2s; */
    font-weight: 700;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.custom-checkbox > [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after {
  content: "−";
  left: 2px;
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox]:disabled:not(:checked) + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: #dadada;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: rgb(241,138,0);
}
.planpage_outeronly .custom-checkbox > [type=checkbox]:disabled:checked + label:after {
  color: rgb(241,138,0);
  cursor: not-allowed;
}
.planpage_outeronly .custom-checkbox > [type=checkbox]:disabled + label {
  color: #aaa;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:checked:focus + label:before, .custom-checkbox > [type=checkbox]:not(:checked):focus + label:before {
  border: 1px solid rgb(241,138,0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.planpage_outeronly .custom-checkbox label:hover:before {
  border: 1px solid rgb(241,138,0) !important;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:hover:before, .custom-checkbox [type=checkbox]:disabled:checked + label:hover:before {
  border: 1px solid rgb(241,138,0) !important;
}
.rdio.rdio-primary.radio-inline {
    float: left;
    width: 100%;
    background:rgb(158,40,181);
    border-bottom: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    padding: 8px 0;
}
.radiobuttons {
    float: left;
    width: 100%;
        margin-bottom: 20px;
}


	
/*end check box*/
.info_box_inner .custom_btn.purple_btn {
    margin: 0 auto;
    display: block;
}
.error_border::before {
    width: 10px;
    height: 10px;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    clear: both;
    display: block;
    content: "";
    position: absolute;
    border-bottom: 8px solid rgb(241,138,0);
    top: -14px;
    left: 14px;
}
.error_b_red .error_border {
    height: auto;
    border-top: 5px solid rgb(241,138,0);
    display: none;
    position: relative;
    margin-top: 13px;
    box-shadow: 0 0 3px 1px #ccc;
    background: rgb(255,255,255);
    color: rgb(241,138,0);
    font-size: 13px;
    padding: 9px 8px;
    font-weight: normal;
    text-align: left;
}

.dPrice {
    float: right;
}
#family-plan {
    background:rgb(229,229,229);
    padding-top: 0;
    padding-bottom: 10px;
}
.chooseplane_text {
    background: rgb(255,255,255);
    padding: 0px 0;
    margin-bottom: 60px;
}
.radiobuttons {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.pslider_wrp .radiobuttons {
    margin-bottom: 0;
}
.yellow_btn_inner.btn {
    width: 200px;
    height: 40px;
    background: transparent;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid rgb(241,138,0);
    color: rgb(241,138,0);
    margin: 10px auto 0;
    float: none;
    display: block;
}
.yellow_btn_inner.btn:hover {
    background: rgb(241,138,0);
	color:rgb(255,255,255);
}
.pslider_wrp::after, .pslider_wrp::before {
    display: block;
    clear: both;
    content: "";
}
.chooseplane_text h1 {
    font-weight:900;
    color: #000;
    text-align: left;
    font-size: 40px;
	margin-top: 20px;
	text-transform: uppercase;
}
.chooseplane_text h2 {
    color: #858585;
    text-align: left;
    font-size: 35px;
}
.chooseplane_text_inner img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.chooseplane_text_inner img.for_mobile {
    display: none;
}
#activate_main_title {
    margin-bottom: 30px;
    color: rgb(241,138,0);
}
.chooseplane_text_inner {
    padding-top: 45px;
	padding-bottom: 45px;
}
#activaate_device #activate_main_title {
    margin-bottom: 30px;
    color: rgb(158,40,181);
    font-weight: 700;
}
#activaate_device #activate_main_title font {
    color: #212121;
}
.gig_primiumdata {
    background: #9138af;
    text-align: center;
    padding: 30px 0 0;
}
.gig_primiumdata h3 {
    color: rgb(255,255,255);
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
}
.gig_primiumdata p {
    color: rgb(255,255,255);
    font-size: 24px;
    padding: 0;
    margin: 0;
}
.gig_primiumdata p font {
    color: rgb(241,138,0);
    font-weight: 700;
}
.gig_primiumdata p.databooster {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 30px;
}
.gig_primiumdata_outer {
    padding: 40px 0;
    background: rgb(229,229,229);
}
.gig_primiumdata_outer .notes {
    margin: 60px 0 0;
}







/*end plan*/


/*popup yes no*/
#portinAddtoCart .modal-dialog.modal-sm {
    max-width: 523px;
    width: 96% !important;
}
.switch .modal-header {
    margin: 0;
    padding: 21px 17px 0;
    text-align: left;
    display: block;
    border: 0;
}
.modal .rdio {
    position: relative;
    display: inline-block;
}
.modal .rdio label::before {
    top: 5px;
	left: 15px;
	width: 15px;
height: 15px;
	
}
.modal  .rdio input[type="radio"]:checked + label::after {
    top: 9px;
	left: 19px;
	width: 7px;
	height: 7px;
}
.modal .rdio input[type="radio"] + label:hover::after {
   top: 9px;
	left: 19px;
	
}
.modal .rdio:hover label::after {
    top: 9px;
	width: 7px;
	height: 7px;
}
.modal .custom_btn {
    display: block;
    margin: 30px auto 10px;
}
.modal-title {
    color: rgb(241,138,0);
    font-size: 24px;
    font-weight: 700;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.switch .modal-header .close {
    margin-top: -2px;
    background: rgb(158,40,181);
    padding: 1px 9px 3px;
    border-radius: 50%;
    color: rgb(255,255,255);
    opacity: 1;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 26px;
    position: absolute;
    right: 29px;
    font-weight: 700;
}
/*end popup yes no*/
/*cart popup*/
.cart_popup .modal-dialog {
    max-width: 470px;
    width: 100%;
    margin: 0px auto;
    float: right;
    border-radius: 0;
    height: 100%;
    position: absolute;
    right: 0;
    background: #F8F9FA;
}
.cart_popup .modal-content.cartmain_box {
    box-shadow: none;
    border: 0;
}
.modal-content.cartmain_box {
    background: #F8F9FA;
}
.cartmain_box .modal-header .close {
    background: #B36A09;
    opacity: 1;
    height: 71px;
    width: 59px;
    color: rgb(255,255,255);
    font-size: 40px;
    margin-top: 0px;
    right: 16px;
    opacity: 0.8;
    float: right;
    position: absolute;
}
.cartmain_box .modal-header .modal-title {
    text-align: left;
    font-size: 25px;
    line-height: 71px;
    color: rgb(255,255,255);
}
.dataplan_text {
    color: rgb(255,255,255);
    background: rgb(158,40,181);
    display: block;
    width: 100%;
    max-width: 136px;
    margin: 12px 0 0;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
}
#cart_detail .dataplan_text {
    color: rgb(158,40,181);
    background: transparent;
    display: block;
    width: 100%;
    max-width: 136px;
    margin: 0;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    border: 1px solid rgb(158,40,181);
}
.cart_data ul {
    padding: 0;
    margin: 0;
}
.cart_data ul li {
    list-style: none;
    display: inline-block;
    width: 49%;
}
.cart_data ul li a {
    font-size: 14px;
    color: #0393c8;
    margin-top: 0px;
    display: block;
}
.cns {
    background: #235992;
    padding: 10px 0;
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    border-radius: 6px;
    color: rgb(255,255,255) !important;
}
.cart_plan_price {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    float: right;
    color: #000;
}
.totaldue {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    color: #545454;
}
.totaldue_price {
    font-size: 18px;
    font-weight: 600;
    color: #545454;
    text-align: right;
}
.gtc {
    border: 2px solid #235992;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    display: block;
    float: none;
    padding: 1px 0;
    border-radius: 5px;
    line-height: 40px;
    color: #555;
    margin-top: 26px;
    font-size: 20px;
}
.cns {
    background: rgb(158,40,181);
    padding: 10px 0;
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
    color: rgb(255,255,255) !important;
}
.cartmain_box .modal-header {
    background: rgb(241,138,0) !important;
    padding: 0 15px;
}

.custom_btn:hover{ text-decoration:none;}
.purpple_bg {
    background: rgb(158,40,181);
    color: rgb(255,255,255);
}


.purpple_bg:hover{background:transparent; color:rgb(158,40,181); border:1px solid rgb(158,40,181); text-align:center;}

.padding-top20{padding-top:20px;}

/*end cart popup*/

/*New Number*/
.box_boder_top {
    display: block;
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.chose_pu_no.get_number_wrp {
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.chose_pu_no .get_number {
    width: 100%;
    max-width: 500px;
    min-height: 291px;
    margin-bottom: 10px;
}
.get_number {
    display: block;
    width: 100%;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 0px;
    max-width: 300px;
    border: 2px solid #f6822d;
    min-height: 182px;
    margin-top: 60px;
    position: relative;
    border-radius: 10px;
}
.chose_pu_no .get_inner_no {
    background: #e1e1e1;
    width: 560px;
    left: -30px;
    min-height: 254px;
}
.get_inner_no {
    background: #e1e1e1;
    position: absolute;
    width: 360px;
    left: -30px;
    right: auto;
    top: 15px;
    border-radius: 10px;
}
.chose_pu_no .get_inner_no h2 {
    padding: 53px 0 0;
    color: #545454;
    margin: 0 0 24px 0 !important;
}
.get_inner_no h2 {
    font-size: 24px;
    color: #545454;
    text-align: center;
    line-height: 30px;
    padding: 40px 74px;
}
.cross_all_single {
    max-width: 630px;
    width: 100%;
    display: block;
    position: relative;
}
.gray_in_box {
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
/*end New Number*/
/*cart page*/
.checkout_box h1 {
    vertical-align: bottom;
    margin-top: 0;
	color: rgb(158,40,181);
}
.checkout_box {
    border-bottom: 1px solid #ccc;
    padding: 0 0 3px;
}
.iteam_name {
    font-size: 26px;
    color:rgb(158,40,181);
    display: block;
    width: auto;
    padding-left:0px;
    margin-bottom: 20px;
}
.cart_price {
    font-size: 25px;
    font-weight: 700;
    color:#545454;
    text-align: right;
    margin-right: 20px;
}
.cart_in_box {
    border-bottom: 1px solid #ccc;
    margin-top: 0;
    padding: 20px 0 20px;
    position: relative;
}
.esitimted_total span {
    font-size: 20px;
    color:rgb(158,40,181);
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.cart_cross {
    font-size: 16px;
    color: #ad0404;
    margin: -10px 0 25px;
    display: block;
    font-weight: 700;
}
.cart_yes {
    background: rgb(241,138,0);
    border: 0;
    color: rgb(255,255,255);
    border-radius: 3px;
    padding: 2px 9px;
    text-transform: uppercase;
}
.cart_no {
    background: #BF0000;
    border: 0;
    color: rgb(255,255,255);
    border-radius: 3px;
    padding: 2px 9px;
}
.custom_btn.purpple_bg.cart_yes.removePlan, .custom_btn.purpple_btn.cart_no.removePlan {
    max-width: 59px;
    height: 25px;
    padding: 0;
    line-height: 21px;
    font-size: 13px;
}
 
.shipping_icon {
    margin-bottom: 20px;
}

/*end cart page*/

/*checkout  page*/
.payment_main h1 {
    font-weight: 400;
    margin-bottom: 20px;
	color:rgb(158,40,181);
}
.box-checkout .header {
    background: rgb(241,138,0);
    color: white;
    height: 50px;
    position: relative;
    display: block;
    padding: 5px 20px;
}
.box-checkout .header h3 {
    color: rgb(255,255,255);
    margin: 4px 0 0;
}
.box-checkout .content {
    padding: 20px;
}
.box-checkout {
    display: block;
    background: #FFFCF8;
    margin-bottom: 20px;
	padding-bottom: 0px;
    border: 1px solid rgb(241,138,0);
}
#showbilling.info_box_inner:after, #showbilling.info_box_inner:before {
    display: block;
    clear: both;
    content: "";
}
.pin_box a.pinshowhide {
    position: absolute;
    top: 32px;
}
.pin_box a {
    background: #c2c2c2;
    padding: 0 0;
    border-radius: 5px;
    color: var(--text-color);
    height: 34px;
    display: inline-block;
    margin-top: 4px;
    line-height: 36px;
    position: absolute;
    width: 86px;
    text-align: center;
    right: 20px;
}
/* SLIDE THREE */
.slideThree {
    width: 66px;
    height: 26px;
    background: rgb(241,138,0);
    margin:7px auto 0;
        margin-right: auto;
        margin-left: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
.slideThree.changebg {
    background:#f74215;
}
.slideThree:after {
	content: '';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: '';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}
.slideThree input[type=checkbox] {
	visibility: hidden;
}
.slideThree label {
	display: block;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}
.custome_check {
    display: block;
    vertical-align: top;
}
.custome_check p {
    font-size: 12px;
    max-width: 450px;
    line-height: 19px;
    display: inline-block;
    margin-left: 0;
    margin-top:14px;
    width: 100%;
    clear: both;
}
.custome_check_inner {
    float: left;
    width: 100%;
}


/* drop down */
.dropdown-wrapper {
    width: 100%;
    max-width: 460px;
}
.dropdown-wrapper .ae-select {
    padding: 0px 10px;
    position: relative;
    height: 40px;
    display: block;
    line-height: 40px;
    background: rgb(255,255,255);
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	height: 41px;
	box-shadow: 0px 1px 3px 1px inset #e1e1e1;
	width: 100%;
}
.dropdown-wrapper .ae-select {
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-group.pin_box.cuspinbox {
    max-width: 490px;
}
.dropdown-wrapper .ae-select.chosen {
    color: #333;
}

.dropdown-wrapper .ae-select .down-icon, .ae-select .up-icon {
    position: absolute;
    right: 8px;
    top: 7px;
}

.dropdown-wrapper .ae-dropdown .dropdown-menu {
    background: rgb(255,255,255);
    box-shadow: none;
    border-radius: 0px;
}

.dropdown-wrapper .ae-dropdown .ae-select, .dropdown-wrapper .ae-dropdown .dropdown-menu>li {
    cursor: pointer;
}

.dropdown-wrapper .ae-dropdown .dropdown-menu>li>a:focus, .dropdown-wrapper .ae-dropdown .dropdown-menu>li>a:hover {
    background: none;
}

.dropdown-wrapper .ae-disabled{
    pointer-events: none;
}

.ae-hide{
  display:none;
}

ul.dropdown-menu{
  list-style-type: none;
}

ul.dropdown-menu{
  margin:0px;
  padding:5px;
  border: 1px solid #ccc;
}

ul.dropdown-menu li{
  padding:5px 0px;
}
.ae-dropdown .dropdown-menu {
    display: block;
    width: 100%;
    z-index: 9;
}
.ae-dropdown .ae-hide {
    display: none;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: normal;
    line-height: 18px;
}
.sign_in_box .dropdown #dropdownMenu1 {
    background: rgb(241,138,0);
    border: 0;
    padding: 3px 8px 3px 12px;
    color: rgb(255,255,255);
    width: auto;
    text-align: right;
    border-radius: 5px;
    font-size: 13px;
}
.sign_in_box ul.dropdown-menu li {
    padding: 5px 0px;
    display: block;
    margin: 0;
}
.sign_in_box .dropdown #dropdownMenu1 .caret {
    margin-left: 10px;
}
ul.dropdown-menu {
    margin: 0px;
    padding: 5px;
    border: 1px solid #ccc;
}
ul.dropdown-menu {
    list-style-type: none;
}
.sign_in_box .dropdown .dropdown-menu.show {
    padding: 0 !important;
}

.sign_in_box ul.dropdown-menu li > a {
    display: block;
    padding: 6px 8px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: normal;
    line-height: 18px;
    clear: both;
    margin: 0;
}
.sign_in_box ul.dropdown-menu li > a:hover {
    background: rgb(241,138,0);
    color: rgb(255,255,255);
}
.fa.fa-caret-down {
    position: absolute;
    right: 9px;
    top: 12px;
}
.cross_mideum .c_allPayment {
    position: absolute;
    right: 12px;
    top: 11px;
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 50%;
    color: #00a4da;
}
.c_allPayment {
    display: none;
    position: absolute;
    right: 14px;
    top: 11px;
}
#payment_info .custom_btn.purpple_bg, #showPersonal .custom_btn.purpple_bg, #portinline .custom_btn.purpple_bg {
    display: block;
    margin: 0 auto;
}
.cross_all_single.cross_mideum {
    max-width: 460px;
    width: 100%;
    position: relative;
}
input[type="tel"], input[type="email"], input[type="number"] {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    height: 41px;
    padding: 0 10px;
    box-shadow: 0px 1px 3px 1px inset #e1e1e1;
    width: 100%;
	    outline: none;
		padding-right: 40px;
}
.content input[type="tel"], .content input[type="email"], .content input[type="number"] {
    padding-right: 70px;
}
.content input[type="password"]{
    padding-right: 90px;
}
.pin_box a.pinshowhide .fa {
    margin-right: 5px;
}
input[type="number"] {
    -webkit-appearance: none;
	appearance: none;
	 -moz-appearance: textfield;
}
.creditcard_inner {
    padding: 11px 25px;
}
.block_h:after, .block_h:before {
    display: block;
    clear: both;
    content: "";
}
.accept_box {
    max-width: 150px;
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 12px;
    box-shadow: 0 0 0px 1px #ccc;
}
.mis_pay {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0px 0 5px;
    text-align: left;
}
.mis_pay p {
    font-size: 20px;
    color: #7b7b7b;
    margin-bottom: 15px;
}
.accept {
    border-bottom: 1px solid #cccc;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.accept input#auto_pay2 {
    margin-left: 0px;
    margin-right: 9px;
}
#showbilling .custom_btn.purpple_bg {
    float: left;
	margin: 10px 0 0 0;
	clear: both;
}
.k_going span {
    font-size: 29px;
    color: rgb(241,138,0);
}
.k_going p {
    font-size: 15px;
}
#showbilling.info_box_inner {
    padding: 20px;
    display: block;
    width: auto;
}
.edit_cart_text {
    margin: 0px;
    color: #134880;
    font-weight: 700;
    text-decoration: underline;
}
.edit_cart {
    margin-right: 0px !important;
}
.edit_cart {
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
    margin-right: 20px;
    display: block;
    clear: both;
    width: 100%;
    text-align: right;
}
.cart_inner {
    padding: 0;
    margin: 0;
        margin-top: 0px;
    border-bottom: 1px solid #ccc;
}
.cart_inner li {
    list-style: none;
    width: 49%;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 8px;
    color: #545454;
    line-height: 19px;
}
.cart_inner li.subtotal {
    color: #545454;
    font-size: 18px;
    font-weight: 600;
    color: #545454;
}
.cart_inner li:nth-child(2n) {
    width: 38%;
    display: inline-block;
    text-align: right;
    float: right;
}
.cart_inner li.subtprice {
    float: right;
    width: 50%;
    text-align: right;
}
.c_total li {
    list-style: none;
    width: 78%;
    display: inline-block;
    color:#545454;
    font-weight: 600;
    font-size: 18px;
}
.c_total li:nth-child(2n) {
    width: 22%;
    text-align: right;
    float: right;
}
.c_total {
    padding: 10px 0 0;
}
.custom-control.custom-checkbox {
    padding-left: 0;
    margin: 0 0 0 0;
}
.accept_box .checkbox-inline {
    margin-bottom: 0;
}

/*end checkout page*/
/*loader*/
#bars1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  z-index: 99;
}

#bars1 span {
  position: absolute;
  display: block;
  bottom: 10px;
  width: 9px;
  height: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-animation: bars1 1.5s  infinite ease-in-out;
          animation: bars1 1.5s  infinite ease-in-out;
}

#bars1 span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

#bars1 span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

#bars1 span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#bars1 span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@keyframes bars1 {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #2ca445;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
}
@-webkit-keyframes bars1 {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: rgb(241,138,0);
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
}

/*end loader*/

/*tankyou*/
.trackorder h1 {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
    margin-bottom: 20px;
	color: rgb(158,40,181);
}
.order_number, .order_number {
    font-size: 16px;
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 11px;
    font-weight: 600;
}
.your-order {
    text-align: right;
}
.delivery_detail {
    display: block;
    background: #FFFCF8;
    padding: 20px;
}
.pay_right_box .delivery_detail_inner.total_wrp::after, .pay_right_box .delivery_detail_inner.total_wrp::before {
    display: block;
    clear: both;
    content: "";
}
.pay_right_box .delivery_detail_inner.total_wrp {
    border: 0;
}
.delivery_detail h3 {
    font-weight: 700;
	margin: 20px 0;
}
.summary_inner.thanku_ordersum {
    border: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.summary_inner li {
    list-style: none;
    display: inline-block;
    width: 49%;
    font-size: 17px;
    margin-bottom: 8px;
	color:#545454;
}
.summary_inner li:nth-child(2n) {
    width: 40%;
    text-align: right;
    float: right;
}
.summary_inner.thanku_ordersum {
    border: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.summary_inner.total.last_tsorder {
    float: left;
    border-top: 1px solid #ccc;
    margin-top: 23px;
    width: 100%;
	padding-top:10px;
    padding-bottom: 0;
}
.trackorder h2 {
    text-align: center;
    line-height: 40px;
    color: rgb(241,138,0);
}
.summary_inner.total li {
    font-weight: 600;
    color: #121212;
    font-size: 18px;
}
.thanyou-sbox p {
    margin: 25px 0 20px;
    text-align: center;
    color: #545454;
    font-weight: 700;
}
/*end tankyou*/

/*plan popup*/
.modal-left.modal_wrp_box {
    width: 50%;
    display: inline-block;
    float: left;
	padding-top: 0;
    border-right: 1px solid #333;
}
.modal_wrp_box {
    width: 48%;
    float: left;
    padding: 20px;
}
.modal-right.modal_wrp_box {
    float: right;
}
.modal_wrp_box .fa {
    color: rgb(241,138,0);
    font-size: 17px;
    margin-right: 10px;
}
.stichPlan .modal-dialog {
    max-width: 710px;
    width: 100%;
}
.switch.stichPlan .modal-header {
    padding: 21px 13px 0;
}
/*end plan popup*/

/*login page*/
.login-outer {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0;
}
.login-inner {
    max-width: 530px;
    display: block;
    width: 100%;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background: rgb(255,255,255);
    border-radius: 10px;
    padding: 30px;
    box-shadow: none;
    position: relative;
    margin-top: 50px;
    margin-bottom: 70px;
}
.show-hide {
    position: absolute;
    background: #e8e8e8;
    width: 90px;
    right: 0;
    height: 39px;
    border-radius: 0px 5px 5px 0;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 700;
    top: 1px;
    color: #545454;
    right: 1px;
}
#loginpage .custom-control-label::before, #loginpage .custom-control-label::after {
    top: 17px;
}
#loginpage .custom-control-label {
    padding-left: 33px;
}
#loginpage .custom-control-label {
    padding-left: 33px;
    font-size: 15px;
    color: #545454;
    padding-top: 3px;
}
#loginpage .custom_btn.purpple_bg {
    margin: 30px auto 15px;
    display: block;
}
.pass_wrp {
    text-align: center;
}
.login-app::before {
    display: block;
    clear: both;
    content: "";
    clear: both;
    position: absolute;
    left: -18px;
    height: 393px;
    width: 1px;
    background: #c0c0c0;
    top: 0;
}
.login-app .login_mob {
    width: 164px;
    margin: 0 auto;
    display: block;
}
.login-app p {
    font-size: 16px;
    margin: 22px auto;
    text-align: center;
}
.login-app img {
    display: block;
    margin: 0 auto 7px;
}
.login-app {
    max-width: 300px;
    margin-left: 0px;
    text-align: center;
    margin-top: 90px;
    position: relative;
}
.login-inner h1 {
    text-align: center;
    margin: 0 0 23px;
    color: rgb(241,138,0);
    font-weight: 700;
}
/* .login-inner h1 { */
    /* text-align: center; */
    /* margin: 0 0 23px; */
    /* color: #9E28B5; */
    /* font-weight: 700; */
/* } */
.pass_wrp a {
    color: #212121;
    text-decoration: underline;
}
.pass_wrp a:hover {
    color: #54C0E8;
    text-decoration: underline;
}
.login-inner h3 {
    text-align: center;
    margin: 0 0 23px;
    color: #545454;
}
input[type=checkbox]{
background: white !important;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
height: 25px;
position: relative;
width: 25px;
}
input[type="password"] {
padding: 0 10px;

width: 100%;

}

.form-group {
position:relative;

}
.form-label {
  position: absolute;
  left: 0;
  top: 10px;
  color: #404041;
  background-color: rgb(255,255,255);
  z-index: 10;
  left:10px; font-size: 16px;
  transition: transform 100ms ease-out, font-size 100ms ease-out;
}

.focused .form-label {
  transform: translateY(-125%);
  font-size: .75em;
}

.form-input {
  position: relative;
  padding: 12px 10px 5px 10px;
  width: 100%;
  outline: 0;
  border: 1px solid #bbbdc0; border-radius: 5px;
}
@media(max-width:400px){
	.form-label {
		font-size: 11px;
	}
}



/*end login page*/

/*user overview*/


.banner{ padding: 50px 0; background-color:rgb(241,138,0); color: rgb(255,255,255);}
.banner h1{ font-size: 46px;font-weight: 700; color: rgb(255,255,255);margin-bottom: 11px !important; margin-top: 0;}
.banner p{ font-weight: 300; font-size: 25px;color:rgb(255,255,255);}
.card .card-body {
    display: table;
    width: 100%;
    padding: 12px;
}
.card-default {
    border-color: #ddd;
    background-color: rgb(255,255,255);
    margin-bottom: 24px;
}
.card-default:hover{ background:rgb(241,138,0); }
.card-default:hover .fa.yellow{ color:rgb(255,255,255); }
.card-default:hover h5, .card-default:hover p, .card-default:hover .fa.fa-arrow-circle-o-right.green{color:rgb(255,255,255)!important;  text-decoration:none!important;}
.card-body .fa.yellow {
    color: rgb(158,40,181);
}
.gray-topbox {
    display: block;
    background: #e8e8e8;
    float: none;
    width: 100%;
    padding: 14px 0;
    margin-bottom: 58px;
}
#useroverview {
    padding-top: 0;
}
.gray-topbox h3 {
    margin: 0;
    display: inline-block;
}
.fa.fa-arrow-circle-o-right.green.fa-3x{ color:rgb(241,138,0); }
.card-body h5 {
    font-weight: 600;
    color: rgb(241,138,0);
}
.card-body p {
    color: rgb(241,138,0);
}
.card-body .fa.yellow {
    font-size: 46px;
    margin-top: 15px;
}

/*end user overview*/

/*usage*/
 .trans_box {
    padding:0px;
    border-radius: 3px;
    margin-bottom: 20px;
    background: rgb(255,255,255);
    border: 0px solid rgb(241,138,0);
}
.trans_box h3 {
    background:rgb(241,138,0);
    color: rgb(255,255,255);
    padding: 10px 15px;
    margin: 20px 0;
}
.paycredit h3 {
    margin: 0 0 20px;
}
#portine-request .trans_box h3 {
    margin: 0px 0;
}
.adevice_btn {
    margin-bottom: 20px;
}
.trans_box.table-responsive {
    box-shadow: 0 0 1px 0px #ccc;
}
.line_managment .trans_box {
    margin-top: 20px;
    display: block;
}
.line_managment .transecionwrp::after, .line_managment .transecionwrp::before {
    display: block;
    clear: both;
    content: "";
}
.line_managment .trans_box .activesim_table.table-bordered th {
    font-size: 16px;
}
.customer_id_right #buttonN {
    border: 1px solid rgb(241,138,0);
    border-radius: 4px;
    padding: 1px 10px;
    font-size: 14px;
    background: rgb(241,138,0);
    color: rgb(255,255,255);
}
.line_managment .trans_box .activesim_table.table-bordered th {
    font-size: 16px;
    min-width: 123px;
}
.table-responsive > .table-bordered {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#faq .btn-header-link:hover {
  text-decoration:none;
}

 #faq .btn-header-link:after {
  content: "\25B2";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}
#faq .btn-header-link.collapsed {
    background: transparent;
    color: rgb(241,138,0);
    font-size: 17px;
    padding: 0;
    margin-top: 8px;
    max-width: 190px;
    width: 100%;
}
#faq .btn-header-link {
  color: rgb(241,138,0);
  display: block;
  text-align: left;
  background:transparent;
  padding:0px;
   max-width: 190px;
   margin-top: 8px;
    width: 100%;
	font-size: 17px;
}
 #faq .btn-header-link.collapsed:after {
  content: "\25BC";
}

 #faq  .collapsing {
  background: #FFE472;
  line-height: 30px;
}

 #faq .collapse {
  border: 0;
}
#faq .collapse.show {
    background: #FFFCF8;
    line-height: 30px;
    color: #222;
}
.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}
.transecionwrp .usework_inner ul li:nth-child(2n) {
    text-align: left;
    color: #545454;
    float: right;
    width: 100%;
}
.usework_inner ul li{color: #545454;}
.data_mainbox span {
    font-size: 15px;
    color:#545454;
    font-weight: 600;
    width: 22%;
    float: left;
    display: inline-block;
}
.data_mainbox span:nth-child(2) {
    float: right;
    text-align: right;
	 color:#545454;
	 width: 79%;
}
.selform {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    height: 41px;
    padding: 0 10px;
    box-shadow: 0px 1px 3px 1px inset #e1e1e1;
    width: 100%;
}
/*datepicker*/

.range-picker ul.dropdown-menu {
  padding: 10px;
}

.col-inputs, .col-pickers {
  display: inline-block;
  position: relative;
  min-height: 1px;
  vertical-align: top;
}

.col-inputs {
  width: 165px;
}

.col-pickers .bootstrap-datetimepicker-widget.dropdown-menu {
  margin-left: 10px;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.col-pickers .bootstrap-datetimepicker-widget.dropdown-menu:before, .col-pickers .bootstrap-datetimepicker-widget.dropdown-menu:after {
  display: none;
}
.col-pickers .bootstrap-datetimepicker-widget table td {
  white-space: normal;
}
.cancelBtn.btn.btn-sm.btn-default, .applyBtn.btn.btn-sm.btn-primary {
    padding: 0px 16px;
    color: rgb(158,40,181);
    border: 1px solid rgb(158,40,181);
    width: auto;
    height: auto;
    line-height: 28px;
    font-weight: 900;
    font-size: 13px;
    transition: all 0.5s;
    margin: 0 0 0 20px;
    border-radius: 4px;
}
.applyBtn.btn.btn-sm.btn-primary {
    background: rgb(158,40,181);
    color: rgb(255,255,255);
}

.cancelBtn.btn.btn-sm.btn-default:hover{
 background: rgb(158,40,181);
 color: rgb(255,255,255);

}

.applyBtn.btn.btn-sm.btn-primary:hover {
 background:transparent;
 color: rgb(158,40,181);
}
#expiration_month {
    outline: none;
}
.expire input[type="text"] {
    box-shadow: none;
    border: 0;
    height: 39px;
    margin-top: 3px;
	outline: none;
}
.payment_form_wrp input[type="text"] {
    max-width: 630px;
}
.expire input {
    width: 48%;
}
.expire::before {
    display: block;
    clear: both;
    content: "/";
    font-size: 28px;
    color: #bbb;
    height: 35px;
	top: 9px;
    position: absolute;
    left: 46%;
}
.expire {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    height: 44px;
    padding: 0 10px;
    box-shadow: 0px 1px 3px 1px inset #e1e1e1;
    width: 100%;
    max-width: 300px;
    display: block;
    position: relative;
    background: rgb(255,255,255);
}
.form-group label {
    display: block;
    margin-bottom: .5rem;
    color: #545454;
    font-size: 14px;
}
.form-group label.custome_label {
    display: block;
    clear: both;
}
#loginpage .form-group label {
    display: block;
    margin-bottom: .5rem;
    color: #545454;
    font-size: 14px;
    width:auto;
}
.cross_all {
    position: relative;
    width: 100%;
    max-width: 300px;
    display: block;
}
.error_b_red.ca .error_border {
    max-width: 630px;
    width: 100%;
}
#usage {
    padding-top: 0;
}
.custom-checkbox .custom-control-label {
    margin-bottom: 0;
}


/*end usage*/
/*profileimg*/
.row-border-bottom {
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.main-left div {
    color: #545454;
}
.main-right ul li a {
    color: #59a7cc;
    margin-bottom: 6px;
    display: block;
}
.main-right h5 {
    color: rgb(241,138,0);
}
.main-right div {
    color: #545454;
}
.transecionwrp ul {
    margin: 0;
    padding: 0;
}
.transecionwrp ul.sidelist_ul li {
    list-style: none;
    display: inline-block;
    width: 49%;
    font-size: 20px;
    color: #545454;
    float: left;
    font-size: 16px;
    margin-bottom: 0;
    min-height: 46px;
}
.transecionwrp ul li:nth-child(2n) {
    text-align: right;
    color: #7e7e7e;
    float: right;
}
.trans_box::after, .trans_box::before {
    display: block;
    clear: both;
    content: "";
}

/*userplan*/
.userplan_boxwrp {
    background: #e8e8e8;
    display: block;
    margin-bottom: 30px;
}
.userplan_box {
    display: block;
    background: #e8e8e8;
    padding: 0 0;
    font-size: 20px;
}
.userplan_box span {
    vertical-align: top;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}
.userpaln_text {
    width: 174px;
    display: inline-block;
    padding: 0 0 0 25px;
        padding-top: 0px;
        padding-bottom: 0px;
}
.userpaln_value::before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    background: rgb(255,255,255);
    left: -2px;
    top: 0;
}

.userplan_box span {
    vertical-align: top;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}
.userpaln_value {
    width: 542px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 2px;
    max-width: ;
}
.userplan_box {
    display: block;
    background: #e8e8e8;
    padding: 0 0;
    font-size: 20px;
}
/* add more plan */
.panel.panel-default.plan_new_wrapper {
    margin-bottom: 3px;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #46545d;
    border-color: #46545d;
    /* cursor: pointer; */
    position: relative;
}
.plan_new_wrapper.cy_plan .view_offer_det:hover {
    color: #212121;
}
.panel_custome .opencollesped.collapsed {
    padding: 10px 15px;
}
.plan_new_wrapper .data {
    padding: 0px 0 0 10px;
    font-size: 30px;
	line-height:30px;
}
.plan_new_wrapper .data_text.data {
    font-size: 16px;
}
.data {
    text-align: left;
    margin: 0;
        margin-top: 0px;
    padding: 0;
    display: block;
    width: 100%;
    font-size: 25px;
    /* text-shadow: 0px 0px 1px var(--text-color); */
	text-shadow: 0px 0px 1px #212121;
    font-weight: 600;
    color: rgb(241,138,0);
}
.plan_new_wrapper.cy_plan .line_autopay, .plan_new_wrapper.cy_plan .line_permon, .plan_new_wrapper.cy_plan .view_offer_det {
    color: rgb(241,138,0);
}
.line_autopay {
    display: block;
    color: rgb(255,255,255);
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}
.line_permon {
    color: rgb(255,255,255);
    display: block;
    font-size: 21px;
    text-align: center;
}
.plan_new_wrapper .orange_button {
    margin: 0;
    display: block;
    float: right;
    font-size: 16px;
    padding: 7px 42px;
    background: #e6142f;
}
.plan_new_wrapper .orange_button {
    background: #fcc234 !important;
}
.view_offer_det {
    color: rgb(255,255,255);
    font-size: 17px;
    text-align: right;
    display: block;
    margin-top: 17px;
    margin-right: 0;
    width: 100%;
    float: right;
    font-weight: 600;
}
.only-chngpalnouter .h3_heading {
    font-size: 25px;
    margin: 0px 0px 12px 0 ;
    font-weight: 600;
    color: rgb(241,138,0);
}
.h3_heading {
    font-size: 26px;
    text-align: center;
}
.plan_new_wrapper .panel-heading.panel_custome {
    padding: 20px 0;
}
.plan_new_wrapper .panel-heading.panel_custome {
    background: #f8f8ff;
}
.panel_custome .opencollesped.collapsed {
    padding: 0px 15px;
}
.plan-include {
    font-size: 18px;
    font-weight: 600;
    color: rgb(241,138,0);
    margin-top: 22px;
    margin-bottom: 0;
}
.custome_ul {
    margin: 15px 0 17px;
}
.custome_ul li {
    list-style: none;
    font-size: 15px;
    margin-bottom: 6px;
    padding-left: 18px;
}
.custome_ul li .fa {
    color: rgb(241,138,0);
    margin-right: 10px;
    font-size: 19px;
}
.panel_custome .opencollesped {
    padding: 10px 15px;
}
.panel_custome .yellow_border.custom_btn {
    border: 1px solid rgb(241,138,0);
    max-width: 130px;
    float: right;
    color: rgb(241,138,0);
	margin-right: 15px;
}
button:hover, button:focus{outline:none;}
.panel_custome .yellow_border.custom_btn:hover {
    color: rgb(255,255,255);
}

/*feature*/
#feature .yellow_border.custom_btn {
    max-width: 150px;
    width: 100%;
	color: rgb(241,138,0);
}
#feature .yellow_border.custom_btn:hover {
	color: rgb(255,255,255);
}
.section.as_inner {
    padding-top: 0;
}
.transecionwrp .custom_btn {
    float: left;
}
/*update profile*/
#rateplan .h3_heading.pull-left {
    width: 100%;
    text-align: left;
}
.cross_mideum .c_allPayment {
    position: absolute;
    right: 12px;
    top: 7px;
    border: 1px solid rgb(158,40,181);
    padding: 1px 8px;
    border-radius: 50%;
    color: rgb(158,40,181);
    font-size: 14px;
    cursor: pointer;
}


/* change password */
.login-inner h2{
    text-align: center;
    margin: 0 0 23px;
    color: rgb(241,138,0);
    font-weight: 700;
}
.change-password {
    max-width: 70px;
    margin: 0 auto;
    display: block;
}
.maxlenth_text {
    position: absolute;
    width: 144px;
    font-size: 11px;
    right: 0;
    top: 8px;
    color: #949494;
}
.focused .form-label {
    transform: translateY(-125%);
    font-size: .75em;
    top: 17px;
    padding: 0 0;
}								
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
    font-weight: 700;
    color: #545454;
}
/* end change password */
.transecionwrp .custom_btn.purple_btn {
    margin-right: 20px;
}
#managecard .yellow_border.custom_btn {
    max-width: 100px;
}
.quickpay h1 {
    max-width: 748px;
    width: 100%;
    margin: 0 auto 9px;
    color: rgb(241,138,0);
}
.quickpay p {
    max-width: 748px;
    width: 100%;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    margin-bottom: 10px;
}
#deliver-tracking {
    padding-top: 0;
}
.quickpay.section {
    padding-bottom: 0;
}
.quick_inner .trans_box {
    max-width: 750px;
    margin: 0 auto;
    border: 1px solid rgb(241,138,0);
}
.quick_inner .trans_box h3 {
    margin: 0;
    padding: 11px 10px;
    line-height: 18px;
}
#deliver-tracking.quick_inner .trans_box h3 {
    margin: 0;
    padding: 11px 10px;
    line-height: 18px;
    cursor: pointer;
}
.deliver_tdetail h1 {
    text-align: left;
}
#deliver-tracking .custom_btn.purple_btn {
    margin-bottom: 30px;
}
.cross_all_single.cross_mideum {
    max-width: 460px;
    width: 100%;
    position: relative;
}
.cross_mideum .c_allPayment {
    position: absolute;
    right: 12px;
    top: 7px;
    border: 1px solid #545454;
    font-size: 11px;
    padding: 0px 7px;
    border-radius: 50%;
    color: #00a4da;
}
a.c_all {
    position: absolute;
    right: 12px;
    top: 9px;
    border: 1px solid #545454;
    font-size: 11px;
    padding: 0px 7px;
    border-radius: 50%;
}
.c_all .fa.fa-remove {
    color: #00a4da;
    font-size: 11px;
}
.press-text {
    display: block;
    margin: 20px 0 30px;
    clear: both;
    float: left;
    width: 100%;
}

.validatepage_inner .trans_box {
    border: 1px solid rgb(158,40,181);
    margin: 40px 0;
}
.acc_status_userP .custom_btn.purpple_bg {
    max-width: 150px;
    margin: 30px auto 0;
    float: none;
    display: block;
}
.c_all {
    display: none;
    position: absolute;
    right: 14px;
    top: 7px;
    border: 1px solid #ccc;
    padding: 1px 8px;
    border-radius: 50%;
    font-size: 13px;
    cursor: pointer;
}
.c_all .fa.fa-remove {
    color: #00a4da;
    font-size: 11px;
}
.ui-autocomplete {
    background: rgb(255,255,255);
    width: 100% !important;
    max-width: 300px;
    padding: 0 10px;
	z-index:9;
	
	box-shadow:0 0 1px 1px #ccc;
}
.ui-autocomplete .ui-menu-item a {
    color: #545454;
    margin-bottom: 0;
    font-size: 13px;
    cursor: pointer;
    display: block;
    line-height: 30px;
    padding: 0 10px;
}
.ui-autocomplete .ui-menu-item a:hover {
    background: rgb(241,138,0);
    color: rgb(255,255,255);
	text-decoration:none;
}

.payment_cardbox .radio-inline {
    display: inline-block;
}
.payment_cardbox .radio-inline .fa {
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.paycredit h3#changable_context {
    margin: 0 0 20px !important;
}
.card_primary_btn{
cursor: pointer;float: left;font-size: 27px;color: #f00;line-height: 32px;	
}
.creditcard_hdr {
    color: #545454;
    font-size: 14px;
    font-weight: 400;
}
#set_autopay .info_box_inner {
    padding: 20px 20px 0 0;
    display: block;
    width: auto;
}
.customer_support {
    border: 1px solid rgb(241,138,0);
    padding: 20px 30px;
    border-radius: 5px;
    width: 100%;
    max-width: 430px;
    margin: 50px auto;
}
.customer_support h5 {
    color: rgb(241,138,0);
}
a:hover{text-decoration:none;}
.row .row-border-all {
    border: 1px solid rgb(241,138,0);
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
    cursor: pointer;
}
.payment-his strong {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}
.payment-his strong {
    display: block;
    color: rgb(241,138,0);
    font-size: 18px;
    margin-bottom: 8px;
    word-break: break-word;
}
.payment-his:first-child span {
    color: #235992;
}
.payment-his.pho span {
    color: #259b9a;
}
.payment-his span {
    font-size: 16px;
    color: #333;
    word-break: break-all;
}
.pharrow {
    position: absolute;
    right: 20px;
    font-size: 43px;
    color: rgb(241,138,0);
    top: 18px;
}