@import url("scripts/normalize.min.css");
@import url("newFont/fonts.css");
@import url("icons/style.css");
@import url("scripts/jquery-ui.css");
@import url("HM_general.css");

.centeredContent.roamCentered{max-width: 1150px;}

.tzurLogo{padding-top: 56px; padding-bottom: 12px; text-align: center;}
.tzurLogo a{display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap;}
.tzurLogo img{width: 42px;}
.tzurLogo span{font-size: 12px; line-height: 14px; padding-left: 7px;}

.roamCentered header{padding-top: 24px; position: relative; z-index: 1;}
.roamCentered .headerFlex{display: flex; align-items: center; justify-content: space-between;}
.roamCentered .headerLogo{position: static; width: 180px; height: auto !important; background-color: transparent !important;}
.roamCentered .headerLogo a{display: block; text-decoration: none; width:64px;height: auto !important; background-color: transparent !important;}
.roamCentered .headerLogo a img{display: block; width: 100%;}

.secureProcess{display: flex; align-items: center;}
.secureProcess:before{content: "\e914"; font-family: 'icomoon' !important;}
.secureProcess span{padding-right: 6px; font-size: 14px;}

.headerProgress{padding: 0px 0px 0px 0px;}
.headerProgress ul{display: flex;}
.headerProgress li{padding: 0 16px; text-align: center;}
.headerProgress li i{display: inline-block; font-size: 20px;}
.headerProgress li span{display: block; padding-top: 5px; font-size: 12px;}
.headerProgress01 li:nth-child(1) i{display: inline-block; background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.headerProgress01 li:nth-child(1) span{font-weight: 700;}
.headerProgress02 li:nth-child(2) i{display: inline-block; background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.headerProgress02 li:nth-child(2) span{font-weight: 700;}

.pageFrame{padding-top: 36px; position: relative;}
.pageFrame > h1{text-align: center; font-weight: 900; font-size: 40px; max-width: 520px; margin: 0 auto; padding: 0 40px; text-shadow: 0px 0px 14px #f0f0f0, 0px 0px 14px #f0f0f0;}

.backTo{position: absolute; right: -30px; top: 40px; text-shadow: 0px 0px 14px #f0f0f0, 0px 0px 14px #f0f0f0;}
.backTo a{display: flex; align-items: center; text-decoration: none; height: 48px;}
.backTo a i{font-size: 18px; transform: rotate(180deg);}
.backTo a span{font-size: 21px; padding-right: 6px;}

.planFrame{background-color: white; box-shadow: 0px 0px 13px rgba(0,0,0,0.2); margin-top: 28px; padding: 36px 6.6% 24px; position: relative; overflow: hidden;}
.yourPlan{padding: 0px 0px 0px; max-width: 540px; margin: 0 auto;}
.yourPlan_text{padding-left: 80px;}
.yourPlan_id{font-weight: 400; font-size: 32px;}
.yourPlan h2{font-weight: 700; font-size: 24px; padding-top: 8px;}
.yourPlan h2 span{font-size: 20px; line-height: 24px; display: block; padding-top: 8px;}
.yourPlan_name{font-weight: 700; font-size: 40px; padding-top: 10px;}
.yourPlan_name span{display: inline-block;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.yourPlan_price{padding-top: 6px; font-size: 24px;}
.yourPlan_price u{opacity: 0.66; font-size: 0.66em; text-decoration: line-through;}

.yourPlan_moreDetails{padding-top: 22px;}
.yourPlan_moreDetails a{font-size: 18px; font-weight: 400; text-decoration: none; display: inline-flex; align-items: center;}
.yourPlan_moreDetails a span{margin-left: 4px;}
.yourPlan_moreDetails a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 0.75em; transform: rotate(90deg);}

.roamingProcess{background-color: white; box-shadow: 0px 0px 13px rgba(0,0,0,0.2); margin-top: 12px; padding: 36px 32px 42px; position: relative;}
.roamingProcess_frame{position: relative; max-width: 550px; margin: 0 auto;}
.roamingProcess_frame h2{font-weight: 400; font-size: 32px; padding-bottom: 10px;}
.roamingProcess_verify{padding: 0;}
.roamingProcess_verify>div{padding: 8px 0px 36px;}
.roamingProcess h3{font-size: 21px; padding-bottom: 12px;}
.roamingProcess h3 span{display: block; font-weight: 700; font-size: 0.8em; line-height: 1.2em; padding-top: 4px;}
.roamingProcess h3 label{font-weight: 300; font-size: 0.8em;}

.roamingProcess_verify ul{display: flex; flex-wrap: wrap; margin-top: -20px; margin-right: -24px;}
.roamingProcess_verify li{width: 50%; padding: 20px 24px 0px 0px;}
.roamingProcess_verify li.roaming100{margin: 0 auto; width: 356px;}
.roamingProcess_verify li label{position: relative; display: block;}
.roamingProcess_verify li input{display: block; width: 100%; height: 48px; padding: 14px 0px 0px 0px; margin: 0; text-indent: 18px; font-size: 16px; border: 1px solid #888888; box-sizing: border-box;}
.roamingProcess_verify li .labelText{pointer-events: none; position: absolute; right: 18px; top: 14px; z-index: 1; font-size: 16px; transition: all 0.3s ease-in-out; white-space: nowrap;}
.roamingProcess_verify li label.activeInput span.labelText{top: 3px; font-size: 14px;}

.otpForm fieldset{position: relative; padding-left: 140px;}
.otpForm_field label{position: relative; display: block;}
.otpForm_field input{display: block; width: 100%; height: 48px; padding: 14px 0px 0px 0px; margin: 0; text-indent: 18px; font-size: 16px; border: 1px solid #888888; box-sizing: border-box;}
.otpForm_field .labelText{pointer-events: none; position: absolute; right: 18px; top: 14px; z-index: 1; font-size: 16px; transition: all 0.3s ease-in-out; white-space: nowrap;}
.otpForm_field label.activeInput span.labelText{top: 3px; font-size: 14px;}
.otpForm_submit{position: absolute; left: 0; top: 0; width: 128px;}
.otpForm_submit button{display: block; padding: 1px; width: 100%; height: 48px; text-decoration: none; border: 0; color: white; font-weight: 900; font-size: 20px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.otpForm_submit button span{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.otpForm_submit button:hover span{background-color: white; color: black;}
.otpForm_submit button:disabled{cursor: default; background: #a2a2a2; color: white; opacity: 0.6;}/* background: #a2a2a2; color: white; */
.otpForm_submit button:disabled:hover span{background-color: transparent; color: white;}

.formError{padding: 4px 6px 0px 0px; display: flex; align-items: center; color: #eb0017;}
.formError[aria-hidden="true"]{display: none;}
.formError i{display: inline-block;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.formError span{font-size: 14px; padding-right: 6px;}
.fieldError{background-color: #fcdcde !important; border-color: #eb1423 !important;}

.roamingProcess_otpSendTo{padding: 12px 0px 0px 0px;}
.roamingProcess_otpSendTo ul{display: block; margin-top: 0px; margin-right: 0px;}
.roamingProcess_verify .roamingProcess_otpSendTo li{width: auto; padding: 6px 0px 0px 0px;}
.roamingProcess_otpSendTo li label{display: inline-block; cursor: pointer;}
.roamingProcess_otpSendTo li input{position: absolute; opacity: 0; width: auto; height: auto;}
.roamingProcess_otpSendTo li span{font-size: 14px; line-height: 16px; display: block; padding-right: 24px;}
.roamingProcess_otpSendTo li span:before{content: ''; position: absolute; right: 0; top: 0; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #888888;}
.roamingProcess_otpSendTo li span:after{display: none; content: ''; position: absolute; right: 5px; top: 5px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; background-color: #151515;}
.roamingProcess_otpSendTo li input:checked + span:after{display: block;}

.roamingProcess_verifySend{padding-top: 28px;}
.roamingProcess_verifySend ul{display: block; margin: 0 auto; max-width: 50%;}
.roamingProcess_verifySend li{width: auto; text-align: center; padding-right: 0;}
.roamingProcess_verifySend li:nth-child(1){padding-top: 0;}

.roamingProcess_verifySend button{display: block; padding: 1px; width: 100%; height: 48px; border: 0; color: white; font-weight: 900; font-size: 18px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.roamingProcess_verifySend button span{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.roamingProcess_verifySend button:hover span{background-color: white; color: black;}
.roamingProcess_verifySend button:disabled{cursor: default; background: #a2a2a2; color: white; opacity: 0.6;}/* background: #a2a2a2; color: white; */
.roamingProcess_verifySend button:disabled:hover span{background-color: transparent; color: white;}

.roamingProcess_verifySend a{font-size: 18px; text-decoration: underline;}

.verifySend_sendAgain{padding-top: 22px; text-align: center;}
.verifySend_sendAgain a{font-size: 18px; text-decoration: underline;}

/* important */
.roamingProcess_important{padding: 8px 0px 0px;}
.roamingProcess_important h4{font-size: 21px;}
.roamingProcess_important h4 a{display: block; text-decoration: none; padding-right: 20px;}
.roamingProcess_important h4 a:before{content: "\e907"; font-family: 'icomoon' !important; position: absolute; right: 0; top: 11px; font-size: 0.7em; color: #d600b5;}
.roamingProcess_important h4 a[aria-expanded="true"]:before{transform: rotate(-90deg);}


.roamingProcess_important h4 span{display: inline-block;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.roamingProcess_important ul{padding-top: 10px;}
.roamingProcess_important li{position: relative; margin-top: 10px; padding: 0px 14px 0px 0px; font-size: 14px; line-height: 20px;}
.roamingProcess_important li:before{content: ""; position: absolute; right: 0; top: 7px; width: 6px; height: 6px; border-radius: 3px; background-color: #151515;}

/* confirm */
.roamingProcess_accounts_attention{font-weight: 300; font-size: 18px; padding-top: 18px; margin: 0 auto; max-width: 540px;}
.roamingProcess_accounts_attention:before{vertical-align: middle; content: "\e901"; font-family: 'icomoon' !important; font-size: 1em; padding-left: 6px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

.roamingProcess_confirmEmail{padding-top: 28px; max-width: 540px; margin: 0 auto;}
.roamingProcess_confirmEmail label{display: block; font-size: 18px; font-weight: 300; padding-bottom: 6px;}
.roamingProcess_confirmEmail input{display: block; width: 100%; max-width: 360px; height: 48px; padding: 0px; margin: 0; text-indent: 18px; font-size: 18px; border: 1px solid #888888;}

.roamingProcess_confirm{padding-top: 18px; max-width: 540px; margin: 0 auto;}
.roamingProcess_confirmRow{padding-top: 10px;}
.roamingProcess_confirmRow label{display: inline-block; position: relative;}
.roamingProcess_confirmRow label input{position: absolute; opacity: 0;}
.roamingProcess_confirmRow label span{display: block; font-weight: 300; font-size: 18px; padding: 0px 30px 0px 0px; cursor: pointer;}
.roamingProcess_confirmRow label span:before{content: ''; position: absolute; right: 0; top: 0; box-sizing: border-box; border: 1px solid #888888; width: 20px; height: 20px;}
.roamingProcess_confirmRow label span:after{display: none; content: "\e902"; font-family: 'icomoon' !important; font-weight: 700; font-size: 0.75em; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; box-sizing: border-box; width: 20px; height: 20px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.roamingProcess_confirmRow label input:checked + span:after{display: flex;}
.roamingProcess_confirmRow label input:focus + span{outline: 1px dashed #ffffff; outline-offset: 1px;}
.roamingProcess_confirmRow a{text-decoration: underline;}

.roamingProcess_accounts_submit{padding-top: 28px;}
.roamingProcess_accounts_submit button{display: block; padding: 1px; width: 100%; height: 48px; max-width: 50%; text-decoration: none; margin: 0 auto; border: 0; color: white; font-weight: 900; font-size: 18px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.roamingProcess_accounts_submit button div{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.roamingProcess_accounts_submit button:hover div{background-color: white; color: black;}
.roamingProcess_accounts_submit button:disabled{cursor: default; background: #a2a2a2; color: white; opacity: 0.6;}/* background: #a2a2a2; color: white; */
.roamingProcess_accounts_submit button:disabled:hover div{background-color: transparent; color: white;}

/* main */
.mainPlan_frame{border-top: 1px solid #e3e3e3; padding-top: 18px; margin-top: 14px;}
.mainPlan_summary{padding: 0px 0px 0px 32px;}

.mainPlan_summaryTitle{font-weight: 700; font-size: 21px;}
.mainPlan_summaryTitle strong{font-weight: 900; display: inline-block; background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mainPlan_summaryName{font-size: 24px; padding-top: 14px;}
.mainPlan_summaryName B{padding-left: 12px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.mainPlan_summaryName span{font-size: 0.75em;}
.mainPlan_summaryDate{font-size: 18px; font-weight: 400; padding-top: 6px;}
.mainPlan_summaryDate B{display: inline-block; padding-left: 7px;}
.mainPlan_summaryDetails{padding-top: 8px;}
.mainPlan_summaryDetails a{font-size: 14px; font-weight: 400; text-decoration: none; display: inline-flex; align-items: center;}
.mainPlan_summaryDetails a span{margin-left: 4px;}
.mainPlan_summaryDetails a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 0.75em; transform: rotate(90deg);}
.mainPlan_summaryEdit{position: relative; margin-left: -32px;}
.mainPlan_summaryEdit button{position: absolute; left: 0; top: -108px; border: 0; border-radius: 0; background-color: transparent; width: 28px; height: 28px; font-size: 18px; line-height: 26px;}
.mainPlan_summaryEdit button span{display: inline-block;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

/* roamingProcess_moreAccounts */
.roamingProcess_moreAccounts{padding: 12px 0px 0px 0px;}
.roamingProcess_moreAccounts > ul{padding: 0px 0px 0px 0px;}
.roamingProcess_moreAccounts > ul > li{padding: 18px 0 16px; border-top: 1px solid #e3e3e3;}
.roamingProcess_moreAccounts > ul > li:nth-child(1){border-top: 0; padding-top: 8px;}

.roamingProcess_accountTitle{position: relative; display: flex; align-items: center; justify-content: space-between; text-decoration: none; font-weight: 700; font-size: 24px;}
.roamingProcess_accountTitle.roamingProcess_accountTitleEdit strong{display: inline-block;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

a.accountTitle_select{font-size: 16px;}
a.accountTitle_select span{padding-left: 18px;}
a.accountTitle_select span:after{content: "\e907"; font-family: 'icomoon' !important; font-size: 0.7em; position: absolute; left: 0; top: 8px; transform: rotate(-90deg);}
a.accountTitle_select span:nth-child(2){display: none;}
a.accountTitle_select span:nth-child(2):after{transform: rotate(90deg);}
a.accountTitle_select[aria-expanded="true"] span:nth-child(1){display: none;}
a.accountTitle_select[aria-expanded="true"] span:nth-child(2){display: inline;}

a.accountTitle_edit{font-size: 16px; text-decoration: none; position: absolute; left: 0; top: 0;}
a.accountTitle_edit I{font-size: 18px; margin-left: 2px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
a.accountTitle_edit span:nth-child(2){display: none; position: relative; padding-left: 18px;}
a.accountTitle_edit span:nth-child(2):after{content: "\e907"; font-family: 'icomoon' !important; font-size: 0.7em; position: absolute; left: 0; top: 2px; transform: rotate(90deg);}
a.accountTitle_edit[aria-expanded="true"] span:nth-child(1){display: none;}
a.accountTitle_edit[aria-expanded="true"] span:nth-child(2){display: inline;}

.roamingProcess_accountTitle.roamingProcess_accountTitleEdit a.accountTitle_select{display: none;}
.roamingProcess_accountTitle.roamingProcess_accountTitleEdit a.accountTitle_edit{display: inline;}

.roamingProcess_summary{padding-top: 0px; position: relative;}
.summaryName{font-size: 16px; display: flex; flex-wrap: wrap; align-items: baseline; padding-top: 8px;}
.summaryName strong{padding-left: 8px;}
.summaryName B{display: inline-block;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.summaryName span{padding-right: 9px; font-size: 14px;}
.summaryChoices{margin-right: -14px; font-size: 14px;}
.summaryChoices ul{display: flex; flex-wrap: wrap;}
.summaryChoices li{position: relative; margin-top: 8px; padding: 0px 14px 0px 0px;}
.summaryChoices li:before{content: '|'; position: absolute; right: 0; top: 0; width: 14px; text-align: center; color: #777;}
.summaryChoices li B{padding-left: 6px;}
.summaryChoices li:nth-child(1):before{display: none;}

.summaryActions{display: flex; align-items: center; flex-wrap: wrap; padding-top: 12px;}

.summaryActions_details{font-size: 14px; line-height: 18px; font-weight: 400; position: relative; padding: 0px 22px 0px 0px;}
.summaryActions_details:before{content: '|'; position: absolute; right: 0; top: 0; width: 22px; text-align: center; color: #777;}
.summaryActions_details a{text-decoration: none; display: inline-flex; align-items: center;}
.summaryActions_details a span{margin-left: 4px;}
.summaryActions_details a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 0.66em; transform: rotate(90deg);}

.summaryActions_cancel{padding: 0;}
.summaryActions_cancel a{font-size: 14px; line-height: 18px; display: inline-flex; align-items: center; text-decoration: none;}
.summaryActions_cancel a:before{content: '\e920'; font-family: 'icomoon' !important; font-size: 0.9em;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.summaryActions_cancel a span{padding-right: 4px;}
.summaryActions_cancel a:hover span{text-decoration: underline;}

.roamingProcess_summaryDetails{position: relative; margin: 10px 4px 0px 0px; padding: 0px 16px 0px 0px;}
.roamingProcess_summaryDetails:before{content: ''; position: absolute; right: 0; top: 3px; bottom: 0px; width: 4px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.accountSummary_title{font-size: 16px; font-weight: 700; padding-bottom: 4px;}
.accountSummary_name B{display: inline-block; font-size: 18px; font-weight: 700;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.accountSummary_name span{display: inline-block; font-size: 18px; padding-right: 12px;}
.accountSummary_date{display: flex; padding-top: 4px;}
.accountSummary_date B{padding-left: 6px;}
.accountSummary_details{font-size: 14px; font-weight: 400; padding-top: 8px;}
.accountSummary_details a{text-decoration: none; display: inline-flex; align-items: center;}
.accountSummary_details a span{margin-left: 4px;}
.accountSummary_details a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 0.7em; transform: rotate(90deg);}

.accountSummary_actions{display: flex; align-items: center; flex-wrap: wrap; padding-top: 12px;}
.accountSummary_edit{padding-right: 12px;}
.accountSummary_edit button{display: flex; align-items: center; border: 0; border-radius: 0; background-color: transparent; width: auto; font-size: 16px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.accountSummary_edit button > span{display: flex; align-items: center;}
.accountSummary_edit button > span span{padding-right: 6px;}

.accountSummary_button{padding: 0;}
.accountSummary_button button{display: block; padding: 1px; width: 150px; height: 32px; text-decoration: none; border: 0; color: white; font-weight: 700; font-size: 14px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.accountSummary_button button span{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: white; color: black;}

.accountSummary_cancel{padding-top: 10px;}
.accountSummary_cancel a{font-size: 14px; display: inline-flex; align-items: center; text-decoration: none;}
.accountSummary_cancel a:before{content: '\e920'; font-family: 'icomoon' !important; font-size: 0.9em;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.accountSummary_cancel a span{padding-right: 4px;}
.accountSummary_cancel a:hover span{text-decoration: underline;}

.accountDeals_choice{position: relative; margin: 10px 4px 0px 0px; padding: 0px 16px 0px 0px;}
.accountDeals_choice:before{content: ''; position: absolute; right: 0; top: 3px; bottom: 0px; width: 4px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.accountDeals_choiceTitle{font-size: 18px; font-weight: 700; padding-bottom: 6px;}

.roamingProcess_account_form{padding: 12px 0px 0px 0px;}
.roamingProcess_account_form ul{display: flex; flex-wrap: wrap; margin-top: -20px; margin-right: -24px;}
.roamingProcess_account_form li{width: 50%; padding: 12px 24px 0px 0px;}
.roamingProcess_account_form li label{position: relative; display: block;}
.roamingProcess_account_form li input{display: block; width: 100%; height: 48px; padding: 14px 0px 0px 0px; margin: 0; text-indent: 18px; font-size: 16px; border: 1px solid #888888;}
.roamingProcess_account_form li .labelText{pointer-events: none; position: absolute; right: 18px; top: 14px; z-index: 1; font-size: 16px; transition: all 0.3s ease-in-out; white-space: nowrap;}
.roamingProcess_account_form li label.activeInput span.labelText{top: 3px; font-size: 14px;}
.roamingProcess_account_form .comboHolder{display: block; width: 100%; position: relative;}
.roamingProcess_account_form .comboHolder select{display: block; width: 100%; height: 48px; font-weight: 400; font-size: 16px; background-color: white; border: 1px solid #888; border-radius: 0px; padding: 14px 10px 0px 20px; margin: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;    
}
.roamingProcess_account_form .comboHolder select::-ms-expand{display: none;}
.roamingProcess_account_form .comboHolder:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 12px; color: #000000; position: absolute; left: 16px; top: 50%; transform: translate(0, -50%);}
.roamingProcess_account_form .countrySearch_calendar:after{font-size: 21px; line-height: 48px;}

.roamingProcess_accountSubmit{direction: ltr; padding-top: 8px;}
.roamingProcess_accountSubmit button{direction: rtl; display: block; padding: 1px; width: 120px; height: 36px; text-decoration: none; border: 0; color: white; font-weight: 700; font-size: 14px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.roamingProcess_accountSubmit button span{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: white; color: black;}
.roamingProcess_accountSubmit button:hover span, .roamingProcess_accountSubmit button:focus span{background-color: transparent; color: white;}

.accountDeals_choiceList{padding-top: 28px;}
.accountDeals_item{border-top: 1px solid #e3e3e3; margin-top: 8px; position: relative; padding: 12px 36px 12px 0px; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;}
.accountDeals_choiceTitle + .accountDeals_item{border-top: 0;}

.accountDeals_itemTitle{font-size: 18px; font-weight: 700;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.accountDeals_itemPriceAmount{font-size: 18px; font-weight: 700;}
.accountDeals_itemPriceAmount strong{font-weight: 700;}
.accountDeals_itemPriceAmount strong B{font-size: 14px; font-weight: 700;}
.accountDeals_itemPriceDetails{font-size: 14px; font-weight: 400;}
.accountDeals_itemDetails{font-size: 14px; font-weight: 400; padding-top: 7px;}
.accountDeals_itemDetails a{text-decoration: none; display: inline-flex; align-items: center;}
.accountDeals_itemDetails a span{margin-left: 4px;}
.accountDeals_itemDetails a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 0.7em; transform: rotate(90deg);}
.accountDeals_itemButton{position: absolute; right: 0; top: 12px;}
.accountDeals_itemButton button{display: block; font-size: 0; padding: 0px; background-color: white; border: 1px solid #888888; width: 22px; height: 22px;}
.accountDeals_itemButton button span{display: block; width: 100%; height: 100%; }
.accountDeals_itemButton button span:before{display: none; content: "\e902"; font-family: 'icomoon' !important; font-size: 14px; line-height: 21px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.accountDeals_itemButton button[aria-selected="true"] span:before{display: block;}

.accountDeals_choiceActions{padding-top: 18px; border-top: 1px solid #e3e3e3; margin-top: 12px; display: flex; align-items: center;}
.accountDeals_choiceSubmit button{display: block; padding: 1px; width: 150px; height: 32px; text-decoration: none; border: 0; color: white; font-weight: 700; font-size: 14px;
    background: #eb0017;
    background: -moz-linear-gradient(left,  #eb0017 30%, #d600b5 100%);
    background: -webkit-linear-gradient(left,  #eb0017 30%,#d600b5 100%);
    background: linear-gradient(to right,  #eb0017 30%,#d600b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0017', endColorstr='#d600b5',GradientType=1 );
}
.accountDeals_choiceSubmit button span{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: white; color: black;}
.accountDeals_choiceSubmit button:hover span, .accountDeals_choiceSubmit button:focus span{background-color: transparent; color: white;}

.accountDeals_choiceCancel{padding-right: 18px;}
.accountDeals_choiceCancel a{display: inline-block; font-size: 14px; text-decoration: none;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

.yourPlan_group{position: absolute; left: 18px; top: 0; background-color: white; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); width: 180px; height: 124px; padding: 0px 5px 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.yourPlan_groupIcon{font-size: 28px;}
.yourPlan_groupIcon I{display: inline-block; background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.yourPlan_groupText{font-size: 16px; line-height: 20px; font-weight: 900; padding-top: 6px;}
.yourPlan_groupText span{display: inline-block; background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.additionalPlan{border-top: 1px solid #e3e3e3; padding-top: 14px; margin-top: 18px;}

.accountDeals_moreItemsDrawer .accountDeals_choiceList{padding: 0;}

.moreItems_show, .moreItemsDrawer_close{padding: 10px 0px 0px; margin-top: 7px; border-top: 1px solid #e3e3e3;}
.moreItems_show a, .moreItemsDrawer_close a{display: inline-block; font-weight: 700; font-size: 14px; text-decoration: none; position: relative;}
.moreItems_show a span, .moreItemsDrawer_close a span{display: block; padding-left: 4px;
    background: -webkit-linear-gradient(left, #eb0017 30%,#d600b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.moreItems_show a:after{content: "\e907"; font-family: 'icomoon' !important; pointer-events: none; position: absolute; right: 100%; top: 2px; font-size: 0.7em; color: #eb0017;}
.moreItemsDrawer_close a{padding-right: 18px;}
.moreItemsDrawer_close a:before{content: "\e903"; font-family: 'icomoon' !important; pointer-events: none; position: absolute; right: 0; top: 2px; font-size: 0.85em; color: #d600b5;}

/*family v2 */
.pageFrame_familyTitle{padding: 0px 0px 8px;}
.pageFrame_familyTitle h1{text-align: center; font-weight: 900; font-size: 40px; padding: 0 40px; text-shadow: 0px 0px 10px #f0f0f0, 0px 0px 10px #f0f0f0, 0px 0px 14px #f0f0f0, 0px 0px 14px #f0f0f0;}
.pageFrame_familyTitle P{text-align: center; font-weight: 900; font-size: 32px; padding: 6px 40px 0; text-shadow: 0px 0px 10px #f0f0f0, 0px 0px 10px #f0f0f0, 0px 0px 14px #f0f0f0, 0px 0px 14px #f0f0f0;}



@media screen and (max-width: 1400px) {
    .tzurLogo{padding-top: 28px; padding-bottom: 8px;}
    .roamCentered .header{padding-top: 24px;}
    .roamCentered .headerLogo a{width: 48px;}
    .pageFrame{padding-top: 22px;}
    .pageFrame > h1{font-size: 40px; max-width: 500px;}
    .backTo{top: 26px;}
    .backTo a{height: 40px;}
    .backTo a i{font-size: 21px;}
    .backTo a span{font-size: 18px;}

    .planFrame{margin-top: 18px; padding: 24px 6.6% 20px;}
    .yourPlan_id{font-size: 28px;}
    .yourPlan h2{font-size: 22px; padding-top: 14px;}
    .yourPlan_name{font-size: 36px; padding-top: 4px;}
    .yourPlan_price{padding-top: 6px; font-size: 21px;}
    
    .roamingProcess{margin-top: 12px; padding: 28px 32px 32px;}
    
    .mainPlan_summaryTitle{font-size: 18px;}
    .mainPlan_summaryName{font-size: 21px; padding-top: 14px;}
    .mainPlan_summaryDate{font-size: 16px;}
}

@media screen and (max-width: 1024px) {
    .roamCentered.centeredContent{padding: 0px 25px;}
    .tzurLogo{padding-top: 21px;}
    .roamCentered header{padding-top: 16px;}
    .roamCentered .headerLogo a{width: 40px;}
    .pageFrame{padding-top: 18px;}
    .pageFrame > h1{font-size: 36px; max-width: 480px;}
    .backTo{top: 20px; right: -10px;}
    .backTo a{height: 36px;}
    .backTo a i{font-size: 18px;}
    .backTo a span{font-size: 16px;}

    .headerProgress li{padding: 0 12px;}
    .headerProgress li i{font-size: 16px;}
    .headerProgress li span{padding-top: 2px;}
    
    .planFrame{margin-top: 12px; padding: 24px 4% 14px;}
    .yourPlan_moreDetails{padding-bottom: 22px;}
    .yourPlan_moreDetails a{font-size: 16px;}
    
    .planFrame{margin-top: 12px; padding: 24px 4% 14px;}
    .roamingProcess{padding: 28px 24px 32px;}
    .roamingProcess_frame h2{font-size: 28px; font-weight: 900;}
    .roamingProcess h3{font-size: 21px; font-weight: 300;}

    /*family v2 */
    .pageFrame_familyTitle h1{font-size: 36px;}
    .pageFrame_familyTitle P{font-size: 28px;}
}

@media screen and (max-width: 885px) {
    .pageFrame{padding-top: 22px;}
    .pageFrame > h1{font-size: 30px; padding: 0 48px; max-width: 430px;}
    .backTo{top: 24px; right: 0;}
    .backTo a{height: 30px;}
    .backTo a i{font-size: 16px;}
    .backTo a span{font-size: 14px;}
    
    .planFrame{margin-top: 6px; padding: 24px 4% 14px;}
    .yourPlan h2{font-size: 24px;}
    .yourPlan_name{font-size: 32px; padding-top: 8px;}
    .yourPlan_price{padding-top: 6px; font-size: 18px;}
    
    .roamingProcess{padding: 28px 24px 32px;}
    .roamingProcess_frame h2{position: static; font-size: 21px; max-width: 767px;}
    .roamingProcess h3{font-size: 18px;}

    /*family v2 */
    .pageFrame_familyTitle h1{font-size: 30px; padding: 0 48px;}
    .pageFrame_familyTitle P{font-size: 24px; padding: 0 48px;}
}

@media screen and (max-width: 767px) {
    .pageFrame > h1{font-size: 24px; max-width: 360px;}
    
    .roamCentered .headerLogo{width: 90px;}
    .secureProcess{flex-direction: column; text-align: center;}
    .secureProcess span{width: 90px; padding-right: 0px; padding-top: 4px; font-size: 12px; line-height: 14px;}
    .yourPlan{text-align: center;}
    .yourPlan_name{font-size: 28px;}
    .yourPlan_moreDetails{padding-bottom: 16px;}
    .yourPlan_moreDetails a{font-size: 16px;}
    .yourPlan_moreDetails a:after{margin-top: 1px;}
    
    .roamingProcess_frame h2{font-size: 18px; padding-bottom: 0;}
    .roamingProcess h3{font-size: 24px; line-height: 28px;}

    .roamingProcess_verify ul{display: block; margin: -10px 0px 0px;}
    .roamingProcess_verify li{width: 100%; padding: 20px 0px 0px 0px;}
    .roamingProcess_verify li.roaming100{width: 100%;}
    
    .roamingProcess_verifySend ul{margin: 0 auto; max-width: 280px;}
    
    .mainPlan_summary{padding: 0;}
    .mainPlan_summaryName{padding-top: 9px;}
    .mainPlan_summaryName B{display: block; padding-left: 0;}
    .mainPlan_summaryName span{display: block; padding-top: 3px;}
    .mainPlan_summaryDate{padding-top: 8px;}
    .mainPlan_summaryEdit{margin-left: 0;}
    .mainPlan_summaryEdit button{top: -129px;}
    
    .roamingProcess_accountTitle{font-size: 21px;}
    .roamingProcess_account_form ul{margin-top: -10px;}
    .roamingProcess_account_form li{width: 100%;}
    a.accountTitle_select span:after{top: 6px;}
    .summaryName span{display: none;}
    .accountSummary_name B{font-size: 16px;}
    .accountSummary_name span{font-size: 14px;}
    .accountSummary_date{font-size: 14px;}
    .accountDeals_itemTitle{font-size: 16px;}
    .accountDeals_itemPrice{width: 100%; padding-top: 12px;}

    .yourPlan_group{position: static; width: auto; height: auto; max-width: 440px; flex-direction: row; margin: 18px auto 8px; padding: 10px 15px 5px;}
    .yourPlan_groupText{padding-right: 8px; padding-top: 0;}

    /*family v2 */
    .pageFrame_familyTitle h1{font-size: 24px;}
    .pageFrame_familyTitle P{font-size: 18px;}
}

@media screen and (max-width: 480px) {
    .pageFrame{padding-top: 22px;}
    .pageFrame > h1{font-size: 18px; padding: 32px 0px 0px; margin: 0 auto; max-width: 200px;}
    .backTo{top: 22px;}
    .backTo a{height: 20px;}
    .backTo a i{font-size: 16px;}
    .backTo a span{font-size: 14px;}
    
    .headerProgress{padding-left: 24px;}
    .headerProgress li{padding: 0; width: 60px;}
    
    .planFrame{padding: 30px 16px 28px; margin-top: 10px;}
    
    .yourPlan h2{font-size: 14px;}
    .yourPlan_name{font-size: 18px; line-height: 22px;}
    .yourPlan_price{font-size: 12px;}
    .yourPlan_price u{font-size: 1em;}
    .yourPlan_id{font-size: 24px;}

    .yourPlan_moreDetails{padding-bottom: 0px;}
    .yourPlan_moreDetails a{font-size: 14px;}
    .yourPlan_moreDetails a:after{margin-top: 1px;}

    .roamingProcess_frame h2{text-align: center;}
    
    .roamingProcess{padding: 28px 16px 32px;}
    .roamingProcess h3{font-size: 20px; text-align: center; margin: 0 auto; max-width: 280px;}
    .roamingProcess_verifySend button{height: 40px; font-size: 16px;}
    .roamingProcess_verifySend a{font-size: 14px;}
    .verifySend_sendAgain a{font-size: 14px;}
    .otpForm fieldset{padding-left: 100px;}
    .otpForm_submit{position: absolute; left: 0; top: 0; width: 96px;}
    .otpForm_submit button{font-size: 16px;}

    .roamingProcess_important h4{font-size: 18px;}
    .roamingProcess_important ul{padding-top: 8px;}
    .roamingProcess_important li{margin-top: 8px;}
    
    .roamingProcess_accounts_attention{margin-top: 4px; padding-top: 0; font-size: 14px; text-align: right; padding-right: 20px; position: relative;}
    .roamingProcess_accounts_attention:before{position: absolute; right: 0; top: 0;}

    .roamingProcess_confirmRow label span{font-size: 14px; padding: 0px 22px 0px 0px; letter-spacing: -0.25px;}
    .roamingProcess_confirmRow label span:before{width: 16px; height: 16px;}
    .roamingProcess_confirmRow label span:after{width: 16px; height: 16px;}
    .roamingProcess_confirmEmail{padding-top: 12px;}
    .roamingProcess_confirmEmail label{font-size: 16px;}
    .roamingProcess_confirmEmail input{font-size: 16px;}
    .roamingProcess_accounts_submit button{max-width: none;}

    .roamingProcess_accountTitle{font-size: 18px;}
    a.accountTitle_select{font-size: 14px;}
    a.accountTitle_select span{padding-left: 14px;}
    a.accountTitle_select span:after{top: 4px;}
    a.accountTitle_select[aria-expanded="true"] span:after{top: 4px;}
    a.accountTitle_edit{display: none; font-size: 14px;}
    a.accountTitle_edit span:nth-child(2){padding-left: 14px;}
    a.accountTitle_edit span:nth-child(2):after{top: 2px;}

    .summaryChoices ul{display: block;}
    .summaryChoices li:before{display: none;}
    .accountSummary_name span{display: block; padding-right: 0;}
    .accountSummary_edit{padding: 12px 0px 0px 0px; width: 100%;}
    .accountSummary_edit button{font-size: 14px; width: 150px; justify-content: center;}

    .yourPlan_group{margin: 22px 0 0px; padding: 10px 15px 5px;}
    .yourPlan_groupIcon{font-size: 24px; min-width: 30px;}
    .yourPlan_groupText{max-width: 180px; padding-right: 8px; font-size: 15px; line-height: 18px; text-align: right;}
    
    /*family v2 */
    .pageFrame_familyTitle h1{font-size: 18px; padding: 0px 0px 5px; margin: 0 auto; max-width: 160px;}
    .pageFrame_familyTitle P{font-size: 16px; padding: 0px 0px 0px; margin: 0 auto; max-width: 200px;}
    
}