.colorpicker,.colorpicker input{font-family:Arial,Helvetica,sans-serif}.accessHidden,.colorpicker{display:none}.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_background.png");z-index:99999999}.colorpicker_color,.colorpicker_color div{width:150px;height:150px;position:absolute}.colorpicker_color{left:14px;top:13px;background:red;overflow:hidden;cursor:crosshair}.colorpicker_color div{top:0;left:0;background:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_overlay.png")}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_select.gif");margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_indic.gif") left top;margin:-4px 0 0;left:0}.colorpicker_current_color,.colorpicker_new_color{width:60px;height:30px;top:13px;background:red;position:absolute}.colorpicker_new_color{left:213px}.colorpicker_current_color{left:283px}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px}.colorpicker_field,.colorpicker_field span,.colorpicker_hex,.colorpicker_submit{position:absolute;height:22px}.colorpicker_hex{width:72px;background:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_hex.png") top;left:212px;top:142px}.colorpicker_hex input{right:6px}.colorpicker_field{width:62px;background-position:top}.colorpicker_field span{width:12px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_rgb_r{background-image:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_rgb_r.png");top:52px;left:212px}.colorpicker_rgb_g{background-image:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_rgb_g.png");top:82px;left:212px}.colorpicker_rgb_b{background-image:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_rgb_b.png");top:112px;left:212px}.colorpicker_hsb_h{background-image:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_hsb_h.png");top:52px;left:282px}.colorpicker_hsb_s{background-image:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_hsb_s.png");top:82px;left:282px}.colorpicker_hsb_b{background-image:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_hsb_b.png");top:112px;left:282px}.colorpicker_submit{width:22px;background:url("https://www.gemel.net/ac/colorPicker/images/colorpicker_submit.png") top;left:322px;top:142px;overflow:hidden}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus,.colorpicker_slider,.colorpicker_submit.colorpicker_focus{background-position:bottom} #right_links { position: absolute; right: -45px; border-left: 1px solid #ededed; top: 0; z-index: 9998; } #openAccess { border-radius: 0px 50% 50% 0px; background: #000; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 1.8em; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; } #openAccess:hover { color: #2ad09d; } #accessMenu { font-size: 14px; } #accessMenu .left a.text_area, #accessMenu .left nav a { border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; } #accessMenu { position: fixed; top: 10%; left: -320px; display: block; width: 100%; max-width: 320px; background-color: #fff; z-index: 99999999; } #accessMenu header { width: 100%; background: #000; height: 30px; margin-top: 0; } #accessMenu #accessBox a { display: block; position: relative; } #accessMenu .right { width: 56px; float: right; border-left: 1px solid #ededed; } #accessMenu .right .icon_area { height: 57px; width: 100%; border-bottom: 1px solid #ededed; background: #2ad09d; overflow: hidden; } #accessMenu .right .icon_area.none { background: #ededed; } #accessMenu .left a.text_area.three span, #accessMenu .right .icon_area span { background-image: url(data:image/png;base64,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); background-repeat: no-repeat; top: 50%; display: block; filter: brightness(0) saturate(100%); } #accessMenu .right .icon_area span { margin: -12px auto 0; position: relative; } #accessMenu .right .icon_area.zoom span { width: 24px; height: 24px; background-position: 0 0; } #accessMenu .right .icon_area.fontSize span { width: 24px; height: 24px; background-position: 0 -52px; } #accessMenu .right .icon_area.contrast span { width: 24px; height: 24px; background-position: -48px -52px; } #accessMenu .right .icon_area.background span { width: 11px; height: 24px; background-position: -76px -24px; } #accessMenu .right .icon_area.linkMark span { width: 24px; height: 24px; background-position: -87px -24px; } #accessMenu .right .icon_area.rightOpen span { width: 20px; height: 24px; background-position: -76px -48px; } #accessMenu .right .icon_area.reset span { width: 24px; height: 24px; background-position: -72px -72px; } #accessMenu .right .icon_area.fav span { width: 23px; height: 24px; background-position: -26px -79px; } #accessMenu .right .icon_area.hpage span { width: 24px; height: 24px; background-position: 0 -79px; } #accessMenu .left a.text_area.three span { margin: -3px auto 0; position: absolute; left: 0; right: 0; } #accessMenu .left a.text_area.three.plus span { width: 24px; height: 24px; background-position: -24px 0; } #accessMenu .left a.text_area.three.minus span { width: 24px; height: 16px; background-position: -48px 12px; } #accessMenu .left a.text_area.three.contrast_full span { width: 24px; height: 24px; background-position: -48px -4px; } #accessMenu .left a.text_area.three.contrast_empty span { width: 24px; height: 24px; background-position: 0 -28px; } #accessMenu .left a.text_area.three.bg_color span { width: 24px; height: 24px; background-position: -24px -28px; } #accessMenu .left a.text_area.three.titles_color span { width: 28px; height: 24px; background-position: -48px -28px; } #accessMenu .left a.text_area.three.text_color span { width: 17px; height: 24px; background-position: -72px 0; } #accessMenu .left a.text_area.three.reset span { width: 24px; height: 24px; background-position: -72px -72px; } #accessMenu header a.close { float: left; top: 50%; margin-top: -12px; margin-left: 5px; width: 24px; height: 24px; background-position: -24px -52px; background-image: url(data:image/png;base64,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); } #accessMenu .left { width: 264px; float: right; } #accessMenu .left a.text_area { height: 57px; line-height: 57px; text-align: center; text-decoration: none; color: #000; } #accessMenu .left a.text_area.active, #accessMenu .left a.text_area:hover { background: #2ad09d; } #accessMenu .left a.text_area.full { width: 100%; } #accessMenu .left a.text_area.three { width: 33.33%; float: right; line-height: 24px; } #accessMenu .left nav { display: block; overflow: hidden; } #accessMenu .left nav a { display: block; text-decoration: none; line-height: 57px; font-size: 1.5em; color: #000; float: right; width: 50%; text-align: center; } #accessMenu .left nav a.current { background: #2ad09d; color: #000; } #toolTipZoom, body.dark { background: #000; } #toolTipZoom { padding: 10px; max-width: 500px; position: absolute; z-index: 9999999999; top: 0; left: 0; font-size: 1.4em; line-height: 1.1em; min-height: 30px; color: #fff; display: none; } body.dark, body.dark footer center a, body.dark header .leftArea nav > a { color: #646464; } body.dark, body.light { -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } @media only screen and (max-width: 800px) { #accessMenu .right { width: 23%; } #accessMenu .left { width: 77%; } #accessMenu .left a.text_area.three span { display: none; } #right_links { right: -35px; } #openAccess { width: 35px; height: 35px; font-size: 1.4em; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .carousel-theme { direction: ltr; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url("https://www.gemel.net/plugins/slick/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("https://www.gemel.net/plugins/slick/fonts/slick.eot"); src: url("https://www.gemel.net/plugins/slick/fonts/slick.eot?#iefix") format('embedded-opentype'), url("https://www.gemel.net/plugins/slick/fonts/slick.woff") format('woff'), url("https://www.gemel.net/plugins/slick/fonts/slick.ttf") format('truetype'), url("https://www.gemel.net/plugins/slick/fonts/slick.svg#slick") format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } [dir='rtl'] .slick-prev{ right: 25px; left: auto; z-index: 3; } [dir='rtl'] .slick-next{ right: auto; left: 25px; z-index: 3; } [dir='rtl'] .slick-next, [dir='rtl'] .slick-prev { border-radius: 50%; filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.12)); background: #fff; width: 38px; height: 38px; font-size: 0; } [dir='rtl'] .slick-next:before, [dir='rtl'] .slick-prev:before { content: "\f053"; font-family: "Font Awesome 5 Free"; color: #023099; font-size: 28px; font-weight: 900; } [dir='rtl'] .slick-prev:before { content: "\f054"; } 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, 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, select, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-size: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.6; font-family: "Noto Sans Hebrew", arial, sans-serif; font-optical-sizing: auto; font-variation-settings: "wdth" 75; font-size: 16px; color: #000; background: #fff; } button { font-family: "Noto Sans Hebrew", arial, sans-serif; } ol, ul { list-style: none; } :focus { outline: 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } .responsive-table { width: 100%; border-collapse: collapse; border-radius: 8px; overflow: hidden; } .responsive-table th, .responsive-table td { text-align: center; vertical-align: middle; padding: 10px; } .responsive-table th { background: #7fe4c3; color: #000000; font-size: 20px; } .responsive-table td { background-color: #f7f9fa; font-size: 18px; } .responsive-table tr:nth-child(even) td { background-color: #f0f0f0; } .responsive-table img { width: 45px; height: 45px; } /*end css reset*/ .clear:before, .clear:after, .clearfix:after, .clearfix:before { content: ""; display: table; } .clear:after, .clearfix:after { clear: both; } .clear, .clearfix { zoom: 1; } html, body { margin: 0; padding: 0; height: 100%; } b, strong { font-weight: 700; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .center { text-align: center; } .internal-links-more { margin-top: 14px } .internal-links-more > summary { list-style: none } .internal-links-more > summary::-webkit-details-marker { display: none } /* קו חוצה ולשונית באמצע בלי אלמנטים פנימיים */ .show-more-divider { cursor: pointer; user-select: none; position: relative; display: block; text-align: center; padding: 14px 0; } .show-more-divider::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(0,0,0,0.18); } .show-more-divider::after { content: "הצג עוד"; position: relative; display: inline-block; padding: 6px 12px; border: 1px solid rgba(0,0,0,0.18); border-radius: 999px; font-weight: 600; background: #fff; line-height: 1; } .internal-links-more[open] .show-more-divider::after { content: "הצג פחות" } /* פתיחה וסגירה של החלק המוסתר */ .internal-links-hidden { display: none } .internal-links-more[open] .internal-links-hidden { display: block } .internal-links-hidden { overflow: visible } .internal-links-hidden { height: auto } /***popup**/ .myformPop { display: none; width: 320px; min-height: 189px; padding: 8px; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; background: rgba(0, 0, 0, 0.1); } .myformPop *, .myformPop { box-sizing: content-box; } .myformPop i.close, .myformPop .cancelButton, .myformPop .acceptButton { position: absolute; bottom: 15px; font-family: arial; font-size: 0.75em; left: 15px; display: block; padding: 7px; color: #fff; font-weight: bold; border: 1px solid #a95151; box-shadow: 0 1px 2px 0 #cd8787 inset; -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset; -moz-box-shadow: 0 1px 2px 0 #cd8787 inset; background: #c57979; background: -moz-linear-gradient(top, #c57979 0%, #a34c4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c57979), color-stop(100%, #a34c4c)); background: -webkit-linear-gradient(top, #c57979 0%, #a34c4c 100%); background: -o-linear-gradient(top, #c57979 0%, #a34c4c 100%); background: -ms-linear-gradient(top, #c57979 0%, #a34c4c 100%); background: linear-gradient(top, #c57979 0%, #a34c4c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 ); border: 0px; outline: none; text-shadow: 0 -1px #6f6f6f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } .myformPop .confirmButtons { width: 193px; margin: 0 auto; margin-top: 81px; } .myformPop .confirmButtons button { float: right; margin-right: 10px; padding: 12px 25px 12px 25px; position: relative; left: auto; bottom: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; font-size: 0.875em; font-weight: normal; } .myformPop .cancelButton { border: 1px solid #6f3333; } .myformPop .acceptButton { margin-right: 0px; background: #a9ca7b; /* Old browsers */ background: -moz-linear-gradient(top, #a9ca7b 0%, #84ab58 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9ca7b), color-stop(100%, #84ab58)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a9ca7b 0%, #84ab58 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a9ca7b 0%, #84ab58 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a9ca7b 0%, #84ab58 100%); /* IE10+ */ background: linear-gradient(to bottom, #a9ca7b 0%, #84ab58 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9ca7b', endColorstr='#84ab58',GradientType=0 ); /* IE6-9 */ border: 1px solid #567a34; } .myformPop i.close:hover, .myformPop .confirmButtons button { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .myformPop i.close:active, .myformPop .confirmButtons button:active { background: #b15e5e; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; } .myformPop .confirmButtons .acceptButton:active { background: #a9ca7b; } .myformPop .heading { width: 320px; height: 44px; background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233)); background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233)); background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233)); background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233)); background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9'); border-bottom: 1px solid #bababa; -webkit-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.08); box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.08); -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; font-family: arial; font-weight: bold; text-align: center; line-height: 44px; color: #444444; text-shadow: 0px 1px 0px #fff; } .myformPop .output { font-family: arial; font-size: 0.875em; width: 300px; min-height: 114px; background: #f3f3f3; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; padding: 10px; padding-bottom: 42px; } .myformPop .output.delete { color: #a70505; } .myformPop .output span.success { color: #4f8a10; border: 1px solid #4f8a10; background: #dff2bf; display: block; padding: 3%; width: 94%; text-align: center; } .myformPop .output span.error { color: #a70505; } .myformPop .output ul { list-style-type: disc; color: #d8000c; background-color: #ffbaba; padding: 3%; width: 94%; margin: 0; border: 1px solid #d8000c; } .myformPop .output ul li { margin-right: 20px; } /***popup**/ /***FORMS***/ /*****HE****/ .myform { display: block; padding-bottom: 10px; } .myform fieldset { display: block; margin-bottom: 10px; position: relative; } .myform fieldset label { width: 28%; float: right; font-size: 1em; color: #777777; margin-left: 2%; } .myform fieldset.req:before { content: "*"; color: red; position: absolute; top: -9px; right: 1px; display: block; } .myform fieldset div.inputArea { float: right; width: 70%; } .myform fieldset.full div.inputArea { float: none; width: 100%; } .myform fieldset div.inputArea input[type="text"], .myform fieldset div.inputArea input[type="tel"], .myform fieldset div.inputArea input[type="password"], .myform fieldset div.inputArea textarea, .myform fieldset div.inputArea select { background: #fff; padding-right: 51px; -webkit-appearance: none; padding-left: 2%; width: 100%; line-height: 50px; color: #000; font-size: 1.375em; text-align: right; direction: rtl; outline: 0px; border: 0; position: relative; font-family: "Noto Sans Hebrew", arial, sans-serif; border: 2px solid #000; border-radius: 15px; } .myform fieldset div.inputArea select { padding-left: 30px; } input.errorField, textarea.errorField { border-color: red !important; background-color: #ffbaba !important; } .myform fieldset div.inputArea textarea { min-height: 70px; line-height: normal; resize: none; } .myform button, .mybutton { display: flex; width: 100%; justify-content: center; text-align: center; align-items: center; gap: 10px; white-space: nowrap; font-size: 1.5em; padding: 16px 10px; outline: 0; cursor: pointer; background-color: #000000; color: #ffffff; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none !important; text-align: center; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; } .myform button:hover, .myform .mybutton:hover { color: #2ad09d; } .myform button i, .mybutton i { color: #2ad09d; } .myform button:disabled { cursor: auto; background: #d0d0d0; } .myform button:disabled, .myform button:disabled:hover, .myform button:disabled i { color: #fff; } .myform button:active, .mybutton:active { position: relative; } .mybutton.green { background: #2ad09d; color: #fff; } .mybutton.green:hover { color: #fff; background: #26b186; } .myform fieldset div.inputArea input::-webkit-input-placeholder, .myform fieldset div.inputArea textarea::-webkit-input-placeholder { color: #000; } .myform fieldset div.inputArea input:-moz-placeholder, .myform fieldset div.inputArea textarea:-moz-placeholder { color: #000; } .myform fieldset div.inputArea input::-moz-placeholder, .myform fieldset div.inputArea textarea::-moz-placeholder { color: #000; } .myform fieldset div.inputArea input:-ms-input-placeholder, .myform fieldset div.inputArea textarea:-ms-input-placeholder { color: #000; } .form_wrap { width: 100%; max-width: 600px; margin: 0 auto; background: #f1f1f1; padding: 20px; border-radius: 8px; } /*****HE****/ .material-icons::after, .material-symbols-outlined:after { content: attr(data-icon); } .spacing { margin-bottom: 20px; } #header { width: 100%; border-bottom: 1px solid #000000; } .inputArea:before { content: "\f0ad"; font-weight: 800; font-family: "Font Awesome 5 Free"; position: absolute; right: 20px; top: 13px; color: #000; font-size: 1.25em; display: block; z-index: 1; } .inputArea.email:before { content: "\f0e0"; } .inputArea.phone:before { content: "\f095"; } .inputArea.professionType:before { content: "\f06c"; } .inputArea.professionType::after { position: absolute; top: 6px; left: 8px; content: "\f0d7"; color: #2ad09d; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.25em; } .inputArea.city:before { content: "\f015"; } .inputArea.note:before { content: ""; } .inputArea.name:before { content: "\f007"; } .center { text-align: center; display: block; } /*****EN****/ .myform.ltr fieldset.req:before { right: none; left: 1px; } .myform.ltr fieldset label { float: left; margin-right: 2%; margin-left: 0; } .myform.ltr fieldset div.inputArea { float: left; } .myform.ltr button { float: right; } /*****EN****/ /***FORMS***/ /***PAGE***/ .page { position: relative; margin: 0 auto; margin-bottom: 20px; } .page.ltr { direction: ltr; text-align: left; } .pageTitle, h1, h2, h3 { display: block; font-size: 3em; line-height: normal; padding-bottom: 12px; margin-bottom: 0px; margin-top: 20px; } .subTitle { display: block; font-size: 1.5em; line-height: normal; padding-bottom: 12px; margin-bottom: 0px; } .subPage h2 { padding-top: 20px; } .customTitle { font-size: 2em; text-align: center; line-height: normal; padding-bottom: 5px; margin-bottom: 15px; font-weight: bold; } .customTitle span { padding: 0 15px; } #mainPageContent .wrap > h1, #mainPageContent .wrap > .pageTitle { margin-bottom: 0px; } #mainPageContent .textArea .pageTitle, #mainPageContent .textArea h1 { margin-bottom: 0px; } h2 { font-size: 2.2em; } h3 { font-size: 1.875em; } .underlineTitle { border-bottom: 1px solid #000; } .flexWrap { width: 100%; display: grid; column-gap: 40px; grid-template-columns: minmax(0, 3fr) minmax(300px, 1fr); } .flexWrap .leftBlocks { position: relative; } .flexWrap .leftBlocks .leftContact { position: sticky; top: 80px; box-sizing: border-box; text-align: center; padding: 10px; } .flexWrap .leftBlocks .leftContact:before { content: ""; width: 3px; height: 40px; position: absolute; top: 6px; right: -12px; background: #7fe4c3; } .flexWrap .leftBlocks .leftContact > b { font-size: 1.4em; line-height: normal; } .flexWrap .leftBlocks .leftContact > span { font-size: 1.125em; line-height: normal; } .flexWrap .leftBlocks .leftContact .note a { color: #000; } .leftContact .myform { margin-top: 15px; } .leftContact .myform .rightContact { display: flex; flex-direction: column; gap: 15px; } .leftContact .note { margin-top: 10px; display: block; } .flexBox { display: flex; margin-bottom: 20px; } .flexBox > div { flex: 1; width: 50%; } .flexBox > div:first-child { margin-left: 3%; width: 60%; } .moreTextArea { border-top: 1px solid #000; margin-top: 10px; padding-top: 10px; } .textArea { font-size: 1.125em; line-height: 1.8em; } .textArea a { color: #2ad09d; font-weight: bold; text-decoration: none; } .textArea a:hover { color: #000; text-decoration: underline; } .textArea ul, .textArea ol { display: block; margin: 1.12em 0; margin-right: 40px; list-style: disc outside none; } .textArea ol { list-style-type: decimal; } .textArea.ulTick ul { list-style-image: url("https://www.gemel.net/img/tick.png"); } .textArea.ulMark ul { list-style-image: url("https://www.gemel.net/img/mark.png"); } .textArea h1:first-of-type { padding-top: 0; } .page.ltr .textArea ul, .page.ltr .textArea ol { margin-left: 40px; margin-right: 0; } .page-nav { margin: 10px 0; color: #8f8f8f; } .page-nav a { display: inline-block; color: #8f8f8f; text-decoration: none; } .page-nav a:hover { text-decoration: underline; color: #8f8f8f; } .page-nav li { display: inline-block; } .page-nav li:after { content: "/"; margin-left: 5px; margin-right: 5px; display: inline-block; } .page-nav li:last-child:after { content: ""; } .linkMap a { color: #730c1d; font-size: 0.813em; } .map { width: 80%; margin: 0 auto; margin-top: 30px; } .center_text { background: #ececec; padding: 20px; border-top: 8px solid #dbdbdb; border-bottom: 8px solid #dbdbdb; margin: 10px 0; } /*****************ERROR******************/ #errorpage h4 { color: #311413; font-size: 2.875em; font-weight: bold; } #errorpage h3 { color: #311413; font-size: 2.25em; font-weight: bold; } #errorpage p { color: #311413; font-size: 1em; margin-bottom: 5px; font-weight: bold; } #errorpage ul li, #errorpage ol li { color: #311413; font-size: 0.875em; } #errorpage ol li a { color: #311413; text-decoration: underline; } /*****************ERROR******************/ /***PAGE***/ #wrapper { min-height: 100%; position: relative; overflow: hidden; } .wrap { width: 96%; max-width: 1400px; margin: 0 auto; position: relative; } #header header { display: flex; align-items: center; justify-content: space-between; max-width: 1400px; width: 96%; margin: 0 auto; padding: 10px 0px; gap: 20px; } a#logo { background: url("https://www.gemel.net/img/logo.png") no-repeat; width: 167px; height: 24px; flex-shrink: 0; } .primaryButton, .blueButton, .secondaryButton, .thirdButton, .fourthButton, .fifthButton, .textArea .primaryButton, .textArea .blueButton, .textArea .secondaryButton, .textArea .thirdButton, .textArea .fourthButton, .textArea .fifthButton { cursor: pointer; display: inline-flex; justify-content: center; text-align: center; align-items: center; gap: 10px; white-space: nowrap; font-size: 1.125em; padding: 5px 10px; background-color: #000000; color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-decoration: none !important; text-align: center; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; border: 0; outline: 0; } .primaryButton i, .blueButton i, .secondaryButton i, .thirdButton i, .fourthButton i, .fifthButton i, .textArea .primaryButton i, .textArea .blueButton i, .textArea .secondaryButton i, .textArea .thirdButton i, .textArea .fourthButton i, .textArea .fifthButton i { color: #2ad09d; } .primaryButton:hover, .blueButton:hover, .secondaryButton:hover, .thirdButton:hover, .fourthButton:hover, .fifthButton:hover, .textArea .primaryButton:hover, .textArea .blueButton:hover, .textArea .secondaryButton:hover, .textArea .thirdButton:hover, .textArea .fourthButton:hover { color: #2ad09d; } .primaryButton { box-shadow: 0px 7px 8px 0px rgba(0, 248, 164, 0.43); } .primaryButton:disabled { box-shadow: 0px 7px 8px 0px rgba(193, 193, 193, 0.43); } .secondaryButton { padding: 13px 10px; } .fourthButton { background: #80e5c3; color: #000; padding: 3px 10px; border: 2px solid #000; } .fourthButton i { color: #000; } .fourthButton:hover { background: #000; color: #fff; } .fourthButton:hover i { color: #fff; } .fifthButton { background: #ffffff; color: #000; padding: 3px 10px; border: 2px solid #000; } .fifthButton i { color: #000; } .fifthButton:hover { background: #000; color: #fff; } .fifthButton:hover i { color: #fff; } .centerButton { margin: 20px auto; display: table; font-size: 1em; } .blueButton i { font-size: 0.9em; transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); } .redButton { display: inline-flex; text-decoration: none; background: transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #172c96; gap: 5px; border: 1px solid #172c96; align-items: center; justify-content: center; font-weight: 700; padding: 5px 10px; white-space: nowrap; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; } .redButton img { max-width: none !important; } .redButton:hover { background: #172c96; color: #fff; } .button-container { display: flex; justify-content: center; align-items: center; gap: 15px; flex-wrap: nowrap; padding: 10px; } header .redButton { height: 41px; } .linkButton { color: #2ad09d; font-weight: bold; text-decoration: none; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; } .linkButton:hover { color: #000; } .pcardButton { margin-left: 8px; } .pcardButton i { background: url("https://www.gemel.net/img/pcard-p.png"); width: 20px; height: 22px; } nav#menuArea { position: relative; flex: 1; } ul#navigator { display: flex; gap: 24px; } ul#navigator > li { position: relative; display: block; } ul#navigator > li > div { display: flex; align-items: center; height: 100%; } ul#navigator > li > div > a, ul#navigator > li > a, ul#navigator > li > div .text { display: block; color: #000; font-size: 1.125em; text-decoration: none; white-space: nowrap; line-height: 36px; padding: 10px 5px; } ul#navigator > li:hover > div > a, ul#navigator > li:hover > a { color: #2ad09d; } ul#navigator > li > ul.drop { display: none; background: #fff; border-top: 4px solid #2ad09d; position: absolute; right: 0; padding: 15px; -webkit-box-shadow: -4px 6px 18px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: -4px 6px 18px 0px rgba(0, 0, 0, 0.45); box-shadow: -4px 6px 18px 0px rgba(0, 0, 0, 0.45); z-index: 99; width: 622px; border-radius: 10px; } ul#navigator > li.edge > ul.drop { left: 0; right: auto; } ul#navigator > li:hover > ul { display: block; } ul#navigator > li > ul.drop li > a { display: block; text-decoration: none; padding: 5px; color: #000; width: 48%; float: right; margin-left: 2%; border-bottom: 1px solid #2ad09d; } ul#navigator > li > ul.drop li:nth-child(2n) > a { margin-left: 0; } ul#navigator > li > ul.drop > li > a:hover { color: #2ad09d; } i#menuBar { display: none !important; /* Hide by default, only show in mobile */ font-size: 1.5em; cursor: pointer; color: #000; transition: color 0.3s ease; outline: none; position: relative; width: 24px; height: 18px; transform: rotate(0deg); transition: 0.5s ease-in-out; } i#menuBar:hover, i#menuBar:focus { color: #2ad09d; } /* Create custom hamburger lines */ i#menuBar:before, i#menuBar:after, i#menuBar span { display: block; position: absolute; height: 3px; width: 100%; background: currentColor; border-radius: 2px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; content: ""; } i#menuBar:before { top: 0px; } i#menuBar span { top: 7px; } i#menuBar:after { top: 14px; } /* Transform to X when menu is open */ i#menuBar.menu-open:before { top: 7px; transform: rotate(135deg); } i#menuBar.menu-open span { opacity: 0; left: -60px; } i#menuBar.menu-open:after { top: 7px; transform: rotate(-135deg); } #searchButton { font-size: 1.3em; cursor: pointer; color: #000; transition: color 0.3s ease; outline: none; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #000; text-decoration: none; } #searchButton:hover, #searchButton:focus { color: #2ad09d; } /* Search Overlay */ #searchOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px); z-index: 9999; display: none; opacity: 0; transition: opacity 0.15s ease; } #searchOverlay.show { display: flex; opacity: 1; align-items: center; justify-content: center; flex-direction: column; } #searchOverlay .search-container { width: 90%; max-width: 600px; text-align: center; transform: translateY(-50px) scale(0.8); opacity: 0; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.15s ease; } #searchOverlay.show .search-container { transform: translateY(0) scale(1); opacity: 1; } #searchOverlay .search-title { font-size: 2.5em; font-weight: bold; margin-bottom: 30px; color: #333; animation: slideInDown 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s both; } #searchOverlay .search-input-container { position: relative; margin-bottom: 20px; animation: slideInUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both; z-index: 1; } #searchOverlay .search-input { width: 100%; padding: 20px 20px 20px 60px; font-size: 1.5em; border: 2px solid #e0e0e0; border-radius: 50px; outline: none; text-align: right; direction: rtl; background: white; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease; } #searchOverlay .search-input:focus { border-color: #2ad09d; box-shadow: 0 4px 30px rgba(42, 208, 157, 0.2); transform: scale(1.02); } #searchOverlay .search-input-container .search-input-icon { outline: 0; border: 0; background: transparent; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); font-size: 1.5em; color: #999; transition: color 0.2s ease, transform 0.15s ease; pointer-events: none; } #searchOverlay .search-input:focus + .search-input-icon { color: #2ad09d; transform: translateY(-50%) scale(1.1); } #searchOverlay .search-suggestions { text-align: right; color: #666; font-size: 1.1em; animation: fadeInUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both; } #searchOverlay .search-suggestions span { display: inline-block; margin: 5px 10px; padding: 8px 15px; background: #f5f5f5; border-radius: 20px; cursor: pointer; transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); opacity: 0; transform: translateY(20px); animation: fadeInUp 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; } #searchOverlay .search-suggestions span a { color: #666; text-decoration: none; } #searchOverlay .search-suggestions span:nth-child(1) { animation-delay: 0.3s; } #searchOverlay .search-suggestions span:nth-child(2) { animation-delay: 0.4s; } #searchOverlay .search-suggestions span:nth-child(3) { animation-delay: 0.5s; } #searchOverlay .search-suggestions span:nth-child(4) { animation-delay: 0.6s; } #searchOverlay .search-suggestions span:hover { background: #2ad09d; color: white; transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 20px rgba(42, 208, 157, 0.3); } /* Search Autocomplete Dropdown */ .search-autocomplete { position: absolute; top: 100%; left: 0; right: 0; background: white; border-radius: 12px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08); border: 1px solid #e1e8ed; max-height: min(400px, calc(100vh - var(--autocomplete-top-offset, 300px))); overflow-y: auto; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); } .search-autocomplete.show { opacity: 1; visibility: visible; transform: translateY(0); } .search-autocomplete-item { padding: 12px 16px; cursor: pointer; border-bottom: 1px solid #f0f3f7; transition: all 0.15s ease; display: flex; align-items: center; text-align: right; } .search-autocomplete-item:last-child { border-bottom: none; } .search-autocomplete-item:hover { background: #f8fafc; color: #2ad09d; } .search-autocomplete-item.selected, .search-autocomplete-item:active { background: #e8f5f1; color: #2ad09d; } .search-autocomplete-item .item-icon { margin-right: 8px; color: #999; font-size: 0.9em; transition: color 0.15s ease; } .search-autocomplete-item:hover .item-icon { color: #2ad09d; } .search-autocomplete-item .item-title { font-weight: 500; color: #2c3e50; transition: color 0.15s ease; } .search-autocomplete-item:hover .item-title { color: #2ad09d; } .search-autocomplete-empty { padding: 16px; text-align: center; color: #999; font-style: italic; } /* Loading state */ .search-autocomplete-loading { padding: 16px; text-align: center; color: #999; } .search-autocomplete-loading::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 8px; border: 2px solid #f3f3f3; border-top: 2px solid #2ad09d; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Positioning relative for autocomplete container */ #searchOverlay .search-input-container { position: relative; } /* Search Overlay Keyframe Animations */ @keyframes slideInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulseGlow { 0%, 100% { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } 50% { box-shadow: 0 4px 30px rgba(42, 208, 157, 0.2); } } .mainSection { margin-bottom: 30px; } .gridContainer { display: grid; grid-template-columns: 2fr 1fr; gap: 15px; } .main_page .mainContainer { grid-template-columns: 1fr 1fr; } #main_calculator { background: #80e5c3; border-radius: 10px; padding: 20px; display: flex; flex-direction: column; align-items: center; font-size: 1rem; } #main_calculator .calcs { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; width: 90%; text-align: center; } #main_calculator .calcs .calc_title { font-size: 3em; line-height: normal; } #main_calculator .calcs sub { font-size: 1.75em; line-height: normal; } #main_calculator .secondaryButton { margin: 0 auto; margin-top: 20px; padding: 20px; font-weight: bold; } .slider-container { position: relative; margin-top: 75px; } #main_calculator .slider-container { margin: 0 auto; margin-top: 95px; width: 78%; } .slider-container input[type="range"] { -webkit-appearance: none; width: 100%; background: transparent; direction: ltr; } .slider-container input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 24px; width: 24px; border-radius: 50%; background: white; border: 1px solid #000; cursor: pointer; position: relative; z-index: 2; margin-top: -8px; } .slider-container input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: linear-gradient(to left, #999, #000); } .slider-container .bubble { position: absolute; top: -50px; background: white; padding: 0px 14px; border: 1px solid black; font-size: 1.5em; border-radius: 0; } .slider-container .bubble::after { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%) rotate(-45deg); width: 10px; height: 10px; background: white; border-left: 1px solid black; border-bottom: 1px solid black; box-sizing: border-box; } .slider-container .slider-labels { display: flex; justify-content: space-between; color: #369f7c; font-size: 1.125em; } .slider-container .slider-labels span { direction: ltr; } .slider-container .slider-labels span:first-child { order: 2; } .slider-container .slider-labels span:last-child { order: 1; } aside .block { width: 100%; margin-bottom: 25px; position: relative; margin-top: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 10px; } aside .block:last-of-type { margin-bottom: 0; } .sub_page aside .block { background: #f3f3f3; } aside .block .block_header { line-height: 66px; background: #2ad09d; font-size: 1.2em; width: 100%; color: #fff; position: relative; padding: 0 14px; display: flex; align-items: center; border-radius: 10px 10px 0px 0px; } aside .block .block_header span { background: #fff; height: 31px; width: 31px; display: flex; margin-left: 15px; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; } aside .block .block_header i { color: #2ad09d; margin-left: 4%; } aside .block .block_body { background: #f3f3f3; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-top: -4px; } .sub_page aside .block .block_body { background: none; padding: 15px 10px; } aside .block .block_body .inner_block { position: relative; } .sub_page aside .block .block_body .inner_block { background: transparent; } aside .block .block_body .inner_block.videoWrapper { height: 240px; } .inner_block#calc_box { padding: 20px; } a.green_button { font-size: 1.25em; color: #fff; background: #2ad09d; font-weight: 700; padding: 13px; width: 100%; display: block; margin: 13px 0px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.green_button:hover { background: #1cb579; } #handyman { display: block; background: url("https://www.gemel.net/img/sprite.png") -4px -113px; width: 68px; height: 150px; position: absolute; right: -11px; bottom: -4px; } .block ul.list > li { display: block; overflow: hidden; } .block ul.list > li > a { line-height: 28px; color: #3b3a45; text-decoration: underline; display: block; padding-left: 1em; } .foot-list li { font-weight: 700; border-top: 1px solid #2ad09d; } .full_link { text-align: center; font-weight: bold; color: #2ad09d; text-decoration: none; display: block; } #tickers { min-height: 290px; width: 100%; margin: auto; } #tickers ul { display: block; width: 100%; } #tickers ul li, .tickers_list li { overflow: hidden; border-bottom: 1px solid #2ad09d; padding: 7px; margin-bottom: 7px; } #tickers ul li a, .tickers_list li a { text-decoration: none; color: #3b3a45; display: inline; } #tickers ul li a > b { color: #2ad09d; } #tickers ul li a:hover > b { color: #2ad09d; } .tickers_list li .q i { color: #2ad09d; } #tickers ul li:hover a, .tickers_list li:hover a, .tickers_list li:hover a b { color: #2ad09d; } .tickers_list li a > strong { color: #2ad09d; } .tickers_list li a:hover > strong { color: #3b3a45; } #tickers ul li .foot, .tickers_list li .foot { color: #2ad09d; margin-top: 5px; font-size: 0.75em; float: left; margin-left: 9px; } #mainPageContent { position: relative; width: 100%; min-height: 109px; overflow: hidden; } #mainPageContent .wrap > .textArea { float: right; width: 60%; } #decorative { margin-top: 20px; background: url("https://www.gemel.net/img/footer-bg.webp"); width: 100%; height: 152px; } footer { width: 100%; padding-top: 0; position: relative; bottom: 0; background: #000000; padding-top: 30px; } footer .wrap { padding: 10px; padding-top: 0px; } footer .wrap .footer_wrap { display: grid; grid-template-columns: 0.8fr 1fr; flex: 1; overflow: hi; gap: 0 13%; } footer .wrap .social { flex: 0.4; } footer .wrap .social ul { display: flex; flex-direction: column; gap: 10px; } footer .wrap .social ul li { display: flex; gap: 10px; color: #fff; align-items: center; } footer .wrap .social ul li a { color: #fff; text-decoration: none; font-size: 1.6em; } footer .wrap .social ul li .icon { border-radius: 50%; height: 53px; width: 53px; display: flex; align-items: center; justify-content: center; background: #fff; font-size: 1.6em; } footer .wrap .social ul li i { color: #2ad09d; } footer .blocks { width: 100%; display: flex; } footer h3 { display: block; margin-bottom: 20px; font-size: 1.875em; font-weight: bold; line-height: normal; color: #fff; padding-bottom: 5px; } footer .blocks .block { flex: 1; } footer .block.last { margin-left: 0; } footer .block ul > li > a { display: block; padding: 4px 0px; color: #fff; font-size: 1.125em; line-height: normal; text-decoration: none; } footer .block ul > li > a:hover { color: #2ad09d; } footer .footer_note { width: 80%; color: #fff; text-align: center; padding: 10px; border-radius: 10px; margin: 20px auto; margin-top: 35px; } footer .footer_note a { color: #fff; } footer .footer_cp { text-align: center; color: #fff; } footer .footer_cp .cp { font-size: 0.75em; } #footer_plain { margin: 40px auto; display: block; } .innerWrap { width: 84%; margin: 0 auto; } #topArea .topArea_title { font-size: 3em; font-weight: bold; text-align: center; color: #000; } #topArea .topArea_activities { display: flex; gap: 60px; justify-content: center; } #activities { overflow: hidden; position: relative; width: calc(100% - 348px - 20px); } #activities ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } #activities li { flex: 1; } #activities li:hover a { box-shadow: 0px 9px 9px 0px rgba(42, 208, 157, 0.42); border: 1px solid #000; } #activities li a { color: #000; text-decoration: none; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #d9d9d9; height: 124px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border-radius: 10px; } #activities li a i { height: 129px; width: 129px; display: flex; align-items: center; justify-content: center; border: 1px solid #2ad09d; margin-bottom: 20px; } #activities li a span { padding: 4px; font-size: 1.25em; } #activities li a img { display: block; margin: 0 auto; } #activities li.last a { margin-left: 0; } /* Base responsive styles for topImg */ .topImg { max-width: 348px; height: auto; display: block; } .phoneBox { font-size: 1.125em; line-height: 51px; background: #ffa800; position: relative; padding-right: 3%; margin-top: 20px; display: block; text-decoration: none !important; color: #000 !important; } .phoneBox:hover { background: #f4a204; } .phoneBox small { display: inline-block; background: url("https://www.gemel.net/img/sprite.png") -169px -46px; width: 196px; height: 24px; text-align: center; color: #fff; text-decoration: none; line-height: 21px; font-size: 1.25em; } .phoneBox i { display: block; background: url("https://www.gemel.net/img/sprite.png") -4px -113px; width: 68px; height: 150px; position: absolute; left: -4px; top: -53px; } .gray_box { overflow: hidden; background: #f3f3f3; margin: 15px 0px; padding: 20px 0px; } .gray_box h3 { color: #2ad09d; font-size: 1.5em; margin-bottom: 20px; } .gray_box h2 { line-height: normal; } span.underline { border-bottom: 1px solid #2ad09d; padding-bottom: 16px; display: block; line-height: normal; text-align: center; font-size: 1.5em; } span.underline > b:first-child { color: #2ad09d; } span.underline > b:nth-child(2) { color: #2ad09d; } span.underline i { color: #2ad09d; font-weight: bold; } span.underline i.fas { background: -webkit-linear-gradient(#ff5130, #dd2476); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: 5px; font-size: 2.25em; } .green_box { background: #2ad09d; color: #fff; font-weight: 700px; padding: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 4px 0px; display: block; } #numbers_block { text-align: center; } #numbers_block .wrap { width: 90%; } #numbers_block .block_body { padding: 15px; } #numbers_block b.number { font-size: 2.25em; display: block; line-height: 2em; color: #2ad09d; } #numbers_block .inner_block_wrap { width: 80%; margin: 0 auto; } #numbers_block .green_line { padding: 8px 15px; font-weight: bold; color: #fff; display: block; background: #2ad09d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 1.125em; margin-bottom: 5px; } #numbers_block .green_line.small { font-size: 0.875em; } #numbers_block .link { font-size: 0.875em; } #numbers_block .link a { text-decoration: none; color: #2ad09d; } #numbers_block .link a:hover { text-decoration: underline; } #numbers_block p { margin: 0 auto; margin-top: 10px; } #numbers_block p > b:nth-child(2) { color: #2ad09d; } #numbers_block p a { color: #000; font-weight: bold; text-decoration: none; border-bottom: 3px solid #2ad09d; padding-bottom: 3px; } #numbers_block p a:hover { color: #2ad09d; } #how_its_work { margin-bottom: 20px; } #how_its_work h3 { font-size: 1.5em; text-align: center; display: block; line-height: normal; padding-bottom: 6px; margin-bottom: 15px; border-bottom: 1px solid #2ad09d; } #how_its_work h3 b { font-weight: 900; } #how_its_work ol { font-size: 1.125em; display: block; } #how_its_work ol li { display: block; margin-bottom: 3px; } #how_its_work ol li a { color: #2ad09d; text-decoration: none; } #how_its_work ol li a:hover { text-decoration: underline; } #how_its_work ol li b { background: #2ad09d; display: inline-block; margin-left: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #fff; font-weight: bold; font-size: 0.825em; padding: 1px 8px; } #how_its_work img { margin: 15px -5px; } #how_its_work p { text-align: center; font-size: 1.125em; color: #2ad09d; } .videoWrapper { position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stream_area { overflow: hidden; margin: 10px 0px 0px 0px; } .stream_area .li { margin-bottom: 10px; } .stream_box_title { margin-top: 25px; width: 100%; background: #f2f2f2; font-weight: 700; font-size: 1.2em; margin-bottom: 10px; padding-right: 10px; line-height: 36px; overflow: hidden; color: #2ad09d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ans { padding-bottom: 5px; } .ans > * { display: inline; } .gallery_box { float: right; width: 37%; margin-left: 3%; } .video_box { float: right; width: 60%; position: relative; } .video_box .videoWrapper { height: 223px; } #videoWrapper { position: relative; width: 100%; height: 300px; margin-top: 15px; } #videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fancybox-inner .fancybox-caption { font-size: 1.125em; font-weight: 700; direction: rtl; } .stream_box ul { list-style: none; margin: 0; } .gallery_box ul li { float: right; width: 48%; margin-left: 4%; display: block; margin-bottom: 10px; } .gallery_box ul li:nth-child(2n) { margin-left: 0; } .gallery_box ul li a { border: 1px solid #adabab; display: block; overflow: hidden; position: relative; } .gallery_box ul li:hover a:before { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; right: 0; content: ""; z-index: 1; } .gallery_box ul li:hover a:after { content: "\f00e"; color: #2ad09d; font-family: "Font Awesome 5 Free"; display: block; position: absolute; top: 50%; margin-top: -23px; right: 0; width: 100%; height: 100%; z-index: 2; font-size: 2.125em; text-align: center; } .gallery_box ul li img { width: 100%; height: 104px; display: block; } .qa_box .stream_box_title { font-size: 1.125em; } .qa_box .orange_header_box.green, .orange_header_box.green { float: left; margin-left: 3%; font-size: 1.113em; color: #2ad09d; } .tariff_box li { overflow: hidden; padding: 13px 6px; border-bottom: 1px solid #3b3a45; color: #3b3a45; } .tariff_box li:hover { background: #f2f2f2; } .tariff_box li b { font-size: 1.125em; } .tariff_box li p { color: #6f6f6f; } .tariff_box li span { float: left; font-size: 1.225em; width: 33%; text-align: left; } .tariff_box li .inner > div { float: right; width: 65%; } .qa_box li p { display: block; margin: 0 0 10px 0; } .qa_box li p b { color: #2ad09d; } .dialog { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: fixed; display: none; right: 0; top: 0; z-index: 9999992; } .dialog .dialog_wrap { width: 100%; max-width: 550px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; } .dialog .dialog_header { background: #2ad09d; width: 100%; line-height: 50px; color: #000; padding-right: 3%; padding-left: 20px; font-weight: bold; font-size: 1.25em; position: relative; border-radius: 12px 12px 0px 0px; } .dialog .dialog_body { background: #fff; padding: 3%; width: 100%; border-radius: 0px 0px 12px 12px; } .dialog .close_dialog { position: absolute; top: 0px; left: 17px; display: block; color: #000; cursor: pointer; font-size: 1.125em; } .dialog_body .note_text { padding: 8px; font-size: 0.8875em; text-align: center; margin-top: 25px; display: block; } .dialog_body .note_text a { color: #000; } .dialog_body .note_text a:hover { color: #2ad09d; } .dialog_body .myform { width: 84%; margin: 0 auto; } .calc_area .tabs_options > a { display: block; text-decoration: none; float: right; margin-left: 2%; position: relative; overflow: hidden; font-weight: normal; color: #000; text-align: center; } .calc_area .tabs_options > a p { height: 84px; position: relative; display: block; background: #f2f2f2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 2%; margin-bottom: 5px; } .calc_area .tabs_options > a:hover, .calc_area .tabs_options > a.current { color: #2ad09d; } .calc_area .tabs_options > a:hover p, .calc_area .tabs_options > a.current p { background: #dcdcdc; } .calc_area .tabs_options > a img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: table; } .calc_area .tabs_options > a:last-child { margin-left: 0; } .calc_area .tabs_body { overflow: hidden; margin-top: 15px; } .calc_area .hidden_tabs { display: none; } .calc_area .tabs_footer { margin: 10px 0; } .calc_area .total_price { text-align: left; font-size: 1.5em; float: left; } .calc_area .tabs_body .tab { background: #f2f2f2; padding: 10px; overflow: hidden; } .calc_area .tabs_body .tab table { table-layout: fixed; width: 100%; } .calc_area .tabs_body .tab table td { border-left: 1px solid #2ad09d; width: 23%; padding-right: 1.2%; background: #fff; position: relative; padding-bottom: 10px; } .calc_area .tabs_body .tab table td:nth-child(2) { width: 54%; } .calc_area .tabs_body .tab table td:last-child { border-left: 0; } .calc_area .tabs_body .tab table td:first-child b { font-size: 1.5em; display: block; text-align: center; } .calc_area .tabs_body .tab table td:first-child label { display: block; font-size: 1.125em; text-align: center; } .calc_area .tabs_body .tab table td label input[type="text"], .calc_area .tabs_body .tab table td label input[type="number"] { display: inline-block; width: 55px; height: 35px; text-align: center; background: #f2f2f2; border: 1px solid #2ad09d; font-size: 1.125em; font-weight: bold; color: #2ad09d; margin: 0 3px; } .calc_area .tabs_body .tab table td label input[type="text"]::-webkit-input-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="text"]:-moz-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="text"]::-moz-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="text"]:-ms-input-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="number"]::-webkit-input-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="number"]:-moz-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="number"]::-moz-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td label input[type="number"]:-ms-input-placeholder { color: #2ad09d; } .calc_area .tabs_body .tab table td:first-child a, .calc_area .tabs_body .tab table td .hide_tab { color: #3d3d3d; font-weight: bold; font-size: 0.65em; text-decoration: none; text-align: center; display: block; margin: 5px 0px; } .calc_area .tabs_body .tab table td .hide_advanced { font-size: 0.85em !important; } .calc_area .tabs_body .tab table td:first-child a.advanced { font-size: 0.9em !important; width: 91%; float: none; padding: 7px 2px; margin: 5px auto; color: #000; } .calc_area .tabs_body .tab table td:first-child a.advanced:hover { color: #fff; } .calc_area .tabs_body .tab table td .hide_tab { margin: 0; position: absolute; top: 3px; left: 9px; } .calc_area .tabs_body .tab table td .hide_tab:hover, .calc_area .tabs_body .tab table td:first-child a:hover { color: #2ad09d; } .calc_area .tabs_body .tab table td .hide_tab i { color: #2ad09d; margin-left: 2px; } .calc_area .tabs_body .tab table td.price { text-align: center; font-size: 1.5em; vertical-align: middle; } .calc_area .tabs_body .tab table td .custom_checkbox { display: inline-block; margin-left: 10px; } .calc_area .tabs_body .tab table td .custom_checkbox:nth-child(4n) { margin-left: 0; } .calc_area .tabs_body .tab table .advanced_area { display: none; } .calc_area .tabs_body .tab table .advanced_area td:first-child { padding-top: 10px; } .calc_area .tabs_body .tab table .advanced_area td:first-child b { font-size: 1.125em; } .mybutton.printButton { text-decoration: none !important; float: right; line-height: 2.3em; color: #fff; font-size: 1em; } .mybutton.printButton:hover { color: #fff; } .custom_checkbox input[type="checkbox"] { display: none; } .custom_checkbox input[type="checkbox"] + label { line-height: 28px; display: block; margin-top: 10px; cursor: pointer; } .custom_checkbox input[type="checkbox"] + label:before { display: inline-block; width: 28px; height: 28px; background: #f2f2f2; content: ""; font-weight: 900; font-size: 1.438em; color: #2ad09d; vertical-align: bottom; text-align: center; font-family: "Font Awesome 5 Free"; margin-left: 7px; } .custom_checkbox input[type="checkbox"]:checked + label:before { content: "\f00c"; } .fastContact { width: 80%; margin: 0 auto; } .fastContact .fastContact_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; background: #f2f2f2; padding: 25px 15px; margin: 10px 0px; padding-right: 35px; margin-bottom: 0; position: relative; } .fastContact .fastContact_inner:after { display: block; position: absolute; bottom: -8px; right: 17%; width: 0; height: 0; content: ""; border-style: solid; border-width: 8px 6px 0 6px; border-color: #e4eff2 transparent transparent transparent; z-index: 1; } .fastContact .fastContact_inner a { text-decoration: none; } .fastContact .form { margin-right: auto; width: 60%; } .fastContact .form .myform { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-bottom: 0; } .fastContact .myform fieldset div.inputArea input[type="text"], .fastContact .myform fieldset div.inputArea input[type="tel"], .fastContact .myform fieldset div.inputArea input[type="password"], .fastContact .myform fieldset div.inputArea textarea, .fastContact .myform fieldset div.inputArea select { background: transparent; border-bottom: 1px solid #2ad09d; color: #000; } .fastContact .myform fieldset div.inputArea input::-webkit-input-placeholder, .fastContact .myform fieldset div.inputArea textarea::-webkit-input-placeholder { color: #000; } .fastContact .myform fieldset div.inputArea input:-moz-placeholder, .fastContact .myform fieldset div.inputArea textarea:-moz-placeholder { color: #000; } .fastContact .myform fieldset div.inputArea input::-moz-placeholder, .fastContact .myform fieldset div.inputArea textarea::-moz-placeholder { color: #000; } .fastContact .myform fieldset div.inputArea input:-ms-input-placeholder, .fastContact .myform fieldset div.inputArea textarea:-ms-input-placeholder { color: #000; } .fastContact .form .myform > div { width: 72%; } .fastContact .myform fieldset div.inputArea { padding: 3px; } .fastContact .myform fieldset div.inputArea:before { color: #2ad09d; } .fastContact .myform fieldset:last-of-type { margin-bottom: 0; } .fastContact .form .myform input.mybutton { margin-right: 2%; white-space: normal; line-height: normal; font-size: 1.35em; padding: 0; text-align: center; margin-top: 0; flex: 1; } .fastContact .note_text { background: #2ad09d; font-size: 0.7em; font-weight: bold; color: #fff; padding: 10px 0; text-align: center; display: block; line-height: normal; } .fastContact .note_text input { margin-left: 5px; margin-right: 5px; } .fastContact .note_text a { color: #fff; } .fastContact .note_text a:hover { color: #fff; } .ig { margin: 50px auto; margin-top: 60px; position: relative; } .ig > img { width: 100%; max-width: 702px; } .ig > p { position: absolute; text-align: center; font-weight: 800; } .ig > p b { color: #000; display: block; } .ig > p span { color: #2ad09d; font-size: 1.125em; } .ig > p:nth-of-type(1) { top: -60px; right: 0; left: 0; margin: 0 auto; } .ig > p:nth-of-type(2) { bottom: -51px; right: 0; } .ig > p:nth-of-type(3) { bottom: -51px; left: 0; } .toc { margin: 10px 0px 13px 0px; background: #f8f8f8; border: 1px solid #e7e7e7; padding: 10px 8px; font-size: 0.875em; } .toc .toc_header { line-height: 1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; cursor: pointer; } .toc .toc_header i#menuBar { color: #2ad09d; font-size: 1.5em; margin-left: 10px; } .toc .toc_header i.fa-bars { color: #2ad09d; font-size: 1.5em; margin-left: 10px; } .toc .toc_header i.fa-plus { color: #2ad09d; font-size: 1.3em; margin-right: auto; } .toc.open .toc_header i.fa-plus:before { content: "\f068"; } .toc .toc_body { display: none; } .toc .toc_body ul li a { color: #000; text-decoration: none; padding: 8px 0px; display: block; border-bottom: 1px solid #e6e4e4; } .toc .toc_body ul li:first-child a { padding-top: 6px; } .toc .toc_body ul li:last-child a { border-bottom: 0; } .toc .toc_body ul li a:hover { color: #2ad09d; } .dialog .dialog_header { font-size: 1em; line-height: 2em; } .dialog .dialog_body { padding: 3% 0; } .dialog_body .myform { width: 94%; } #arrow_up { background: rgba(57, 57, 57, 0.75); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 10px; position: fixed; bottom: 6%; right: 20px; cursor: pointer; font-size: 1.2em; color: #fff; line-height: normal; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; display: none; z-index: 999999; } #arrow_up:hover { background: rgba(57, 57, 57, 0.85); } #mobile_buttons { display: none; } #pop_list .gray_box_list { padding: 2px; } #pop_list aside { padding-top: 0; } #pop_list aside ul { display: flex; flex-wrap: wrap; justify-content: space-between; } #pop_list aside ul li { width: 33%; background: #fff; margin-bottom: 2px; border: 1px solid transparent; } #pop_list aside ul li:hover { border-color: #168ef6; } #pop_list section:first-child, #pop_list a:first-child { margin: 0; } #pop_list li a { padding: 17px; display: block; text-align: center; } #pop_list li:hover a { color: #168ef6; } #pop_list li a i { height: 25px; margin-bottom: 3px; } #pop_list li a img { max-height: 21px; } .internal-links-grid { direction: rtl; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 10px 0 20px; } .internal-links-grid a.card-link { position: relative; display: flex; align-items: center; justify-content: center; min-height: 92px; padding: 14px 12px; background: #fff; border: 1px solid #d9dde3; border-radius: 10px; text-decoration: none; color: #111; font-weight: 600; line-height: 1.2; text-align: center; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; will-change: transform; overflow: hidden; } .internal-links-grid a.card-link:hover, .internal-links-grid a.card-link:focus-visible { border-color: #111; box-shadow: 0 10px 0 rgba(0, 170, 120, 0.25); transform: translateY(-2px); outline: none; } .internal-links-grid .card-title { font-size: 18px; } /* תגית קטנה שמופיעה רק במעבר עכבר (כמו בתמונה) */ .internal-links-grid .card-badge { position: absolute; bottom: 10px; right: 50%; transform: translateX(50%); background: #fff; border: 1px solid #d9dde3; border-radius: 6px; padding: 4px 8px; font-size: 12px; font-weight: 500; color: #444; opacity: 0; transition: opacity 160ms ease; white-space: nowrap; } .internal-links-grid a.card-link:hover .card-badge, .internal-links-grid a.card-link:focus-visible .card-badge { opacity: 1; } /* רספונסיבי */ @media (max-width: 980px) { .internal-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .internal-links-grid { grid-template-columns: 1fr; } } .textArea .buttons_table a.mybutton.orange { display: flex; padding: 7px 0px; margin: 8px 2px; align-items: center; justify-content: center; font-size: 0.9em !important; width: 100%; } .textArea .buttons_table { list-style: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0; } .textArea .buttons_table li { width: 50%; display: flex; } #video_watch { display: flex; font-size: 1.125em; margin-top: 15px; text-align: center; flex: 1; justify-content: center; align-items: center; flex-direction: column; font-weight: bold; } #links ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } #links ul li { width: 22%; border: 1px solid #adadad; background: #ffffff; margin-top: 10px; } #links ul li:hover { border-color: #2ad09d; } #links ul li a { display: flex; padding: 10px; align-items: center; color: #2ad09d; font-size: 1.2em; text-decoration: none; } #links ul li a i { background: #2ad09d; width: 30%; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left: 5%; } #links ul li a i:after { content: ""; display: block; padding-bottom: 100%; } #links ul li a i img { max-width: 80%; } #mainSections { margin: 50px auto; } #mainSections .sections { display: inline-grid; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; justify-content: center; width: 100%; margin-bottom: 22px; } #mainSections .sections .img { top: -10px; position: relative; } #mainSections .sections.boxes { box-shadow: 0px 33px 29px 0px rgba(0, 94, 142, 0.13); } #mainSections .sections section { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 -1px -1px 0; padding-top: 10px; } #mainSections .sections section .img { height: 50px; width: 100%; } #mainSections .sections section .box { border: 1px solid #e9e9e9; width: 100%; padding: 15px; height: 170px; position: relative; } #mainSections .sections section .box .triangle { background: url("https://www.gemel.net/img/triangle.png"); width: 46px; height: 23px; display: block; position: absolute; right: 0; top: -10px; left: 0; bottom: 0; margin: 0 auto; } #mainSections .sections section .box .box_title { font-size: 2.25em; } #mainSections .sections section:first-child .box { -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } #mainSections .sections section:last-child .box { -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #mainSections .buttons { display: grid; gap: 15px; justify-content: center; grid-template-columns: 1fr 1fr; width: 50%; margin: 15px auto; } .custom_slider { direction: ltr; position: relative; } #customer_service { box-shadow: 0px 33px 32px 0px rgba(2, 48, 153, 0.17); padding: 30px; width: 70%; margin: 20px auto; margin-bottom: 35px; } #customer_service .gridContainer { align-items: center; justify-content: center; } #customer_service .gridContainer .column:first-child { display: flex; flex-direction: column; gap: 10px; } #centerContact { background: url("https://www.gemel.net/img/center-contact-bg.png") right; width: 100%; min-height: 653px; display: flex; background-size: contain; background-repeat: no-repeat; } .share-buttons-links { display: flex; flex-direction: column; gap: 10px; align-items: center; } #centerContact .wrap { width: 48%; max-width: 600px; padding-top: 160px; } #centerContact .wrap > b { font-size: 2.25em; color: #fff; text-align: center; display: block; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45); } #centerContact .note { background: rgba(255, 255, 255, 0.5); padding: 10px; margin-top: 10px; display: block; border-radius: 10px; text-align: center; } #centerContact .note a { color: #2ad09d; } #centerContact .note a:hover { color: #000; } #centerContact .myform fieldset div.inputArea input[type="text"], #centerContact .myform fieldset div.inputArea input[type="tel"], #centerContact .myform fieldset div.inputArea input[type="password"], #centerContact .myform fieldset div.inputArea textarea, #centerContact .myform fieldset div.inputArea select { border-radius: 10px; border: 0 !important; font-weight: bold; padding-right: 10px; } #centerContact .inputArea:before { content: ""; } .spacing { margin-bottom: 30px; } #centerPurchase { background: url("https://www.gemel.net/img/pur-bg.png") right; width: 100%; min-height: 619px; display: flex; background-size: contain; background-repeat: no-repeat; align-items: center; } #centerPurchase .wrap > span { display: block; font-size: 3em; font-weight: bold; line-height: 1.325em; } #centerPurchase .wrap > span b { font-size: 1.125em; } #centerPurchase .wrap .redButton { display: inline-block; font-size: 1.5em; margin-top: 35px; box-shadow: 0px 9px 30px 0px rgb(13 90 169 / 30%); background: #fff; padding: 10px 30px; } #centerPurchase .wrap .redButton span { position: relative; } #centerPurchase .wrap .redButton span i { position: absolute; top: 5px; left: -3px; color: #fe2922; } #centerPurchase .wrap .redButton:hover span i { color: #fff; } #centerPurchase .wrap .redButton:hover { background: #172c96; } .bottom_blocks { margin: 20px 0px; } .block .block_header b { font-size: 2.2em; display: block; font-weight: normal; margin-bottom: 10px; } .block .block_body { background: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 15px; box-shadow: 0px 33px 29px 0px rgba(0, 248, 164, 0.08); } .block .block_body .list { display: grid; gap: 15px; justify-content: space-between; padding: 20px; grid-template-columns: 1fr 1fr 1fr; } .block .block_body .list a:hover { color: #2ad09d; } #recs { background: #fafafa; padding: 20px 0; padding-bottom: 45px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; direction: ltr; text-align: left; } #recs .slick-track { display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-flow: column; } .slick-slide { margin: 0 20px; } .slick-list { margin: 0 -20px; } #recs .items .item { padding-top: 48px; } #recs .items .item-grid { background: #ffffff; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: flex; align-items: center; justify-content: flex-start; padding: 15px; gap: 15px; position: relative; flex-direction: column; padding-top: 60px; height: 100%; } #recs .items .item img { position: absolute; top: -30px; right: 0; left: 0; margin: 0 auto; width: 60px !important; height: 60px !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; object-fit: cover; } #recs .items .item span { font-weight: 600; font-size: 1.25em; text-align: center; color: #595959; } #recs .items .item p { font-weight: 200; font-size: 1.125em; text-align: center; color: #595959; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; direction: rtl; } .prices_list { margin: 20px 0px; } .prices_list .discount { color: red; display: block; border: 1px dashed red; padding: 3px; border-radius: 5px; font-weight: bold; font-size: 0.65em; direction: rtl; } .textArea .prices_list_text ul { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; } .prices_list section { text-align: center; font-weight: bold; font-size: 1.125em; } .prices_list section img { max-height: 150px; width: auto !important; margin: 0 auto; } .prices_list_text { font-size: 1em; padding: 20px; border: 1px solid #000; border-radius: 10px; margin: 15px 0px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* מוסיף צל קל */ } .prices_list_text h2 { font-size: 1.5em; font-weight: bold; margin-bottom: 10px; } .prices_list_text p { font-size: 1em; color: #333; } .percent_format { display: inline-block; direction: ltr; } /* Prevent body scroll when mobile menu is open */ body.mobile-menu-no-scroll { overflow: hidden !important; } #left_links { position: fixed; bottom: 3%; left: 10px; display: flex; flex-direction: column; gap: 15px; z-index: 4; } #left_links a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-decoration: none; color: #000; max-width: 105px; text-align: center; } #left_links a .icon { text-decoration: none; background: #11a964; color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 11px; font-size: 1.7em; padding: 8px 19px; width: 60%; } #left_links a .text { font-weight: bold; } #header header img#mobile-goodbit { display: none; } /* ================================================================= CONSOLIDATED MEDIA QUERIES ================================================================= */ /* Print Styles */ @media print { .printButton { display: none !important; } } /* Large Desktop and Tablet Styles - 1200px and below */ @media (max-width: 1200px) { .pageTitle, h1, h2, h3 { font-size: 1.8em; } h1, h2 { text-align: center; } .spacing { margin-bottom: 15px; } .myform fieldset div.inputArea input[type="text"], .myform fieldset div.inputArea input[type="tel"], .myform fieldset div.inputArea input[type="password"], .myform fieldset div.inputArea textarea, .myform fieldset div.inputArea select { font-size: 1em; } .myform button, .mybutton { font-size: 1em; } /* Show hamburger menu */ i#menuBar { display: block !important; z-index: 1001; position: relative; padding: 10px; border-radius: 5px; transition: background-color 0.3s ease; } /* Hide desktop navigation */ nav#menuArea { display: none; } /* Mobile menu overlay */ nav#menuArea.mobile-menu-open { display: block; position: fixed; top: 0; right: -100%; width: 84%; height: 100vh; background: #fff; z-index: 1000; transition: right 0.3s ease; overflow-y: auto; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3); padding: 80px 0 20px 0; } nav#menuArea.mobile-menu-open.slide-in { right: 0; } /* Primary button inside mobile menu */ nav#menuArea.mobile-menu-open .mobile-menu-primary-button { position: absolute; top: 10px; left: 10px; z-index: 1002; font-size: 0.9em; padding: 8px 12px; white-space: nowrap; display: block; } /* Mobile menu backdrop */ .mobile-menu-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 999; transition: opacity 0.3s ease; } .mobile-menu-backdrop.show { display: block; } #searchButton { width: 30px; height: 30px; font-size: 1em; order: 2; } /* Mobile navigation styles */ ul#navigator { display: block; padding: 0; margin: 0; } ul#navigator > li { display: block; border-bottom: 1px solid #eee; } ul#navigator > li > div, ul#navigator > li > a { display: block; padding: 15px 20px; color: #000; text-decoration: none; font-size: 1em; border: none; background: none; position: relative; } ul#navigator > li > div > a, ul#navigator > li > div > span.text { display: inline; padding: 0; font-size: 1em; } /* Mobile dropdown arrow */ ul#navigator > li.plus > div > span.icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; color: #666; font-size: 1.6em; cursor: pointer; padding: 0 10px; } ul#navigator > li.minus > div > span.icon { transform: translateY(-50%) rotate(180deg); } /* Mobile dropdown menu */ ul#navigator > li > ul.drop { display: none; position: static; width: 100%; background: #f8f9fa; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0; overflow: hidden; transition: max-height 0.3s ease-out; } ul#navigator > li.mobile-dropdown-open > ul.drop { max-height: 800px !important; } ul#navigator > li > ul.drop li { width: 100%; float: none; margin: 0; border-bottom: 1px solid #e0e0e0; } ul#navigator > li > ul.drop li:last-child { border-bottom: none; } ul#navigator > li > ul.drop li > a { display: block; padding: 12px 40px; width: 100%; float: none; margin: 0; border: none; color: #555; font-size: 1em; } ul#navigator > li > ul.drop li > a:hover { color: #2ad09d; background: #f0f0f0; } /* Mobile menu close button */ .mobile-menu-close { display: none; /* Hide the separate close button */ } /* Header adjustments for mobile */ #header header { padding: 15px 0; flex-wrap: wrap; } #header header a#logo { order: 2; flex: 1; background-position: center center; } #header header i#menuBar { order: 1; margin-left: 0; margin-right: 15px; } #header header .primaryButton { display: none; /* Hide primaryButton from header in mobile */ } #header header img#goodbit { display: none; } #header header img#mobile-goodbit { display: block; position: absolute; bottom: 10px; left: 10px; } /* Ensure proper stacking */ .mobile-menu-backdrop, nav#menuArea.mobile-menu-open { position: fixed !important; } .flexWrap { flex-direction: column; gap: 30px; display: flex; } .flexWrap .leftBlocks, .flexWrap .rightBlocks { width: 100%; margin: 0; } /* #topArea Styles */ .innerWrap { width: 95%; padding: 0 10px; } #topArea { text-align: center; padding: 0; } #topArea .topArea_title { font-size: 1.2em; line-height: 1.3; margin-bottom: 15px; padding: 0 10px; } #topArea .topArea_activities { flex-direction: column; gap: 25px; align-items: center; } #activities { width: 100%; order: 2; } #activities ul { grid-template-columns: 1fr 1fr; margin: 0 auto; } #activities li a { height: 80px; padding: 12px; gap: 12px; flex-direction: row; } #activities li a i { height: 50px; width: 50px; margin-bottom: 0; flex-shrink: 0; } #activities li a span { text-align: right; flex: 1; font-size: 1em; } .topImg { display: none; } /* #main_calculator Styles */ #main_calculator { padding: 25px 15px; margin: 20px 0; } #main_calculator .calcs { grid-template-columns: 1fr; gap: 20px; width: 100%; } #main_calculator .calcs .calc_title { font-size: 1.6em; line-height: 1.2; margin-bottom: 10px; } #main_calculator .calcs sub { font-size: 1em; line-height: 1.4; display: block; margin-bottom: 15px; } #main_calculator .slider-container { width: 100%; margin-top: 40px; } .slider-container .bubble { font-size: 1em; padding: 2px 8px; top: -35px; } .slider-container .slider-labels { font-size: 0.8em; margin-top: 10px; } #main_calculator .secondaryButton { margin-top: 30px; padding: 10px 12px; font-size: 0.9em; line-height: 1.3; width: 95%; max-width: 400px; text-align: center; white-space: normal; word-wrap: break-word; } /* Additional slider container responsiveness */ .slider-container { margin-top: 60px; } footer .blocks { flex-direction: column; gap: 20px; text-align: center; font-size: 0.875em; } footer h3 { margin-bottom: 5px; } footer .footer_note { width: 100%; } /* Search Overlay Responsive Styles */ #searchOverlay .search-container { width: 95%; max-width: 500px; padding: 0 15px; } #searchOverlay .search-title { font-size: 2em; margin-bottom: 20px; } #searchOverlay .search-input { padding: 16px 16px 16px 50px; font-size: 1.3em; border-radius: 25px; } #searchOverlay .search-input-container .search-input-icon { left: 20px; font-size: 1.3em; } #searchOverlay .search-suggestions { font-size: 1em; margin-top: 15px; } #searchOverlay .search-suggestions span { margin: 4px 8px; padding: 6px 12px; font-size: 0.95em; border-radius: 15px; } } .cookie-consent { position: fixed; right: calc(env(safe-area-inset-right, 0) + 16px); bottom: calc(env(safe-area-inset-bottom, 0) + 16px); max-width: 300px; width: min(300px, calc(100vw - 32px)); background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 6px 24px rgba(0,0,0,0.12); border-radius: 10px; padding: 16px; display: none; z-index: 2147483647; font-family: inherit; line-height: 1.5; direction: rtl; } .cookie-consent__text { font-size: 15px; color: #222; margin-bottom: 10px; } .cookie-consent__link { color: #000; text-decoration: underline; } .cookie-consent__actions { display: flex; gap: 8px; } .cookie-consent__btn { appearance: none; border: 0; padding: 10px 16px; border-radius: 10px; cursor: pointer; font-size: 14px; font-weight: 700; } .cookie-consent__btn--ok { background: #17a34a; color: #fff; } .cookie-consent__btn--ok:focus { outline: 2px solid #222; outline-offset: 2px; } /* Mobile - top with small gap and light transparency, one row with button on the left and smaller text */ /* מרווח עליון דינמי למובייל - אפשר לכוון בקלות */ @media (max-width: 480px) { :root { --cookie-bottom-gap: 64px; } /* שנה את 64 לפי גובה הכפתורים שלך */ .cookie-consent { position: fixed; right: calc(env(safe-area-inset-right, 0) + 12px); left: calc(env(safe-area-inset-left, 0) + 12px); bottom: calc(env(safe-area-inset-bottom, 0) + var(--cookie-bottom-gap)); top: auto; width: auto; max-width: none; padding: 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.08); background: rgba(255,255,255,0.96); box-shadow: 0 10px 24px rgba(0,0,0,0.10); display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; z-index: 2147483647; } /* טקסט בצד ימין קטן יותר */ .cookie-consent__text { order: 1; text-align: right; margin: 0; font-size: 13px; line-height: 1.4; } /* כפתור בצד שמאל */ .cookie-consent__actions { order: 2; margin-left: 8px; } .cookie-consent__btn { padding: 8px 14px; font-size: 13px; border-radius: 9px; } } /* Compare calculator contact form */ .compare_contact_form_wrap { direction: rtl; margin: 48px 0 38px; overflow: visible; } .compare_contact_form_inner { position: relative; overflow: visible; display: grid; grid-template-columns: minmax(210px, 0.8fr) minmax(0, 1.4fr); gap: 18px; align-items: center; min-height: 138px; background: #FFF4D8; border: 2px solid #F2B705; border-radius: 16px; padding: 22px 220px 22px 22px; box-shadow: 0 8px 18px rgba(242, 183, 5, 0.18); } .compare_contact_form_image { position: absolute; right: 18px; bottom: 1px; width: 140px; height: 180px; pointer-events: none; z-index: 2; display: flex; align-items: flex-end; justify-content: center; } .compare_contact_form_image img { display: block; width: auto; height: 100%; max-width: none; } .compare_contact_form_text { position: relative; z-index: 3; } .compare_contact_form_text strong { display: block; font-size: 1.55em; line-height: 1.2; color: #000; margin-bottom: 4px; } .compare_contact_form_text span { display: block; font-size: 1em; line-height: 1.45; color: #000; } .compare_contact_form.myform { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: center; padding-bottom: 0; } .compare_contact_form.myform fieldset { margin-bottom: 0; } .compare_contact_form.myform fieldset div.inputArea { float: none; width: 100%; } .compare_contact_form.myform fieldset div.inputArea input[type="text"], .compare_contact_form.myform fieldset div.inputArea input[type="tel"] { line-height: 46px; font-size: 1em; border-radius: 12px; border: 2px solid #000; padding-right: 48px; background: #fff; } .compare_contact_form.myform .inputArea:before { top: 10px; color: #F2B705; } .compare_contact_form.myform button.primaryButton { width: auto; min-width: 120px; height: 50px; padding: 0 22px; font-size: 1.1em; border-radius: 12px; box-shadow: 0px 7px 8px 0px rgba(242, 183, 5, 0.28); } @media (max-width: 1050px) { .compare_contact_form_wrap { margin: 58px 0 34px; } .compare_contact_form_inner { grid-template-columns: 1fr; padding: 155px 18px 18px; text-align: center; } .compare_contact_form_image { right: 50%; bottom: auto; top: -42px; transform: translateX(50%); width: 140px; height: 180px; } .compare_contact_form.myform { grid-template-columns: 1fr; } .compare_contact_form.myform button.primaryButton { width: 100%; } } /* gmc: unified styling for the bottom calculators/related block (2026-06) */ .bottom_blocks .block_header b{font-size:1.6em;color:#222;font-weight:600} .bottom_blocks .block_body{box-shadow:none;border:1px solid #e6e6e6} .bottom_blocks .block_body .list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:14px} .bottom_blocks .block_body .list a{display:block;background:#f5fbf8;border:1px solid #cfeee2;border-radius:10px;padding:14px 16px;color:#0f6e56;text-decoration:none;font-weight:600;text-align:center;transition:.15s} .bottom_blocks .block_body .list a:hover{background:#2ad09d;color:#fff;border-color:#cfeee2} /* --- mobile activity icons: consistent size + clean alignment (2026-06) --- */ @media (max-width: 1200px) { #activities ul { gap: 10px; } #activities li a { height: auto; min-height: 76px; padding: 10px 14px; gap: 12px; align-items: center; justify-content: flex-start; } #activities li a img { max-width: 46px; max-height: 46px; width: auto; height: auto; margin: 0; flex-shrink: 0; } #activities li a i { border: none; height: 46px; width: 46px; margin: 0; flex-shrink: 0; } #activities li a span { text-align: right; flex: 1; font-size: 0.95em; line-height: 1.3; } } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; overflow: auto; } .nbs-flexisel-inner { position: relative; overflow: hidden; float:left; width:100%; background:#fcfcfc; background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */ background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */ background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */ background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */ background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */ background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */ border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { padding:5px 10px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; position: absolute; cursor: pointer; z-index: 4; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; } .nbs-flexisel-nav-left { left: 10px; } .nbs-flexisel-nav-left:before { content: "<" } .nbs-flexisel-nav-left.disabled { opacity: 0.4; } .nbs-flexisel-nav-right { right: 5px; } .nbs-flexisel-nav-right:before { content: ">" } .nbs-flexisel-nav-right.disabled { opacity: 0.4; } .nbs-flexisel-container { display: flex; padding: 0 45px; align-items: center; } .nbs-flexisel-container .nbs-flexisel-inner { background: none; border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; position: relative; overflow: hidden; float: left; width: 100%; } .nbs-flexisel-container .control_left, .nbs-flexisel-container .control_right { position: absolute; cursor: pointer; color: #000; font-size: 1.6em; } .nbs-flexisel-container .control_left.disabled, .nbs-flexisel-container .control_right.disabled { pointer-events: none; cursor: not-allowed; opacity: 0.4; } .nbs-flexisel-container .control_left { left: 0; } .nbs-flexisel-container .control_right { right: 0; } .nbs-flexisel-container .control_left:hover, .nbs-flexisel-container .control_right:hover { color: #023099; } .nbs-flexisel-container .nbs-flexisel-item { line-height: normal; cursor: auto; } .nbs-flexisel-ul { overflow: hidden; float: left; text-align: right; } #ribit_calculator { font-size: 1rem; } /* Pension Calculator Styles */ .calculator-container { display: flex; flex-direction: column; gap: 20px; background: #000000; border-radius: 20px; padding: 30px; } .calculator-content { display: flex; gap: 20px; } .calculator-left { flex: 0.4; display: flex; flex-direction: column; gap: 25px; } .calculator-right { flex: 0.6; display: flex; flex-direction: column; color: #fff; border-right: 1px solid #595959; } .calculator-section { background: #4f4f4f; border-radius: 15px; padding: 25px; } .calc-title { font-size: 1.875em; font-weight: 600; margin-bottom: 8px; line-height: 1em; color: #ffffff; } .calc-subtitle { color: #ffffff; font-size: 1.125em; line-height: 1em; margin-bottom: 20px; } /* Time Periods Radio Style */ .calculator-container .time-periods.custom_radio { display: flex; flex-direction: column; margin: 0; flex-wrap: wrap; gap: 10px; } .calculator-container .time-periods.custom_radio div { display: flex; gap: 15px; flex-wrap: wrap; padding: 10px; border-radius: 10px; color: #ccc; font-size: 1.125em; background: #4f4f4f; } .calculator-container .time-periods.custom_radio div b { color: #fff; } .calculator-container .time-periods.custom_radio input[type="radio"]:checked + span { font-weight: normal; color: #fff; } .calculator-container .calc-results-header { margin-bottom: 30px; display: flex; align-items: center; gap: 15px; padding-right: 15px; } .calculator-container .calc-results-header h3 { font-size: 3em; margin: 0; line-height: 1em; } .calculator-container .calc-results-header .calc-icon { height: 40px; width: auto; } .calculator-container .calc-result-row { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #595959; } .calculator-container .calc-result-row:last-child { border-bottom: none; } .calculator-container .calc-result-row .result-img { width: 65px; align-items: center; display: flex; justify-content: center; } .calculator-container .calc-result-row .result-label { font-size: 1.125em; margin-left: auto; } .calculator-container .calc-result-row .result-value { font-size: 1.5em; } .calculator-container .calc-result-row.highlight .result-value { color: #2ad09d; font-weight: bold; } /* Disclaimer */ .calculator-container .disclaimer { border-radius: 10px; padding: 15px; margin: 20px 0; color: #2ad09d; text-align: center; font-weight: 500; } .calculator-container .slider-container { margin-top: 65px; } .calculator-container .slider-container .slider-labels { color: #2ad09d; } .calculator-container .slider-container input[type="range"]::-webkit-slider-runnable-track { background: #2ad09d; } .calculator-container .goform { border: 1px solid #595959; border-radius: 10px; padding: 15px 40px; margin: 0 auto; width: 90%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; } .calculator-container .goform fieldset { flex-basis: calc(50% - 5px); margin-bottom: 0; } .calculator-container .goform .mybutton { padding: 15px 20px; } /* Responsive Design */ @media (max-width: 1200px) { .calculator-container { padding: 20px 10px; gap: 20px; } .calculator-content { flex-direction: column; gap: 20px; } .calculator-container .time-periods.custom_radio div { justify-content: center; gap: 8px; } .calculator-container .calc-results-header h3 { font-size: 1.5em; } .calculator-container .calc-result-row .result-label { font-size: 1em; } .calculator-container .calc-result-row .result-value { font-size: 1.2em; } .calculator-container .calc-result-row.highlight .result-value { font-size: 1.4em; } .calculator-container .goform { flex-direction: column; gap: 10px; width: 94%; padding: 10px; } .calculator-container .goform fieldset { flex-basis: 100%; width: 100%; } .calc-title { font-size: 1.5em; text-align: center; } .calc-subtitle { font-size: 1em; text-align: center; } } #compare_calculator { font-size: 1rem; } .compare_container { position: relative; background: #f1f1f1; padding: 20px; border-radius: 10px; } #compare_calculator.thin .compare_container { background: transparent; padding: 0; } .compare_container .tabs { display: flex; gap: 10px; justify-content: space-between; margin-bottom: 10px; } .compare_container .tabs button { padding: 15px 30px; font-size: 1.375em; color: #6b6b6b; background: #fff; border: 1px solid #e6e6e6; border-radius: 8px; cursor: pointer; } .compare_container .tabs button.active, .compare_container .tabs button:hover { background: #00c99f; color: white; border-color: #000; } .compare_container .tabs button.active { font-weight: bold; } .custom_radio { display: flex; flex-direction: column; margin: 15px 0; flex-wrap: wrap; gap: 10px; } .custom_radio div { display: flex; gap: 15px; flex-wrap: wrap; border: 1px solid #000; padding: 10px; border-radius: 10px; color: #6b6b6b; font-size: 1.125em; } .custom_radio div b { color: #000; } .custom_radio label { display: flex; align-items: center; gap: 4px; } .custom_radio label span { display: flex; align-items: center; } .custom_radio label span::before { content: ""; display: inline-block; width: 15px; height: 15px; border: 1px solid #000; border-radius: 50%; background-color: #fff; margin-left: 8px; vertical-align: middle; } .custom_radio label input[type="radio"] { display: none; } .custom_radio label input[type="radio"]:checked + span::before { background-color: #2ad09d; border-color: #000; } .custom_radio input[type="radio"]:checked + span { font-weight: bold; color: #000; } .compare_container .left-card { max-width: 226px; background: #e7e7e7; padding: 15px; border-radius: 10px; text-align: center; float: left; display: flex; gap: 25px; flex-direction: column; align-items: center; } .compare_container .left-card img { max-height: 54px; width: auto; } .compare_container .left-card .primaryButton { padding: 9px 18px; } .compare_container .left-card .title { font-size: 1.5em; display: flex; gap: 7px; align-items: center; justify-content: center; margin-bottom: 30px; } .compare_container .left-card .total_box { background: #e7e7e7; border: 1px solid #000; padding: 15px 25px; display: flex; flex-direction: column; border-radius: 10px; line-height: normal; box-shadow: 0px 0px 43px 0px rgba(42, 208, 157, 1); } .compare_container .left-card .total_box .value { font-weight: bold; font-size: 1.875em; } .compare_container .left-card .total_box span { font-size: 1.125em; color: #969696; } .compare_container .left-card .company_name { font-size: 1.5em; font-weight: bold; } .compare_container .chart-container { display: flex; gap: 20px; } #chart_div { height: 100%; } .compare_container .chart-area { min-height: 520px; flex: 1; position: relative; } .compare_container .chart-area .yLabel { position: absolute; left: 10px; top: 0; font-size: 1.125em; color: #000; font-weight: bold; z-index: 1; } .compare_container #logoLabels { position: absolute; bottom: 0; left: 0; display: flex; justify-content: space-between; padding: 0 50px; font-size: 1.125em; flex-direction: row-reverse; } .compare_container #logoLabels .logoLabel { display: flex; flex-direction: column; align-items: center; text-align: center; } .compare_container #logoLabels img { height: 20px; width: auto; } #compare_button_area { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease; overflow: hidden; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; backdrop-filter: blur(7.5px); -webkit-backdrop-filter: blur(7.5px); position: fixed; bottom: 0; right: 0; width: 100%; padding: 30px 0px; z-index: 1000; font-size: 1rem; transform: translateY(100%); opacity: 0; visibility: hidden; } #compare_button_area.show { transform: translateY(0%); opacity: 1; visibility: visible; } #compare_button_area .primaryButton { padding: 5px 60px; } /* Fund Comparison Table Styles */ /* ===================================================== Homepage track comparison tables ===================================================== */ .homepage_track_section { overflow: hidden; } .homepage_track_tables { display: flex; gap: 10px; align-items: flex-start; } .homepage_track_table_wrap { flex: 1; min-width: 0; } /* Footer row with "מעבר לרשימה המלאה" button */ .extend_container .fund_comparison_table .table_footer_row { display: flex; justify-content: center; padding: 15px; background: #f1f1f1; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } /* Simple table has no col_compare / col_ytd / col_action — columns are redistributed to fit the narrower 3-column layout */ .extend_container .fund_comparison_table.homepage_simple_table { font-size: 0.775em; } /* Allow header text to wrap in the simple table so cells don't overflow */ .extend_container .homepage_simple_table .table_header { white-space: normal; } /* col_name gets 2 flex units (~33%), yield columns get 1 each (~16.7%) */ .extend_container .homepage_simple_table .col_name { flex: 2 1 0%; min-width: 0; overflow: hidden; padding-left: 2px; padding-right: 6px; } /* Override base table_row rule which sets flex-direction:row and justify-content:flex-start */ .extend_container .homepage_simple_table .table_row .col_name { flex-direction: column; justify-content: center; align-items: flex-start; } .extend_container .homepage_simple_table .col_month, .extend_container .homepage_simple_table .col_1y, .extend_container .homepage_simple_table .col_3y, .extend_container .homepage_simple_table .col_5y { flex: 1 1 0%; padding-left: 2px; padding-right: 2px; } /* Override sortable padding so header cells stay the same width as data cells */ .extend_container .homepage_simple_table .table_header .sortable { padding-left: 2px; padding-right: 2px; } .extend_container .homepage_simple_table .col_name .fund_name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; width: 100%; line-height: 1.4; } .extend_container .homepage_simple_table .table_header, .extend_container .homepage_simple_table .table_row { min-height: unset; } .extend_container .homepage_simple_table .table_row .col_name, .extend_container .homepage_simple_table .table_header .col_name, .extend_container .homepage_simple_table .col_month, .extend_container .homepage_simple_table .col_1y, .extend_container .homepage_simple_table .col_3y, .extend_container .homepage_simple_table .col_5y, .extend_container .homepage_simple_table .table_header .sortable { padding-top: 8px; padding-bottom: 8px; } .extend_container .homepage_simple_table .table_header .sortable { padding: 8px 2px !important; } /* ===================================================== */ .extend_container { font-size: 1rem; } .extend_container .fund_comparison_table { background: #f8f9fa; font-size: 1.125em; border: 1px solid #000; border-radius: 12px; } .extend_container .table_header, .extend_container .table_row { display: flex; align-items: center; border-bottom: 1px solid #000000; min-height: 60px; padding: 0; } .extend_container .table_row:last-child { border-bottom: 0; } .extend_container .table_header { background: #e7e7e7; border-top-left-radius: 12px; border-top-right-radius: 12px; white-space: nowrap; } /* Sortable header styling */ .extend_container .table_header .sortable { cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; user-select: none; padding: 15px 10px; gap: 5px; } .extend_container .table_header .sortable:hover { background: rgba(0, 0, 0, 0.05); } .extend_container .table_header .sortable .header_text { flex: 1; text-align: center; } .extend_container .table_header .sortable .sort_arrows { display: flex; flex-direction: column; font-size: 0.7em; line-height: 0.8; margin-left: 3px; width: 8px; } .extend_container .table_header .sortable .arrow_up, .extend_container .table_header .sortable .arrow_down { color: #ccc; transition: color 0.2s ease; cursor: pointer; } .extend_container .table_header .sortable .arrow_up:hover, .extend_container .table_header .sortable .arrow_down:hover { color: #666; } .extend_container .table_header .sortable.sort_asc .arrow_up { color: #00c99f; } .extend_container .table_header .sortable.sort_desc .arrow_down { color: #00c99f; } .extend_container .table_row { background: #f1f1f1; transition: background-color 0.2s ease; font-weight: bold; } .extend_container .table_row:hover, .extend_container .table_row.highlighted { background: #80e5c3; } .extend_container .table_row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } /* Column widths and styling */ .extend_container .col_compare { flex: 0 0 12%; padding: 15px 10px; text-align: center; display: flex; align-items: center; justify-content: center; } .extend_container .table_header .col_compare { border-top-right-radius: 12px; } .extend_container .col_name { flex: 1; min-width: 25%; padding: 15px 20px; text-align: right; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; } .extend_container .col_name .search-input-wrapper { position: relative; width: 100%; display: flex; align-items: center; } .extend_container .col_name .fund-search-input { width: 100%; padding: 0 38px 0 12px; /* Added right padding for icon */ border: none; border-bottom: 1px solid #8d8c8c; background: transparent; } .extend_container .col_name .search-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #8d8c8c; pointer-events: none; } .extend_container .col_name .fund-search-input:focus { outline: none; border-color: #000; } .extend_container .col_name .fund-search-input:focus + .search-icon { color: #000; } .extend_container .col_name .fund-search-input::placeholder { color: #000; } .extend_container .table_row .col_name { justify-content: flex-start; flex-direction: row; } .extend_container .col_5y, .extend_container .col_3y, .extend_container .col_1y, .extend_container .col_ytd, .extend_container .col_month { flex: 0 0 10%; white-space: nowrap; padding: 15px 10px; text-align: center; display: flex; align-items: center; justify-content: center; } .extend_container .col_action { flex: 0 0 12%; padding: 15px 10px; text-align: center; display: flex; align-items: center; justify-content: center; } /* Override padding for sortable headers since they already have padding */ .extend_container .table_header .sortable.col_5y, .extend_container .table_header .sortable.col_3y, .extend_container .table_header .sortable.col_1y, .extend_container .table_header .sortable.col_ytd, .extend_container .table_header .sortable.col_month { padding: 15px 10px; } /* Simple table: sortable header cells must match data cell padding exactly */ .extend_container .homepage_simple_table .table_header .sortable.col_5y, .extend_container .homepage_simple_table .table_header .sortable.col_3y, .extend_container .homepage_simple_table .table_header .sortable.col_1y, .extend_container .homepage_simple_table .table_header .sortable.col_month { padding-left: 2px; padding-right: 2px; } /* Add Preference Button */ .extend_container .add_preference { background: #80e5c3; border: none; color: #000; text-decoration: none; border-radius: 5px; padding: 0.2rem 0.75rem; font-size: 0.875em; cursor: pointer; font-weight: bold; transition: all 0.2s ease; } .extend_container .add_preference.selected, .extend_container .add_preference:hover, .extend_container .table_row:hover .add_preference { background: #000; color: white; text-decoration: none; } /* Fund Name */ .extend_container .fund_name { color: #3529b5; font-weight: bold; cursor: pointer; text-decoration: none; } .extend_container .fund_name:hover { color: #3529b5; text-decoration: underline; } /* Custom Checkbox */ .extend_container .checkbox_container { display: inline-flex; align-items: center; cursor: pointer; position: relative; user-select: none; font-size: 0.875em; gap: 7px; } .extend_container .checkbox_container input[type="checkbox"] { opacity: 0; position: absolute; width: 27px; height: 24px; cursor: pointer; z-index: 5; margin: 0; } .extend_container .checkmark { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 24px; background: #f8f9fa; border: 1px solid #000; border-radius: 2px; font-weight: bold; color: #6c757d; transition: all 0.2s ease; box-shadow: 0px 5px 5px 0px rgba(128, 229, 195, 0.75); } .extend_container .checkmark:after { content: "✓"; opacity: 0; transition: opacity 0.2s ease; } .extend_container .checkbox_container input[type="checkbox"]:checked + .checkmark:after { opacity: 1; } .comparison-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999991; } .comparison-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } .comparison-popup-content { position: relative; width: 100%; min-height: 100vh; max-height: 100vh; background-color: white; z-index: 10001; overflow-y: auto; } .comparison-popup-header { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0; right: 0; padding: 10px 30px 0 30px; z-index: 10002; background: #fff; display: flex; } .comparison-popup-close { display: inline-flex; align-items: center; color: #000; gap: 8px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; } .comparison-popup-close:hover { color: #80e5c3; } .comparison-popup-body { padding: 10px 30px 30px; min-height: calc(100vh - 100px); } .comparison-popup-body h2 { text-align: center; margin-bottom: 40px; font-size: 28px; } .comparison-content { max-width: 1200px; margin: 0 auto; box-shadow: 0 4px 12px rgba(128, 128, 128, 0.15); background: #fff; } /* Prevent body scrolling when popup is open */ body.popup-open { overflow: hidden; } /* Loading spinner styles */ .comparison-popup-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 30px; text-align: center; } .loading-spinner { width: 50px; height: 50px; border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 20px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .error-message { text-align: center; padding: 20px; color: #e74c3c; } /* Comparison table styles */ .comparison-table { margin-top: 20px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .comparison-table-header, .comparison-table-row { display: grid; grid-template-columns: 2fr 1.5fr 1fr 1fr 1fr 1fr; gap: 10px; padding: 15px 20px; align-items: center; } .comparison-table-header { background-color: #f8f9fa; font-weight: bold; border-bottom: 2px solid #dee2e6; } .comparison-table-row { background-color: white; border-bottom: 1px solid #e9ecef; transition: background-color 0.2s ease; } .comparison-table-row:hover { background-color: #f8f9fa; } .comparison-table-row:last-child { border-bottom: none; } .fund-info strong { font-size: 16px; } .company-info { display: flex; align-items: center; gap: 10px; } .company-logo { width: 30px; height: 30px; object-fit: contain; border-radius: 4px; } .col-month, .col-ytd, .col-3y, .col-5y { font-weight: 600; text-align: center; } .no-selection-message { text-align: center; padding: 40px 20px; color: #666; } .no-selection-message p { margin: 10px 0; font-size: 16px; } .no-selection-message p:first-child { font-weight: bold; font-size: 1.125em; } /* Comparison Table Layout - Grid Based for Perfect Alignment */ .comparison-popup .comparison-cards-container { display: grid; grid-template-columns: repeat(4, 25%); grid-auto-columns: 25%; grid-template-rows: minmax(120px, auto) repeat(8, minmax(50px, auto)); border-radius: 0; overflow-x: auto; background: #fff; width: 100%; position: relative; } /* Scroll arrows for horizontal navigation */ .comparison-popup .scroll-arrows { position: absolute; top: 50%; transform: translateY(-50%); z-index: 200; background: #80e5c3; border: 1px solid #000; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; font-weight: bold; color: #333; transition: all 0.2s ease; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .comparison-popup .scroll-arrows:hover { background: #000; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .comparison-popup .scroll-arrows.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; } .comparison-popup .scroll-arrow-left { left: 10px; } .comparison-popup .scroll-arrow-right { right: 10px; } /* Labels column */ .comparison-popup .comparison-labels { grid-column: 1; grid-row: 1 / -1; border-right: 1px solid #cfcee5; position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; inset-inline-start: 0; display: table-cell; background: #fff; z-index: 11; } .comparison-popup .comparison-labels-header { grid-column: 1; grid-row: 1; padding: 1rem; text-align: center; border-bottom: 1px solid #e4e1fc; background: #ececec; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px; } .comparison-popup .comparison-labels-header .share_buttons { display: flex; gap: 12px; flex-direction: column; width: 100%; } .comparison-popup .comparison-labels-header img { max-width: 100%; max-height: 4rem; object-fit: contain; } .comparison-popup .comparison-labels-body { display: contents; } .comparison-popup .label-item { grid-column: 1; padding: 1rem; border-bottom: 1px solid #cfcee5; font-size: 1.125em; font-weight: bold; display: flex; align-items: center; word-break: break-word; hyphens: auto; } .comparison-popup .label-item:nth-child(1) { grid-row: 2; } .comparison-popup .label-item:nth-child(2) { grid-row: 3; } .comparison-popup .label-item:nth-child(3) { grid-row: 4; } .comparison-popup .label-item:nth-child(4) { grid-row: 5; } .comparison-popup .label-item:nth-child(5) { grid-row: 6; } .comparison-popup .label-item:nth-child(6) { grid-row: 7; } .comparison-popup .label-item:nth-child(7) { grid-row: 8; } .comparison-popup .label-item:nth-child(8) { grid-row: 9; } .comparison-popup .label-item:last-child { border-bottom: none; } /* Fund columns */ .comparison-popup .comparison-card { display: contents; border-right: 1px solid #cfcee5; background: #fff; min-width: 0; /* Prevent grid overflow */ } .comparison-popup .comparison-card:last-child { border-right: none; } /* Fund header with logo and title */ .comparison-popup .comparison-card-header { grid-row: 1; padding: 2.25rem; text-align: center; border-bottom: 1px solid #e4e1fc; border-right: 1px solid #e4e1fc; background: #fff; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; } /* X close button for each fund */ .comparison-popup .fund-remove-btn { position: absolute; top: 0.5rem; left: 0.5rem; font-size: 1.5em; color: #000; cursor: pointer; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; border: none; background: transparent; font-weight: bold; border-radius: 3px; z-index: 10; } .comparison-popup .fund-remove-btn:hover { color: #dc3545; } /* Hide remove button when there's only one fund */ .comparison-popup .comparison-cards-container[data-fund-count="1"] .fund-remove-btn { display: none !important; } /* Adjust grid layout for single fund comparison */ .comparison-popup .comparison-cards-container[data-fund-count="1"] { grid-template-columns: minmax(120px, 400px) 1fr; } /* Animation for removing fund columns */ .comparison-popup .comparison-card-header.removing, .comparison-popup .performance-item.removing { animation: slideOutAndShrink 0.4s ease-in-out forwards; } @keyframes slideOutAndShrink { 0% { opacity: 1; transform: scale(1) translateX(0); } 50% { opacity: 0.3; transform: scale(0.98) translateX(5px); } 100% { opacity: 0; transform: scale(0.95) translateX(10px); visibility: hidden; } } /* Company logo */ .comparison-popup .company-logo-wrapper { margin-bottom: 0.25rem; max-width: 100%; } .comparison-popup .company-logo-large { max-width: 100%; height: 3.5rem; object-fit: contain; display: block; } /* Fund details */ .comparison-popup .fund-details { text-align: center; margin-bottom: auto; width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.6; } .comparison-popup .fund-details .fund-name { font-size: 1.125em; margin-bottom: 0.25rem; line-height: 1.2; word-break: break-word; hyphens: auto; } .comparison-popup .fund-details .fund-name a { color: #3529b5; text-decoration: none; } .comparison-popup .company-name { color: #666; word-break: break-word; } .comparison-popup .fund-more-info { background: #80e5c3; border: none; border-radius: 5px; padding: 0.4rem 0.6rem; cursor: pointer; white-space: nowrap; font-weight: bold; transition: all 0.2s ease; font-size: 1em; color: #000; text-decoration: none; } .comparison-popup .fund-more-info:hover { background: #000; color: white; } /* Performance data rows */ .comparison-popup .comparison-card-body { display: contents; } .comparison-popup .performance-grid { display: contents; } .comparison-popup .performance-item { display: flex; justify-content: center; align-items: center; font-size: 1.125em; padding: 1rem; border-bottom: 1px solid #cfcee5; border-right: 1px solid #cfcee5; transition: background-color 0.2s ease; } .comparison-popup .performance-item:nth-child(1) { grid-row: 2; } .comparison-popup .performance-item:nth-child(2) { grid-row: 3; } .comparison-popup .performance-item:nth-child(3) { grid-row: 4; } .comparison-popup .performance-item:nth-child(4) { grid-row: 5; } .comparison-popup .performance-item:nth-child(5) { grid-row: 6; } .comparison-popup .performance-item:nth-child(6) { grid-row: 7; } .comparison-popup .performance-item:nth-child(7) { grid-row: 8; } .comparison-popup .performance-item:nth-child(8) { grid-row: 9; } /* Remove bottom border from last row items */ .comparison-popup .comparison-card-header:last-child, .comparison-popup .label-item:nth-child(8), .comparison-popup .performance-item:nth-child(8) { border-bottom: none; } .comparison-popup .performance-item:hover { background: #f8f9fa; } .comparison-popup .performance-item:last-child { border-bottom: none; } /* Hide labels in this layout */ .comparison-popup .performance-label { display: none; } .comparison-popup .performance-value { font-size: 1.125em; text-align: center; } /* Color coding for positive/negative values */ .comparison-popup .performance-value:contains("+"), .comparison-popup .performance-value[data-positive="true"] { color: #28a745; } .comparison-popup .performance-value:contains("-"), .comparison-popup .performance-value[data-negative="true"] { color: #dc3545; } #fund-page-info { display: flex; } #fund-page-info .textArea { margin-left: auto; flex: 0.9; } #fund-page-info .share_buttons { display: flex; flex-direction: column; gap: 10px; align-items: center; } .fund-lines-list { display: flex; flex-direction: column; font-size: 1.5em; position: relative; } .fund-lines-list .fund-graph-image { position: absolute; left: 6%; bottom: -30px; } .fund-lines-list .line { padding: 0.5rem 0; border-bottom: 1px solid #cbcbcb; } .fund-lines-list .line span { color: #2ad09d; } .fund-lines-list .line a { color: #3529b5; text-decoration: none; } .fund-lines-list .line a:hover { text-decoration: underline; } #funds_dashboard { padding: 20px; border-radius: 10px; background: #f1f1f1; display: grid; gap: 40px; width: 100%; grid-template-columns: 1.5fr 1fr 1fr; } #funds_dashboard .section-block { display: flex; flex-direction: column; align-items: center; flex: 1; border-left: 1px solid #ddd; padding: 0 10px; } #funds_dashboard .section-block:last-child { border-left: none; } #funds_dashboard .section-title { font-size: 1.125em; font-weight: bold; margin-bottom: 20px; text-align: center; } #funds_dashboard .section { display: flex; gap: 30px; align-items: center; justify-content: center; flex-wrap: nowrap; padding-bottom: 10px; width: 100%; } #funds_dashboard .section > div { flex: 1; } #funds_dashboard .section .circle { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; } #funds_dashboard .section .circle svg { width: 100%; height: 100%; transform: rotate(-90deg); } #funds_dashboard .section .circle circle { fill: none; stroke-width: 14; cx: 50%; cy: 50%; } #funds_dashboard .section .circle .background { stroke: #e6e6e6; } #funds_dashboard .section .circle span { position: absolute; font-size: 1.25em; font-weight: bold; } #funds_dashboard .section .label { margin-top: 10px; text-align: center; font-size: 1em; height: 55px; } /* Responsive Styles for Compare Calculator */ @media (max-width: 1200px) { /* Make compare container relative for filter icon positioning */ .compare_container { position: relative; padding: 10px; } /* Homepage track tables: stack vertically on narrow screens */ .homepage_track_tables { flex-direction: column; } /* Simple table has no col_compare, so col_name must not be offset */ .extend_container .homepage_simple_table .col_name { position: relative; right: 0; border-left: none; flex: 2 1 0%; min-width: 0; } /* Prevent homepage simple table from getting horizontal scroll */ .extend_container .fund_comparison_table.homepage_simple_table { overflow-x: visible; } /* Override min-width: 120px that the base mobile rule adds to yield columns */ .extend_container .homepage_simple_table .col_month, .extend_container .homepage_simple_table .col_1y, .extend_container .homepage_simple_table .col_3y, .extend_container .homepage_simple_table .col_5y { flex: 1 1 0%; min-width: 0; padding: 10px 2px; } .compare_container .tabs { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ccc #f1f1f1; } .extend_container .checkmark { width: 20px; height: 20px; } .compare_container .tabs::-webkit-scrollbar { height: 8px; } .compare_container .tabs::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .compare_container .tabs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .compare_container .tabs::-webkit-scrollbar-thumb:hover { background: #999; } .compare_container .tabs button { font-size: 1em; padding: 8px 20px; } .custom_radio { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ccc #f1f1f1; } .custom_radio::-webkit-scrollbar { height: 8px; } .custom_radio::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .custom_radio::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .custom_radio::-webkit-scrollbar-thumb:hover { background: #999; } .custom_radio div { white-space: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ccc #f1f1f1; font-size: 1em; } .custom_radio div::-webkit-scrollbar { height: 8px; } .custom_radio div::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .custom_radio div::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .custom_radio div::-webkit-scrollbar-thumb:hover { background: #999; } .calculator-container .time-periods.custom_radio div { font-size: 1em; } /* Chart container adjustments */ .compare_container .chart-container { flex-direction: column; gap: 15px; } /* Left card adjustments */ .compare_container .left-card { max-width: none; float: none; order: 2; justify-content: space-between; align-items: center; gap: 10px; padding: 15px; } .compare_container .left-card .title { font-size: 1.2em; margin-bottom: 0; gap: 5px; } .compare_container .left-card .company_name { font-size: 1.2em; text-align: left; flex: 1; } .compare_container .left-card img { max-height: 40px; width: auto; } .compare_container .left-card .total_box { margin: 0; padding: 10px 15px; min-width: 80px; } .compare_container .left-card .total_box .value { font-size: 1.5em; } .compare_container .left-card .total_box span { font-size: 1em; } .compare_container .left-card .primaryButton { padding: 8px 16px; font-size: 0.9em; white-space: nowrap; } /* Chart area adjustments */ .compare_container .chart-area { order: 1; min-height: auto; } /* Logo labels adjustments */ .compare_container #logoLabels { font-size: 1em; bottom: 0; } .compare_container #logoLabels img { height: 16px; } .compare_container #logoLabels .logoLabel span { transform: rotate(-50deg); white-space: nowrap; font-size: 0.875em; display: block; height: 100%; } .extend_container .col_name .fund-search-input { padding: 6px 30px 6px 8px; /* Adjusted padding for mobile icon */ } .extend_container .col_name .search-icon { font-size: 12px; right: 8px; } /* Fund Comparison Table Mobile Styles */ .extend_container .fund_comparison_table { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ccc #f1f1f1; position: relative; font-size: 0.875em; } .homepage_track_table_wrap { width: 100%; } .extend_container .fund_comparison_table::-webkit-scrollbar { height: 8px; } .extend_container .fund_comparison_table::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .extend_container .fund_comparison_table::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .extend_container .fund_comparison_table::-webkit-scrollbar-thumb:hover { background: #999; } /* Make table rows non-wrapping and maintain flex structure */ .extend_container .table_header, .extend_container .table_row { flex-wrap: nowrap; } /* Sticky first two columns (checkbox and name) */ .extend_container .col_compare { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; right: 0; z-index: 3; background: inherit; flex: 0 0 70px; min-width: 70px; } /* Ensure checkbox container is clickable on mobile */ .extend_container .col_compare .checkbox_container { position: relative; z-index: 4; } .extend_container .col_name { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; right: 70px; /* Exactly matches col_compare width */ z-index: 2; flex: 0 0 150px; min-width: auto; padding: 10px 10px; text-align: center; } .extend_container .safari-mobile .col_compare, .extend_container .safari-mobile .col_name { position: relative; right: auto; } /* Ensure header sticky columns have same background */ .extend_container .table_header .col_compare, .extend_container .table_header .col_name { background: #e7e7e7; } /* Ensure row sticky columns have same background */ .extend_container .table_row .col_compare, .extend_container .table_row .col_name { background: #f1f1f1; } .extend_container .table_row:hover .col_compare, .extend_container .table_row:hover .col_name, .extend_container .table_row.highlighted .col_compare, .extend_container .table_row.highlighted .col_name { background: #80e5c3; } /* Ensure scrollable columns have minimum widths */ .extend_container .col_5y, .extend_container .col_3y, .extend_container .col_1y, .extend_container .col_ytd, .extend_container .col_month { flex: 0 0 120px; min-width: 120px; padding: 10px 3px; } .extend_container .col_action { flex: 0 0 120px; min-width: 120px; } /* Improve text handling in headers */ .extend_container .table_header .sortable { padding: 15px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .extend_container .table_header .sortable .header_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Add border-left to sticky columns for visual separation */ .extend_container .col_name { border-left: 2px solid #000000; } #fund-page-info { flex-direction: column; gap: 20px; } #fund-page-info .share_buttons { flex-direction: row; justify-content: center; } .comparison-popup .comparison-labels-header .share_buttons a { white-space: normal; font-size: 1em; line-height: normal; } /* Comparison Popup Mobile Layout - Limit to 2 columns */ .comparison-popup .comparison-cards-container { grid-template-columns: repeat(2, 50%); grid-auto-columns: 50%; } .comparison-popup-body { font-size: 0.875em; padding: 10px 15px 15px; } .comparison-popup .label-item, .comparison-popup .performance-value { font-size: 1em; } .fund-lines-list .fund-graph-image { display: none; } /* Responsive scroll arrows */ .comparison-popup .scroll-arrows { width: 35px; height: 35px; font-size: 20px; display: flex; align-items: center; justify-content: center; } } /* Homepage simple table - give more room to product name */ .extend_container .fund_comparison_table.homepage_simple_table { font-size: 0.72em; } .extend_container .homepage_simple_table .col_name { flex: 3.2 1 0% !important; padding-right: 4px !important; padding-left: 2px !important; } .extend_container .homepage_simple_table .col_month, .extend_container .homepage_simple_table .col_1y, .extend_container .homepage_simple_table .col_3y, .extend_container .homepage_simple_table .col_5y { flex: 1.05 1 0% !important; padding-right: 1px !important; padding-left: 1px !important; letter-spacing: -0.3px; } .extend_container .homepage_simple_table .table_header .sortable.col_month, .extend_container .homepage_simple_table .table_header .sortable.col_1y, .extend_container .homepage_simple_table .table_header .sortable.col_3y, .extend_container .homepage_simple_table .table_header .sortable.col_5y { padding-right: 1px !important; padding-left: 1px !important; } .extend_container .homepage_simple_table .col_name .fund_name { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* =================================================================== Homepage comparison tables - readable redesign (2026-06) Scoped to .homepage_track_section so other comparison tables are untouched. =================================================================== */ .homepage_track_section .fund_comparison_table.homepage_simple_table{ background:#fff; border:1px solid #e3e8ee; border-radius:14px; overflow:hidden; font-size:0.8em; counter-reset:rankc; } .homepage_track_section .homepage_simple_table .table_header{ background:#f4f7fa; border-bottom:1px solid #eef1f5; border-radius:0; color:#5f6b7a; } .homepage_track_section .homepage_simple_table .table_header .col_name, .homepage_track_section .homepage_simple_table .table_header .header_text{ color:#5f6b7a; font-weight:500; } .homepage_track_section .homepage_simple_table .table_header, .homepage_track_section .homepage_simple_table .table_row{ border-bottom:1px solid #eef1f5; } .homepage_track_section .homepage_simple_table .table_row{ background:#fff; font-weight:400; counter-increment:rankc; } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(odd){ background:#fff; } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(even){ background:#f9fbfd; } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(2){ background:#f9fcfb; } .homepage_track_section .homepage_simple_table .table_row:hover{ background:#eafaf3; } .homepage_track_section .homepage_simple_table .table_row:last-child{ border-bottom:0; } .homepage_track_section .homepage_simple_table .table_row .col_name{ flex-direction:row; align-items:center; } .homepage_track_section .homepage_simple_table .table_row .col_name .fund_name{ color:#16324f; font-weight:400; } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(2) .fund_name, .homepage_track_section .homepage_simple_table .table_row:nth-of-type(3) .fund_name, .homepage_track_section .homepage_simple_table .table_row:nth-of-type(4) .fund_name{ font-weight:500; } .homepage_track_section .homepage_simple_table .rank_badge{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:20px; height:20px; border-radius:50%; background:#eef1f5; color:#5f6b7a; font-size:11px; font-weight:500; margin-left:7px; } .homepage_track_section .homepage_simple_table .rank_badge::before{ content:counter(rankc); } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(2) .rank_badge{ background:#f4c542; color:#3a2e00; } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(3) .rank_badge{ background:#c9ccd1; color:#3a2e00; } .homepage_track_section .homepage_simple_table .table_row:nth-of-type(4) .rank_badge{ background:#e0a05a; color:#3a2e00; } .homepage_track_section .homepage_simple_table .percent_format{ color:#1a2233; font-variant-numeric:tabular-nums; } .homepage_track_section .homepage_simple_table .percent_format.best_value{ color:#0a7a52; font-weight:500; background:#eafaf3; border-radius:6px; padding:2px 6px; } .homepage_track_section .homepage_simple_table .table_avg_row{ display:flex; align-items:center; background:#fff8e6; border-top:2px solid #f1dca8; } .homepage_track_section .homepage_simple_table .table_avg_row .col_name{ flex:1 1 0%; padding:9px 3px; font-weight:500; color:#7a5500; } .homepage_track_section .homepage_simple_table .table_avg_row .col_month, .homepage_track_section .homepage_simple_table .table_avg_row .col_1y, .homepage_track_section .homepage_simple_table .table_avg_row .col_3y, .homepage_track_section .homepage_simple_table .table_avg_row .col_5y{ flex:0 0 58px; padding:9px 1px; text-align:center; } .homepage_track_section .homepage_simple_table .table_avg_row .percent_format{ color:#7a5500; font-weight:500; } .homepage_track_section .fund_comparison_table .table_footer_row{ background:#fff; border-top:1px solid #eef1f5; border-radius:0 0 14px 14px; padding:13px; } .homepage_track_section .table_footer_row .fourthButton{ background:#0a7a52; color:#fff; border:0; border-radius:9px; padding:9px 20px; font-weight:500; text-decoration:none; } .homepage_track_section .table_footer_row .fourthButton:hover{ background:#0c9163; } .homepage_track_section .homepage_track_table_wrap h3.subTitle{ color:#16324f; font-weight:500; } /* --- fix: give fund names maximum room; numeric cols fixed to the min that fits the widest value (a "107.99%" green pill = 58px) --- */ .homepage_track_section .homepage_simple_table .col_name{ flex:1 1 0% !important; padding-right:2px !important; padding-left:1px !important; } .homepage_track_section .homepage_simple_table .col_month, .homepage_track_section .homepage_simple_table .col_1y, .homepage_track_section .homepage_simple_table .col_3y, .homepage_track_section .homepage_simple_table .col_5y{ flex:0 0 58px !important; padding-left:1px !important; padding-right:1px !important; } .homepage_track_section .homepage_simple_table .table_header .sortable{ gap:1px; padding-left:1px !important; padding-right:1px !important; } .homepage_track_section .homepage_simple_table .table_header .sortable .sort_arrows{ margin-left:1px; width:7px; } .homepage_track_section .homepage_simple_table .rank_badge{ margin-left:2px; width:17px; height:17px; } .homepage_track_section .homepage_simple_table .percent_format.best_value{ padding:1px 2px; } .homepage_track_section .homepage_simple_table .table_row .col_name .fund_name{ line-height:1.35; } /* desktop: product names on one line, clean truncation (mygemel-style); company on the right always shows */ .homepage_track_section .homepage_simple_table .table_row .col_name .fund_name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .homepage_track_section .homepage_simple_table .table_row .col_name{ align-items:center; } /* --- mobile: tables stack full-width - show full names (wrap) + comfortable sizing --- */ @media (max-width:768px){ .homepage_track_section .homepage_simple_table{ font-size:0.95em; } .homepage_track_section .homepage_simple_table .col_name{ flex:2.6 1 0% !important; } .homepage_track_section .homepage_simple_table .table_row .col_name .fund_name{ white-space:normal; overflow:visible; text-overflow:clip; } .homepage_track_section .homepage_simple_table .table_row, .homepage_track_section .homepage_simple_table .table_header{ min-height:44px; } .homepage_track_section .homepage_simple_table .col_month, .homepage_track_section .homepage_simple_table .col_1y, .homepage_track_section .homepage_simple_table .col_3y, .homepage_track_section .homepage_simple_table .col_5y{ padding-top:9px !important; padding-bottom:9px !important; } .homepage_track_section .homepage_track_tables{ gap:16px; } .homepage_track_section .homepage_track_table_wrap h3.subTitle{ font-size:1.05em; } } /* ===== product landing page: many track tables, 3 per row, wrapping to new rows ===== */ .product_track_tables{ flex-wrap:wrap; row-gap:26px; } .product_track_section .homepage_track_table_wrap{ flex:0 0 calc((100% - 20px)/3); min-width:0; } .product_track_section > h2.pageTitle{ margin-bottom:4px; } @media (max-width:768px){ .product_track_section .homepage_track_table_wrap{ flex:0 0 100%; } } #mainArticles .items { display: grid; grid-template-columns: repeat(3, 1fr); } #mainArticles .items .item_box .inner_box { margin: 10px 10px; max-width: 400px; height: 100%; background: #fff; border: 1px solid #000; border-radius: 15px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; } #mainArticles .items .item_box .inner_box > img { width: 70%; max-width: 300px; height: auto; border-bottom: 1px solid #000; padding-top: 10px; } #mainArticles .items .item_box .inner_box .item_text { font-weight: bold; direction: rtl; width: 90%; margin: 15px auto; text-align: center; } #mainArticles .items .item_box .inner_box .item_text a { color: #000; text-decoration: none; } #mainArticles .items .item_box .inner_box .item_text a:hover { color: #7fe4c3; } #mainArticles .items .item_box .inner_box .item_text .title { font-size: 1.5em; text-align: center; margin: 0 auto; } #mainArticles .items .item_box .inner_box .item_text .textArea { color: #6d6d6d; font-weight: normal; } #mainArticles .items .item_box .inner_box .foot { margin-top: auto; display: flex; width: 100%; padding: 15px; align-items: center; justify-content: center; } #mainArticles .items .item_box .inner_box .foot .readMore { color: #000; font-weight: bold; display: flex; gap: 10px; text-decoration: none; align-items: center; } #mainArticles .items .item_box .inner_box .foot .readMore:hover { color: #2ad09d; } #mainArticles .items .item_box .inner_box .foot .readMore i { color: #2ad09d; } #articlesBoxes .items { display: grid; grid-template-columns: repeat(3, 1fr); align-items: flex-start; justify-content: center; gap: 30px; padding-bottom: 20px; } #articlesBoxes .items .item_box { width: 100%; margin-bottom: 20px; margin-top: 20px; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 10px; height: 100%; background: #fafafa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; } #articlesBoxes .items .item_box > img { width: 100%; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; object-fit: cover; height: 200px !important; } #articlesBoxes .linkButton { font-size: 1.125em; padding: 0px 12px; width: auto; display: table; margin-right: auto; margin-top: auto; } #articlesBoxes .items .item_box .item_text .title a { font-size: 1.4em; font-weight: bold; color: #7fe4c3; text-decoration: none; margin-bottom: 3px; overflow: hidden; display: block; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } #articlesBoxes .items .item_box .item_text .title a:hover { color: #000; } #articlesBoxes .items .item_box time { display: block; margin-bottom: 5px; color: #595959; } #writerBox { background: #fafafa; margin-top: 20px; padding: 20px; width: 100%; display: flex; align-items: center; } #writerBox .info { display: flex; margin-left: auto; gap: 15px; align-items: center; } #writerBox .info img { width: 85px; height: 85px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #writerBox .info .texts { display: flex; flex-direction: column; } #writerBox .info .texts b { font-size: 1.4em; } #writerBox .info .texts span { font-size: 1.125em; } #writerBox .social { display: flex; flex-direction: column; } #writerBox .social span { font-size: 1.125em; } #writerBox .social .links { display: flex; gap: 5px; } #writerBox .social .links a { text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 38px; height: 38px; align-items: center; color: #fff; font-size: 1.5em; justify-content: center; display: flex; } #writerBox .social .links a.whatsapp { background: #4cea58; } #writerBox .social .links a.whatsapp:hover { background: #48d153; } #writerBox .social .links a.twitter { background: #5ba9eb; } #writerBox .social .links a.twitter:hover { background: #4e91ca; } #writerBox .social .links a.facebook { background: #405698; } #writerBox .social .links a.facebook:hover { background: #35477d; } .categories { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-bottom: 35px; } @media (max-width: 1200px) { #articlesBoxes .items, #mainArticles .items { grid-template-columns: 1fr; } #articlesBoxes .items .item_box, #mainArticles .items .item_box { margin-bottom: 10px; } #articlesBoxes .mybutton, #mainArticles .mybutton { padding: 0; width: 100%; margin: 0; } #writerBox { flex-direction: column; gap: 5px; } #writerBox .info .texts b { font-size: 1.125em; } #writerBox .info .texts span { font-size: 1em; } #writerBox .info img { width: 65px; height: 65px !important; } #writerBox .social { align-items: center; } #writerBox .social span { font-size: 1em; } #writerBox .social .links a { width: 32px; height: 32px; font-size: 1.2em; } #mainArticles .items .item_box .inner_box .item_text { font-size: 0.875em; } #articlesBoxes .items .item_box > img { object-fit: contain; max-height: 150px; height: auto !important; } .categories { margin-bottom: 15px; } .categories a { font-size: 1em; } #articlesBoxes .items .item_box .item_text .title a { font-size: 1.125em; } #articlesBoxes .items .item_box time { font-size: 0.875em; } } /* gemel-faq accordion (the קרנות-pages FAQ module, mirrored from page.css) */ .gemel-faq{margin:24px 0} .gemel-faq details{border:1px solid #d9f7e8;border-radius:10px;margin:0 0 16px 0;background:#fff;overflow:hidden} .gemel-faq details:last-child{margin-bottom:0} .gemel-faq details[open]{box-shadow:0 4px 16px rgba(42,208,157,.15)} .gemel-faq summary{list-style:none;cursor:pointer;padding:18px 20px;margin:0;font-size:1.05em;font-weight:700;color:#000;display:flex;justify-content:space-between;align-items:center;gap:12px} .gemel-faq summary:hover{color:#2ad09d} .gemel-faq summary::-webkit-details-marker{display:none} .gemel-faq summary::after{content:"+";font-size:26px;line-height:1;color:#2ad09d;font-weight:400;flex:0 0 auto} .gemel-faq details[open] summary::after{content:"\2212"} .gemel-faq details[open] summary{border-bottom:1px solid #d9f7e8} .gemel-faq .faq-a{padding:14px 20px 20px;margin:0;color:#333;line-height:1.9} .streams { text-align: center; } .streams section { display: inline-block; margin-left: 0.3%; cursor: pointer; } .streams section > span { font-size: 22px; margin-bottom: 0px; } .streams section .imgArea { width: 167px; height: 154px; overflow: hidden; position: relative; border: 7px solid #f6f6f6; } .streams section .imgArea img { width: 100%; height: 100%; } .comparison-card .performance-item.best-performance { background: #d9f7e8; } .comparison-card .performance-item.best-performance .performance-value { font-weight: 700; color: #057a3d; } .streams section:hover .imgArea .hover { background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000); } .streams section .imgArea .hover { position: absolute; bottom: 0; height: 100%; width: 100%; z-index: 1; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .streams section .imgArea .textBox { bottom: 0px; height: 100%; padding: 57px 3px 0px 3px; position: absolute; text-align: center; z-index: 2; width: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .marker-highlight { position: relative; display: inline; z-index: 1; padding: 0 3px; } .marker-highlight::before { content: ""; position: absolute; right: 0; bottom: 0.08em; width: 0; height: 85%; background: #2ad09d66; z-index: -1; animation: markerHighlight 1.8s ease forwards; } @keyframes markerHighlight { from { width: 0; } to { width: 100%; } } .streams section .imgArea .textBox p { color: #fff; height: 75px; overflow: hidden; font-family: "Alef", arial; } @media only screen and (max-width: 600px) { } /* Modern Companies List Design */ .companies_list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; padding: 20px; } .companies_list .company_item { background: #fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); overflow: hidden; transition: all 0.3s ease; border: 2px solid transparent; position: relative; } .companies_list .company_item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); border-color: #80e5c3; } .companies_list .company_item a { width: 100%; height: 140px; background: #f8f9fa; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; position: relative; padding: 10px; text-decoration: none; color: inherit; transition: all 0.3s ease; } .companies_list .company_item a img { max-width: 70% !important; max-height: 70%; object-fit: cover; transition: transform 0.3s ease; } .companies_list .company_item:hover a img { transform: scale(1.05); } .companies_list .company_item a span { font-size: 1em; font-weight: 600; color: #333; text-align: center; margin-top: 8px; line-height: 1.2; } .companies_list .company_item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #80e5c3 0%, #00c99f 50%, #2ad09d 100%); opacity: 0; transition: opacity 0.3s ease; } .companies_list .company_item:hover::before { opacity: 1; } /* Responsive Design for Companies List */ @media (max-width: 768px) { .companies_list { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 15px; padding: 15px; } .companies_list .company_item a { height: 120px; } .companies_list .company_item a span { font-size: 0.9375em; } } @media (max-width: 480px) { .companies_list { grid-template-columns: 1fr; gap: 15px; padding: 10px; } .companies_list .company_item a { height: 100px; } .companies_list .company_item a span { font-size: 0.875em; } }  /* ===== gemel-faq accordion (added 2026-06-17) ===== */ .gemel-faq{margin:20px 0} .gemel-faq details{border:1px solid #d9f7e8;border-radius:10px;margin:0 0 16px 0 !important;background:#fff;overflow:hidden;transition:box-shadow .2s} .gemel-faq details:last-child{margin-bottom:0 !important} .gemel-faq details[open]{box-shadow:0 4px 16px rgba(42,208,157,.15)} .gemel-faq summary{list-style:none;cursor:pointer;padding:18px 20px !important;margin:0 !important;font-size:1.05em;font-weight:700;color:#000;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:color .15s} .gemel-faq summary:hover{color:#2ad09d} .gemel-faq summary::-webkit-details-marker{display:none} .gemel-faq summary::after{content:"+";font-size:26px;line-height:1;color:#2ad09d;font-weight:400;flex:0 0 auto} .gemel-faq details[open] summary::after{content:"\2212"} .gemel-faq details[open] summary{border-bottom:1px solid #d9f7e8;margin-bottom:6px !important} .gemel-faq .faq-a,.gemel-faq details>p,.gemel-faq details>*:not(summary){padding:6px 20px 20px 20px !important;margin:0 !important;color:#333;line-height:1.9} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}