@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url(/Static/fonts/OpenSans/OpenSans-Regular.ttf) format('truetype');
}
@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;
}
.fa-facebook:before {    content: "\f09a";}
.fa-linkedin:before {    content: "\f0e1";}
.fa-google:before {    content: "\f1a0";}


 .loginWr #cb {
    font-family: FontAwesome;
    font-size: 10px;
    float: right;
    margin: 2px 0 10px 10px;
    width:11px !important;
    height:11px !important;
    visibility:hidden;
}

.loginWr #cb::after {
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    background-color: #fff1e5;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    visibility:visible
}

.loginWr #cb:checked::after {
    content: "\f00c";
    background-color: #fff;
    font-family: FontAwesome !important;
}

/* en */ 
   .loginContainer.en, .loginContainer.en .loginWr { direction:ltr}
   .loginContainer.en .loginWr h2 {text-align: left;}
   .loginContainer.en .loginWr .messageTop { text-align:left}
   .loginContainer.en .loginWr h2:after { margin-right: -100%;    margin-left: 10px;}
   .loginContainer.en .loginWr #email, .loginContainer.en .loginWr #password, .loginContainer.en .input_container input { text-align:left; width:100%}
   .loginContainer.en .loginWr #signin.btn + div {text-align:left}
   .loginContainer.en .loginWr #cb { float: left;     margin: 2px 10px 10px 0;}


@media screen and (max-width: 480px) {
   .loginContainer {    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    z-index: 11111111111111111;
   }
   


   #container {    height: auto !important;}
   .loginWr #email::-webkit-input-placeholder,
   .loginWr #password::-webkit-input-placeholder { color:#000; font-family:OpenSans, Arial}
   #cancel_login { display:none}
   
}


#cancel_login {position:relative;}
#cancel_login img {position:absolute;     right:5px;    top:5px; cursor:pointer}

 
#socialLogin .fa {font-family: FontAwesome !important; font-style:normal;     margin-right: 10px;}
#socialLogin {text-align:center; overflow:hidden; direction:ltr} 
#socialLogin b {font-weight:normal;font-size: 20px; margin:5px 0 15px; display:block}

@media screen and (min-width: 481px) {

.loginContainer {    
    position:fixed;
    background: #fff1e5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    outline:10000px rgba(0,0,0,0.8) solid;
    z-index:111;
    width: 415px;
}

/*.loginContainer:before {
    content: " ";
    position: absolute;
    right: -13px;
    top: -13px;
    width: 28px;
    height: 28px;
    background: url(https://images.globes.co.il/images/Site2/wizard/Icon_Close_v3.png) no-repeat;
    cursor:pointer;

}*/
.loginContainer * {font-family:almoniDL400!important}
.loginWr #facebook_connector + div span {font-size:20px !important}
.loginWr #signin.btn + div {font-size:20px !important}


.loginConfirmation {margin-bottom:5px}
.loginConfirmation2{font-size:15px !important}
.loginContainer.en .loginConfirmation2{font-size:16px !important}
.loginContainer.en .loginConfirmation2 a {display:block}
.loginWr #email:focus, .loginWr #password:focus {font-family:almoniDL400!important;font-size: 20px;}
.loginWr #email::-webkit-input-placeholder,
.loginWr #password::-webkit-input-placeholder {    font-family:almoniDL400!important;font-size: 18px; color:#000}
.loginWr .message {font-size:25px}
[id^="ic_"].loginWr  #back {display:block; cursor:pointer}

 
}







@font-face{
	font-family:'BebasNeueRegular';
	font-weight:700; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/bebas-neue/BebasNeueRegular.eot?#iefix') format('embedded-opentype'), 
		url('/Static/fonts/bebas-neue/BebasNeueRegular.ttf') format('truetype');
}
 
