@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
a{ text-decoration:none; color:#492a2a; }
body{ font-family:'Open Sans Hebrew','sans-serif','Arial'; margin:0px; color:#666; font-size:17px; text-align:center; background-color:#fff; }
.Menake{ clear:both; height:0px; }

@media (min-width:700px){
    h1{ font-size:35px; margin:0px 0px 10px 0px; color:#0198cf; }
    h2{ font-size:20px; margin:0px 0px 20px 0px; }
    .SlideDiv{ padding-top:200px; font-size:25px; color:#fff; text-shadow:2px 2px #333; background-size:100% auto; }
    .SlideDiv .Kotar{ font-weight:bold; font-size:30px; margin-bottom:20px; }

    #HeaderMobile{ display:none; }
    #Header{ position:fixed; width:100%; height:65px; padding:0px 5px; z-index:999; background-image:url(siteimages/BlackOpaq.png); }
    #Header .Inner{ width:980px; margin:0px auto; }
    #Header .Inner .Logo{ width:165px; height:55px; float:right; }
    #Header .Inner .Menu ul{ width:780px; float:left; margin:0px; padding:20px 0px 15px 0px; list-style:none; }
    #Header .Inner .Menu li{ position:relative; float:right; height:30px; padding:0px; width:110px; border-left:1px solid #fff; transform:skew(-10deg, 0deg); }
    #Header .Inner .Menu li.First{ padding-right:0px; }
    #Header .Inner .Menu li.Last{ padding-left:0px; border:0px; }
    #Header .Inner .Menu li a{ font-size:17px; color:#fff; transform:skew(20deg, 0deg); }
    #Header .Inner .Menu li a:hover { color:#0198cf; }
    #Header .Inner .Menu li ul{ display:none; position:absolute; right:-1px; top:100%; background-color:#0198cf; z-index:1000; width:115px; padding:5px; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
    #Header .Inner .Menu li:hover>ul{ display:block; }
    #Header .Inner .Menu li ul li{ float:none; width:auto; padding:0px; height:auto; border-left:0; transform:skew(-10deg, 0deg); }
    #Header .Inner .Menu li ul li a{ display:block; border-bottom:1px solid #fff; padding:5px; color:#fff; font-size:14px; }
    #Header .Inner .Menu li ul li a:hover{ color:#fff; background-color:#333; }

    #ServicesRuler{ background-color:#373c3f; }
    #ServicesRuler .Inner{ width:980px; margin:0px auto; padding:20px 0px; }
    #ServicesRuler .Inner a{ display:block; float:right; width:100px; height:45px; padding-top:65px; margin:0px 31px; background-position:top center; background-repeat:no-repeat; color:#fff; font-size:16px; }
    #ServicesRuler .Inner a.AA{ background-image:url(siteimages/ServiceIcons1.jpg); }
    #ServicesRuler .Inner a.BB{ background-image:url(siteimages/ServiceIcons2.jpg); }
    #ServicesRuler .Inner a.CC{ background-image:url(siteimages/ServiceIcons3.jpg); }
    #ServicesRuler .Inner a.DD{ background-image:url(siteimages/ServiceIcons4.jpg); }
    #ServicesRuler .Inner a.EE{ background-image:url(siteimages/ServiceIcons5.jpg); }
    #ServicesRuler .Inner a.FF{ background-image:url(siteimages/ServiceIcons6.jpg); }

    .PageWrap{ width:980px; margin:0px auto; padding:100px 0px 45px 0px; }
    .PageWrap .BannerWide{ width:100%; height:auto; }
    .PageWrap .HomeText{ padding-left:400px; background-image:url(siteimages/HomePlatforms.jpg); background-repeat:no-repeat; background-position:left center; text-align:right; }
    .PageWrap .RightSide{ width:700px; float:right; text-align:right; min-height:600px; }

    .LogoScrollPad{ background-color:#dae2e7; padding-top:20px; }
    .LogoScrollPad .Kotar{ font-size:25px; margin-bottom:10px; }
    .LogoScrollPad .LogoScroll{ width:100%; margin:0px auto 20px auto; position:relative; height:50px; }
    .LogoScrollPad .LogoScroll img{ height:40px; margin:0px 15px; border:5px solid #fff; }

    #Footer{ background-color:#333; color:#fff; }
    #Footer .Inner{ width:980px; margin:0px auto; padding:40px 0px; font-size:15px; }
    #Footer .Inner .RevaKaful{ width:45%; padding-left:5%; float:right; text-align:right; }
    #Footer .Inner .RevaKaful img{ width:100px; margin-bottom:30px; }
    
    /*#Footer .Inner .Reva{ width:25%; float:right; text-align:right; }
    #Footer .Inner .Reva .Kotar{ font-weight:bold; margin-bottom:10px; }
    #Footer .Inner .Reva ul{ margin:0px; }
    #Footer .Inner .Reva ul li{ margin-bottom:5px; }
    #Footer .Inner .Reva ul li a{ color:#fff; }*/
    #Footer{background-color:#5e5e5e; color:#fff; }
    #Footer .Inner{ width:980px; margin:0px auto; padding:40px 0px 0px 0px; font-size:14px; }
    #Footer .Inner span{ color:#c91919; }
    #Footer .Inner .FootLogo{ padding:50px 0px 10px 0px; }
    #Footer .Inner .FootLogo img { width:110px; }
    #Footer .Inner .ContPartDiv .Sargel{ padding-top:30px; }
    #Footer .Inner .ContPartDiv .Sargel a{ padding:0px 25px; border-left:1px solid #fff; color:#fff; }
    #Footer .Inner .ContPartDiv .Sargel a.Last{ border:0px; }

    .ContactPartForm{width:500px;float:right;}
    .ContactPartForm .row{margin:10px;width:480px;}
    .ContactPartForm .rowHalf{margin:10px;width:230px;float:right;}
    .ContactPartForm input{border:1px solid #666;padding:3px 2%;width:96%;font-size:20px;}
    .ContactPartForm textarea{border:1px solid #666;padding:3px 2%;width:96%;height:200px;font-size:20px;}
    .ContactPartForm .rowSnd{padding:20px;}
    .ContactPartForm .rowSnd input{background-color:#0198cf;color:#fff;padding:15px 30px;font-size:22px;width:auto;border:0px; cursor:pointer;}
    .ContactText{width:350px;float:right;border-left:1px solid #e7e7e7;padding-left:30px;margin-left:30px;}
    .ContactText .Kotar{color:#0198cf; font-size:30px;}

    #SiteMap{ text-align:right; }
    #SiteMap a{ color:#333; }
    #SiteMap a:hover{ text-decoration:underline; color:#000f52; }

    .MareMakom{ padding:5px 0px 20px 0px; font-size:12px; color:#000; text-align:right; }
    .MareMakom span{ color:#000; padding-left:10px; }
    .MareMakom a{ color:#000; padding-left:5px; }
    .MareMakom a:hover{ color:#492a2a; text-decoration:underline; }
    .MareMakom a.current{ color:#492a2a; }

    .SubClass{ padding-top:30px; }
    .SubClass li{ margin-bottom:15px; font-size:20px; }
    .SubClass li a:hover{ text-decoration:underline; }
}
@media (max-width:700px){
    h1{ font-size:26px; margin:0px 0px 10px 0px; color:#0198cf; }
    h2{ font-size:20px; margin:0px 0px 20px 0px; }
    .SlideDiv{ padding-top:180px; font-size:35px; color:#fff; text-shadow:2px 2px #333; background-size:100% auto; }
    .SlideDiv .Kotar{ font-weight:bold; font-size:45px; }

    #Header{ display:none; }
    #HeaderMobile{ display:block; }
    #HeaderMobile .Head{ background-image:url(siteimages/BlackOpaq.png); position:fixed; top:0; left:0; width:96%; padding:2px 2% 5px 2%; z-index:99998; }
    #HeaderMobile .Head .Logo{ float:right; height:40px; }
    #HeaderMobile .Head .ButCont{ width:50%; float:left; text-align:left; padding-top:5px; }
    #HeaderMobile .Head .ButCont img{ width:30px; height:30px; margin-left:10px; }
    #HeaderMobile .Nav{ background-color:#666; position:fixed; left:0; top:0; height:100%; width:150px; padding-top:65px; z-index:99997; display:none; }
    #HeaderMobile .Nav a{ display:block; color:#fff; font-size:16px; padding:5px 10px; border-bottom:1px solid #eaeaea; }

    #ServicesRuler{ background-color:#373c3f; }
    #ServicesRuler .Inner{ margin:0px auto; padding:20px 0px; }
    #ServicesRuler .Inner a{ display:block; float:right; width:29%; height:60px; padding-top:45px; margin:15px 2%; background-position:top center; background-repeat:no-repeat; color:#fff; font-size:14px; background-size:40%; }
    #ServicesRuler .Inner a.AA{ background-image:url(siteimages/ServiceIcons1.jpg); }
    #ServicesRuler .Inner a.BB{ background-image:url(siteimages/ServiceIcons2.jpg); }
    #ServicesRuler .Inner a.CC{ background-image:url(siteimages/ServiceIcons3.jpg); }
    #ServicesRuler .Inner a.DD{ background-image:url(siteimages/ServiceIcons4.jpg); }
    #ServicesRuler .Inner a.EE{ background-image:url(siteimages/ServiceIcons5.jpg); }
    #ServicesRuler .Inner a.FF{ background-image:url(siteimages/ServiceIcons6.jpg); }

    .PageWrap{ margin:0px auto; padding:40px 0px 40px 0px; }
    .PageWrap .BannerWide{ width:100%; height:auto; }
    .PageWrap .HomeText{ background-image:url(siteimages/HomePlatforms.jpg); background-repeat:no-repeat; background-position:center bottom; padding-bottom:250px; background-size:auto 230px; }
    .PageWrap .RightSide{ text-align:right; min-height:600px; padding:0px 15px; }

    .LogoScrollPad{ background-color:#dae2e7; padding-top:20px; }
    .LogoScrollPad .Kotar{ font-size:25px; margin-bottom:10px; }
    .LogoScrollPad .LogoScroll{ width:100%; margin:0px auto 20px auto; position:relative; height:50px; }
    .LogoScrollPad .LogoScroll img{ height:40px; margin:0px 15px; border:5px solid #fff; }

    #Footer{ background-color:#333; color:#fff; }
    #Footer .Inner{ margin:0px auto; padding:40px 0px; font-size:15px; }
    #Footer .Inner .RevaKaful{ padding:10px 2%; margin-bottom:20px; }
    #Footer .Inner .RevaKaful img{ width:100px; margin-bottom:30px; }
    
    /*
    #Footer .Inner .Reva{ width:46%; padding:5px 2%; float:right; text-align:right; }
    #Footer .Inner .Reva .Kotar{ font-weight:bold; margin-bottom:10px; }
    #Footer .Inner .Reva ul{ margin:0px; }
    #Footer .Inner .Reva ul li{ margin-bottom:5px; }
    #Footer .Inner .Reva ul li a{ color:#fff; }
    */
    #Footer{background-color:#5e5e5e; color:#fff; }
    #Footer .Inner{ margin:0px auto; padding:40px 0px 0px 0px; font-size:14px; }
    #Footer .Inner span{ color:#c91919; }
    #Footer .Inner .FootLogo{ padding:50px 0px 10px 0px; }
    #Footer .Inner .FootLogo img { width:110px; }
    #Footer .Inner .ContPartDiv .Sargel{ padding-top:30px; }
    #Footer .Inner .ContPartDiv .Sargel a{ padding:0px 25px; border-left:1px solid #fff; color:#fff; }
    #Footer .Inner .ContPartDiv .Sargel a.Last{ border:0px; }


    .ContactPartForm{width:500px;float:right;}
    .ContactPartForm .row{margin:10px;width:480px;}
    .ContactPartForm .rowHalf{margin:10px;width:230px;float:right;}
    .ContactPartForm input{border:1px solid #666;padding:3px 2%;width:96%;font-size:20px;}
    .ContactPartForm textarea{border:1px solid #666;padding:3px 2%;width:96%;height:200px;font-size:20px;}
    .ContactPartForm .rowSnd{padding:20px;}
    .ContactPartForm .rowSnd input{background-color:#0198cf;color:#fff;padding:15px 30px;font-size:22px;width:auto;border:0px; cursor:pointer;}
    .ContactText{width:350px;float:right;border-left:1px solid #e7e7e7;padding-left:30px;margin-left:30px;}
    .ContactText .Kotar{color:#0198cf; font-size:30px;}

    #SiteMap{ text-align:right; }
    #SiteMap a{ color:#333; }
    #SiteMap a:hover{ text-decoration:underline; color:#000f52; }

    .MareMakom{ padding:5px 0px 20px 0px; font-size:12px; color:#000; text-align:right; }
    .MareMakom span{ color:#000; padding-left:10px; }
    .MareMakom a{ color:#000; padding-left:5px; }
    .MareMakom a:hover{ color:#492a2a; text-decoration:underline; }
    .MareMakom a.current{ color:#492a2a; }

    .SubClass{ padding-top:30px; }
    .SubClass li{ margin-bottom:15px; font-size:20px; }
    .SubClass li a:hover{ text-decoration:underline; }
}