:root {
  --link-color: #237ab8;
  --bg-color: #246ca1;
  --bg-color2: #368ae0;
  --gray-bg: #e3e1de;
  --black: #363839;
  --rtl-right: right;
  --rtl-left: left;
  --direction: rtl;
  --logo-width: 180px;
}

.Icon-PlayCircle {
  content: '\f04b';
  display: inline-block;
  color: white;
  border: solid 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-size: 7pt;
  padding: 2px 4px;
  position: relative;
  top: -2px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.4);
}

.clear {
  clear: both;
  display: block;
  content: " ";
  font-size: 1px;
}

.paddingleft {
  @media all and (max-width: 1346px) and (min-width: 1190px) and (min-height: 620px) {
    body.LangRu & {
      padding-right: 180px;
      box-sizing: content-box;
    }
  }
}

.HoverEffect {
  z-index: 2;
  position: relative;
  transition: all 0.2s ease;
}

.HoverEffect:hover,
.HoverEffect.active {
  right: 0;
  left: 0;
}

.HoverEffect::before {
  content: "";
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 0;
  height: 32px;
  background-color: var(--bg-color2);
  z-index: 1;
}

.HoverEffect span {
  display: block;
  position: relative;
  z-index: 100;
}

body #divTopAd {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
  width: 1000px;
  height: 90px;
  transition: height ease-in 0.5s;
}

body:not(.LangEn) #divTopAd {
  height: 90px;
  margin: 10px auto;
}

/*topbar*/

#LayoutTop {
  cursor: default;
  padding-top: 10px;
  box-sizing: border-box !important;
  position: relative;
  width: 100%;
  top: 0px;
  right: 0px;
  z-index: 99;
  background: white;
  transition: margin-top ease-in 0.05s;
}

#LayoutTop * {
  box-sizing: border-box;
}

#LayoutTop #accjump {
  color: white;
  position: absolute;
  font-size: 1pt;
}

#LayoutTop .Logo {
  position: absolute;
  font-size: 10pt;
  margin-top: 20px;
  text-align: center;
  z-index: 1;
  top: 11px;
  width: var(--logo-width);
  transition: all 0.15s ease-in-out;
}

#LayoutTop .Logo img {
  width: var(--logo-width);
}

#LayoutTop .Logo.lSpecial {
  margin-top: 16px;
}

#LayoutTop .Toolbar {
  margin: 0px 0;
  position: relative;
  color: white;
  font-family: Kalisher2, Arial;
  font-size: 16pt;
  line-height: 83%;
}

#LayoutTop .Toolbar .t > a,
#LayoutTop .Toolbar span.t,
#LayoutTop .Toolbar a.t {
  float: right;
  letter-spacing: -0.02em;
  cursor: pointer;
  padding: 8px;
  color: white;font-size: 12pt; 
  height: 100%;
  border-left: solid 1px #4F94C4;
}

#LayoutTop .Toolbar .t > a:active,
#LayoutTop .Toolbar .t > a:focus,
#LayoutTop .Toolbar .menu,
#LayoutTop .Toolbar span.t:active,
#LayoutTop .Toolbar span.t:focus,
#LayoutTop .Toolbar span.menu,
#LayoutTop .Toolbar a.t:active,
#LayoutTop .Toolbar a.t:focus,
#LayoutTop .Toolbar a.menu {
  background-color: var(--bg-color2);
}

#LayoutTop .Toolbar .t > a.bold,
#LayoutTop .Toolbar span.t.bold,
#LayoutTop .Toolbar a.t.bold {
  font-weight: bold;
}

#LayoutTop .Toolbar .shared {
  float: var(--rtl-right);
  height: 32px;
  width: 192px;
  line-height: 97%;
  font-size: 12pt;
}

#LayoutTop .Toolbar .shared a {
  padding-top: 11px;
  min-width: 45px;
  text-align: center;
}

#LayoutTop .Toolbar .empty {
  display: none;
}

#LayoutTop .Toolbar .empty .shared {
  display: block;
}

#LayoutTop .Toolbar a {
  color: white;
  padding: 8px;
}

