/* line 5, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'OPH';
  src: url("../fonts/opensanshebrew-regular.eot");
  src: url("../fonts/opensanshebrew-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanshebrew-regular.woff2") format("woff2"), url("../fonts/opensanshebrew-regular.woff") format("woff"), url("../fonts/opensanshebrew-regular.svg#open_sans_hebrewregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OPH_bold';
  src: url("../fonts/opensanshebrew-bold.eot");
  src: url("../fonts/opensanshebrew-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanshebrew-bold.woff2") format("woff2"), url("../fonts/opensanshebrew-bold.woff") format("woff"), url("../fonts/opensanshebrew-bold.svg#open_sans_hebrewbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Settings */
/* === Reset === */
/* line 52, ../sass/screen.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 53, ../sass/screen.scss */
html, body {
  height: 100%;
  margin: 0;
}

/* line 54, ../sass/screen.scss */
body {
  height: auto;
  min-height: 100%;
}

/* line 55, ../sass/screen.scss */
body {
  margin: 0;
  color: #4f4f51;
  font-size: 18px;
  line-height: 22px;
  font-family: 'OPH', sans-serif;
}

/* line 56, ../sass/screen.scss */
img {
  border: 0;
  max-width: 100%;
}

/* line 57, ../sass/screen.scss */
p {
  margin: 10px 0;
}

/* line 58, ../sass/screen.scss */
ul, ol {
  padding: 0;
  margin: 0;
}

/* line 59, ../sass/screen.scss */
li {
  list-style: none;
}

/* line 60, ../sass/screen.scss */
a, input, textarea {
  outline: none;
}

/* line 61, ../sass/screen.scss */
th {
  font-weight: normal;
  text-align: left;
}

/* line 62, ../sass/screen.scss */
fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}

/* line 63, ../sass/screen.scss */
blockquote {
  margin: 0;
  padding: 0;
}

/* line 64, ../sass/screen.scss */
textarea {
  resize: none;
  overflow: auto;
}

/* line 65, ../sass/screen.scss */
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 66, ../sass/screen.scss */
a {
  color: #4f4f51;
}

/* line 67, ../sass/screen.scss */
a:hover {
  text-decoration: none;
}

/* line 68, ../sass/screen.scss */
table {
  width: 100%;
  border-collapse: collapse;
}

/* line 69, ../sass/screen.scss */
.inline {
  display: inline-block;
}

/* line 70, ../sass/screen.scss */
.show_tb {
  display: none;
}

/* line 71, ../sass/screen.scss */
.main {
  overflow: hidden;
}

/* === Responsive grid === */
/* line 75, ../sass/screen.scss */
.clear {
  clear: both;
  display: block;
}

/* line 76, ../sass/screen.scss */
.clearfix:after {
  content: '';
  clear: both;
  display: block;
}

/* line 77, ../sass/screen.scss */
.container {
  margin: 0 auto;
  max-width: 1222px;
}

/* line 78, ../sass/screen.scss */
.clear_tablet {
  display: none;
}

