:root {
    /*מידות כלליות לכל האתר--------------*/
    /*כרגע עוד אין תמיכה של דפדפנים במשתנים עבור מדייה קווריז - stackoverflow.com/questions/40722882/css-native-variables-not-working-in-media-queries*/
    /*--menuBigScreenMin:1570px;*/ /*העובי המינימאלי שצריכים התפריטים כדי להופיע בצורה של מסך רחב - min-width*/
    /*--menuBigScreenMax:1569px;*/ /*העובי המקסימאלי שצריכים התפריטים כדי להופיע בצורה של מסך צר - חייב שיהיה הבדל של פיקסל אחד מהעובי המינימאלי - max-width*/

    /*נתונים כלליים לכל האתר-------------*/
    --font-family: Arial, Helvetica, sans-serif;
    --font-size:16px;

    /*רקע כללי לכל האתר-------------*/
    --htmlBgImage:url("../picsWebs/web7/bg.jpg?nc=2");
    --htmlBgImageEdge:url("picsWebs/web7/bg.jpg?nc=2"); /*תיקון עבור דפדפן אדג*/
    --htmlBgPosition:center;
    --htmlBgRepeat: no-repeat;
    --htmlBgAttachment: fixed;
    --htmlBgSize: cover;
    --htmlBgColor:rgba(39,0,9, 1);
    
    /*scrolling scrolbar style color------*/
    --colorScrollBG:unset;
    --colorScrollBut:unset;
    --colorScrollButHover:unset;

    /*ראש האתר--------------------*/
    --headerBgColor:unset; /*צבע הרקע של ראש האתר - לרוחב כל הדף*/
    
    /*header bg image*/
    --headerBgImage:unset;
    --headerBgPosition:unset;
    --headerBgRepeat:unset;
    --headerBgSize:unset;
    
    --headerjustify_self:center;
    --headerMaxWidth:unset;
    --headerMaxHeight:unset;
    
    --topTitleColor:rgb(255, 184, 199); /*צבע כותרת האתר*/
    --topTitleFontFamily:unset;
    --topTitleFontWeight:500;
    
    /*top small menu */
    --topNavLinksGap:unset;
    --topMenuColor:rgb(255, 184, 184);
    --topMenuCoHover:rgb(174, 222, 255);
    --topMenuCBg:unset;
    --topMenuCBgHover:unset;
    --topMenuB:unset;
    --topMenuBHover:unset;
    --topMenuBRadius:unset;
    --topMenuItemWidth:100px;
    --topMenItWidthNer:80px;
    --topMenuItemHeight:unset;
    --topMenuLineHeight:unset;
    
    --langTextColor:rgba(255,255,255, 1); /*צבע המלל של תפריט שפות*/
    --langBGolor:rgba(0,0,0,0.54); /*צבע רקע של תפריט שפות*/
    --colorBgLang1: rgba(25, 0, 51, 0.5);/*צבע הרקע של כל רשימת הקישורים והדגלים בבחירת שפה*/
    --colorBgLang2: rgba(0,0,0,0.30); /*צבעי הרקע של קישור אחד ברשימת הדגלים בבחירת שפה*/
    --colorBgLang3: rgba(0,0,0,0.50); /*צבעי הרקע במעבר עכבר על קישור אחד ברשימת הדגלים בבחירת שפה*/
    --colorBorLang4: rgba(39, 39, 39, 1); /*צבע הגבול במעבר עכבר על קישור אחד ברשימת הדגלים בבחירת שפה*/

    --header_grid_cols1:auto 130px 1fr; /*התפרסות התאים לרוחב ההדר - מסך רחב*/
    --header_grid_cols2:130px 1fr; /*התפרסות התאים לרוחב ההדר - מסך בינוני*/
    --header_grid_cols3:57px 1fr; /*התפרסות התאים לרוחב ההדר - מסך צר*/
    --topTitleH1FontSize:unset; /*גודל הפונט של הכותרת העליונה של הדף*/

    --topLogoImgWidth:100%; /*רוחב תמונת הלוגו הראשית למעלה*/
    --topLogoImgMaxWidth:300px; /*הרוחב המקסימאלי של תמונת הלוגו הראשית למעלה*/

    /*container of logo and main menu */
    --menuCont_GridGap:0px 20px; 
    --menuCont_Columns:auto auto;
    --menuCont_Columns2:auto minmax(auto, 400px);
    --menuCont_Columns3:auto minmax(auto, 200px);
    --menuCont_Columns4:auto minmax(auto, 100px);
    --menuCont_Columns5:auto minmax(auto, 50px);
    
    --menuContBgColor:unset; /*צבע הרקע של כל החלק בדף בו יושב התפריט - לרוחב כל הדף*/
    --menuLabelBgColor:rgba(131, 0, 0, 1); /*צבע הרקע העליון של פתיחת התפריט במסך צר */
    --menuOpenErrow: rgba(0, 0, 0, .125); /*רקע המשולש הקטן בקצה תפריט הראשי העליון המסמל פתיחת התפריט*/
    --menuOpenBar: rgba(255, 178, 178, 1); /*הצבע והשקיפות של הקווים באיקון פתיחת וסגירת התפריט - במסך קטן*/
    --menuBorderColor: rgba(255, 0, 67, 0.8); /*צבע מסגרת התפריט*/
    --menuBgColorA1: rgba(147, 0, 35, 1); /*צבע הרקע של קישור ראשי בתפריט*/
    --menuBgColorA2: rgba(142, 0, 0, 1); /*צבע הרקע של סב קישור בתפריט*/
    --menuBgColorA3: rgba(142, 0, 0, 1); /*צבע הרקע של סב סב קישור בתפריט*/
    --menuColorA: rgba(255, 255, 255, 1); /*צבע המלל של קישור בתפריט*/
    --menuBgColAhover: rgba(0, 160, 226, 1); /*צבע הרקע במעבר עכבר על קישור בתפריט*/
    --menuBgColLabel: rgba(0, 0, 0, .125); /*רקע המשולש הקטן בקצה תפריט המסמל שלתפריט זה ישנם תת תפריטים*/
    --menuColLabel: rgba(255, 255, 255, 1); /*צבע המשולש הקטן בקצה תפריט המסמל שלתפריט זה ישנם תת תפריטים*/

    --menuBorderWidth:2px; /*עובי המסגרת של התפריטים - חשוב מאוד להוסיף כפול מזה ברוחב תפריט ראשי*/
    --menuBorWsideFix:-2px; /*עובי תיקון סטייה של תזוזת התפריט עכב עובי המסגרת - חשוב מאוד באותו עובי של המסגרת רק במינוס*/
    --menuOpenBorder:1px solid rgba(253, 61, 61, 0.8); /*המסגרת של רקע פתיחת התפריט במסך צר*/
    --menuBGRadius: 14px; /*מעגליות הפינות של הרקע של התפריטים הראשיים*/
    --menuBorderRadius:14px; /*מעגליות הפינות של הגבול של התפריטים הראשיים - בנתון נפרד מהרקע כי צריך טיפה ערך שונה כדי שזה ישב טוב*/
    --menuTopWidth:204px; /*רוחב תפריט ראשי - צריך להיות כמו רוחב תת תפריט פלוס פעמים עובי הגבול יענו עם הגבול נגיד בעובי 2 אז להוסיף 4*/
    --menuSubWidth:200px; /*רוחב תת תפריט*/
    --menuHeightWscreen: 60px; /*גובה התפריט מסך רחב*/
    --menuHeightSscreen: 47px; /*גובה התפריט מסך צר*/
    --menuGridGap:10px; /*המרווח בין התפריטים*/
    --menuFontSize:18px; /*נתוני הפונט של התפריט*/
    --menuFontWeight:500; /*נתוני הפונט של התפריט*/
    --menuFontFamily:Arial, Helvetica, sans-serif; /*נתוני הפונט של התפריט*/

    --menuMargin:unset; /*נתוני מרווחי השוליים של התפריט*/
    --menuLabelMargin:unset; /*נתוני מרווחי השוליים של התפריט במסך צר - הכפתור לפתיחת התפריט*/

    /*top navagation---------------*/
    --navBarBgColor: unset; /*צבע הרקע של כל החלק בדף בו יושבת שורת הניווט - לרוחב כל הדף*/
    --errowNavColor: rgba(255, 142, 50, 1); /*צבע איקון החץ שמופיע בין הקישורים בשורת הניווט העליון*/
    --navTopTextCol: rgba(255, 255, 255, 1); /*צבע המלל בשורת הניווט העליון*/
    
    --navBarWidth: 97%;
    --navBarMargin: 0px 7px;
    --navBarPadding: 0px;

    /*page navagation---------------*/
    --navPageBgColor: rgba(255, 115, 144, 1); /*צבע הרקע של כפתור לינק ניווט בדיפדוף בין דפים ברשימה של פרטים*/
    --navPageBgChover: rgba(35, 191, 255, 1); /*צבע הרקע במעבר עכבר של כפתור לינק ניווט בדיפדוף בין דפים ברשימה של פרטים*/

    /*main site content container--------*/
    --main-align-items:start;
    --main-just-items:start;
    --introAlertBG:rgba(49,0,12,0.95); /*BG on all page under the intro alert*/
    --contentBGcolor:unset;
    
    /* dynamic top system text conteiner in web.css file */
    --contSide1MaxWidth: 100%; 
    --contSide1Width: 100%; 
    --contSide1Margin: 0px 0px;
    --contSide1Padding: 0px 7px;
    
    /*------for dynamic page BG-------*/
    --dynPageBorder: 0px;
    --dynPageBRadius: 16px;

    /*------for dynamic list page-------*/
    --starRatingsColor: rgb(255, 255, 0); /* star Ratings Color */
    --topListMargin:0px 7px; /* margins between the list top and site main menu */
    --sysListBgColor:rgba(0, 0, 0, 0.8); /*צבע הרקע של כל החלק בדף בו יושבת רשימה אחת - לרוחב כל הדף*/
    --sysListPadding:7px 2px 20px 2px; /*המרווח ריפוד של כל החלק בדף בו יושבת רשימה אחת - לרוחב כל הדף*/
    --sysListBradius: 20px; /*מעגליות פינות הרקע של כל החלק בדף בו יושבת רשימה אחת - לרוחב כל הדף*/
    --sysListBorder:unset; /*the border of the BG list container*/
    
    /*------for contact us page-------*/
    --contMargin: 0px 0px 60px 0px;
    
    /*------------עבור תפריט מערכות-------------------*/
    /* 
        if the sub menu width is the same is top menu width
        and we want border then 
        menuSysTopWidth: need to be more in 2 times border width pixel then: menuSysSubWidth 
        
        But If the sub menu width is more then top menu with
        Then they need to be the same - menuSysTopWidth = menuSysSubWidth
        
        And any way menuSysSubWidth_ul need to be 2 times border width pixel more then: menuSysSubWidth_li 
    */
    --menuSysTopWidth:152px; /* with of top system menu */
    --menuSysSubWidth:150px; /*with of main sys menu with sub menus*/
    --menuSysSubWidth_ul:152px; /*with of one ul item in sub menus*/
    --menuSysSubWidth_li:150px; /*with of one li item in sub menus*/
    
    --menuSysTopHeight:35px; /* height of top system menu */
    --menuSysTopLineHeight:33px;
    
    --sysMenuTopPosition:35px;

    --menuSysSubHeight:35px;
    --menuSysSubLineHeight:35px;
    
    --menuSysBGRadius:0px; /*מעגליות הפינות של רקע תפריטי מערכת*/
    --menuSysBorRadius:0px; /*מעגליות הפינות של גבול תפריטי מערכת - בנתון נפרד מהרקע כי צריך טיפה ערך שונה כדי שזה ישב טוב*/
    
    --sysMenuContBgColor:rgba(0, 0, 0, 0.2); /*צבע הרקע של כל החלק בדף בו יושב תפריט מערכות - לרוחב כל הדף*/
    --sysMenuLabelBgColor: rgba(131, 0, 0, 1); /*צבע הרקע העליון של פתיחת תפריט מערכות במסך צר */
    --sysMenuLabelBorder: 1px solid rgba(255, 151, 151, 1); /* border of top open sys menu label */
    --sysMenuLBorderRadius : 6px;
    --sysMenuOpenErrow: rgba(0, 0, 0, .125); /*רקע המשולש הקטן בקצה תפריט המסמל שלתפריט זה ישנם תת תפריטים*/
    --sysMenuOpenBar: rgba(255, 178, 178, 1); /*הצבע והשקיפות של הקווים באיקון פתיחת וסגירת תפריט מערכות - במסך קטן*/
    --sysMenuBorderColor: rgba(253, 61, 61, 1); /*צבע מסגרת התפריט*/
    --sysMenuBorderWidth: 1px;
    --sysMenuBgColorA1: rgba(131, 0, 0, 1); /*צבע הרקע של קישור ראשי בתפריט*/
    --sysMenuBgColorA2: rgba(142, 0, 0, 1); /*צבע הרקע של סב קישור בתפריט*/
    --sysMenuBgColorA3: rgba(142, 0, 0, 1); /*צבע הרקע של סב סב קישור בתפריט*/
    --sysMenuColorA: rgba(236, 225, 254, 1); /*צבע המלל של קישור בתפריט*/
    --sysMenuBgColAhover: rgba(0, 160, 226, 1);  /*צבע הרקע במעבר עכבר על קישור בתפריט*/
    --sysMenuBgColLabel: rgba(0, 0, 0, .125); /*רקע המשולש הקטן בקצה תפריט המסמל שלתפריט זה ישנם תת תפריטים*/
    --sysMenuColLabel: rgba(255, 255, 255, 1); /*צבע המשולש הקטן בקצה תפריט המסמל שלתפריט זה ישנם תת תפריטים*/
    --sysMenuColText: rgba(221, 200, 253, 1); /*צבע המלל בפס של תפריט מערכות*/
    --sysMenuColTextSort:rgba(221, 200, 253, 1); /*צבע המלל בפס של תפריט מערכות - בלינקים למיון מתקדם*/
    --sysMenuColTextAfter: rgba(253, 247, 200, 1); /*צבע המלל בפס של תפריט מערכות - בלינקים למיון מתקדם אחרי שלחצו על לינק*/
    --sysMenuTypeBgColor:rgba(0, 0, 0, 0.9); /*צבע הרקע של כל החלק בדף בו יושב הסינון המתקשם של תפריט מערכות*/

    --listTopBorRadius: unset; /*מעגליות הפינות רקע תפריט מערכות על כל הדף*/
    --listTopBorRadSm: unset; /*מעגליות הפינות רקע תפריט מערכות על כל הדף במסך צר*/
    --listTopPadding: 7px 7px;
    --listTopMargin: 0px 0px 7px 0px;

    /*-------------צבעי הריבועים בכפתורים של גדלי פריטים ברשימה*/
    --listSizeBgOff: rgba(253, 61, 61, 0.8);
    --listSizeBgOn: rgba(255, 151, 151, 1); /*צבע של הכפתור שבחרנו בו*/

    /*---------------רשימת הפריטים של מערכת מסויימת-----------------*/
    --listItemsBGcolor: rgba(0, 0, 0, 0.5); /*צבע הרקע של מה שמאחורי כל הפריטים ברשימה*/
    --oneItemBGcolor: rgba(0, 0, 0, 1); /*צבע הרקע של פריט אחד ברשימה*/

    --itemBorRadius: unset; /*מעגליות הפינות של פריט אחד ברשימה*/

    /*-------------כפתור באתר-------------*/
    --but1BgColor: rgba(35, 191, 255, 1);
    --but1Color: rgba(0, 0, 0, 1);
    
    --linkButColorBor: rgba(35, 191, 255, 0.7);
    --linkButColorBorHo: rgba(35, 191, 255, 0.7);
    
    --siteLinksL1pad:20px 10px 20px 10px; /*המרווח הפנימי של של הרקע לכל אורך הדף של שורת כפתורי קישורים עם איקונים לאתר החיצוני של מערכת בראש הרשימה*/
    --siteLinksL1mar:0px;
    --iconsWidthBor:1px; /*---עובי הגבול של כפתורי האיקונים---*/

    /*תחתית האתר--------------------*/
    --footerBGcolor:rgba(0, 0, 0, 0.54);
    --footerLinkColH3:rgba(255, 255, 255, 1);
    --footerLink: rgb(153, 225, 255);
    --footerLinkVisited: rgb(252, 213, 198);
    --footerLinkHover: rgba(204, 204, 204, 1);
    --footerNavBgHover: rgba(0, 114, 193, 0.7); /*צבע הרקע של תפריט במעבר עכבר במסך צר*/
    --footerOpenErrow: rgba(0, 0, 0, .3); /*רקע המשולש הקטן בקצה תפריט המסמל שלתפריט זה ישנם תת תפריטים*/
    --footerNavLiBgCol: rgba(131, 0, 0, .2); /*צבע הרקע של תפריט במסך צר*/
    --footerLiHeadABgCol: rgba(0, 0, 0, .1);

    /*--------links at the bottom----------*/
    --bottomLinkColor: rgba(152, 199, 252, 0.95);
    --bottomLinkColA: rgba(152, 199, 252, 1);
    
    /*--------Small links at the end bottom----------*/
    --botSmallLinkColor: rgba(223, 47, 51, 1);
    --botSmallLinkColorH: rgba(0, 160, 226, 1);

    /*------------general web vars----------*/
    --pageBgColor:rgba(0, 0, 0, 0.4); /*general BG color for any content container*/
    --pageBoRadius:20px; /*general border radius for any content container*/
    
    /*--general text container--*/
    --generalContBradius: 12px;
    --generalContFsize:16px;
    --generalContFweight:500;
    --generalContLheight:22px;
    --generalContColor:rgb(255, 255, 255);
    --generalContPad:14px;
    --generalContBG:rgba(0, 0, 0, 0.5);
    
    /*---------צבעים של מערכת-----------------*/
    /*--צבעי האיקונים וכפתורי איקונים--*/
    --iconsColor: rgba(35, 191, 255, 1); /*---צבע האיקונים וכפתורי איקונים במערכת------*/
    --iconsColorBor: rgba(35, 191, 255, 0.7); /*---צבע הגבול של כפתורי האיקונים---*/
    --iconsColorBorHo: rgba(35, 191, 255, 0.7); /*---צבע גבול כפתורי האיקונים במעבר עכבר---*/
    --iconsColorBg: rgba(0, 0, 0, 1); /*---צבע הרקע של האיקונים וכפתורי איקונים במערכת---*/
    --iconsColorBgHo: rgba(104, 1, 26, 1); /*---צבע הרקע במעבר עכבר של האיקונים וכפתורי איקונים במערכת---*/
    --iconsColorText: rgb(194, 228, 252); /*---צבע מלל לייד האיקונים----*/
    
    --iconLinkTextSize:30px; 
    --iconLinkFontSize:50px; 
    
    --affBottonLinksBG: rgba(0, 0, 0, 0.3); /* צבע רקע של הכפתורים לאתר הבית של המערכת */
    --BGcolor1: rgba(0, 0, 0, 0.5); /*---בדף מידע של פריט  צבע רקע של הבר העליון של מידע על פריט ובתחתית העמוד כותרת הפריטים הנוספים בקטגוריה זו*/
    --BGcolor2: rgba(0, 0, 0, 0.23); /*---רקע הכולל של דף פרטי פריט ופרטים על פריט---*/

    --sysTitleColor: rgb(194, 228, 252); /*color of system title in dynamic list page */
    --sysTextColor: rgb(255, 255, 255); /*color of system text in dynamic list page */
    --textColor1: rgb(255, 255, 255); /*---צבע מלל בפרטים ובקישורים של פריט---*/
    --textColor2: rgb(194, 228, 252); /*---צבע מלל של קישורים או כותרות----*/
    --textColor3: #ecf0f1; /*----text general color----*/
    --textColor4: rgb(0, 160, 226); /*----text general color----*/
    --textColorForms: rgb(255, 255, 255); /*---צבע מלל שיופיע לייד טפסים למילוי כמו בדף יצירת קשר---*/
    --alertColor: rgb(255, 142, 195); /*---צבע מלל של הודעות שגיאה במילוי טופס או אזהרות----*/

    --borderColor1: rgba(253, 61, 61, 1); /*---צבע גבול מסגרת עבה עגולה בתמונה שחתוכה עגול של פריט בפרטים עליו---*/
    --bColor1hover: rgba(35, 191, 255, 1); /*---צבע גבול מסגרת עבה עגולה בתמונה שחתוכה עגול של פריט בפרטים עליו במעבר עכבר---*/
     
    --iconsColor1: rgba(35, 191, 255, 1); /*צבע האיקונים שמופיעים בפריט ברשימה*/
    --iconsColor2: rgba(162, 219, 0, 1); /*צבע איקון של דוגמנית מחוברת ברשימה*/
    --iconsColor3: rgba(206, 205, 205, 1); /*צבע איקון של דוגמנית מנותקת ברשימה*/
    --iconsColor4: rgba(98, 208, 255, 1); /*צבע איקון בולט במיוחד - למשל כניסה מדף רשימה דינאמית לאתר*/

    --iconsColShed: rgba(0, 0, 0, 1); /*צבע הצל שמתחת לאיקונים ברשימה*/
    
    /*--------pages Max Widths----------*/
    --pageMaxWidth1: 1200px; /*for example in Privacy Policy or Terms Of Service pages*/
    
    /*--------גדלים של וידאו בדף פרטים של פריט----*/
    --vidWidth1: 1280px;
    --vidHeight1: 720px; 
}