#LayoutTop .Toolbar a.border + a {
  border-top: solid 1px gray;
}

#LayoutTop .Toolbar a.out {
  color: var(--bg-color) !important;
}

#LayoutTop .Toolbar span.icon-menu {
  background-color: var(--bg-color2);
}

#LayoutTop .Toolbar span.icon-menu,
#LayoutTop .Toolbar span.icon-search,
#LayoutTop .Toolbar span.trans,
#LayoutTop .Toolbar a.t.icon-man {
  float: var(--rtl-left);
  font-size: 14pt;
}

#LayoutTop .Toolbar .shared > a:first-child {
  font-size: 10pt;
  line-height: 17px;
  border-right: solid 1px white;
}

#LayoutTop .Toolbar span.trans {
  opacity: 0;
}

#LayoutTop .Toolbar .icon-write {
  font-size: 0.7em;
}

#LayoutTop .Toolbar .icon-twitter::before,
#LayoutTop .Toolbar .icon-fb::before,
#LayoutTop .Toolbar .icon-mail::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  padding: 3px;
  margin: -3px;
}

#LayoutTop .Toolbar #Toolbar {
  display: contents;
}

#LayoutTop .Toolbar #divReplyerMessages,
#LayoutTop .Toolbar .ToolbarOpened {
  top: 33px;
  z-index: 4;
}

#LayoutTop .Toolbar .ToolbarOpened {
  display: none;
  border: solid 1px white;
  border-top: 0px;
  z-index: 90;
  position: absolute;
  background-color: #eee;
  padding: 5px;
}

#LayoutTop .Toolbar .ToolbarOpened.visible {
  display: block;
}

#LayoutTop .Toolbar .ToolbarOpened a {
  display: block;
  font-size: 11pt;
  font-family: Arial;
  padding: 5px;
  color: black;
}

#LayoutTop .Toolbar .ToolbarOpened a:hover,
#LayoutTop .Toolbar .ToolbarOpened a:focus {
  background-color: #ddd;
}

#LayoutTop .Toolbar #frmSearch {
  transform: scale(0, 1);
  height: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 6;
  padding: 6px;
  background-color: var(--bg-color2);
  width: 160px;
  transition: all 0.2s ease;
}

#LayoutTop .Toolbar #frmSearch input[type=text] {
  width: 115px;
  float: var(--rtl-right);
  padding: 4px;
  border: 0px;
  background-color: white;
}

#LayoutTop .Toolbar #frmSearch button {
  float: var(--rtl-left);
  cursor: pointer;
  font-size: 13pt;
  width: 29px;
  color: white;
  padding: 2px;
  background-color: var(--bg-color2);
  border: 0px;
}

#LayoutTop .Toolbar #frmSearch.visible {
  transform: scale(1, 1);
}