/* line 79, ../sass/screen.scss */
.row {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

/* line 84, ../sass/screen.scss */
.grid2, .grid3, .grid4, .grid4m, .grid5, .grid6, .grid7, .grid8, .grid9, .grid12 {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 87, ../sass/screen.scss */
.grid2 {
  flex: 0 0 20%;
  -ms-flex: 0 0 16.6666666%;
  max-width: 20%;
}

/* line 88, ../sass/screen.scss */
.grid3 {
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  max-width: 25%;
}

/* line 89, ../sass/screen.scss */
.grid4 {
  flex: 0 0 33.3333333%;
  -ms-flex: 0 0 33.3333333%;
  max-width: 33.3333333%;
}

.grid4m {
  flex: 0 0 66.66%;
  -ms-flex: 0 0 66.66%;
  max-width: 66.66%;
}

/* line 90, ../sass/screen.scss */
.grid5 {
  flex: 0 0 41.6666666%;
  -ms-flex: 0 0 41.6666666%;
  max-width: 41.6666666%;
}

/* line 91, ../sass/screen.scss */
.grid6 {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
}

/* line 92, ../sass/screen.scss */
.grid7 {
  flex: 0 0 58.3333333%;
  -ms-flex: 0 0 58.3333333%;
  max-width: 58.3333333%;
}

/* line 93, ../sass/screen.scss */
.grid8 {
  flex: 0 0 66.6666666%;
  -ms-flex: 0 0 66.6666666%;
  max-width: 66.6666666%;
}

/* line 94, ../sass/screen.scss */
.grid9 {
  flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  max-width: 75%;
}

/* line 95, ../sass/screen.scss */
.grid12 {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  max-width: 100%;
}

/* === Text input required === */
/* line 99, ../sass/screen.scss */
*::-webkit-input-placeholder {
  color: #777;
  opacity: 1;
}

/* line 100, ../sass/screen.scss */
*::-moz-placeholder {
  color: #777;
  opacity: 1;
}

/* line 101, ../sass/screen.scss */
*::-ms-input-placeholder {
  color: #777;
  opacity: 1;
}

/* line 102, ../sass/screen.scss */
input.styler:focus:required:invalid {
  border: 1px solid red;
}

/* line 103, ../sass/screen.scss */
input.styler:focus:required:valid {
  border: 1px solid green;
}

/* =========== FORMS START =========== */
/* Text field */
/* line 108, ../sass/screen.scss */
.styler {
  background: #fff;
  border: 1px solid #fff;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  font-family: 'OPH', sans-serif;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
/* line 118, ../sass/screen.scss */
.styler:focus {
  border-color: #aaa;
  box-shadow: inset 0 0 3px #aaa;
}

/* line 120, ../sass/screen.scss */
textarea.styler {
  height: 86px;
  display: block;
  margin: 0;
}

/* select */
/* line 123, ../sass/screen.scss */
select {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #141416;
  font-family: 'OPH', sans-serif;
  width: 100%;
  display: block;
  position: relative;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: pointer;
  padding: 0 10px 0 40px;
  background: #fff url(../images/svg/caret-down.svg) 15px center no-repeat;
  background-size: 12px 12px;
}

/* Button */
/* line 132, ../sass/screen.scss */
.button, .btn {
  background: #f7941e;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  font-family: 'OPH', sans-serif;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  padding: 5px 15px;
}
/* line 147, ../sass/screen.scss */
.button:hover, .btn:hover {
  background: #d47d15;
}
/* line 148, ../sass/screen.scss */
.button:active, .btn:active {
  box-shadow: inset 0 1px 3px #693b04;
}
/* line 149, ../sass/screen.scss */
.button.disabled, .btn.disabled {
  opacity: 0.5;
  cursor: default;
}
/* line 149, ../sass/screen.scss */
.button.disabled:hover, .btn.disabled:hover {
  background: #f7941e;
}
/* line 149, ../sass/screen.scss */
.button.disabled:active, .btn.disabled:active {
  box-shadow: none;
}
/* line 150, ../sass/screen.scss */
.button-big, .btn-big {
  font-size: 36px;
  line-height: 40px;
  padding: 18px 30px;
}
/* line 151, ../sass/screen.scss */
.button.block, .btn.block {
  display: block;
}
/* line 152, ../sass/screen.scss */
.button-grey, .btn-grey {
  background: #6a6767;
}
/* line 152, ../sass/screen.scss */
.button-grey:hover, .btn-grey:hover {
  background: #4f4d4c;
}
/* line 152, ../sass/screen.scss */
.button-grey.disabled:hover, .btn-grey.disabled:hover {
  background: #6a6767;
}
/* line 153, ../sass/screen.scss */
.button-green, .btn-green {
  background: #00a79a;
}
/* line 153, ../sass/screen.scss */
.button-green:hover, .btn-green:hover {
  background: #00776d;
}
/* line 153, ../sass/screen.scss */
.button-green.disabled:hover, .btn-green.disabled:hover {
  background: #00a79a;
}

/* line 155, ../sass/screen.scss */
input.btn, button.btn {
  padding-top: 0;
  padding-bottom: 0;
  height: 36px;
}

/* line 156, ../sass/screen.scss */
input.btn-big, button.btn-big {
  padding-top: 0;
  padding-bottom: 0;
  height: 76px;
}

/* line 159, ../sass/screen.scss */
.input-field {
  margin: 0 0 16px;
}
/* line 161, ../sass/screen.scss */
.input-field.last {
  margin: 0;
}
/* line 162, ../sass/screen.scss */
.input-field .styler, .input-field .btn {
  width: 100%;
  margin: 0;
}

/* line 164, ../sass/screen.scss */
.check-field {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-right: 22px;
}
/* line 167, ../sass/screen.scss */
.check-field input[type="checkbox"] {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 169, ../sass/screen.scss */
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #fff;
  background: url(../images/svg/checkbox.svg) -9999px -9999px no-repeat;
  background-size: 10px 10px;
}
/* line 173, ../sass/screen.scss */
input[type="checkbox"]:checked {
  background-position: center center;
}

/* ============ FORMS END ============ */
/* Header */
/* line 180, ../sass/screen.scss */
header {
  background: #fff;
  height: 92px;
}

/* line 182, ../sass/screen.scss */
.logobox {
  float: right;
  margin: 18px 0 0;
}

/* line 184, ../sass/screen.scss */
.header_socials {
  font-size: 30px;
  float: right;
  margin: 30px 20px 0 0;
}

/* line 185, ../sass/screen.scss */
.header_socials a:hover {
  color: #f7941e;
}

/* line 187, ../sass/screen.scss */
.searchbox {
  float: left;
  margin: 25px 0 0;
}

/* line 188, ../sass/screen.scss */
.searchbox a.butt {
  background: #e1e1e2;
  height: 35px;
  color: #4f4f51;
  font: 16px/35px 'OPH_bold';
  display: block;
  float: left;
  text-decoration: none;
  padding: 0 10px;
  margin: 0 6px 0 0;
}

/* line 199, ../sass/screen.scss */
.searchbox a.butt.register {
  background: #f7941e;
  color: #fff;
  margin-right: 20px;
}

/* line 201, ../sass/screen.scss */
.search {
  border: 1px solid #58585a;
  width: 131px;
  height: 33px;
  position: relative;
  padding: 0 10px 0 40px;
  float: right;
}

/* line 202, ../sass/screen.scss */
.search .inp {
  background: 0;
  border: 0;
  color: #4f4f51;
  font: 16px/20px 'OPH';
  padding: 4px 0;
  margin: 2px 0 0;
  float: right;
  width: 100%;
}

/* line 203, ../sass/screen.scss */
.search .but {
  position: absolute;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  width: 19px;
  height: 19px;
  left: 7px;
  top: 7px;
  background: url(../images/search.png) no-repeat;
}

/* breadcrumbs */
/* line 208, ../sass/screen.scss */
.breadcrumbs {
  font-size: 14px;
  margin: 10px 0;
  line-height: 16px;
}
/* line 210, ../sass/screen.scss */
.breadcrumbs a {
  color: #f7941e;
  text-decoration: none;
}

/* NAV */
/* line 215, ../sass/screen.scss */
nav {
  float: left;
  margin: 28px 0 0 20px;
}

/* line 216, ../sass/screen.scss */
nav li {
  float: right;
  font-size: 18px;
  line-height: 20px;
  font-family: 'OPH_bold';
  position: relative;
  margin: 0 0 0 20px;
}

/* line 217, ../sass/screen.scss */
nav li a {
  color: #4f4f51;
  text-decoration: none;
}

/* line 218, ../sass/screen.scss */
nav li:hover > a, nav li.active a {
  color: #f7941e;
}

/* NAV dropdown */
/* line 221, ../sass/screen.scss */
nav li ul {
  background: #fff;
  position: absolute;
  width: 160px;
  border-top: 3px solid #f7941e;
  right: 0;
  z-index: 500;
  padding: 15px 0;
  top: 29px;
  display: block;
  opacity: 0;
  transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -webkit-transition: opacity .3s ease;
}

/* line 236, ../sass/screen.scss */
nav li ul:before {
  content: "";
  border: 10px solid transparent;
  border-bottom: 10px solid #f7941e;
  position: absolute;
  right: 7px;
  top: -20px;
}

/* line 237, ../sass/screen.scss */
nav li ul li {
  float: none;
  font-size: 16px;
  line-height: 18px;
  font-family: 'OPH';
  margin: 0;
}

/* line 238, ../sass/screen.scss */
nav li ul li a {
  display: block;
  padding: 7px 19px;
}

/* line 239, ../sass/screen.scss */
nav li ul li a:hover {
  background: #4f4f51;
}

/* line 240, ../sass/screen.scss */
nav li:hover ul {
  opacity: 1;
}

/* line 242, ../sass/screen.scss */
.showmenu {
  display: none;
  width: 34px;
  float: left;
  margin: 4px 12px 0 0;
}

/* line 243, ../sass/screen.scss */
.showmenu b {
  background: #4f4f51;
  height: 5px;
  margin: 0 0 5px;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* line 245, ../sass/screen.scss */
.showmenu.opened b {
  background: #f7941e;
}

/* FOOTER */
/* line 250, ../sass/screen.scss */
footer {
  background: #2b2b30;
  padding: 23px 0 35px;
}

/* line 251, ../sass/screen.scss */
footer .container {
  position: relative;
}

/* line 252, ../sass/screen.scss */
footer .container:after {
  content: "";
  clear: both;
  display: block;
}

/* line 253, ../sass/screen.scss */
.footmenu {
  float: right;
  width: 866px;
}

/* line 254, ../sass/screen.scss */
.footmenu > ul > li {
  float: right;
  width: 16.6666666%;
}

/* line 255, ../sass/screen.scss */
.footmenu > ul > li > a {
  font-size: 24px;
  line-height: 24px;
  color: #f7941e;
  display: block;
  text-decoration: none;
  margin: 0 0 10px;
}

/* line 256, ../sass/screen.scss */
.footmenu > ul > li > ul > li {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 8px;
}

/* line 257, ../sass/screen.scss */
.footmenu > ul > li > ul > li a {
  color: #fff;
  text-decoration: none;
}

/* line 259, ../sass/screen.scss */
.contact_out {
  float: left;
  width: 316px;
  margin: 0;
}

/* line 260, ../sass/screen.scss */
.contactform {
  background: #3e3e41;
  padding: 10px;
  margin: 0 0 12px;
}

/* line 261, ../sass/screen.scss */
.contactform .field {
  margin: 0 5px 20px 20px;
  position: relative;
  padding-right: 60px;
  min-height: 34px;
}

/* line 262, ../sass/screen.scss */
.contactform .field .styler {
  width: 100%;
}

/* line 263, ../sass/screen.scss */
.contactform .field label {
  color: #fff;
  position: absolute;
  right: 0;
  top: 5px;
  display: block;
  font-size: 18px;
  line-height: 20px;
}

/* line 264, ../sass/screen.scss */
.contactform .btn {
  width: 100%;
}

/* line 265, ../sass/screen.scss */
.cf_name {
  color: #f7941e;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 15px;
}

/* line 266, ../sass/screen.scss */
.footsocial {
  background: #3e3e41;
  padding: 15px 10px 15px 30px;
}

/* line 267, ../sass/screen.scss */
.footsocial:after {
  content: "";
  clear: both;
  display: block;
}

/* line 268, ../sass/screen.scss */
.footsocial a {
  color: #fff;
  text-decoration: none;
}

/* line 269, ../sass/screen.scss */
.footsocial i {
  font-size: 36px;
  line-height: 36px;
  float: left;
  margin: 3px 15px 0 0;
}

/* line 270, ../sass/screen.scss */
.footsocial i.fa-mobile {
  font-size: 43px;
  line-height: 43px;
}

/* line 271, ../sass/screen.scss */
.footsocial .name {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  float: right;
  margin: 10px 0 0;
}

/* line 272, ../sass/screen.scss */
.footsocial .inline {
  display: block;
}

/* line 274, ../sass/screen.scss */
.copyright {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 14px;
}

/* slidermain */
/* line 278, ../sass/screen.scss */
.slidermain {
  background: #141416;
  position: relative;
  margin: 0 0 38px;
  overflow: hidden;
}
/* line 280, ../sass/screen.scss */
.slidermain .img {
  background: url(../images/cover.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: -62px;
  top: 0;
  width: 828px;
  height: 385px;
}
/* line 288, ../sass/screen.scss */
.slidermain .container {
  position: relative;
}
/* line 289, ../sass/screen.scss */
.slidermain .row {
  position: relative;
}
/* line 290, ../sass/screen.scss */
.slidermain_form {
  background: #2f2f2f;
  padding: 14px 30px;
  min-height: 385px;
}
/* line 292, ../sass/screen.scss */
.slidermain_form_header {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px;
}
/* line 294, ../sass/screen.scss */
.slidermain_form_header span {
  color: #f7941e;
  font-size: 24px;
  line-height: 28px;
  display: block;
  font-family: 'OPH_bold';
  margin: 0 0 4px;
}
/* line 297, ../sass/screen.scss */
.slidermain .valign {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
}
/* line 298, ../sass/screen.scss */
.slidermain .grid8, .slidermain .justify {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding: 40px 0 30px;
}
/* line 299, ../sass/screen.scss */
.slidermain_top {
  width: 100%;
  color: #fff;
  font-size: 48px;
  line-height: 52px;
}
/* line 301, ../sass/screen.scss */
.slidermain_top span {
  display: block;
  font-size: 60px;
  line-height: 64px;
  font-family: 'OPH_bold';
}
/* line 302, ../sass/screen.scss */
.slidermain_top p {
  margin: 0 0 4px;
}
/* line 303, ../sass/screen.scss */
.slidermain_top p:last-child {
  margin: 0;
}
/* line 305, ../sass/screen.scss */
.slidermain_date {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
/* line 307, ../sass/screen.scss */
.slidermain.no_form {
  margin: 0;
  background: #3d3c3c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 308, ../sass/screen.scss */
.slidermain.no_form [class*='grid'] {
  height: 380px;
}

/* big_buttons */
/* line 313, ../sass/screen.scss */
.big_buttons {
  margin-bottom: 40px;
}
/* line 315, ../sass/screen.scss */
.big_buttons .grid4 {
  margin-bottom: 16px;
}
/* line 316, ../sass/screen.scss */
.big_buttons .btn {
  display: block;
}

/* videoframe */
/* line 321, ../sass/screen.scss */
.videoframe {
  margin: 0 0 48px;
}
/* line 323, ../sass/screen.scss */
.videoframe [class*='grid'] {
  padding: 0;
}
/* line 324, ../sass/screen.scss */
.videoframe .grid4 {
  background: #ddddde;
  padding: 25px;
  font-size: 24px;
  line-height: 30px;
  color: #272727;
}
/* line 328, ../sass/screen.scss */
.videoframe h4 {
  color: #00a79a;
  font-size: 60px;
  line-height: 68px;
  font-weight: normal;
  margin: 0 0 20px;
}
/* line 329, ../sass/screen.scss */
.videoframe ul li {
  position: relative;
  padding-right: 34px;
  margin: 0 0 4px;
}
/* line 331, ../sass/screen.scss */
.videoframe ul li:last-child {
  margin: 0;
}
/* line 332, ../sass/screen.scss */
.videoframe ul li::after {
  content: '';
  display: block;
  position: absolute;
  background-image: url("../images/svg/check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 14px;
  right: 0;
  top: 5px;
}
/* line 336, ../sass/screen.scss */
.videoframe iframe {
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
  height: 456px;
  width: 100%;
}

/* article_about */
/* line 341, ../sass/screen.scss */
.pagetitle {
  color: #00a79a;
  font-size: 48px;
  line-height: 54px;
  margin: 0 0 14px;
  font-weight: normal;
}

/* line 342, ../sass/screen.scss */
.article_about {
  color: #272727;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 40px;
}

/* line 342, ../sass/screen.scss */
.title_about {
  color: black;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 40px;
}
/* line 344, ../sass/screen.scss */
.article_about p {
  margin: 0 0 20px;
  font-size: 18px;
}
/* line 345, ../sass/screen.scss */
.article_about p:last-child {
  margin: 0;
}

/* files_wrap */
/* line 350, ../sass/screen.scss */
.files_wrap {
  background: #d9d9d9;
  padding: 30px 0;
  position: relative;
}
/* line 352, ../sass/screen.scss */
.files_wrap::before, .files_wrap::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1000px;
  background: #d9d9d9;
}
/* line 353, ../sass/screen.scss */
.files_wrap::before {
  left: -1000px;
}
/* line 354, ../sass/screen.scss */
.files_wrap::after {
  right: -1000px;
}
/* line 355, ../sass/screen.scss */
.files_wrap.white {
  background: 0;
  margin: 0 0 40px;
  padding: 0;
}
/* line 357, ../sass/screen.scss */
.files_wrap.white::before, .files_wrap.white::after {
  content: none;
  display: none;
}
/* line 359, ../sass/screen.scss */
.files_wrap.no_margin {
  margin-bottom: 0;
}
/* line 360, ../sass/screen.scss */
.files_wrap .grid4 {
  margin-bottom: 16px;
}
/* line 361, ../sass/screen.scss */
.files_wrap_btn {
  background: #fff;
  -webkit-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.33);
  box-shadow: 0 7px 13px rgba(0, 0, 0, 0.33);
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  position: relative;
  text-decoration: none;
  z-index: 10;
  color: #272727;
  font-size: 16px;
  line-height: 20px;
  min-height: 70px;
  padding: 10px 15px;
  transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  min-height: 100%;
}
/* line 365, ../sass/screen.scss */
.files_wrap_btn:hover {
  background: #f1f1f1;
  -webkit-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 13px rgba(0, 0, 0, 0.2);
}
/* line 366, ../sass/screen.scss */
.files_wrap_btn.icon {
  justify-content: space-between;
}
/* line 367, ../sass/screen.scss */
.files_wrap_btn img {
  display: block;
  max-width: 40px;
  max-height: 60px;
  margin-right: 10px;
}
/* line 368, ../sass/screen.scss */
.files_wrap_btn.block {
  display: block;
  padding: 15px;
}
/* line 369, ../sass/screen.scss */
.files_wrap_btn_title {
  font-size: 24px;
  line-height: 28px;
  display: block;
  margin: 0 0 8px;
}
/* line 370, ../sass/screen.scss */
.files_wrap_btn_entry {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
}
/* line 371, ../sass/screen.scss */
.files_wrap_btn_text {
  max-width: 278px;
}
/* line 372, ../sass/screen.scss */
.files_wrap_btn.full .files_wrap_btn_text {
  max-width: none;
}

/* tarifbox */
/* line 378, ../sass/screen.scss */
.tarifboxes {
  margin-bottom: 70px;
}

/* line 379, ../sass/screen.scss */
.tarifboxes .grid4 {
  margin-bottom: 16px;
}

/* line 380, ../sass/screen.scss */
.tarifbox {
  background: #fff;
  -webkit-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.31);
  box-shadow: 0 7px 13px rgba(0, 0, 0, 0.31);
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  align-content: space-between;
  min-height: 100%;
}
/* line 383, ../sass/screen.scss */
.tarifbox_header {
  background: #6a6767;
  padding: 18px 34px 24px;
  text-align: center;
  color: #fff;
}
/* line 384, ../sass/screen.scss */
.tarifbox .btn {
  display: block;
  text-align: center;
  padding: 8px;
  font-size: 24px;
  line-height: 28px;
}
/* line 385, ../sass/screen.scss */
.tarifbox_title {
  font-size: 36px;
  line-height: 40px;
  border-bottom: 2px solid #fff;
  padding: 0 0 8px;
  margin: 0 0 20px;
}
/* line 386, ../sass/screen.scss */
.tarifbox_price {
  font-size: 48px;
  line-height: 52px;
  margin: 0;
}
/* line 388, ../sass/screen.scss */
.tarifbox_price b {
  font-family: 'OPH_bold';
  font-weight: normal;
}
/* line 390, ../sass/screen.scss */
.tarifbox_top {
  width: 100%;
}
/* line 391, ../sass/screen.scss */
.tarifbox_month {
  font-size: 24px;
  line-height: 28px;
}
/* line 392, ../sass/screen.scss */
.tarifbox_footer {
  padding: 18px 48px;
  text-align: center;
  width: 100%;
}
/* line 394, ../sass/screen.scss */
.tarifbox_footer p {
  margin: 10px 0 0;
}
/* line 395, ../sass/screen.scss */
.tarifbox_footer p a {
  text-decoration: none;
  color: #141416;
}
/* line 396, ../sass/screen.scss */
.tarifbox_footer p a:hover {
  color: #6a6767;
}
/* line 398, ../sass/screen.scss */
.tarifbox_content {
  padding: 20px 18px;
}
.tarifbox_content_mechirot {
  padding: 20px 18px;
  font-size: 18px;
}


/* line 400, ../sass/screen.scss */
.tarifbox_content ul li {
  position: relative;
  font-size: 18px;
  line-height: 22px;
  color: #141416;
  margin: 0 0 18px;
  padding-right: 30px;
}
/* line 403, ../sass/screen.scss */
.tarifbox_content ul li:last-child {
  margin: 0;
}
/* line 404, ../sass/screen.scss */
.tarifbox_content ul li::after {
  content: '';
  display: block;
  position: absolute;
  background-image: url("../images/svg/check-grey.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 14px;
  right: 0;
  top: 5px;
}
/* line 407, ../sass/screen.scss */
.tarifbox.orange .tarifbox_header {
  background: #f7941e;
}
/* line 408, ../sass/screen.scss */
.tarifbox.orange .tarifbox_content ul li::after {
  background-image: url(../images/svg/check-orange.svg);
}
/* line 409, ../sass/screen.scss */
.tarifbox.orange .tarifbox_footer p a:hover {
  color: #f7941e;
}
/* line 410, ../sass/screen.scss */
.tarifbox.green .tarifbox_header {
  background: #00a79a;
}
/* line 411, ../sass/screen.scss */
.tarifbox.green .tarifbox_content ul li::after {
  background-image: url(../images/svg/check.svg);
}
/* line 412, ../sass/screen.scss */
.tarifbox.green .tarifbox_footer p a:hover {
  color: #00a79a;
}

/* tarif_table */
/* line 417, ../sass/screen.scss */
.tarif_table {
  border-collapse: collapse;
  width: 100%;
}
/* line 419, ../sass/screen.scss */
.tarif_table_wrapper {
  margin: 0 0 70px;
}
/* line 420, ../sass/screen.scss */
.tarif_table td {
  border-bottom: 1px solid #bcbcbc;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #6a6767;
  font-size: 16px;
  line-height: 20px;
  padding: 4px;
}
/* line 423, ../sass/screen.scss */
.tarif_table td img {
  display: block;
  margin: auto;
  width: 22px;
}
/* line 424, ../sass/screen.scss */
.tarif_table td.tarif_table_name {
  background: #ddddde;
  color: #141416;
  text-align: right;
  padding: 4px 15px;
  width: 400px;
}
/* line 426, ../sass/screen.scss */
.tarif_table tfoot td {
  border: 0;
  padding: 30px 8px 0;
}
/* line 427, ../sass/screen.scss */
.tarif_table thead td {
  font-size: 30px;
  line-height: 34px;
}
/* line 429, ../sass/screen.scss */
.tarif_table thead td.orange {
  color: #f7941e;
}
/* line 430, ../sass/screen.scss */
.tarif_table thead td.green {
  color: #00a79a;
}
/* line 432, ../sass/screen.scss */
.tarif_table tfoot .btn {
  display: block;
}

/* grey_form */
/* line 437, ../sass/screen.scss */
.grey_form {
  background: #ddd;
  padding: 24px 15px;
  margin: 0 0 70px;
}
/* line 439, ../sass/screen.scss */
.grey_form .styler {
  color: #141416;
  height: 48px;
  font-size: 16px;
  line-height: 20px;
}
/* line 440, ../sass/screen.scss */
.grey_form textarea.styler {
  height: 86px;
}
/* line 441, ../sass/screen.scss */
.grey_form .btn {
  font-size: 24px;
  line-height: 28px;
  height: 48px;
  padding: 0;
  width: 100%;
  line-height: 48px;
}
/* line 442, ../sass/screen.scss */
.grey_form .check-field {
  color: #141416;
}
/* line 443, ../sass/screen.scss */
.grey_form input[type="checkbox"] {
  border-color: #141416;
  background-image: url(../images/svg/check-dark.svg);
}

/* greenform */
/* line 448, ../sass/screen.scss */
.greenform {
  background: #00a79a;
  margin: 0 0 55px;
  padding: 20px 0;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
/* line 450, ../sass/screen.scss */
.greenform_title {
  font-size: 30px;
  line-height: 34px;
  margin: 0 0 4px;
  text-align: center;
}
/* line 451, ../sass/screen.scss */
.greenform_text {
  margin: 0 0 16px;
  text-align: center;
}
/* line 452, ../sass/screen.scss */
.greenform_body {
  margin: 0 67px;
}

/* searchline */
/* line 457, ../sass/screen.scss */
.searchline {
  background: #00a79a;
  padding: 15px;
  margin: 0 0 50px;
}
/* line 459, ../sass/screen.scss */
.searchline_body {
  position: relative;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
}
/* line 460, ../sass/screen.scss */
.searchline .styler {
  height: 60px;
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  padding: 10px 20px 10px 60px;
}
/* line 461, ../sass/screen.scss */
.searchline .lens {
  background: url(../images/svg/lens.svg) center center no-repeat;
  width: 50px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  background-size: 20px 20px;
}

/* tabs_links */
/* line 469, ../sass/screen.scss */
.tabs_links {
  margin: 0 0 10px;
}
/* line 471, ../sass/screen.scss */
.tabs_links li {
  display: inline-block;
  position: relative;
  font-size: 30px;
  line-height: 34px;
  padding-right: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-right: 2px solid #141416;
}
/* line 474, ../sass/screen.scss */
.tabs_links li:first-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}
/* line 476, ../sass/screen.scss */
.tabs_links li a {
  color: #141416;
  display: block;
  text-decoration: none;
  transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
}
/* line 477, ../sass/screen.scss */
.tabs_links li.ui-tabs-active a, .tabs_links li a:hover {
  color: #00a79a;
}

/* faqbox */
/* line 483, ../sass/screen.scss */
.faqbox {
  margin: 0 0 50px;
}
/* line 485, ../sass/screen.scss */
.faqbox .row {
  margin: 0;
}
/* line 486, ../sass/screen.scss */
.faqbox [class*='grid'] {
  padding: 0;
  position: relative;
}
/* line 487, ../sass/screen.scss */
.faqbox iframe {
  border: 0;
  display: block;
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}

/* accordion */
/* line 492, ../sass/screen.scss */
.accordion {
  background: #c0c0c0;
  border-left: 2px solid #ddddde;
}
/* line 494, ../sass/screen.scss */
.accordion li {
  border-bottom: 2px solid #ddddde;
}
/* line 495, ../sass/screen.scss */
.accordion li:last-child {
  border: 0;
}
/* line 496, ../sass/screen.scss */
.accordion li:nth-child(even) a {
  background: #999;
}
/* line 497, ../sass/screen.scss */
.accordion li a {
  color: #272727;
  text-decoration: none;
  display: block;
  padding: 5px 26px 5px 10px;
  position: relative;
}
/* line 499, ../sass/screen.scss */
.accordion li a::after {
  content: '+';
  display: block;
  position: absolute;
  font-size: 24px;
  line-height: 28px;
  font-family: 'OPH_bold';
  position: absolute;
  right: 8px;
  top: 6px;
}
/* line 503, ../sass/screen.scss */
.accordion li a.opened {
  background: #ddddde;
}
/* line 504, ../sass/screen.scss */
.accordion li a.opened::after {
  content: '-';
}
/* line 506, ../sass/screen.scss */
.accordion_title {
  font-size: 24px;
  line-height: 28px;
  display: block;
}
/* line 507, ../sass/screen.scss */
.accordion_hide {
  font-size: 16px;
  line-height: 20px;
  display: none;
}

#picPopUP{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;	
	z-index: 100;
	opacity : 0.9;
	vertical-align: middle;
}
.child {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
 -moz-transform: translate(-50%, -50%); /* Firefox */
 -ms-transform: translate(-50%, -50%); /* IE 9 */
 -o-transform: translate(-50%, -50%); /* Opera */
 // I suppose you may like those too:
 // max-width: 80%;
 // max-height: 80%;
}


/* max-width: 1242px */
@media screen and (min-width: 1200px) {
.contactform .field .styler {
  width: 70%;
  float:left;
} }


/* Custom CSS for Stock Monkey Help Panel (to be appended to screen.css) */
/* שימוש מחודש: .container, .row, .gridX, .styler, .button, .btn, .button-grey, OPH, OPH_bold */

#results-container {
    margin-top: 20px;
}

/* Gallery View Card */
.help-gallery-card-wrapper {
    margin-bottom: 16px; 
}

.help-gallery-card {
    background: #f4f4f4; /* רקע אפור בהיר */
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    height: 100%;
    cursor: pointer;
    transition: box-shadow 0.2s, background 0.2s;
    display: flex;
    flex-direction: column;
    text-align: right;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* צל קל */
}

.help-gallery-card:hover {
    background: #eeeeee;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.card-subject {
    font-size: 14px;
    font-family: 'OPH_bold', sans-serif;
    color: #f7941e; /* כתום של הכפתורים */
}

.card-device {
    font-size: 12px;
    font-family: 'OPH_bold', sans-serif;
    color: #fff;
    padding: 2px 6px;
    border-radius: 3px;
}

.card-question {
    font-size: 18px;
    line-height: 22px;
    font-family: 'OPH', sans-serif;
    color: #4f4f51;
    min-height: 44px; /* מקום לשתי שורות */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.card-media-preview {
    width: 100%;
    padding-top: 56.25%; /* יחס 16:9 */
    position: relative;
    background: #ccc;
    border-radius: 3px;
    overflow: hidden;
    flex-grow: 1;
}

.card-media-preview img, .card-media-preview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}

.card-icon {
    font-size: 30px;
    color: #6a6767;
    text-align: center;
    padding-top: 20px;
    display: block;
}

/* Pop-up Modal Styling */
#content-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
    display: flex; 
    justify-content: center;
    align-items: center;
    direction: rtl;
    text-align: right;
}

#modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    max-width: 800px;
    width: 90%;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    text-align: right;
    direction: rtl;
}

#close-modal-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    padding: 5px 10px;
}

#modal-body iframe {
    width: 100%;
    height: 450px; 
    border: none;
    max-width: 100%;
    display: block;
    margin: 20px auto 0;
}

