/** Colors **/

.black {
  color: #000;
}

.White {
  color: #fff;
}

.yellow {
  color: #d9d699;
}

.green {
  color: #2b4928;
}
br.mobile{
  display: none
}

/** End Colors **/


/** Background Colors **/

.black-bg {
  background-color: #000;
}

.White-bg {
  background-color: #fff;
}

.green-bg {
  background-color: #2b4928;
}

.blue-bg {
  background-color: #66B59C;
}

/** End Background Colors **/


/** Width **/

.width-100 {
  width: 100vw;
}

.width-50 {
  width: 50%;
}

.width-25 {
  width: 25vw;
}

.float-left {
  float: left;
}

.clear {
  clear: both;
}


/** End Width **/

p {
  font-size: 0.9vw;
}

.pad-5-top {
  padding-top: 5%;
}

.pad-5-bot {
  padding-bottom: 5%;
}


/** Open Page **/

.open-page,
.open-page div {
  height: 100vh;
}

.open-page div img.urban_living {
  width: 71%;
}

.open-page div img.logo3 {
  position: absolute;
  bottom: 4vh;
  width: 7%;
}

.rigth1 {
  background-image: url('../images/pagesbg/1rigth.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}


/** End Open Page **/


/** Centering **/

.container-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-center-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-center {
  align-self: center;
  margin: auto;
}


/** End Centering **/


/** Nav Bar **/

.Navbar {
  background-color: #000;
  display: flex;
  padding: 16px;
  font-family: 'Heebo-Light';
  color: white;
  direction: rtl;
  position: fixed;
  top: 0px;
  width: 100vw;
  z-index: 99999999;
}

.Navbar__Link {
  padding-right: 8px;
}

.Navbar__Items {
  display: flex;
}

.Navbar__Items--right {
  margin-right: auto;
}

.Navbar__Link-toggle {
  display: none;
}

.Navbar__Items--right {
  margin-left: auto;
}

.Navbar__Link_pad_top {
  padding-top: 6px;
}

.div-logo2 {
    position: absolute;
    left: 15px;
    top: 20px;
    width: 7vw;
}

.logo1a {
  width: 80%;
  margin-top: 10px;
}

.Navbar__Link a:active,
.Navbar__Link a:focus {
  text-decoration: none !important;
      font-family: 'Heebo-Light' !important;
  color: #ffd800 !important;
}


/** End Nav Bar **/

.Navbar__Link a:hover {
  color: #fff;
  text-decoration: none;
}

.box {
  width: 65%;
}


/** Form **/

.content-form,
.content-text {
  padding: 5% 2%;
}

.form-wrapper {
  width: auto;
}

/** End Form **/


/** Second Page **/

.plus_more,
.diverse_education,
.shooping,
.inner_rythem,
.nigh_tlife,
.the_architect,
.entrepreneur {
  margin: 0 auto;
  margin-bottom: 5%;
  width: 57%;
}


/** End Second Page **/


/** Third-One-Big_pic Page **/

#left3-one-bif-pic {
  background-image: url(../images/map.jpg);
  background-repeat: :no-repeat;
  background-size: cover;
}

#right3-one-bif-pic,
#right4-one-bif-pic,
#right5-one-bif-pic,
#right2-one-bif-pic {
  background: transparent;
}
#right4{
    background-image: url(../images/pic_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#left5{
    background-image: url(../images/pic_3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.fbg4,
.fbg6,
.fbg8 {
  height: 100%
}


/** End Third-One-Big_pic Page **/

.cover-last {
  height: 100%
}


/** #right9 form **/



.lets-meet {
  margin: 0 auto;
  margin-bottom: 5%;
  width: 63%;
}

#right9 .logo-form {
  width: 50%;
  margin-top: 10%;
}
/*.btn-up{
      position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9;
}*/


/** End #right9 form **/

.rowwing{
  margin:5px;
  display:flex;
  flex-direction:row;
  width:100%;
  height:auto;
}

.rowwing .small-box{
  flex:1 1 auto;
  text-align:center;
      width: 100%;

  margin:5px;  /* and that, will result in a 10px gap */
}
.img-responsive{
  width:100%;
  height: auto;
}
.div-icon{
  padding:0.7vw;
}
.div-icon img{
  width: 52%;
  margin:0 auto;
}
h4.pic-title{
    font-size:0.8vw;
    background: #e7626b;
    color: #fff;
    padding: 2%;
}

@media ( max-width: 1000px) {
  .Navbar__Items,
  .Navbar {
    flex-direction: column;
  }
.Navbar__Items {
    display:none;
  }
.Navbar__Items--right {
    margin-left:0;
  }
.Navbar__ToggleShow {
    display: נךםבל;
  }
.Navbar__Link-toggle {
    align-self: flex-end;
    display: initial;
    position: absolute;
    cursor: pointer;
   } 
  /** Open Page **/
  .open-page,
  .open-page div {
    height: 245px;
  }
  .open-page div img {
    width: 50%;
  }
  .logo3 {
    position: absolute;
    top: 26%;
    width: 10%;
  }
  /** End Open Page **/
  .container-center-2 {
    display: block;
    justify-content: center;
    align-items: center;
  }
  .box {
    width: 82%;
    margin-bottom: 10%;
  }
  body.Mobile .ms-right #right2.ms-section,
  body.Mobile .ms-right #right3.ms-section,
  body.Mobile .ms-right #right4.ms-section,
  body.Mobile .ms-right #right5.ms-section,
  body.Mobile .ms-right #right6.ms-section,
  body.Mobile .ms-right #right7.ms-section,
  body.Mobile .ms-right #right8.ms-section {
    padding-top: 10% !important;
  }
  body.Mobile .ms-right #right7.ms-section {
    padding-bottom: 1% !important;
  }
  body.Mobile .ms-right .ms-section {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  #right8 .box {
    margin-bottom: 0%;
  }
  br {
    display: none
  }
  br.mobile {
    display: block
  }
  body.Mobile form input.send {
    width: 10%;
  }
  body.Mobile form input.send {
    margin: 0 auto;
  }
  .form-wrapper .form input,
  .form select {
    margin-bottom: 12px;
    background-color: transparent;
    border: 0.1px #d9d699 solid;
  }
  #right9 p {
    font-size: 22px;
  }
  body.Mobile p {
    font-size: 22px;
  }
  body.Mobile .form-wrapper,
  body.Mobile #right5 .form-wrapper {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: transparent;
    border-radius: 10px;
  }
  #right9 input {
    width: 100%;
    margin-right: 0%;
    margin-top: 3%;
  }
   ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #d9d699;
    font-family: 'Heebo-Light';
    /*font-size:14px;*/
    font-size: 18px;
    padding-bottom: 10px;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    color: #d9d699;
    font-family: 'Heebo-Light';
    padding-bottom: 10px;
    font-size: 18px;
  }
  ::-ms-input-placeholder {
    /* IE 10+ */
    color: #d9d699;
    font-family: 'Heebo-Light';
    font-size: 18px;
    padding-bottom: 10px;
  }
  .form input::-webkit-input-placeholder {
    /* Firefox 18- */
    color: #d9d699;
    font-family: 'Heebo-Light';
    font-size: 18px;
    padding-bottom: 10px;
  }
  ::-moz-placeholder {
    /* Firefox 18- */
    color: #d9d699;
    font-family: 'Heebo-Light';
    font-size: 18px;
    padding-bottom: 10px;
  }
  .div-logo2 {
    left: 10px;
    width: 8.5vw;
  }
  .logo1a {
    width: 200px;
    margin-top: 6px;
    position: absolute;
    left: 0px;
  }
  .menu-icon{
    width: 30px;
    position: relative;
    right: 11px;
    top: -16px;
  }
  body.Mobile .logo2 {
        width: 100px;
    position: relative;
    top: -11px;
    right: 11px;
    display: none;
  }
  .content-form{
    display: none
  }
  
  .flah-form{
    position: fixed;
    left: 0%;
    top: 9%;
     background: #e7626b;
    color: #fff;
    width: 16%;
    z-index: 9999;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.66);
    cursor: pointer;
  }
  @keyframes fadeout {
    from {opacity: 1;}
    to {opacity: 0;}
  }
  .close-fade-out{
    animation-name: fadeout;
    animation-duration: 2s;
    
  }

  
}

@media ( max-width: 600px) {
   ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 10px;
  }
  ::-ms-input-placeholder {
    /* IE 10+ */
    font-size: 10px;
  }
  .form input::-webkit-input-placeholder {
    /* Firefox 18- */
    font-size: 10px;
  }
  ::-moz-placeholder {
    /* Firefox 18- */
    font-size: 10px;
  }
  body.Mobile p,
  #right9 p {
    font-size: 14px
  }
}



.ac-pink-bg{
  background-color: #e7626b;
}
#right9{
  background-color: #fff;
}
.ac-yellow-bg{
  background:#ffd800;
}
.ac-yellow{
  color:#ffd800;
}
.black-logo{
  width:20%;
  margin:0 auto;
}
#left10{
  background-color: #fff
}
.content-hr2{
  border-top:3px solid #000;
  width:40%;
      margin-bottom: 9%;
    margin-top: 9%;
}
@media(max-width:1000px){
  #right4 {
    background:#fff !important
  }
}