body {
    font-family: Open Sans Hebrew;
    background: #fff;
        overflow-x: hidden;
}
#main{
  background-size: cover;
    color: #090b33;
    font-family: Open Sans Hebrew;
    min-height: 700px
}
#logo{
  width: 95%;
  margin: 0 auto;
}
#logo img{
  display: block;
    margin: 0 auto;
}
.logo{
      padding-bottom: 20px;
          margin-top: 10px;
}
.logo1{
    padding-top: 35px;
}
.logo2{
    padding-top: 5px;
}
.logo4{
    padding-top: 10px;
}
.logo5{
    padding-top: 60px;
}
.menu{
  background: #5fa3da;
  padding: 20px 0;
}
.logo_header{
  background: url(../img/logo.png) left center no-repeat;
  height: 282px;
  position: absolute;
  top: 0px;
  padding: 0px;
}
.menu_all{
  float: right;
}
.menu_all a{
  color: #fff;
    font-size: 1.2em;
padding: 0 20px;
border-right: 1px solid #fff;
}
.menu_all a.pos{
border-right: 0px;
}
.text_title{
  text-align: center;
direction: rtl;
color: #000;
padding-top: 5%;
font-size: 25px;
}
.video123{
  margin-top: 50px;
}
.text_title h1{
font-size: 60px;
font-weight: 600;
}
.shar1{
  background: #fff;
border: 5px solid #9fc54f;
padding: 60px;
border-radius: 225px;
    height: 450px;
    width: 450px;
text-align: right;
direction: rtl;
    float: right;
        margin-top: 30%;
}
.shar1 h2{
      font-size: 35px;
  font-weight: 900;
}
.shar1 .text_shar_oran{
  font-weight: 600;
  color: #d38139;
      font-size: 20px;
}
.shar1 p{

  font-weight: 600;
      font-size: 20px;
      padding: 0px;
      margin: 0px;
}
.shar1 a{
  font-weight: 600;
  font-size: 20px;
  color:#000;
      text-decoration: underline;
}






.shar2{
  background: #fff;
      border: 5px solid #9fc54f;
      padding: 60px;
      border-radius: 225px;
      height: 450px;
      width: 450px;
      text-align: right;
      direction: rtl;
      float: left;
      margin-top: 20%;
      margin-left: -100px;
      z-index: 2;
      position: absolute;
}
.shar2 h2{
  font-weight: 900;
      font-size: 35px;
}
.shar2 .text_shar_oran{
  font-weight: 600;
  color: #d38139;
      font-size: 20px;
}
.shar2 p{
  font-weight: 600;
      font-size: 20px;
      padding: 0px;
      margin: 0px;
}
.shar2 a{
  font-weight: 600;
  font-size: 20px;
  color:#000;
      text-decoration: underline;
}

.shar3{
  background: #d38139;
  color: #fff;
  text-align: center;


      padding: 30px;
      border-radius: 225px;
      height: 250px;
      width: 250px;
      direction: rtl;
      float: left;
      margin-top: 4%;
  margin-left: 43%;
      z-index: 3;
      position: absolute;
}
.shar3 p{
  font-size: 20px;
margin: 0 0 5px;
}
.shar3 p.data{
    font-size: 23px;

}
.shar3 p.data b{
  font-size: 25px;
  font-weight: 900;
}

.shar4{
  background: #d38139;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 20px;
width: 55%;
direction: rtl;
margin-left: 18%;
bottom: 0px;
z-index: 4;
position: absolute;
}

.shar4 a{
  color: #fff;
    font-size: 30px;
}
.mobil{display: none;}
.container1{
      overflow: hidden;
}
.slick-prev
{
    left: 0px !important;
}
[dir='rtl'] .slick-prev
{
    right: 0px !important;
    left: auto;
}

.slick-next
{
    right: 0px !important;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px !important;
}
@media  (max-width:1320px) {
.logo_header{
  height: 210px;
background-size: contain;
}
.shar1{
      margin-top: 50%;
}
.shar1 h2{
  font-size: 30px;
}
.shar2{
  margin-top: 35%;
margin-left: -225px;
}
.shar2 h2{
  font-size: 30px;
}
.shar3{
  margin-top: 10%;
margin-left: 25%;
}
.text_title{
  padding-top: 0%;
}
.menu_all a{
  display: inline-flex;
border-right:0px;
}
}

@media  (max-width:1000px) {
  .video123 {
    padding-top: 50px;
}
.logo_header{
  display: none;
}
.menu {
    padding: 20px 0 70px 0;
        display: none;
}
.text_title {
    padding-top: 0%;
    padding-bottom: 50px;
    color: #d38139;
}
.shar3{
      right: 5%;
}
.shar2{
  margin-top: 30%;
margin-left: -170px;
}
.shar4{
  margin-left: 20%;
margin-top: 110%;
bottom: auto;
}
.mobil{display: block;}
.desktop{display: none;}
#main{
      min-height: 1200px;
}
}
@media  (max-width:769px) {

  .logo_header {
    display: block;
    width: 100%;
height: 670px;
background-size: cover;
}
.shar4 {
    margin-left: 30%;
    margin-top: 0%;
    bottom: auto;
    width: 30%;
}
.shar2 {
    margin-top: 10%;
    margin-left: -170px;
}
.shar3 {
    right: auto;
    margin-left: 0%;
    margin-top: 70%;
}

.menu {
    display: block;
        padding-top: 670px;
        background: transparent;
}
.slick-prev {
    left: 0px !important;
}
.slick-next {
    right: 0px !important;
}
}
@media  (max-width:550px) {
  .logo_header {
    display: block;
    width: 100%;
    height: 400px;
    background-size: cover;
}
.menu {
    padding-top: 370px;
}
.shar4 {
    margin-left: 20%;
    width: 50%;
}
.shar2 {
    margin-top: 20%;
    margin-left: -200px;
}
.shar1 {
  margin-top: 100%;
  margin-right: -175px;
  padding-right: 180px;
  margin-bottom: 75px;
}
.shar3 {
    margin-top: 150%;
}

}
@media  (max-width:400px){
  .shar1 {
    margin-top: 120%;
    margin-bottom: 150px;
}
.logo_header {
    height: 360px;
}
.menu {
    padding-top: 330px;
}
.shar3 {
    margin-top: 200%;
}
}
@media  (max-width:320px){
  .shar1 {
    margin-top: 145%;
    margin-bottom: 170px;
}
.logo_header {
    height: 310px;
}
.menu {
    padding-top: 330px;
}
.shar3 {
    margin-top: 240%;
}
}
/*@media  (max-width:550px) {
  .menu {
      padding: 20px 0 90px 0;
  }
  .shar3 {
    padding: 60px;
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0px;
    right: 0px;
    left: 0px;
}
.shar2 {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0px;
    right: 0px;
      left: 0px;
          margin-bottom: 100px;
}
.shar1 {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0px;
    right: 0px;
      left: 0px;
}
.shar4{
    margin-top: 285%;
}
}
@media  (max-width:400px) {
  .shar4{
      margin-top: 315%;
  }
}*/
@media  (min-width:1600px) {
.shar1{
  margin-left: 30%;
float: left;
}
.shar3{
  margin-top: 5%;
margin-left: 35%;
}
.shar4{
  width: 40%;
margin-left: 15%;
}
}