@font-face {
font-family: 'almoniTzar7';
font-weight: 700; /*(bold)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-tzar-aaa-700.eot');
src: url('/Static/fonts/almoni/almoni-tzar-aaa-700.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni/almoni-tzar-aaa-700.ttf') format('truetype'), url('/Static/fonts/almoni/almoni-tzar-aaa-700.woff') format('woff');
}
@font-face {
font-family: 'almoniTzar3';
font-weight: 300; /*(light)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-tzar-aaa-300.eot');
src: url('/Static/fonts/almoni/almoni-tzar-aaa-300.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni/almoni-tzar-aaa-300.ttf') format('truetype'), url('/Static/fonts/almoni/almoni-tzar-aaa-300.woff') format('woff');
}
@font-face {
font-family: 'almoniTzar4';
font-weight: 400; /*(regular)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-tzar-aaa-400.eot');
src: url('/Static/fonts/almoni/almoni-tzar-aaa-400.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni/almoni-tzar-aaa-400.ttf') format('truetype'), url('/Static/fonts/almoni/almoni-tzar-aaa-400.woff') format('woff');
}


 .loginWr {font-family:almoniTzar3, Arial;background:#fff1e5; height:90%; padding: 5%; width:90%; max-width:480px; font-size:16px; line-height:20px; direction:rtl; margin:0 auto}
 .loginWr h2 {
    font-size: 35px;
    font-weight: 300;
    line-height: 2;
    text-align: right;
    color: #97133f;
    margin-right: 15px;
    overflow: hidden;
    width: 100%;
    margin: 0;
}
 .loginWr h2:after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: text-bottom;
    width: 100%;
    margin-left: -100%;
    margin-right: 10px;
    border-top: 1px solid #000;
}
.loginWr #email, 
.loginWr #password,
.input_container input
 {
  padding:0 2%;
  width:96%;
  height: 45px;
  border:0;
  background-color: #f1dfcf;
  font-size: 20px;
  color:#171717;
  font-family:almoniTzar3;
  text-align:right;
 }

.loginWr #email,
.loginWr #password {direction:ltr}

.loginWr .message {font-size:25px; text-align:center}
.loginWr .messageTop {font-size:18px; text-align:right; margin-bottom:10px}
#reset_password_message {font-size:15px}

.loginWr .message #back {margin:20px 0 0 0; color:#97133f; display:block}
 
.loginWr .message_successful span { display:block; font-size: 36px;   text-align: center; line-height:40px;  color: #171717; margin:0 auto 40px}


.successful {text-align: center;
    display: block;
    margin: 0 auto 40px;
    width: 80px;
}

.loginWr #email:focus, .loginWr #password:focus {
    text-align:left;
    text-indent:10px;
    font-family:almoniTzar3;
    font-size: 20px;
}

.loginWr #email::-webkit-input-placeholder,
.loginWr #password::-webkit-input-placeholder {    
    text-indent:10px;
    font-family:almoniTzar3;
    font-size: 18px;}



.loginWr .input_container {margin-bottom:20px}

.loginWr #signin.btn,
.loginWr #register_and_signin.btn,
#change_password_and_signin,
#reset_password,.btn  { 
  width:100%;
  height: 45px;
  border:0;
  background-color: #97133f;
  margin:0 auto 20px;
  border-radius: 0;
  font-size: 20px;
  line-height:48px;
  color:#fff !important;

  cursor:pointer;
  text-align: center;
}

.loginWr .errmsg { color:#97133f; margin-bottom:10px}

.loginWr #facebook_connector,
.google-btn,
.linkedIn-btn
 {
    width:32% !important;
    height: 42px;
    font-size: 18px;
    line-height:42px;
    color:#fff;
    display:inline-block;
    vertical-align:top;
    margin:0 2% 0 0 !important;
    cursor:pointer;
    border-radius: 8px;
      font-family:almoniDL400;

}
 
.loginWr #facebook_connector {background:#536ab0;}
.google-btn { background:#4087f5}
.linkedIn-btn {background:#0277b5;margin-right:0 !important}

.loginWr #facebook_connector + div { 
    overflow: hidden;
    width: 100%;
    margin: 20px auto;
    text-align:center;
}

.loginWr #facebook_connector + div span {
    font-family:almoniTzar3;
    font-size:18px;
    color:#000;
}
 
.or {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #f1dfcf; 
   line-height: 0.1em;
   margin: 25px auto 40px;
} 

.or span { 
    background:#fff1e5; 
    padding:0 10px; 
    font-size:18px;
}


.loginWr #facebook_connector + div span:before {    
    display: inline-block;
    height: 0.5em;
    vertical-align: text-bottom;
    width: 90%;
    margin-left: -100%;
    margin-right: 10px;
    border-top: 1px solid #f1dfcf;
    content:'';

}
.loginWr #facebook_connector + div span:after {
    display: inline-block;
    height: 0.5em;
    vertical-align: text-bottom;
    width: 90%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px solid #f1dfcf;
    content: '';
}
#signin.rp2si { cursor:pointer; font-size:18px}
.loginWr #forgot_password {
    cursor:pointer;
    width:100%; 
    margin:0 auto 20px;
    font-family:almoniTzar3;
    font-size:15px;
    text-align: left;
}

.loginWr #signin.btn + div {

    font-family:almoniTzar3;
    font-size:16px;
    color:#000;
    text-align:right;
    width:100%; 
    margin:0 auto 20px;
}
.loginWr #signin.btn + div a, #register, .loginConfirmation2 a{
    color:#97133f;
    cursor:pointer;

}
.press2acc {color:#97133f; cursor:pointer}
 
 .loginConfirmation { overflow:hidden}
 .loginConfirmation3,.noAccount {font-size:20px !important;}
 .loginConfirmation2 {    
     border-bottom: 1px solid #f1dfcf;
    padding-bottom: 20px;
    margin-bottom: 20px;

 }
  .noAccount {border-top: 1px solid #f1dfcf; padding-top:20px}

 #imgLoading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


  @font-face{
	font-family:'almoniDL400';
	font-weight:400; /*(regular)*/
	font-style: normal;
		src: url('/Static/fonts/almoni/almoni-neue-aaa-regular.otf') format("opentype"); 
        src: url('/Static/fonts/almoni/almoni-neue-aaa-400.eot'); 
		src: url('/Static/fonts/almoni/almoni-neue-aaa-400.eot?#iefix') format('embedded-opentype'), 
			url('/Static/fonts/almoni/almoni-neue-aaa-400.ttf') format('truetype'), 
			url('/Static/fonts/almoni/almoni-neue-aaa-400.woff') format('woff');
}
@media only screen and (min-width:800px) {
    
 .loginWr * {font-family:almoniDL400!important}

}