@font-face{
	font-family:'almoniDL400';
	font-weight:400; /*(regular)*/
	font-style: normal;
	    src: url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.woff2') format('woff2'),
			 url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.woff') format('woff');
}
     @font-face{
    font-family:'almoniDL500';
    font-weight:500; /*(medium)*/
    font-style: normal;
        src: url('/Static/fonts/almoni2019/almoni-neue-medium-aaa.eot'); 
        src: url('/Static/fonts/almoni2019/almoni-neue-medium-aaa.eot?#iefix') format('embedded-opentype'), 
                url('/Static/fonts/almoni2019/almoni-neue-medium-aaa.woff2') format('woff2'),
                url('/Static/fonts/almoni2019/almoni-neue-medium-aaa.woff') format('woff');
}
@font-face{
	font-family:'almoniDL900';
	font-weight:900; /*(black)*/
	font-style: normal;
		src: url('/Static/fonts/almoni2019/almoni-neue-black-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-black-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-black-aaa.woff2') format('woff2'),
             url('/Static/fonts/almoni2019/almoni-neue-black-aaa.woff') format('woff');
}
@font-face{
	font-family:'almoniDL700';
	font-weight:700; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/almoni2019/almoni-neue-bold-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-bold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-bold-aaa.woff2') format('woff2'),
			 url('/Static/fonts/almoni2019/almoni-neue-bold-aaa.woff') format('woff');
}
@font-face{
	font-family:'ultrabold';
	font-weight:900; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff2') format('woff2'),
			 url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff') format('woff');
}
@font-face{
	font-family:'demibold';
	font-weight:600; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff2') format('woff2'),
			 url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff') format('woff');
} 
 @font-face {
  font-family: 'FontAwesome';
  src: url('/Static/fonts/FontAwesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('/Static/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/Static/fonts/FontAwesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/Static/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/Static/fonts/FontAwesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal !important;
}
  @font-face {
font-family: 'almoniTzar500';
font-weight: 500; /*(regular)*/
font-style: normal;
src: url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot');
src: url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot?#iefix') format('embedded-opentype'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff') format('woff'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff2') format('woff2');
}

body {background:#fff9f4; background:var(--primaryBgColor);}
* {margin:0; padding:0;   direction:rtl; text-align:right;  color:#1a1a1a; text-decoration:none}
.fa {font-family: 'FontAwesome';font-style: normal;}
#header {background:#fff9f4; background:var(--primaryHeaderBgColor); overflow:hidden; height:70px; } 
#header .wrH {  margin:0 auto; max-width: 1280px;  width: calc(100% - 40px); }
#header .logo {background: url(https://images.globes.co.il/globes/paywall/globesNew.svg) no-repeat 0 13px; height: 55px;width: 138px; float:right;}
#header .logoText { float:right; margin: 22px 32px 0 0; font-size:20px;	    font-family: 'almoniDL700'; color: #555;}
#header .call { float:left; color: #555; margin-top:20px; font-size:20px; font-family:'almoniDL700'}

.mainWr { overflow:hidden; max-width: 1124px !important;  width: calc(100% - 152px); margin: 0 auto}
.main {max-width:715px; float:right; width:calc(70% - 13px);  margin: 32px 13px 13px 0; min-height: 480px; padding-bottom:20px;     border-radius: 4px;    border: solid 1px #9797976e;     min-height: 735px;}
.main nav { display: flex; max-width: 408px; justify-content: space-between; margin: 11px 44px 29px 44px; border-bottom: solid 3px #e9e9e9; padding: 9px 0 12px;position: relative;     font-weight: bold; }
nav span {color:#989898; font-size:14px; line-height:16px; position:relative; font-family: 'almoniDL500' !important;    font-weight: normal;}
nav span.on {color: #000;}
nav:after { border-bottom: 3px solid #97133f; border-bottom: solid 3px var(--primaryMobileColor);  color: #070707; padding-bottom: 17px; position:absolute; bottom:-3px; right:0; content:'';
            -webkit-transition: width 0.4s; /* For Safari 3.1 to 6.0 */  transition: width 0.4s;}
nav.stage1:after {width:22%}
nav.stage2:after { width:60%}
nav.stage3:after { width:100%}

#TzStepContainer .activatePhone {margin-bottom:20px} 
.main .innerWr { margin-right:44px; max-width:408px}
.loginConfirmation input[type="checkbox"] {vertical-align: middle;}
#PaymentStep .t2 {margin-bottom:44px; color: #070707; font-size:18px}
#UserDetailsStep .text2 { margin-bottom:44px}
#UserDetailsStep .btnWr { margin-top:32px}
.mainActivate {max-width: 740px;  padding-bottom:60px;   margin: 0 auto;}
 
.paymentDisclaimer{background-color:#fef3ee;font-family:almoniDL400;font-size:15px;line-height:24px;padding:16px 16px 24px 24px;margin:0 0 20px 0;}
.paymentDisclaimer span{font-family:demibold; font-size:15px;}

#TStep {position:relative;  height: 260px;     width: 468px;}
#TStep:after{ background:url(https://images.globes.co.il/globes/paywall/computerPaywall.png) no-repeat 0 0; width: 278px;height: 259px;position: absolute;left: -400px;bottom: -40px;content: '';}
#TStep .btn { border:1px solid #97133f;  border:1px var(--primaryMobileColor) solid;  padding:0 32px; height: 48px; line-height:48px; background:#97133f; background:var(--primaryMobileColor); letter-spacing: -0.05px; font-size:18px !important;   position:relative;    text-align:center;    font-family: demibold; margin-bottom:340px; border-radius:0; width:auto !important}
.mainWr .mainActivate #TStep .btn {color:#fff}
#TStep h1 {margin:62px 0 24px; font-family: 'almoniTzar500';   font-size: 60px !important; line-height:64px; width: 67%;}
#TStep .text3 {  font-size: 16px; line-height: 22px; letter-spacing: -0.04px; color:#1a1a1a; margin-bottom:20px; max-width: 300px;}
/*#TStep .btn:before {
    content: url(https://images.globes.co.il/globes/icons/arrow-left.svg);
       position: absolute;
    left: 80px;
    top: 5px;
    zoom: 76%;
}*/
.comment {color: #666;font-size: 16px !important;}
.comment a {color: #070707;border-bottom: 1px #3d3d3d solid;font-size: 16px !important;}
#TStep .btn:hover {    background: var(--btnHoverBgColor) !important;border: 1px var(--btnHoverBgColor) solid !important;}
#TStep .arrowLink {color:#97133f; color:var(--primaryMobileColor); letter-spacing: -0.04px; font-size:16px;font-family: demibold; margin-right:35px; position:relative}
#TStep .arrowLink:before {    
    background: url(https://images.globes.co.il/globes/arrow-left-s.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -26px;
    bottom: -2px;
    content: '';}

.mainWr {font-family: almoniDL400;}
.main .text2.n2, .main .text2.n3 { line-height:18px; margin-bottom:24px; color:#070707; font-size:18px}
.mainWr .loginWr #signin_btn.btn, 
.mainWr .loginWr #register_and_signin.btn, 
.mainWr #change_password_and_signin, 
.mainWr #reset_password { background: #c8c8c8 !important; border: 1px #c8c8c8 solid !important; color: #8c8c8c !important;font-family: demibold;font-size: 18px !important;}
 
.btnWr .back:hover {  color: #fff !important;  font-size: 18px !important; letter-spacing: .3px;} 
.loginWr #signin_btn.btn.active, .loginWr #register_and_signin.btn.active, #change_password_and_signin.active, #reset_password.active, .btn.active {background:#97133f!important; background:var(--primaryMobileColor) !important; border:1px solid #97133f;  border: 1px var(--primaryMobileColor) solid !important; color: #fff !important;  font-size: 18px !important; letter-spacing: .3px;} 

 .benefit.mobile{
     display:none;
 }
 .benefit {
    display: inline-block;
    font-size: 20px;
    color: #028489;
    padding: 6px 10px 10px 20px;
    font-family: 'demibold';
    background: rgb(2 132 137 / 0.10);
}
 .benefit::before{
     content:url(https://images.globes.co.il/globes/green.svg);
     position: relative;
    top: 6px;
    margin-left: 10px;
 }
#GPage_main .btn.active:hover { background:var(--btnHoverBgColor) !important; border:1px var(--btnHoverBgColor) solid !important }
h1 {color: #1a1a1a;
    font-size: 50px !important;
    font-family: 'almoniTzar500' !important;
    line-height: 60px;
    margin-bottom:32px;
    letter-spacing: -0.14px;
    font-weight: normal !important;}

#LoginStepContainer .loginWr { padding:0px 0 !important}

.digitalMy { display:none}

#WaitForCodeStep.errMsg { margin-bottom:10px}
#WaitForCodeStep .btnWr {margin-top:36px}

 
aside { float:right; width:calc(40% - 30px); max-width:340px; margin-right:30px;margin-top: 32px; padding-bottom:30px; position:relative}
aside:after { position:absolute; content:url(https://images.globes.co.il/globes/paywall/typewriterPaywall.png);bottom: -240px;    right: 25px;}
aside.remove:after{content:none;}
aside.vieda:after {  content:url(https://images.globes.co.il/globes//chair.png); }

aside h2 {border-bottom: solid 1px var(--primaryColor);  font-size: 32px; padding-bottom:3px; font-family: 'almoniTzar500' !important; font-weight:normal;    letter-spacing: -0.09px;  margin-top: 0;  line-height: 38px; margin-bottom:15px; position:relative; display:flex;}
aside h2 span{font-size:32px; }
aside h2 span:first-child{margin-left:10px;}
aside h2 span:first-child:after{
    content:"|";
    font-size: 28px;
}
aside .title1 {  font-size: 16px;	font-family:'demibold';margin-right:11px}
aside .text1 {font-size: 16px; color: #3d3d3d;margin-right:11px}
aside ul, aside > li {list-style:none; margin:0; padding:0}

/*aside li {  border-bottom: solid 1px #e1e1e1; }*/
.innerWr {
    border-bottom: 1px solid #e9e2de;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.innerWr > li { padding:8px 0; border:0}
.text1 > li { font-size:16px;}
.text1.terms { margin: 10px 15px 0 auto; display:none; padding-right:20px;}
.text1.terms ol{
    margin-right: 20px;
}
.text1.terms ol li{
      font-size:14px;
}

.text1.terms ol li a { display: inline; padding: 0}
.text1.terms ol li a:after { display: none}

#purchase_terms{
    position:relative;
}
aside #purchase_terms::after {
    content: "";
    border: solid #1a1a1a;
border-width: 0 2px 2px 0;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform 0.3s ease;
    position: absolute;
    margin-right: 10px;
    top: 8px;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
aside #purchase_terms.showTerms::after {
   
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.tfinish .text1.terms {display:block}
/*aside li:nth-child(3) {margin-bottom:20px}
aside li:nth-child(4) {border-top: solid 1px #e1e1e1;}*/
aside li a { font-size:14px; 	font-family:'demibold' !important;   display: block; padding:16px 15px 16px 0;     color: #070707;}
aside li a:after {content: url(https://images.globes.co.il/globes/icons/arrL.svg);    float: left;     width: 24px;     height: 24px;}
/*#purchase_terms::after{content: url(https://images.globes.co.il/globes/paywall/small-arrow.svg); padding-right:15px; transition:all 0.3s ease-in; position: absolute; margin-top:5px; }*/
/*.showTerms#purchase_terms::after {padding-left: 20px; transform: rotate(180deg); margin-top: -5px;}*/

/* aside print fix*/
aside.print li:nth-child(2), aside.print li:nth-child(3) {padding:0; margin-bottom: 0; border-bottom: solid 1px #e1e1e1;}
aside.print li:nth-child(4) {border-top:0}
aside.print li:nth-child(2) {border-top: solid 1px #e1e1e1;}
aside.print li:nth-child(1) {margin-bottom: 20px;}
/* aside print fix end */
aside.print .proList li {
    border: none;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 27px;
    margin:0;
    padding:0 22px 0 0;
    position:relative;
    font-family: 'almoniDL400';
}
.print .proList li::before {
    content:url('https://images.globes.co.il/globes/paywall/icons-check-1-small.png');
    position: absolute;
    right: 0;
    top: 2px;
}
.CompanysInvoice { margin-bottom:32px}
.CompanysInvoice.checked { margin-bottom:10px}

 #cb,#CompanysInvoice,#cb_fromglobes,#cb_acceptads, #accept_message_to_whatsapp,.chkbox {
    font-family: FontAwesome;
    font-size: 10px;
    float: right;
    margin: 0 0 0 12px;
    width:18px !important;
    height:18px !important;
 
}
 
#cb::after, #CompanysInvoice::after,#cb_fromglobes:after, #cb_acceptads:after, #accept_message_to_whatsapp:after,.chkbox:after {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
     background: var( --primaryBgColor);
    color: #000;
        border: solid 1px #666;
    text-align: center;
    visibility:visible
}

 #cb:checked::after, #CompanysInvoice:checked::after, #cb_fromglobes:checked::after, #cb_acceptads:checked::after {
    content: "\f00c";
    background-color: #fff9f4;
    font-family: FontAwesome !important;
        font-size: 15px;
}
 .chkbox:checked::after {    content: "\f00c";
    background-color: #fff9f4;
    font-family: FontAwesome !important;
        font-size: 15px;}
.cb_fromglobes {margin-bottom:15px}

.wrS {
    text-align: center;
    position: relative;

}

.wrS label {
    top: -8px !important;
    background: #fff;
    right: auto;
    position: absolute;
    font-size: 14px;
    color: #555 !important;
    left: 33px;
}

.WizardPopup {
    position: fixed;
    background: #fff;
    top: calc(50% - 200px);
    left: calc(50% - 220px);
     
    outline: 10000px rgba(0,0,0,0.5) solid;
    z-index: 11111111111111111;
    width: 450px;
    height:310px;
    text-align: center;
} 
.WizardPopup .text_in_HowToConnect { color: #070707;font-size: 18px;margin:40px auto 16px;text-align: center;}
.WizardPopup .login_id_HowToConnect {color: #070707;font-size: 18px;font-family: almoniDL500; margin-bottom:32px;text-align: center;}
.WizardPopup .text_in_HowToConnect b {display:inline-block;    font-size: 26px; font-weight:normal;  font-family: almoniTzar500;}
.WizardPopup .text_in_HowToConnect span {display:inline-block;    font-size: 26px;    font-family: almoniTzar500;}
.WizardPopup .continueLoggedin {    
    width: 100%;
    height: 45px;
    border: 0;
    background-color:#c00;
    background-color: var(--primaryColor);
    margin: 0 auto 20px;
    border-radius: 0;
    font-size: 16px;
    line-height: 48px;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    width:228px;
    font-family:almoniDL500;
    cursor:pointer;
}
.WizardPopup .continueOther {
  display:inline-block;
  color: #1a1a1a;
  font-size:16px;
  border-bottom:1px #1a1a1a solid;
  padding-bottom:2px; 
  cursor:pointer;
  letter-spacing: -0.04px;
  font-family:almoniDL500;
}
 
#WaitForCodeStep .text2.n1 {margin:0 !important}
#WaitForCodeStep .wrongPhone {color:#c00; color:var(--primaryGColor); margin-bottom:48px; display:inline-block; border-bottom:1px var(--primaryGColor) solid;    margin-top: 16px;}

#sent_email {font-family:demibold; margin-bottom:40px; display:block}
.text3.n2 a { color:#e7165b !important; border-bottom:1px #e7165b solid} 
.activatePhone input { width:48px; height:48px; border: solid 0.5px #353535;}

.innerWr .btnWr .back {  font-family:demibold; position:static}
.mainWr .textbox.clickable {background: #c8c8c8 ; border:1px #c8c8c8 solid; color:#8c8c8c; font-family:demibold; width:100%}
.textbox.clickable.active {color:#fff;font-family:demibold; background:#97133f; background:var(--primaryMobileColor);  border:1px solid #97133f; border:1px var(--primaryMobileColor) solid;}
.textbox.clickable.active:hover { background:var(--btnHoverBgColor); }
.btnWr .back:before { display:none}
#UpdateStepContainer  .text2 {    line-height: 24px;}
#UpdateStepContainer h1 {
    margin-bottom: 24px;
    padding-top: 40px
}
#UpdateStepContainer #mobile {text-align: left;    text-indent: 10px;    direction: ltr;}
#UpdateStepContainer div input[type=checkbox] {
    width: 20px;
    height: 20px;
   
}
#cb_11028 {
    margin-left: 5px
}
#connected_as, #connected_as a {
    font-size: 16px;
    color: #666;
    letter-spacing: -0.04px;
}
#connected_as  a { text-decoration:underline; margin-right:8px}

.approve_msg a {border-bottom: 1px #3d3d3d solid;}

body {
    --primaryBgColor: #fff9f4;
}



.btnWr .back {background: #0000;
    color: #97133f;
    color: var(--btnBgColor);
    font-size: 18px;
    margin-left: 24px;
    border: 0.5px solid #97133f;
    border: solid 0.5px var(--btnBgColor);
    cursor: pointer;
        height: 46px;
    line-height: 46px;
    flex: 1 1 120px;
   display: inline-block;
      text-align: center;


}
.btnWr .btn_continue.clickable.active {    color: #fff;
    font-family: demibold;
    background: #97133f;
        height: 46px;
    line-height: 46px;
           text-align: center;
    background: var(--primaryMobileColor);
    border: 1px solid #97133f;
    padding: 0 32px;
    border: 1px var(--primaryMobileColor) solid;}

.btnWr {
    display: flex;
    margin: 16px 0;
}
.btnWr .back:hover {
    background: #700b2d;
    background: var(--btnHoverBgColor);
    color: #fff;
    color: var(--primaryNegativeTxtColor);
}

.btn_continue:hover {
    background: var(--btnHoverBgColor); 
    background: #700b2d !important;
}
#LoginStepContainer{
    border-bottom:none;
}
.loginTitle{
    color:#1a1a1a;
    font-family:almoniTzar500;
    font-size:40px;
    font-weight:normal;
    line-height: 1;
    margin-bottom: 20px;
}
.loginText{
    color:#666;
    font-family:almoniDL400;
    font-size:14px;
    margin-bottom:32px;
    display:block;
}
.loginLink{
    color:#1a1a1a;
    text-decoration:underline;
}
.loginBtn{
    font-size:18px;
    border: solid 1px #c3b3aa;
    padding:10px 0;
    width:100%;
    color:#1a1a1a;
    font-family:demibold;
    text-align:center;
}
.loginBtn.grey{
    color:#3d3d3d;
    font-family:almoniDL400;
}
.loginOrText{
    font-size:16px;
    text-align:center;
    color:#555;
    margin:24px 0;
    position:relative;
}
.loginOrText:before{
    content:'';
    position:absolute;
    top:50%;
    right:0;
    width:100%;
    height:1px;
    background-color:#f1dfcf;
}
.loginOrText span{
    background-color:#fff9f4;
    padding:0 10px;
    position:relative;
}
@media only screen and (max-width: 1280px) {
    .main {    max-width: 495px; }
    .mainWr {    width: calc(100% - 20px);}
}


@media only screen and (max-width: 480px) {
    
    body,.loginWr,#wrapper  {background:#FFF9F4!important; }
    #TStep {margin:0 auto;     width: calc(100% - 64px);}
     #messageTop, #sent_email {    font-family: almoniDL400;  } 
    #wrapper {    background: #fff;}
    #TStep h1 {font-size:40px !important; line-height:48px;    margin: 38px 0 8px !important; width:100% }
    #TStep .text3 { font-size:18px; line-height:22px   }
    .main {min-height:100%;}
    .main .innerWr {    padding-bottom: 50px !important;}
    #TStep:after {    left: -115px;    bottom: -240px; zoom:100%}
    .mainWr .mainActivate {    padding-bottom: 200px;}
    #TStep .btn{margin-bottom:0; margin-left: 20px;}
    #TStep .arrowLink{margin-right:0;}
    #GPage_main #UpdateStepContainer .form-css-label input:valid + label, 
    #GPage_main #UpdateStepContainer .form-css-label input:focus + label {background:  var(--primaryBgColor) !important;}
    #wrapper #UpdateStepContainer input[type="text"], #wrapper #UpdateStepContainer input[type="password"] { font-family: almoniDL400;font-size: 18px;}
   .form-css-label input:valid + label, .form-css-label input:focus + label {background: var(--primaryBgColor) !important;}
   .loginWr {padding:0!important}
    #IdentifyStep  h1, #WaitForCodeStep h1 {font-size: 12vw; font-weight: 300; line-height: 2;text-align: right;margin: 0; overflow: hidden; font-family: almoniTzar300; border-bottom: 0;}

   .benefit.mobile {display: block;margin:10px auto;text-align:center;}
   .benefit{display:none;  }

@font-face {
font-family: 'almoniTzar700';
font-weight: 700; /*(bold)*/
font-style: normal;
src: url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot');
src: url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot?#iefix') format('embedded-opentype'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff') format('woff2'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff2') format('woff');
}
@font-face {
font-family: 'almoniTzar300';
font-weight: 300; /*(light)*/
font-style: normal;
src: url('/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.eot');
src: url('/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.eot?#iefix') format('embedded-opentype'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.woff') format('woff'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.woff2') format('woff2');
}
@font-face {
font-family: 'almoniTzar400';
font-weight: 400; /*(regular)*/
font-style: normal;
src: url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot');
src: url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot?#iefix') format('embedded-opentype'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff') format('woff'), 
    url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff2') format('woff2');
}

 
 

.mbl {color:#97133f;   font-family: 'almoniTzar400' !important;  font-weight:normal; margin-top:20px;   line-height: 40px; font-size:40px}
#header .logo {     background: url(https://images.globes.co.il/globes/icons/gimel-bold-version-copy.svg) no-repeat 0 0;
height: 24px;    width: 24px;    margin-top: 10px;}
.WizardPopup .text_in_HowToConnect {  padding-top: 10px;   background: #fff;   margin-top: 0;    padding-top: 44px;  font-size: 24px;    margin-bottom: 0;
    padding-bottom: 16px; }
.WizardPopup .text_in_HowToConnect b, .WizardPopup .text_in_HowToConnect span {font-size:24px; margin: 0 auto; text-align: center; display:block; width:100%; }
.WizardPopup .login_id_HowToConnect {    font-size: 24px; font-family: almoniTzar400 !important; background: #fff; }
.WizardPopup .continueLoggedin {font-size: 18px;letter-spacing: -0.05px; }
.WizardPopup .continueOther {font-size: 16px; padding-bottom:0;  letter-spacing: -0.04px;  border-bottom:0; text-decoration:underline; display:block; margin:0 auto; text-align:center}
#header { height:45px;    background-color: #f1dfcf;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5; }

.text2.n1 { margin-top:0 !important}
.main nav { margin:10px 0; max-width:100%;    flex-wrap: wrap;}
.main nav span {white-space: nowrap; }
.main nav span:last-child {     flex-basis: 100px;}
.main .innerWr, .main, .mainWr { float:none; width:100%; margin:0; padding:0 }
 
.mainWr { margin-top:45px}
.main {width: calc(100% - 32px);    padding: 0 16px; box-shadow:none; }
 


#header .logoText { margin-top:5px;  color: #262626; font-size:26px;font-family: almoniTzar400 !important   } 
nav span {font-size:16px}
#header .call { display:none}
.btnWr .back { position:fixed; top:0; left:0; border:0;  background:transparent;   z-index:2;}
.btnWr .back:after { content:url(https://images.globes.co.il/globes/icons/arrowR.svg);  position: fixed;left: 16px;top:0; height:38px; visibility: visible; transform: rotate(180deg);}

#TzStepContainer .activatePhone input { width:48px; height:48px; border: solid 0.5px #353535;  text-align: center; margin-left: 15px;    text-indent: 0;    padding: 0;}
/*.main .innerWr, .main, .mainWr {    background: #fff1e5; }*/
 
.WizardPopup  { width:90%; background:#f1dfcf;     left: auto;   right: auto;}
.WizardPopup.UseConnected { background:#fff; padding-bottom:56px}
#wrT .btn {  font-size: 20px !important;font-family: almoniTzar400 !important}
/*.loginWr #register_and_signin.btn {background: #63636380 !important;  border: 1px #63636380 solid !important;}*/
.backBtn:before {display:none}
.backBtn {margin:0 auto;    border-bottom: 1px #000 solid; font-size:20px!important;}
.t1 {text-align:center}
#IdentifyStep #tz {letter-spacing: 3px;font-family: 'almoniDL400';font-size:18px; text-align:left; direction:ltr}
.loginWr #forgot_password {font-size: 20px !important} 
 
 
.text2, .noAccount { font-size: 18px !important;margin-top: 10px;margin-bottom:24px !important;font-family: demibold; }
.text2 {font-family: 'almoniDL400' !important;font-size: 18px !important; }
.noAccount.text2 {margin-top: 14px;}
.wrS label {top: -7px !important;background:#fff1e5}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
#phone_selectDropdown  { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-box-shadow: inset 0 0 0 50px #fff !important; }
.or span { font-size:18px !important; color: #1a1a1a !important;font-family: almoniDL400;  } 

#LoginStepContainer .text2.n3 {min-height:38px; margin-top:0; line-height: 24px;}
#LoginStepContainer .press2acc {margin-bottom: 24px;}
#WaitForCodeStep .wrongPhone { color:#000; border-bottom-color:#000}

#phone_selectDropdown {    height: 56px;    font-size: 20px;}
.digitalMy {display:flex;  padding: 12px 16px; font-size: 16px; color: #1a1a1a; background-color:#fff9f4; background-color: var(--primaryBgColor); font-family:demibold; border-bottom:1px solid #f1dfcf;}
.digitalMy::after { content:url('https://images.globes.co.il/globes/paywall/arrow-icon.svg'); margin: 5px 10px 0 0;  }
.digitalMy span { font-size: 16px;}
.digitalMy span:first-child { margin:0 6px;}
.digitalMy span:first-child:after{content:"|"; font-size:14px;}
.rotateArrow::after{ transform: rotate(180deg); margin:-3px 10px 0 0; }
aside {height: 0;  overflow: hidden; transition: height 0.4s; float: none;  position: absolute;  top: 78px;  background: #f9f9f9;  width: 100%;   display:block;     left: 0;    max-width: 100%; padding:0} 
aside.show { height:auto;  z-index:11111111   } 
aside .title1  { color:#028489; margin-bottom:4px;} 
aside .text1 {color: #1a1a1a;}
aside .title1, aside .text1{margin-right:16px;}
aside h2 {display:none}

    .text1.terms {
        display: block;
        margin: 10px 30px 0 0;
        width: calc(95% - 50px);
    }
#purchase_terms::after{content:none;}
.showTerms#purchase_terms::after{margin-top:0;}
#PaymentStep iframe {width:100% !important}
.loginConfirmation3 .text3 {font-size:24px;} 
.pc{display:none;}
#signin.press2acc { font-size:18px;   color: #000; display: inline-block;  font-family: demibold; color:#c00; color: var(--primaryColor); }

 
.noAccount .register {font-size:18px; line-height:18px;  display: inline-block;    font-family: demibold;    color: #97133f !important;  }
aside li a:after { display:none}

.closeinnerWr {width: 100%; padding: 32px 0 16px;}
.closeinnerWr::after{ content:""; width: 64px;height: 4px; background-color: #c8c8c8; border-radius: 4px; position:absolute; right: 50%; transform: translateX(50%);}

#PaymentStepContainer iframe  { width:100% !important}

#LoginStepContainer .loginWr input[type="text"],
#LoginStepContainer .loginWr input[type="password"],
#LoginStepContainer .loginWr .form-css-label input:valid + label, 
#LoginStepContainer .loginWr .form-css-label input:focus + label {background:#fff9f4!important;  font-size:16px !important;     font-family: almoniDL400;}
#LoginStepContainer .loginWr .form-label label,  #reset_password {font-size:18px !important;     font-family: almoniDL400 !important;}
#LoginStepContainer  .loginWr h1 { color:#000 !important}


#wrapper #UpdateStepContainer input[type="text"], 
#wrapper #UpdateStepContainer input[type="password"] {background:var(--primaryBgColor) !important}
#wrapper #UpdateStepContainer .loginWr .form-label label, 
#wrapper #UpdateStepContainer .btnWr .back, 
#reset_password {   font-size: 18px !important; }
#wrapper #UpdateStepContainer .btnWr .back { color:var(--primaryColor); border:1px var(--primaryColor) solid}

 

#UpdateStepContainer h1 {font-size: 40px !important; margin-bottom:10px; }

#LoginStepContainer .loginWr .loginConfirmation2,
#LoginStepContainer .loginWr .loginConfirmation2 a, 
#LoginStepContainer .loginConfirmation label, 
#LoginStepContainer .loginWr #forgot_password {font-size:16px !important; }
#backToCaller {font-size:18px}
.main {border:0}
#StepSubTitle.text2 {text-align: right;}
#StepSubTitle {text-align: center;}
#StepSubTitle img {display: inline-block;}
}  /*end*/

#cgf body {
    background-color:var(--primaryBgColor);
}


@media only screen and (max-width: 380px) {
    #TStep .btn{padding: 0 15px; white-space: nowrap;}
}
@media only screen and (max-width: 320px) {
    nav span {    font-size: 14px;}
}

/* edge */
@supports (-ms-ime-align:auto) {
   #TStep .btn::before {  top: 13px !important; }
}