#LayoutTop .lng {
  display: inline-block;
  width: 21px;
  height: 14px;
  background-repeat: no-repeat;
  margin: 0 3px 0 0;
  background-image: url(data:image/gif;base64,R0lGODlhZAAOAOYAAJnH6lCJyf2ejkaCxD97wfygkOocHKWZtFSQ1eofH9zm7eysrNri5+t+ff9fQOkmJuknJ5q0yICT2sXV4MHO3Iyj2NqQkvyik/nx7ecjIvOJgfmShvHNzW6YyXym0Tt3v9Xd9LHH1bHH1k2Hxtjf5eC/wvLMzFOLzEmCxO2pqe2qqjl1vkyGxex5eOx6eZvH6uHQ0vry7VqQ0voxOp1eget5eKSLo6K7zFOMzKS+3qnK5d+hpP+CY/rx7f+kjFWO077O2v2jk0+N1Ol9ffeIfk+W3OPd4k6Ix06Jz6Gt0P/UzewhIPoZEfKclel7iv/98eHCxufOzujPz/yklcGltv6gkNng5drg5lCHyOasp9pla+ixr1WMzpnK7qi/0Obq7UqExO4iJPuRg/qVh+olJfuEbuCjqJzG6f2gj/w5Rf+ki/V2cN27v1CP15bM8VCR2VaV2e18eux+fO6qqeeste6qqv0TI/1CTw8S/z9B//83EFBv0Nbe5LDG1SRLxP///yH5BAAAAAAALAAAAABkAA4AAAf/gH+CEX2FhoeIhxGCf4SJj4iLg14hIZCJIiI3jI6XkJKMggyhpKWhCowSfqusra6tqIITHR8DIycybwg2PGUbv8BiAlKMFnfHyMnKybGkzabQf80Vr9WvzRMeBB9cOAFIPzlPMRjl5jE9X8V27O3u7+7PjPLRzozU1vl+2LS2uG0IDqi5QLDgBTRooqyDx/AdvT+j6kGbtqeixYsYL2LTtgIFiwBCAvoIoqGkyRo1oBRbxnLZQwl5YsqcSXMmNlMgIuyR0McUv1pHwID8kUQJh6NIOZgwYWSexImmJOCZSrWq1ao3SynYQ0FGBZ+MshHoyAJLETg0mJCBwLatgQRm65w+1Rr1qt2rEf9Q8Ml1z9dSeSnoAADgxYszbrpQWSOngePHLVyUYJR3LuWoNTPXDGwKAwi/IEwF3oKmCsEpBcY02bKgtesFKVTAYMTHMqnKxfTo3s27N++8qvRZC6zlLYQHyJM/aOs2wY5UwoebsuC7um/g0avlncBmTp3X4MHHni0oePZWuAVRt85eD/bz6BlRyEIkzpDH+PM3iDy5PPz4pVjgwIAEFmhggXlVkNGCGQXmxAxLZKBcchlUaGEYadBxD4McVpReI3yEKOKIJI7Y0yAlpljiiY0AcYUVKpZIAglAcBLjjSz+EQgAOw==);
}

#LayoutTop .lng.lng1 {
  background-position: -27px 0;
}

#LayoutTop .lng.lng4 {
  background-position: -2px 0;
}

#LayoutTop .lng.lng2 {
  background-position: -51px 0;
}

#divTopMoreLinks {
  width: 1000px;
  line-height: 1.4em;
  background-color: white;
  overflow: hidden;
  margin: auto;
  box-sizing: content-box;
  z-index: 9999;
  display: none;
}

#divTopMoreLinks.visible {
  display: block;
}

#divTopMoreLinks table {
  background-color: white;
  box-shadow: 3px 2px 7px -1px #888;
  border: solid 1px black;
}

#divTopMoreLinks table td {
  padding: 4px;
}

#divTopMoreLinks table td .align-content {
  padding: 4px 0px;
}

body .ToolbarOut {
  background-color: var(--bg-color);
}

body.LayoutTopDown #LayoutTop {
  position: fixed;
  padding-top: 0;
}
#LayoutTop .Toolbar .empty {
    display: none;
    background-color: #fff;
    float: right;
    height: 32px;
    width: 192px;
    line-height: 97%;
    font-size: 12pt;
}

body.LayoutTopDown #LayoutTop .Top .downhide {
  display: none;
}

body.LayoutTopDown #LayoutTop .shared {
  display: none;
}

body.LayoutTopDown #LayoutTop .empty {
  display: block;
}

body.LangHe.LayoutTopDown #LayoutTop,


body.LangHe.LayoutTopDown #LayoutTop .Logo {
  top: 0px;
  margin-top: 0px;
  background-color: #fff;
}

body.LayoutTopDown #LayoutTop #Toolbar {
  height: 32px; overflow:hidden;
}

body.LayoutTopDown #LayoutTop .Toolbar a.t {
  height: 32px;
}

#LayoutTop { margin: auto;  position: relative;}
 #LayoutTop .LogoPlace { background: white;}

body.LangHe #LayoutTop .LogoNext{ position: relative;}

body.LangHe #LayoutTop .Top::after{clear: both;}


#LayoutTop #TopMiddleLinks {
  margin-top: 22px;
  margin-bottom: 3px;
  float: var(--rtl-right);
}


