/*--------------------------------------------------
BODY
--------------------------------------------------*/
*{
	box-sizing: border-box;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) {display:none; }
[hidden] {display:none; }
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;  height: 100%;}
html, button, input, select, textarea {font-family: 'Open Sans Hebrew';color:#2b2b2b; }

body {margin:0; padding:0; background:#fff; font-size:100%; line-height:2; height: 100%;}
::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;}
::selection {background:#72a9bd; color:inherit; text-shadow:none; }
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{outline: none; }
a{ color: #2F2F2F; text-decoration: none;}
a:hover{ color: #666666; }
img {border: none;}
.f-left{float: left;}
.f-right{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.clear{ clear: both;}
.ib{display: inline-block;}
.rtl{direction:rtl;}
body{
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    background-image: url(pics/bg.jpg);

}

input, select{ font-size: 115%; }

/*--------------------------------------------------
Non-Semantic Helper Classes
--------------------------------------------------*/
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content:""; display:table;}
.clearfix:after, .cf:after {clear:both;}
.clearfix, .cf {*zoom:1;}
::-webkit-input-placeholder {   color: #2b2b2b; font-size: 115%;}
:-moz-placeholder { /* Firefox 18- */   color: #2b2b2b; font-size: 115%;}
::-moz-placeholder {  /* Firefox 19+ */    color: #2b2b2b; font-size: 115%;}
:-ms-input-placeholder {   color: #2b2b2b; font-size: 115%;}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 1.7em; font-weight: bold;  font-weight:  900;direction: rtl;  }
h2{font-size:1.2em;   font-style:   bold;  font-weight:  900;  margin: 0; direction: rtl; padding-bottom:1.5%;}
h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal;direction: rtl; }
h4{	font-size: 1.3em; font-weight: normal; }
h5{	font-size: 1em; font-weight: normal; text-align: right; margin: 0;  padding-top:1%; }
.red{ color: #C7050D; }




/*--------------------------------------------------
Basic
--------------------------------------------------*/
#wrapper{
   width: 100%;
   /*max-width: 800px;  */
   text-align: center;
   margin:0 auto;
   height: 100%;
}
#header{ position: relative;padding:16% 0; }
#header_pnim{ position: relative;padding:12% 0; }
#header_right{ position: absolute; top:0; right:0; width: 55%; z-index: 1; }
#header_left{ position: absolute; top:0; left:0; width:50%; padding-left:3.5%; padding-top:2%; z-index: 2; }
#header_right_pnim{  position: absolute; top:0; right:0; width: 40%; z-index: 1;  }
#header_left_pnim { position: absolute; top:0; left:0; width:32%; padding-left:3.5%; padding-top:2%; z-index: 2;  }
#header_right_pnim img{width:100%; }
#header_right img{width:100%; }
#logo{ width: 80%;margin-bottom:1%; }
#logo img{ width: 100%; }
#phone{padding-left: 40%; padding-right: 20%}
#social{
float: left;
width: 17%;
text-align: left;
margin-top: -5.5%;
margin-left: 24%;
 }
#social_pnim{
float: left;
width: 17%;
text-align: left;
margin-top: -7%;
margin-left: 24%;
 }
 #social_pnim img{
width: 36%;

 }
#social a{}
#social img{margin-right:5%; }
#phone img{ width: 100%; }
#holder{ width: 100%; margin: 0 auto; position: relative;}

#top_contact {
	float: right;
	margin-right:5%;
	border-radius:10px;
	background-color: #e84c3d;
	width: 28%;
	z-index: 999;
	padding:1% 2% 2% 2%;
	text-align: right;
	direction: rtl;
	margin-top:-2%;
	position: relative;
	margin-bottom:2%;

}
#top_contact h3 { font-size: 150%; font-weight: 700; color: #FFFFFF;padding-bottom:1.5%; }
#top_contact input[type="text"]{
 border-radius:5px; border:none; padding:5px;
 width: 100%;
 margin-bottom:3%;
 }

 #top_contact input[type="submit"]{
 border-radius:5px; border:none; padding:5px;
 width: 100%;
 background-color: #f67c61;
 color:#fff;
 font-weight:700;
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear;

 }
 #top_contact input[type="submit"]:hover{ background-color: #2784bf; }


#top_menu{padding-top:4%;}
.menu_pnim{ position: absolute; left:30%; width: 35%; top:38%; margin-top:-11%;  z-index: 999;}
.top_menu_icon{ float:right; width: 20%; padding-right:1.5%; }
.top_menu_icon a{ text-decoration: none; font-weight: 700; font-size: 120%; }
.top_menu_icon img{ width: 95%;transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; }
.top_menu_icon img:hover{ width: 100%; }

#icon_holder{ background-color: #2784bf; position: relative; z-index: 10; }

.icon_block { float:right; width: 14.2857%; color: #fff; padding:1%; direction: rtl;  }
.icon_block2 { float:right; width: 14.2857%; color: #fff; padding:1%; background:rgb(52,139,195); background:rgba(255,255,255,.06);  direction: rtl; }
.icon_block h1,.icon_block2 h1{ font-size:1.6rem; font-weight: 700; border-bottom:1px solid #5da2cf; }
.icon_block p,.icon_block2 p{ min-height: 130px; }
.down_arr{ padding-top:10px; cursor: pointer;  transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; padding-bottom:10px}
.down_arr:hover{ padding-top:20px;padding-bottom:0; }






.job_row{ color:white; border-radius:10px; padding:1% 2%;margin-bottom:1.5%; }
.job_row_even{ background: rgb(118, 140, 61); background: rgba(118, 140, 61,.8);}
.job_row_odd{ background: rgb(138, 172, 53); background: rgba(138, 172, 53,.8);}
.more_misra{  background-color: #fff; color:#2b2b2b; border-radius:7px; padding:1% 2%; }
.form_drushim  {  background-color: #fff; color:#2b2b2b; border-radius:7px; padding:1% 2%; margin-top:1.5%; }
.form_right { float:right; width: 45%; }
.form_left { float:left; width: 55%; }
.form_drushim input[type="text"]{
width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:1% 0;
 }
 .form_drushim textarea {
 width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:1% 0;
  }

.form_drushim input[type="submit"]{
 padding:2% 5%;
 background-color: #F67C61;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;

 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.form_drushim input[type="submit"]:hover{
 background-color:#E84C3D;

}
.open_more, .open_form {
 float:left;
 margin-right:1.5%;
 padding:0 2%;
 border: none;
 font-size: 1em;
 cursor: pointer;
 border-radius:5px;
 color:white;
 display: block;
 background-color: #F67C61;
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
 }
 .open_more:hover, .open_form:hover{
  background-color: #E84C3D;
}
.open_more a, .open_form a{ text-decoration: none; color: #FFFFFF; }
.misra2,.more_misra{ padding:2% 0; margin-bottom:2%;}
/*--------------------------------------------------
FOOTER
--------------------------------------------------*/
#footer { background-color: #2784BF; color: #FFFFFF;padding:2% 4%; margin-top:3%; }


#address{ float:right; width: 43%; font-size: 125%; text-align: right; direction: rtl; padding-top:2%}

#footer_links{ float:right; width: 50%; font-size: 110%; }
#footer_links ul{ float:right; width: 33%; text-align: right; direction: rtl;  line-height: 150%; list-style-type: none;}
#footer_links a{ color: #FFFFFF; text-decoration: none; }
#footer_links a:hover{ color: #d4e6f2; text-decoration: underline; }

.container_pnim{
	position: relative;
	z-index: 1000;
	margin-top: -13%;
	width: 60%;
	float: left;
	padding:2% 0 2% 3.5%;
	text-align: right; 
	direction: rtl;  

}
.container_pnim img{ float: left;  }
.container_pnim h1{ color: #2784BF; padding-bottom:3%; font-size: 2em; }



.cont_form{float:right; width: 45%; padding-right:5%; }
.cont_img{float:left; width: 45%; }
.cont_img img{ width: 100%!important; }

.styled-select select{
   background: #fff;
   width: 100%;
   padding: 5px;
   line-height: 1;
   border: 1px solid #b9b9b9;
   border-radius: 5px;
   direction: rtl;
   }



.cont_form input[type="text"]{
  width: 100%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:1% 0;
}

.cont_form textarea{
  width: 100%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:1% 0;
}

.cont_form input[type="submit"]{
 padding:2% 3%;
 width: 100%;
 background-color: #F67C61;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;

 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.cont_form input[type="submit"]:hover{
 background-color:#E84C3D;

}

.map{float: right; width: 35%; margin-right: 3%;margin-top:-9%; z-index: 9999; position: relative; }
 /*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:559px) {
#header_right{width: 100%; top:32%; }
#header_left{  width:100%; }
#logo{ width: 95%; }
#phone{padding-left: 27%;
width: 100%;
padding-right: 5%; }
#top_menu{ padding-top:40%; }
.top_menu_icon a{ font-size: 95%; }
#header{ padding:55% 0; }

#header_right_pnim{width: 100%; display: none;}
#header_left_pnim{  width:100%; }
#top_menu{ padding-top:39%; position:static;}
#header_pnim{ padding:15% 0;}
.menu_pnim{ width: 100%; left:0;margin:0; margin-top:-11%;}
#top_contact{ width: 98%;  position:static; margin: 0% 1% 2% 1%; }
#top_contact input[type="text"]{ width: 100%; }
#top_contact input[type="submit"] { width: 100%; }
.container_pnim{ width: 96%;margin:10% auto 0 auto;padding:0; padding-top:10%; float: none;  }
.container_pnim img{ width: 100%; }

.icon_block,.icon_block2 {width: 25%; background: transparent; }
.icon_block h1,.icon_block2 h1{ font-size:1.6rem; font-weight: 700; }
.icon_block p,.icon_block2 p{height: 0; display: none; line-height:1.3;  }
.icon_block h1, .icon_block2 h1{ font-size: 1rem; border-bottom:none; }
.down_arr{ display: none; }

#social{float: left;
width: 48%;
text-align: left;
margin-top: -1.5%;
margin-left: 12%;}
#social img{ width: 20%; padding-bottom:0; }
#social_pnim{
width: 28%;
text-align: left;
margin-top: -12%;
margin-left: 4%;
 }
#address{width: 100%; font-size: 95%; padding-bottom:4%; }
#footer_links{ width: 100%; font-size: 100%; border-top:1px solid #fff; padding-top:3%; }
#footer_links ul{ padding:0; margin:0; }
.form_right { width: 100% }
.form_left  { width: 100% }
.form_drushim input[type="text"]{ width: 100% }
.form_drushim textarea { width: 100% }
.misra2, .more_misra{ margin:0; }
.cont_form{ width: 100%; }
.cont_img{ width: 100%; }
.map{ width: 100%;margin:0 }
}

@media screen and (min-width:560px) and (max-width:959px) {
#header_left{ width: 53%; }
.icon_block h1, .icon_block2 h1{ font-size: .8rem; }
.icon_block p,.icon_block2 p{height: 0; display: none; line-height:1.3;  }
#address{font-size: 100%; }
#footer_links{ font-size: 100%; }
#social{padding: 0 1%;
padding-top: -8%;
width: 20%;
margin-top: -8%;
margin-left: 20%;}
#social img{ width: 40%; }
#header_right_pnim{ top:60%; width: 50%; }
.menu_pnim{ width: 50%; }
#header_left_pnim{ width: 50%; }
.menu_pnim{ left:45%; }
#top_contact{ top:15%; width:34%; }
#header_pnim{ padding:14% 0;}
.container_pnim img{ width: 45%; }
#header { padding:18% 0;}
.top_menu_icon a{ font-size: 90%; }
#social_pnim{ margin-top:-10%; }
}

@media screen and (min-width:960px) and (max-width:1024px) {
.icon_block h1, .icon_block2 h1{ font-size: 1.2rem; }
.icon_block p, .icon_block2 p{ min-height: 160px; line-height:1.3;  }
#social{padding: 0 1%;
padding-top: -8%;
width: 20%;
margin-top: -8%;
margin-left: 20%;}
#social img{ width: 40%; }
.menu_pnim{ width: 40%; }
#header_pnim{ padding:12% 0;}
#header_right_pnim{ top:15%; width:45%; }
#top_contact{ top:0; width:34%; }
#social_pnim{ margin-top:-11%; }
.container_pnim img{ width: 40%; }
}

@media screen and (min-width:1025px) and (max-width:1200px) {
 .icon_block p, .icon_block2 p{ min-height: 135px; line-height:1.3;  }
 .icon_block h1, .icon_block2 h1{ font-size: 1.2rem; }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
 .icon_block p, .icon_block2 p{ min-height: 120px; line-height:1.3; }
 #social{ width: 20%; margin-top:-6.5%; }
 #social img{ width: 30% }
 .container_pnim img{ width: 45%; }
 #social_pnim img{ width: 40%; margin-top:-8%; }
}
@media screen and (min-width:1401px)and (max-width:1600px) {
.icon_block p, .icon_block2 p{ min-height: 120px; }
}