#modal-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

/* Table View Styling (reusing existing table styles) */
#table-view table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 16px;
    line-height: 20px;
}
#table-view th, #table-view td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: right;
    vertical-align: top;
}
#table-view th {
    background: #f4f4f4;
    font-family: 'OPH_bold', sans-serif;
    color: #4f4f51;
}
.table-device-icon, .table-media-icon {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    font-family: 'OPH_bold', sans-serif;
    color: #fff;
    white-space: nowrap;
}
.table-device-icon.D { background: #00a79a; } /* DESKTOP - Green */
.table-device-icon.M { background: #f7941e; } /* MOBILE - Orange */

.table-media-icon.video { background: #d47d15; } /* Dark Orange */
.table-media-icon.image { background: #6a6767; } /* Grey */
.table-media-icon.text { background: #4f4f51; } /* Default text color */
.table-media-icon.none { background: #ccc; } /* Light grey for no content */

.fa-desktop, .fa-mobile { font-size: 14px; margin-right: 3px; }
.fa-youtube-play, .fa-picture-o, .fa-file-text-o, .fa-times { font-size: 14px; margin-right: 3px; }

/* HELP SCREEN */
        .containerHelp {
            max-width: 1400px;
            margin: 0 auto;
            background: white;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            overflow: hidden;
        }

        .search-panel {
            padding: 30px;
            background: #f8f9fa;
            border-bottom: 2px solid #e9ecef;
        }

        .search-controls {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            align-items: center;
        }

        .search-input {
            flex: 1;
            min-width: 300px;
            padding: 15px 20px;
            padding-right: 45px;
            border: 1px solid #999;
            font-size: 18px;
            transition: all 0.3s;
            position: relative;
			font-family: 'OPH', sans-serif;
        }

        .search-wrapper {
            position: relative;
            flex: 2;
            min-width: 300px;
        }

        .search-icon {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #6c757d;
            font-size: 20px;
        }

        .search-input:focus {
            outline: none;
            border-color: #f7941e;
            box-shadow: 0 0 0 3px rgba(247, 148, 30, 0.1);
        }

        .subject-select, .device-select {
            border: 1px solid #999;
            font-size: 18px;
            min-width: 180px;
            cursor: pointer;
            transition: all 0.3s;
            background: white;
        }

        .subject-select:focus, .device-select:focus {
            outline: none;
            border-color: #f7941e;
        }

        .view-toggle {
            display: flex;
            gap: 10px;
        }

        .view-btn {
            padding: 15px 25px;
            border: 2px solid #f7941e;
            background: white;
            color: #f7941e;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .view-btn.active {
            background: #f7941e;
            color: white;
        }

        .view-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(247, 148, 30, 0.3);
        }

        .results-info {
            text-align: center;
            color: #6c757d;
            font-size: 20px;
            margin-top: 10px;
        }

        .content {
            padding: 30px;
            min-height: 400px;
        }

        .loading {
            text-align: center;
            padding: 60px 20px;
            color: #f7941e;
            font-size: 26px;
        }

        .loading::after {
            content: '...';
            animation: dots 1.5s steps(4, end) infinite;
        }

        @keyframes dots {
            0%, 20% { content: '.'; }
            40% { content: '..'; }
            60%, 100% { content: '...'; }
        }

        /* גלריה */
        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 25px;
        }

        .gallery-item {
            background: white;
            border: 1px solid #999;
            overflow: hidden;
            transition: all 0.3s;
            cursor: pointer;
            display: flex;
            flex-direction: column;
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            border-color: #f7941e;
        }

        .gallery-media {
            width: 100%;
            height: 200px;
            background: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .gallery-media iframe {
            width: 100%;
            height: 100%;
            border: none;
            pointer-events: none;
        }

        .gallery-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .gallery-media.empty {
            font-size: 60px;
            color: #dee2e6;
        }

        .gallery-info {
            padding: 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .gallery-subject {
            display: inline-block;
            background: #f7941e;
            color: white;
            padding: 5px 12px;
            font-size: 15px;
            margin-bottom: 10px;
            align-self: flex-start;
        }

        .gallery-question {
            font-size: 18px;
            font-weight: bold;
            color: #212529;
            margin-bottom: 10px;
            flex: 1;
        }

        .gallery-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 10px;
        }

        .device-badge {
            padding: 5px 10px;
            font-size: 15px;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .device-badge.desktop {
            background: #2f2f2f;
            color: white;
        }

        .device-badge.mobile {
            background: #f3e5f5;
            color: #7b1fa2;
        }

        .media-icon {
            font-size: 22px;
        }

        /* טבלה */
        .table-view {
            overflow-x: auto;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            background: white;
        }

        th {
            background: #f7941e;
            color: white;
            padding: 15px;
            text-align: right;
            font-weight: bold;
            position: sticky;
            top: 0;
            z-index: 10;
        }

        td {
            padding: 15px;
            border-bottom: 1px solid #e9ecef;
            vertical-align: middle;
			 text-align: right;
			     color: #212529;
        }

        tr:hover {
            background: #f8f9fa;
        }

        .table-btn {
            padding: 8px 15px;
            background: #f7941e;
            color: white;
            border: none;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s;
            white-space: nowrap;
        }

        .table-btn:hover {
            background: #e67e00;
            transform: scale(1.05);
        }

        /* Modal */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .modal.active {
            display: flex;
        }

        .modal-content {
            background: white;
            max-width: 900px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
            animation: modalSlideIn 0.3s ease-out;
        }

        @keyframes modalSlideIn {
            from {
                transform: translateY(-50px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .modal-header {
            background: linear-gradient(135deg, #f7941e 0%, #e67e00 100%);
            color: white;
            padding: 25px;
            display: flex;
            justify-content: space-between;
            align-items: start;
        }

        .modal-title {
            flex: 1;
        }

        .modal-title h2 {
            font-size: 26px;
            margin-bottom: 10px;
        }

        .modal-title .subject {
            font-size: 16px;
            opacity: 0.9;
        }

        .modal-close {
            background: rgba(255,255,255,0.2);
            border: none;
            color: white;
            font-size: 32px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }

        .modal-close:hover {
            background: rgba(255,255,255,0.3);
            transform: rotate(90deg);
        }

        .modal-body {
            padding: 30px;
        }

        .modal-media {
            margin-bottom: 20px;
        }

        .modal-media iframe {
            width: 100%;
            height: 500px;
            border: none;
        }

        .modal-media img {
            width: 100%;
            height: auto;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        .modal-answer {
            font-size: 20px;
            line-height: 1.8;
            color: #495057;
            padding: 20px;
            background: #f8f9fa;
            border-right: 4px solid #f7941e;
        }

        .no-results {
            text-align: center;
            padding: 60px 20px;
            color: #6c757d;
        }

        .no-results-icon {
            font-size: 80px;
            margin-bottom: 20px;
        }

        .no-results h3 {
            font-size: 26px;
            margin-bottom: 10px;
        }

        .error-message {
            text-align: center;
            padding: 60px 20px;
            color: #dc3545;
        }

        .error-message-icon {
            font-size: 80px;
            margin-bottom: 20px;
        }

        @media (max-width: 768px) {
            .gallery {
                grid-template-columns: 1fr;
            }

            .search-controls {
                flex-direction: column;
            }

            .search-wrapper, .search-input, .subject-select, .device-select {
                min-width: 100%;
                width: 100%;
            }

            .modal-media iframe {
                height: 300px;
            }
        }