@font-face {
  font-family: 'Toi-new';
  src:  url('https://static.timesofisrael.com/dev/fonts/Toi-new.eot?q2qdtmbc');
  src:  url('https://static.timesofisrael.com/dev/fonts/Toi-new.eot?q2qdtmb#iefixc') format('embedded-opentype'),
    url('https://static.timesofisrael.com/dev/fonts/Toi-new.woff2?q2qdtmbc') format('woff2'),
    url('https://static.timesofisrael.com/dev/fonts/Toi-new.ttf?q2qdtmbc') format('truetype'),
    url('https://static.timesofisrael.com/dev/fonts/Toi-new.woff?q2qdtmbc') format('woff'),
    url('https://static.timesofisrael.com/dev/fonts/Toi-new.svg?q2qdtmb#Toi-newc') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {font-family:'ProximaNovaECSB';
	src:url('https://static.timesofisrael.com/dev/fonts/ProximaNovaExCn-Sbold-webfont.eot');
	src:url('https://static.timesofisrael.com/dev/fonts/ProximaNovaExCn-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://static.timesofisrael.com/dev/fonts/ProximaNovaExCn-Sbold-webfont.woff') format('woff'),
		url('https://static.timesofisrael.com/dev/fonts/ProximaNovaExCn-Sbold-webfont.ttf') format('truetype'),
		url('https://static.timesofisrael.com/dev/fonts/ProximaNovaExCn-Sbold-webfont.svg#ProximaNovaExtraCondensedSBd') format('svg');
		font-weight:400;font-style:normal;
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
dialog.toi-crm-popup {
  padding: 0; 
  width: 640px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.toi-crm-popup-bg {overflow: hidden;}
.toi-crm-popup-bg::before {content: '';display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.75);z-index: 100;}

.toi-crm-popup {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  max-width: 640px;
  top: 50%;
  left: 50%;
  /*transform: translate(-50%, -50%);*/
  border-width: 0px;
  border-radius: 6px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
  z-index: 101;
  overflow: hidden;
  transform: translateX(-320px, -50%);
  margin: 0px;
}
.toi-crm-popup * {box-sizing: border-box;float: none;clear: both;margin: 0;padding: 0;}
.toi-crm-popup img {height: auto;max-width: 100%;display: inline-block;}
.toi-crm-popup button {margin: 0;padding: 0;border: none;float: none;display: inline-block;box-shadow: none;cursor: pointer;background-color: unset;}
.ic span {display: none;}
.tac {text-align: center;}
.hid {display: none;}
.ic {font-family: 'Toi-new';}
.toi-crm-popup-content {font-family: "trade-gothic-next",sans-serif;color: #1E1E1E;width: 100%;background-color: #F3F6FA;padding: 50px 20px 30px;overflow: hidden;}
.toi-crm-popup-content-inner {max-width: 480px;margin: 0 auto;min-height: 300px;}
.toi-crm-popup-header {display: flex;align-items: center;justify-content: center;height: 45px;width: 100%;background-color: #0E4E97;position: relative;text-align: center;}
.toi-crm-popup-close {font-size: 16px;line-height: 1;cursor: pointer;color: #fff;position: absolute;right: 20px;top: 14px;z-index: 1;}
.toi-crm-popup-close::before {content: "\e924";}
.toi-crm-popup-back {font-family: "trade-gothic-next",sans-serif;white-space: nowrap;position: absolute;font-size: 14px;line-height: 1;top: 15px;text-transform: uppercase;left: 20px;color: #fff;}
.toi-crm-popup-back .ic {margin-right: 10px;}
.toi-crm-popup-back .ic::before {content: "\e92b";}
.toi-crm-popup-title {margin-bottom: 45px;font-size: 42px;line-height: 48px;font-weight: bold;}
.toi-crm-popup-form {margin-bottom: 54px;width: 100%;}
.toi-crm-popup-form label {display: block;margin-bottom: 35px;font-size: 14px;line-height: 16px;position: relative;}
.toi-crm-popup-form label:last-of-type {margin-bottom: 0 !important;}
.toi-crm-popup-label {margin-bottom: 14px;font-weight: bold;display: block;width: 100%;text-transform: uppercase;letter-spacing: 2px;font-family: "trade-gothic-next-condensed",sans-serif;}
.toi-crm-popup-form input {font-family: "trade-gothic-next",sans-serif;display: block;width: 100%;height: 50px;border: 1px solid #9B9B9B;border-radius: 3px;background-color: #F8F8F8;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.1);font-size: 16px;padding: 0 15px;font-weight: 300;}
.toi-crm-popup-form input:disabled {color: #787878;}
.toi-crm-popup .toi-crm-popup-form-submit {display: block;text-transform: uppercase;height: 40px;line-height: 40px;letter-spacing: 0.56px;padding: 0 53px;font-size: 18px;font-weight: bold;background-color: #0E4F97;border-radius: 40px;color: #fff;margin: 35px auto 0;}
.toi-crm-popup .toi-crm-popup-form-submit.toi-crm-popup-form-close {background-color: unset;color: unset;padding: 0 35px;border: solid 1px;font-size: 16px;font-weight: normal;}
.toi-crm-popup .toi-crm-popup-form-submit .toi-crm-popup-form-submit-text {
  position: relative;
  top: 2px;
}
.toi-crm-popup .toi-crm-popup-form-submit:disabled {
  position: relative;
}
.toi-crm-popup .toi-crm-popup-form-submit:disabled .toi-crm-popup-form-submit-text {
  visibility: hidden;
}
.toi-crm-popup .toi-crm-popup-form-submit:disabled:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-left: -15px;
  margin-top: -12px;
  border: #fff 3px solid;
  border-left-color: transparent;
  border-radius: 50%;
  animation: rotating 0.85s linear infinite;
}
.change-email-button {position: absolute;font-family: "trade-gothic-next",sans-serif;font-size: 16px;line-height: 1;color: #0E4F97;right: 15px;bottom: 18px;}

.toi-crm-popup-form-message {font-size: 16px;line-height: 24px;color: #FF4B4B;display: none;}
.toi-crm-popup-error .toi-crm-popup-form-message {display: block;margin-top: 5px;}
.toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-submit {margin-top: 21px;}
.toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message.error-server {margin-bottom: -24px;}
.toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message br {display: none;}
.toi-crm-popup-error.log-in-to-continue .toi-crm-popup-form-message {margin: 30px 0;}
.log-in-to-continue .toi-crm-popup-form {margin-bottom: 0;}

.toi-crm-popup-bottom {position: relative;width: 100%;border-top: solid 1px;}
.toi-crm-popup-bottom-badge {white-space: nowrap;font-size: 14px;line-height: 1;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);background-color: #F3F6FA;padding: 0 22px 0 23px;margin: 0;width: auto;}

.toi-crm-popup-terms {font-size: 14px;line-height: 24px;text-align: center;color: #9B9B9B;}
.toi-crm-popup-terms-item a {border-bottom: solid 1px #9B9B9B;white-space: nowrap;}
.toi-crm-popup-terms-item label {cursor: pointer;}
.toi-crm-popup-checkbox {width: 0;height: 0;position: absolute;font-size: 0;opacity: 0;}
.toi-crm-popup-checkbox-icon {margin-right: 4px;}
.toi-crm-popup-checkbox:checked + .toi-crm-popup-checkbox-wrapper .toi-crm-popup-checkbox-icon::before {content: "\e945";}
.toi-crm-popup-checkbox-icon::before {font-family: 'Toi-new';content: "\e944";}

.toi-crm-popup-social {display: flex;align-items: flex-end;justify-content: center;margin-top: 36px;margin-bottom: 30px;}
.toi-crm-popup-social-item {margin-right: 45px;}
.toi-crm-popup-social-item:last-child {margin-right: 0 !important;}

.toi-crm-popup-form-links {font-family: "trade-gothic-next",sans-serif;display: flex;margin-top: 25px;justify-content: center;font-size: 16px;line-height: 24px;color: #0E4F97;}
.toi-crm-popup-form-links-item {text-decoration: underline;white-space: nowrap;}
.toi-crm-popup-form-links-slash {margin: 0 10px;color: #9B9B9B;}

.toi-crm-popup-end-message {font-size: 16px;line-height: 24px;}
.toi-crm-popup-end-message a {color: #0E4E97;}
.toi-crm-popup-end .toi-crm-popup-content {text-align: center;min-height: 375px;padding: 0;display: flex;align-items: center;justify-content: center;}
.toi-crm-popup-end .toi-crm-popup-title {margin-bottom: 15px;}
.toi-crm-popup-end .toi-crm-popup-content-inner {min-height: 0;}
.toi-crm-popup-end-image {margin-bottom: 25px;}

.log-in-to-continue .toi-crm-popup-content {padding-bottom: 60px;}

.toi-crm-popup-captcha-wrapper {display: flex;margin: 10px 0 -25px;align-items: center;justify-content: center;transform:scale(0.77);}

/*mobile*/
.mobile .toi-crm-popup {max-width: calc(100% - 30px);max-height: calc(100vh - 60px);overflow-y: auto;}
.mobile .toi-crm-popup-header {height: 40px;position: sticky;top: 0;}
.mobile .toi-crm-popup-logo img {max-width: 135px;}
.mobile .toi-crm-popup-close {top: 13px;right: 15px;font-size: 14px;}
.mobile .toi-crm-popup-back {text-transform: capitalize;top: 12px;left: 15px;}
.mobile .toi-crm-popup-back .ic {margin-right: 5px;}
.mobile .toi-crm-popup-content {padding: 30px 20px 15px;}
.mobile .toi-crm-popup-title {font-size: 32px;line-height: 36px;margin-bottom: 30px;}
.mobile .toi-crm-popup-form {margin-bottom: 40px;}
.mobile .toi-crm-popup-form label {margin-bottom: 20px;}
.mobile .toi-crm-popup-bottom-badge {padding: 0 19px 0 20px;letter-spacing: 1px;}
.mobile .toi-crm-popup-social {margin-top: 26px;margin-bottom: 20px;}
.mobile .toi-crm-popup-social-item {margin-right: 40px;max-width: 35px;}
.mobile .toi-crm-popup-social-item.toi-crm-popup-social-item-apple {max-width: 33px;}
.mobile .toi-crm-popup-terms {font-size: 13px;line-height: 18px;}
.mobile .toi-crm-popup-form-message, .mobile .toi-crm-popup-form-links {font-size: 14px;line-height: 18px;}
.mobile .toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message.error-server {margin-bottom: -10px;}
.mobile .toi-crm-popup-error.toi-crm-popup .toi-crm-popup-form-message br {display: block;}
.mobile .toi-crm-popup-end .toi-crm-popup-content {padding: 0;min-height: 270px;}
.mobile .toi-crm-popup-end .toi-crm-popup-title {margin-bottom: 15px;}
.mobile .toi-crm-popup-end-image {margin-bottom: 15px;}
.mobile .mobile .toi-crm-popup-end .toi-crm-popup-title {margin-bottom: 10px;}
.mobile .toi-crm-popup-end-message {font-size: 14px;line-height: 20px;}

/* {TOI} Blogs | Make sure registration popup bug was fixed */
dialog:not([open]) {display:none!important}

/*notice*/
/*class for hidding elements - hid*/
/*class for background for body - toi-crm-popup-bg */

/* ####### for qa only ###### DELETE on live*/
/*.toi-crm-popup {position: relative;transform: none;top: auto;left: auto;margin: 0 auto 40px;}*/