body,html{padding:0;margin:0;height:100%;direction:rtl}
.WAlogo{position: fixed; bottom:40px;right:40px;z-index: 99999}
.WAlogo:hover{filter: brightness(1.2);cursor: pointer}
.hp_div1{background-color:#2a292f;background-image:url(images/dvirBackWide.jpg);height:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:800px;text-align:center;padding:0 0 0 15%}
.logo{transition:.5s}
.right{transition:.2s}
.hp_div1 .logo{width:37vh;height:auto;margin:auto;margin-top:18%}
.hp_div1 h1{margin:auto;color:#fff;font-family:Roboto,sans-serif;font-weight:100;font-size:9vh;letter-spacing:1.3vh}
.hp_div1 h2{color:#fff;font-family:Roboto,sans-serif;font-weight:100;color:#969595;font-size:2.5vh;left:45%;top:62%;letter-spacing:1vh}
.hp_div2{height:560px;background-color:#E9D6B4;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}
.hp_div2 .right{flex:50%;background-image:url(images/BEE4.jpg);background-size:cover;padding:0;margin:0}
.hp_div2 .left{flex:40%;padding:5%;margin:0;font-family:'Heebo',sans-serif;font-size:20px}
.hp_div2 h1{padding-left:15%;color:#d46907;display:none; line-height: 110%;}
.hp_div2 .hp_Text{padding-left:35%;color:#002D3D}
.hp_div3{background-color:#CC4A4C;background-image:url(images/FLowers.jpg);height:450px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.hp_div4{padding-bottom:70px;background-color:#949494;background-image:url(images/linesBack.jpg)}
.galleryContainer{display:flex;flex-direction:row;flex-wrap:wrap;width:90%;justify-content:center;margin:auto;align-items:stretch}
.gItem{margin:4px;flex:18%;max-width:18%;overflow:hidden;position:relative}
.gItem img{width:100%;-webkit-transition:.15s all ease-in;-moz-transition:.15s all ease-in;-o-transition:.15s all ease-in;transition:.15s all ease-in}
.blur img{transform:scale(1.01);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:url(#blur);filter:blur(5px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5')}
.imgWrapper{overflow:hidden}
.galleryTitle{height:130px;text-align:center;padding-top:19px;padding-bottom:47px}
.galleryTitle h4{font-family:Roboto,sans-serif;color:#fff;font-size:35px;font-weight:100}
.galleryTitle h4:before{content:" ";display:inline-block;vertical-align:bottom;height:5px;width:30px;background:#f3b300;right:100px;position:relative;top:30px}
.itemOverlay{position:absolute;width:100%;height:100%;top:0;text-align:right;font-family:'Heebo',sans-serif;color:#fff;display:none;background:rgba(1,39,70,0.3)}
.itemOverlay.inside{height:30%;bottom:0;top:initial;background:rgba(1,39,70,0.55)}
.gItemPort:hover{border:1px solid #75e1f2d9}
.itemOverlayContent{padding:5% 10% 5% 5%}
.itemOverlay h2{font-size:30px;margin:50px 0 0;font-weight:700;background-color:rgba(99,178,216,0.3);padding:0 10px}
.itemOverlay .cat{font-size:15px;font-weight:400;border-bottom:1px solid rgba(255,255,255,.3);margin-top:5px;padding:3px 10px}
.itemOverlay .txt{font-size:13px;font-weight:300;margin-top:10px;padding:3px 10px;line-height:15px}
.itemOverlay .but{font-size:13px;font-weight:400;background-color:rgba(243,179,0,0.63);padding:1px 15px;margin-top:13px;display:inline-block;text-align:right;color:rgba(255,255,255,.7) -webkit-transition: #.15s all ease-in;-moz-transition:.15s all ease-in;-o-transition:.15s all ease-in;transition:.15s all ease-in}
.itemOverlay .but:hover{background-color:#f3b300}
.gItemPort .itemOverlay .cat{font-size:15px}
.gItemPort .itemOverlay .cat span{font-weight:700}
.gItemPort .itemOverlay .txt{font-size:14px;line-height:18px}
.galleryContainerPort{display:flex;flex-wrap:wrap;width:90%;margin:auto;margin-top:80px}
.gItemPort{margin:4px;height:40vh;flex-grow:1;border:1px solid #fff}
.gItemPort img{max-height:100%;min-width:100%;object-fit:cover;vertical-align:bottom;-webkit-transition:.15s all ease-in;-moz-transition:.15s all ease-in;-o-transition:.15s all ease-in;transition:.15s all ease-in}
.brandingTitle{width:70%;margin:auto;margin-top:120px;font-family:'Heebo',sans-serif;font-size:4vh;color:#22639c;text-align:center;border-top:1px dotted #dec392;padding-top:7px}
.brandingTitle span{font-weight:700}
.galleryContainerPort{overflow: hidden;}
.galleryContainerPort.branding{margin-top:30px}
.galleryContainerPort.full{width:40%;padding:20px}
.galleryContainerPort.justLogo{width:70%}
.justLogo .gItemPort{height:23vh}
.full .gItemPort{height:30vh}
.galleryContainerPort.full .itemOverlay.inside{height:35%}
.galleryContainerPort.justLogo .itemOverlay.inside{height:20%}
.galleryContainerPort.justLogo .itemOverlayContent{padding:3px;text-align:center}
.brandingBanner{position:relative;transition-duration:1s;opacity:.5}
.brandingBanner:hover{opacity:1}
.brandingBanner .overBut{font-family:'Heebo',sans-serif;font-size:4vh;color:#fff;position:absolute;top:5%;right:5%;border:1px solid #fff;width:200px;border-radius:50%;line-height:34px;text-align:center;height:200px;width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition-duration:1s;cursor:pointer}
.brandingBanner .overBut a {color:white; text-decoration:none}
.brandingBanner .overBut:hover { background-color: #313a5f }
.menu{position:fixed;top:20px;right:20px;font-family:'Heebo',sans-serif;color:#BDBDBD;font-size:12px;z-index:999999}
.menu a{text-decoration:none;color:#BDBDBD}
.menu.port a{color:#757373}
.menu ul li{display:inline;float:right}
.dropA.menuDrop{background-color:#644a1cc2;font-weight:400}
.menu.port .dropA.menuDrop{background-color:#6d6d6dc2;color:#fff}
.menu.port li.active .dropA{background-color:#d4d4d4;}

.menu ul li a{position:relative;padding:4px 28px;border-right:1px solid #ac7d44;display:inline-block;font-size:14px}
.menu.port ul li a{border-right:1px solid #d8d1ca}
.menu ul li a:hover{background-color:#fa8c03cf;color:#fff;font-weight:400}
.menu ul li ul{top:55px;visibility:visible;left:0;list-style:none;display:none;padding:0}
.menu ul li ul li{display:list-item;float:none;border:0;margin-top:2px}
.menu ul li ul li a{padding:5px 13px;border-right:0;font-size:11px;background-color:#3b3b3bad}
.menu.port ul li ul li a {background-color: #828180c2;color: white;}
.menu.port ul li ul li a:hover{background-color:#fa8c03cf}

.portMain{padding-bottom:70px;background-color:#f0f0f0;position:relative;width:100%}
.portMain.branding{background-color:#fff}
.portMain .headerImg{width:100%;text-align:center;margin:auto;padding-top:150px;position:relative}
.portMain .headerImg img.image{width:100%}
.portMain .logo{display:flex;height:13.5vh;width:37%;position:fixed;z-index:900;top:10%;left:0;align-items:center;justify-content:center}
.logo .left{flex:45%;background-color:#303030;height:100%;display:flex;align-items:center}
.logo .right{flex:55%;background:#d22e82;height:100%;display:flex;align-items:center;font-family:'Heebo',sans-serif;font-size:7vh;color:#fff;font-weight:500}
.logo .right span{padding-right:15%}
.logo .left img{height:100%;margin-right:10%;transform:translateY(-7%)}
.logo .left a{height:100%}
.introText{position:absolute;font-family:'Heebo',sans-serif;font-size:.95vw;font-weight:300;width:15%;top:35%;right:8%;background-color:#ffffff96;padding:15px 20px;height:55%;text-align:right}
.plus{display:inline-block;width:50px;height:50px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),#9fcece;background-position:center;background-size:50% 2px,2px 50%;background-repeat:no-repeat;border-radius:50%;position:absolute;top:15px;left:15px;display:none}
.onlyMobile { display: none}

        nav img{position:absolute;width:90px;right:5px;top:0}
        nav{padding-right:70px;margin-right:10px}
/**  Works CSS **/

  .onTopGallery{display:flex; top:-4000px; position:fixed;z-index:9999999;background-color:rgba(0, 0, 0, 0.70);width:100%;height:100%; 
		flex-direction: column;align-items: center;justify-content: center;  direction:ltr; background:repeating-linear-gradient(-55deg,rgba(25, 25, 25, 0.8),rgba(25, 25, 25, 0.8) 3px, rgba(15, 15, 15, 0.8) 3px, rgba(15, 15, 15, 0.8) 6px)
      }
   .onTopGallery .x{width:50px; height:50px; position:absolute; top:40px; right:40px; background-image:url(/images/x.png); background-size:cover;cursor:pointer;z-index:9999999}
      
   .x:hover{ background-image:url(/images/x_on.png);}
   .portMain.shrink{width:calc(100% - 15px); margin-right:15px;}
   .ms-view{background-color:transparent;}
     
  .dispTitle {color:white;font-family: 'Heebo', sans-serif; font-size:20px;direction: rtl; text-align: left; font-weight:300; }
  .dispCont {color:white; font-family: 'Heebo', sans-serif; font-size:40px; line-height: 42px; direction: rtl; text-align: left;}
  .dispCont span{background-color:black;}

     .ms-skin-minimal .ms-bullet{ background: ;    }
     .ms-skin-minimal .ms-bullet-selected {background-color: #0fffde;}


/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax{background-attachment:scroll}
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 1300px) {
.gItem{flex:18%;max-width:18%}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 700px) {
    .gItem{flex:100%;max-width:100%}
    .hp_div1{background-color:#2a292f;background-image:url(images/dvirBackPort.jpg);height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:640px;text-align:center;padding:0 0 0 0}
     .hp_div1 .logo{margin-top:35%;}
    .hp_div1 h1 {line-height:1.1}
    .menu ul{ padding: 10px; margin:0}
    .menu ul li ul li a {font-size: 13px;background-color: #3b3b3bfc;  }
     .hp_div2{height:100%;}
    .hp_div2 .right{flex:100%;min-height: 100px; background-position: center center;}
    .hp_div2 .left{flex:100%;padding:10%;  }
    .hp_div2 .hp_Text{padding-left:10%;}
    .onlyDesktop { display: none; }
    .onlyMobile{display:block;}

    .mobileItemDesc{width:100%;height:100%;top:0;text-align:right;}
     .mobileItemDesc h2{margin:30px 0 5px 0;}
    .mobileItemDesc a{font-size:30px;margin:0 0 50px;font-weight:400;background-color:rgba(99,178,216,0.3);padding:0 10px; font-family:'Heebo'; color:white; text-decoration:none!important;}

    .portMain{padding-bottom:10px;}
    .portMain .logo {height: 10vh;width: 100%;}
    .portMain .headerImg {padding-top: 130px; overflow:hidden;}
        .portMain .headerImg img.image {height: 125px; width: auto;  margin-top: 44px;     }
    .introText {position:relative; font-size: 14px;width: 80%; background-color:transparent }
    .gItemPort{ height: 30vh!important;}
    .logo { transition: .3s; }

        
    .dispTitle{font-size:13px!important; line-height:110%!important; width: 90%!important;top: 15px!important;}
    .dispCont{font-size:15px!important; line-height:110%!important; width: 90%!important;top: 32px!important;}

     nav img{width:80px;right:0px!important;top:0}
        nav{padding-right:70px;margin-right:-10px}
        .menu ul li a{padding: 4px 18px;}
    
    .WAlogo{bottom: 20px; right: 14px; z-index: 99999; width: 70px;}
    }