body.LangHe #LayoutTop .divSearch,
body.LangRu #LayoutTop .divSearch {
  position: relative;
  float: var(--rtl-left);
  margin-top: 7px;
}

body.LangHe #LayoutTop .divSearch #frmSearch input{
  border-radius: 50px;
  border: 1px solid var(--link-color);
  padding: 5px 13px;
}

#Toolbar a:not(.icon-write) {
  z-index: 2;
  position: relative;
  transition: all 0.3s ease;
  margin: 0px 1px;
  font-size: 11pt;
  font-family: Kalisher, Arial;
  color: #000;
  padding: 3px 3px 3px 3px;
}

#Toolbar a:not(.icon-write):hover,
#Toolbar a:not(.icon-write).active {
  right: 0;
  left: 0;
}

#Toolbar a:not(.icon-write)::before {
  content: "";
  transition: all 0.4s ease-in-out;
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 0;
  height: 1px;
  background-color: #5e5b5b;
}

#Toolbar a:not(.icon-write).bold {
  font-weight: bold;
}

#ToolbarBottom {
  position: relative;
  border-bottom: 1px solid #4f94c4;
}

#ToolbarBottom::after {
  clear: both;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  height: 1px;
  content: "";
  position: absolute;
  top: 21px;
}

#ToolbarBottom a {
  z-index: 2;
  position: relative;
  transition: all 0.3s ease;
  margin: 0px 1px;
  font-size: 11pt;
  font-family: Kalisher, Arial;
  color: #000;
  padding: 3px 3px 3px 3px;
  float: var(--rtl-right);
}

#ToolbarBottom a:hover,
#ToolbarBottom a.active {
  right: 0;
  left: 0;
}

#ToolbarBottom a::before {
  content: "";
  transition: all 0.4s ease-in-out;
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 0;
  height: 1px;
  background-color: #5e5b5b;
}

#ToolbarBottom a.bold {
  font-weight: bold;
}

.Toolbar {
  font-size: 13pt;
  height: 32px;
}

.Toolbar .icon-comment {
  margin-left: 10px;
}

.Toolbar span.t,
.Toolbar a.t {
  letter-spacing: 0em;
  height: 32px;
  padding: 8px 6px;
}

body.LangRu #LayoutTop {
  right: 266px;
}

body.LangRu #LayoutTop .Logo {
  width: 266px;
}

body.LangRu #LayoutTop .LogoPlace {
  width: 266px;
}

body.LangRu #LayoutTop .LogoNext {
  width: calc(1000px - 266px);
}

body.LangRu #LayoutTop .Top {
  width: 750px;
}

body.LangRu #LayoutTop .Toolbar {
  font-size: 13pt;
  font-family: Arial;
}

body.LangRu #LayoutTop .Toolbar #Toolbar a {
  padding: 11px 8px;
}



body.LangHe #LayoutTop .LogoPlace {
  width: 193px;
}

body.LangHe #LayoutTop .LogoNext {
  width: calc(1000px - 193px);
}

body.LangHe.LayoutTopDown #LayoutTop .Logo {
  width: 192px;
}

body.LangHe.LayoutTopDown #LayoutTop .Logo img {
  width: 100px;
}

body.LangHe.LayoutTopDown #LayoutTop .ToolbarOut {
  background-color: var(--bg-color);
}

body.LangHe:not(.LayoutTopDown) #LayoutTop .Logo {
  margin-top: 23px;
}

body.LangHe:not(.LayoutTopDown) #LayoutTop .Logo::after {
  content: 'קבוצת התקשורת הגדולה בעולם היהודי';
  display: block;
  font-size: 8.5pt;
  margin-top: 3px;
  padding: 2px;
  font-family: Kalisher;
  color: white;
  font-weight: bold;
  background-color: #0e374f;
}

.Toolbar > div.shareBg {
  position: absolute;
  height: 45px;
  background-color: #fff;
  opacity: 0.7;
  top: 34px;
  display: none;
  width: 100%;
}

.Toolbar > div.shareBg.active {
  display: block;
}

#divMain {max-width: 1100px; margin: 0 auto;}