/*--------------------------------------------------
BODY
--------------------------------------------------*/
*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

	 }
article, aside, details, figcaption, figure, footer, header, hgroup, nav {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
section{ display: inline; }
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 {color:#3e3e3e; font-weight: 300;font-family: 'Rubik', sans-serif; }

body {margin:0; padding:0; background:#fff; font-size:16px; line-height:1.3; 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: #3e3e3e; }
a:hover{ color:   #000; }
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);
     background-position: top center;

}

input, select, textarea{ font-size: 100%; }
.eng{direction: ltr; unicode-bidi: bidi-override;}
.heb{direction: rtl; unicode-bidi: bidi-embed;}
/*--------------------------------------------------
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:  #454545;}
:-moz-placeholder { /* Firefox 18- */   color: #454545;}
::-moz-placeholder {  /* Firefox 19+ */    color: #454545;}
:-ms-input-placeholder {   color: #454545;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 2em; font-weight: normal; }
h2{font-size:1.333em;   margin: 0;	padding: 0; font-weight: normal;}
h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal; }
h4{	font-size: 1.3em; font-weight: normal;margin: 0;	padding: 0; }
h5{	font-size: 1em; font-weight: normal;  margin: 0; }
.red{ color: #C7050D; }
.english{ color: #C7050D; font-weight:600;}

/*--------------------------------------------------
Basic
--------------------------------------------------*/

#wrapper{
   width: 100%;
   text-align: center;
   margin:0 auto;


}
#wrapper_under {   width: 100%;
max-width: 800px;
   text-align: center;
   margin:0 auto; }
.width-wrapper{margin:0 auto; width:100%; position: relative;  max-width:1400px;     margin: 0 auto;}
.width-wrapper_inner{}




#lang{ display: inline-block; width: 25%; margin-left:-4px; float:right; text-align: right; padding-top:20px; }
#lang a{ display: inline-block; margin-left:10px; }
.top_search{ display: inline-block; width: 25%; margin-left:-4px; float:left; margin-top:15px;}
.logo{ display: inline-block; width: 50%; margin-left:-4px; text-align: center; }
nav{ width: 100%; background-color: #6ab43e; }


#keywords{
	color: black;
    width: 19%;
    margin: 0 auto;
}

#holder{ width: 100%; clear: both;}
.pnim_image img{ width: 100%; }
.pnim_image>#logo{ top:10%; width: 10% }

.rsABlock {top:40%; width: 60%;  left:10%; color: #363D47;}
.infoBlock.rsABlock {	bottom: auto; top:20%; width: 60%; right:0; left:0; margin:0 auto; color: #454545; font-size: 1.125em; direction: rtl;}







#top_phone{ float:right; white-space: nowrap; direction: ltr; }
#top_phone img{ position: relative; top:7px; margin-right:7px; }


#main_menu_mob{ display: none; }


#basket_menu { width: 24%; float:left; font-size: .85em;}

#about .width-wrapper{ direction: rtl; padding: 3% 0; }
 .main_right{ width: 64%; margin-left:-4px; display: inline-block; vertical-align: top; }
 .main_left{ width: 36%; margin-left:-4px; display: inline-block; padding-right:5%; vertical-align: top; }



.inner_pic{display: inline-block; width: 50%; margin-left:-4px; vertical-align: top; float:left;}
.inner_pic img{ width: 100%;}
.inner_menu{ text-align: right; padding:1em; font-size: 1.125em;width: 50%; display: inline-block; vertical-align: top; margin-left:-4px; }
.inner_menu:only-child{ width: 100%; }

.inner_menu h4{ font-weight: 700;  font-size: 1em; padding-bottom:5%; color: #00adef;}
.inner_menu h2{ font-weight: 700;  font-size: 1em; padding-bottom:2%; color:  #3caa36;}
.inner_menu ul{display:inline-block; width: 100%; text-align: left;  list-style-type: none; vertical-align: top; padding:0 2%; margin-right:-4px; }
.inner_menu ul:last-child { /*border-left:none;  width: 100%;*/}
.inner_menu:only-child ul{ }
.inner_menu li{ line-height: 150%; position: relative;}
.inner_menu li a{ text-decoration: none; color: #000; display: block; padding:3px 5px !important;}
.inner_menu li a.red{ color: #f26530; font-weight: 700;}
.inner_menu li a:hover{ }

.inner_menu li:before{content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #3CAA36;
    padding-left: 0.5em;
    position: absolute;
    top: 4px;
    left: -20px;
    z-index: 1;  }

.innermenu_cats{ direction: rtl;  }

.inner_menu ul.brands{  border-left:none;}
.inner_menu ul.brands li{float:right; width:50%; padding:1% 5%;  }
.inner_menu ul.brands li img{width: 100%;  }

.about_pic,.about_art{ width: 30%; display: inline-block; margin-left:-4px; vertical-align: top;}
.about_art{ width: 35%; text-align: left;padding-top:2.5%; }
.about_art h2{ color: #3caa36; font-size: 1.667em; font-weight: 500; }
.about_art h2 span{ display: block; font-size: 80%; font-weight: 300; }
.about_art_text{ color: #696969; font-weight: 500; font-size: 0.889em; padding:15px 0;}
.about_pic{ padding: 0 5%; }
.about_pic img{width: 100%; }
.about_text{ text-align: justify; line-height: 1.5; font-size: 1.125em;}
.about_text h1{ color: #87af01; }

 #rest_main {text-align: right; direction: rtl; padding-top:2.5%; }
.rest_pic{ float:left; width: 55%; }
.rest_pic img{width: 100%; }
.rest_text{ float:right; width: 45%; padding: 0 5% 0 10%;  font-size: 1.125em; line-height: 2; color: #000;}
.rest_text h1{ color: #87af01; }
a.more{ display: inline-block; border-top: 3px solid #87af01; text-decoration: none; padding-top:7px; margin-top:30px; }

.info{ padding-bottom:3.5%; text-align: justify;line-height:1.7;}
.info p{}
.info h3{ font-weight: 400;    }
.info h4{ font-weight: 500; font-size: 1.33em;  color: #6AB43E; }
.info p img{}
.info ul{ margin:0; padding:0; }
.info ul li{ list-style-type: none; padding:3px 20px; position: relative; }
.info ul li strong{ color: #6AB43E; }
.info ul li:before{
  content: "\f06c";

    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #3CAA36;
    padding-left: 0.5em;
    position: absolute;
    top: 8px;
    right: -5px;
    z-index: 1;


 }

 .info blockquote {
    border-right: 10px solid #DCDCDC;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font-size: 1.33em;
	color: #000;
	font-style: italic;
}
  .info blockquote:after{ display: none; }

.gal_hold{ float:right; width: 33.333%; padding:10px; }
.gal_hold img{height: 100%; max-height: 800px; }
.gal_hold a{ display: block; position: relative; }
.gal_hold_inner{ overflow: hidden; position: relative; height: 410px;}
.gal_hold_inner a>.zoom img{height: auto; }
.gal_hold_inner a>.zoom{ position: absolute; top:0; text-align: center; width: 100%; height: 98%; display: block; padding-top:25%; background-color: rgba(0,0,0,.5); opacity: 0; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; cursor: pointer; }

 .gal_hold_inner a:hover>.zoom{ opacity: 1; }
#top_sell{ background-color: #87AF01;padding:2% 0; }

#top_sell .top_selltitle{/*width: 93%;*/ position: relative;}
#top_sell .top_selltitle h1{ color: #fff; }
#top_sell .top_selltitle:before{
 content: '';
 display: block;
 position: absolute;
 margin:0 auto;
 width: 100px;
 height: 3px;
 background-color: #fff;
 left:0; right:0;
 bottom:-5px;

 }

.page_title h1{ color: #bc2426; border-bottom:2px solid #bc2426; }

.white_cont{  padding:3%; margin:0 auto; max-width: 1000px; }
 .white_cont h2{ font-size: 3em; color: #3CAA36; padding-bottom :2.5%; }

 #contact_form{ width: 50%; float:right; padding-right:2.5%; }
 #contact_map{ clear: both; padding-top:30px; }
 #contact_address{ width: 44%; float:left; text-align: right; direction: rtl; line-height: 2; }
 #contact_address i{ padding-left:15px; color: #3CAA36; }
 #contact_form .half{ width: 50%; float:right; margin-left:0;}
 #contact_form .half:last_child{ width: 49%; float:right; margin-left:2%;}

  #contact_form input[type="text"], #contact_form textarea{
  width: 100%;
  background-color: #fff;
  padding:10px 25px;
  text-align:right;
  border-radius: 50px;
  outline: 0;
  margin:15px 0;
  border:1px solid #a1a1a1;


   }
   #contact_form textarea{ border-radius: 25px; }
  #contact_form button{
 padding:12.25px;
 width: 35%;
  background-color:   #3CAA36;
  color: #FFFFFF;
   border-radius: 50px;
 border: none;
 float:right;
 font-size: 1.33em;
 font-weight:500;
 cursor: pointer;


  border:none;
   float:left;
   margin-left:1.5%;

 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;
}
 #contact_form button:hover{
 background-color: #3E4B7F;


}

.title_form{ color: #FFFFFF; background-color: #6AB43E; font-size: 1.66em; padding:10px; }
.label1{ padding:10px; background-color: #F5F5F5; border-bottom:1px solid #fff; }
.label1 label{ display: inline-block; width: 30%; }
.label1 input{ display: inline-block; width: 100%; max-width: 300px; border:1px solid #D2CBC6; border-radius: 5px; padding:10px;  }
.label1 span{ direction: rtl; }
.submit-button{
border-radius: 50px;
    background-color: #6AB43E;

    padding: 10px 25px;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    border: none;
    cursor: pointer;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
 }
 .submit-button:hover{ background-color: #3E4B7F; }
.infop_link a{
 padding:12.25px 5%;

  background-color:   #6AB43E;
  color: #FFFFFF;
   border-radius: 50px;
 border: none;
 float:right;
 font-size: 1.33em;
 font-weight:400;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
  border:none;
 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;
}
 .infop_link a:hover{
 background-color:#182249;


}


.info_table {
  width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
.info_table tr:nth-of-type(odd) {
  background:  #F5F5F5;
}
.info_table th {
  background:  #6AB43E;
  color: white;
  font-weight: bold;
}
.info_table td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: right;
}
#page120{ max-width: 400px; }
#page120 td{ text-align: center; }
#page121 td,#page121 th{ text-align: center; }
#page121 th:last-child{width: 220px; }
 .table_title{background:  #6AB43E!important;  color: white;   font-weight: bold;  }
.table_subtitle{background: #DAEECE!important;   font-weight: bold;  }
.table_note{   font-weight: bold;  }

/*--------------------------------------------------
HEADER
--------------------------------------------------*/

 header{
 position: relative;
   /* z-index: 9999;
    width: 100%;
    background: rgba(255,255,255,.9);
*/
 }
 #top_header{ background-color: #232425; padding:7px 0; border-bottom: 1px solid rgba(255,255,255,.6);}
#top_right{ float:right; width: 25%; text-align: right;padding:1.5% 0; line-height: 2; }
#top_left{ float:left; width: 60%; }
.header_menu{ float:left; padding-top:1.5%; }
#top_left a{ text-decoration:none; }


#top_menu a {  text-decoration: none; }
#logo{ }
#logo a{ }
#logo img{ width: 100%; }
#logo_mob{ display: none; }
.get_visa{ float:right; padding-top:1%; }
.get_visa i{ padding-right:10px; }
.get_visa a{
  display: block;
  padding:10px 20px;
  background-color: #36a8ff;
   font-size: 1.33em;
   color:#fff;
   text-decoration: none;
  	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.get_visa a:hover{ background-color:  #C7050D;  }
.top_social{ padding-top:15px; }

#search{ text-align: center; direction: rtl;position: relative; float: right; width: 35%;  padding-right:5%; margin-top:6%;}
#search_side {  position: relative; margin-top:15px; }

#top_basket{ direction: rtl; float:left; }
#top_basket span{ display: inline-block; padding:12px 10px; font-size: 1.25em; }
#top_basket span:last-child{ padding: 10px;}
#top_basket a{ text-decoration: none; color: #FFFFFF;  }
#top_basket i{ color: #fff; }

#top_basket_mob{ display: none; position: absolute; top: 10px; left:10px; z-index: 9999; direction: rtl;}
#top_basket_mob a{  color: #FFFFFF; text-decoration: none;}
#top_basket_mob i{ color: #f26530; }

#top_login{ direction: rtl;padding:12px 0; float:right;padding-right:15px; color: #fff; }
#top_login a{ color: #FFFFFF; text-decoration: none; padding:0 5px; font-size: 1.25em; }
#top_login a:hover{ color: #FFFFFF; text-decoration: underline; }
.count{ padding: 0 10px; }
.count span{padding: 0 10px; }


#clients{ clear:both; padding-top:3%; text-align: right; }
#clients h2{ font-weight: normal; font-size: 1.66em; padding-bottom:2%; }
.clients_logos{ border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; padding:10px; text-align: center;}
.c_logo{ display: inline-block; margin-left:-4px; height: 65px; }
.c_logo img{ height: 100%; }



.half_menu{padding-left:4%; display: inline-block; vertical-align: top; }
.half_menu>.menu_row{ padding:5px; position: relative;}
.half_menu>.menu_row a{ padding:0!important; }

.half_menu >.menu_row:before{
  content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #3CAA36;
    padding-left: 0.5em;
    position: absolute;
    top: 5px;
   right: -10px;
    z-index: 1;
     -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;

 }
 .half_menu>.menu_row:hover:before{ right: -5px;  }
.half_menu div a{ display: block; text-decoration: none; }

/*--------------------------------------------------
MAIN MENU
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;

}

.sf-menu{
    list-style-type: none;
    padding:0;
    direction: rtl;
    width: 100%;
	text-align: center;
}

.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
    right: 0px;
	z-index: 99;
   width: 220px; /* allow long menu items to determine submenu width */

      background:#3e4b7f;
    text-align: right;
   	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.sf-menu > li {
	display: inline-block;
    margin-right:-4px;

}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
    text-decoration: none;
    padding:12px 5px;
    color:    #DAEECE;
		transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	 font-size: 1.125em;
	 font-weight: 400;

}
.sf-menu a:hover{ color:  #fff;}


.sf-menu li {
	background-color: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	white-space: normal; /* ...unless you support IE7 (let it wrap) */
     padding-right:20px;



}

.sf-menu li:hover{}
.sf-menu li:last-child{border-left:none; }



.sf-menu a:hover{}
.sf-menu ul li {
	  border-bottom:1px dotted #fff;;
	  padding:10px;
     	transition:all 0.3s linear;
	 -moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
		font-size: .86rem;



}


.sf-menu ul li:hover {  background-color:   #182249; }
.sf-menu ul li a{ color: #fff; padding:0; }
.sf-menu ul li:hover a{ color: #fff; }
.sf-menu ul li:last-child {border-bottom:none; }
.sf-menu ul ul li {
	background:  #3e4b7f;
}

.sf-menu ul ul {
	top:0;
    right: initial;
   position: absolute;
	display: none;
	left: -220px;
	z-index: 99;


}
.sf-menu ul ul:before{ display: none; }
.sf-arrows .sf-with-ul {

	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows ul .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 45%;
	left: 5px;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-right-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-right-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-right-color: white;
}

.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
	min-width: 44px;
	height: 44px;
	float: left;
	border-radius: 50px;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background:   #E9E9E9;
	width: 100%;
	height: 44px;
	margin: 0;
	z-index: 10;
	padding: 20px 20px 20px 65px;
	font-family: inherit;
	text-align: right;
	font-size: 20px;
	border-radius: 50px;
	color: #3e3e3e;

}

.sb-search-input::-webkit-input-placeholder {
    color: #919191;
}

.sb-search-input:-moz-placeholder {
	 color: #919191;
}

.sb-search-input::-moz-placeholder {
    color: #919191;
}

.sb-search-input:-ms-input-placeholder {
    color: #919191;
}

.sb-icon-search,
.sb-search-submit  {
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #f1f1f1;
	z-index: 90;
	font-size: 22px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\f002";
	color: #454545;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background:  #6AB43E;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}arch .sb-search-submit {
	z-index: 90;
}






  .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 .video_block{ display: inline-block; margin-left:-4px; vertical-align: top; padding:15px; width: 33.333%; }
 .video_block h3{ text-align: center; padding-top:10px; font-size: 1em; font-weight: 500; }
 .gal_name{ font-weight: 500; text-align: justify; line-height: 1.3; padding:10px 10px 15px; border-bottom:3px solid  #919191; min-height: 90px; background-color: #F5F5F5; }

   .portal_btn{ position: relative; margin:10px 0; }
   .portal_btn img{ width: 100%; }
   .portal_btn h2{ position: absolute;  width: 100%; top:30px; text-align: center; }
   .portal_btn a h2{ text-decoration: none; color:#fff; font-size: 2em; font-weight: 500; }

   .merkaz{ position: relative; }
   .merkaz img{ width: 100%; display: block; }
   .merkaz span{ position: absolute;  width:calc(100% - 40px);   text-align: center; height:calc(100% - 40px); background: rgba(44,142,26, .75); top:20px; left:20px; border:2px solid #fff; padding:15px;  }
 .merkaz a{ color: #fff; }
 .merkaz a h2{ font-size: 1.5em; font-weight: 500; }



 /* Gamma Gallery Style */

.gamma-container {
  /*	min-height: 200px;*/
}

.gamma-gallery {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.gamma-gallery:before,
.gamma-gallery:after {
    content: " ";
    display: table;
}

.gamma-gallery:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.gamma-gallery {
    *zoom: 1;
}
 */

.gamma-gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 4px;
}
.info .gamma-gallery li{ padding:4px; }
.gamma-gallery li:before{ display: none; }

.gamma-gallery li img {
   /*	max-width: 100%;
	width: auto;*/
    width: 100%;
	height: auto;
	display: block;
}

/*.gamma-description {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}*/

.no-touch .gamma-gallery li:hover .gamma-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}

.gamma-description:before {
	content: '';
	height: 100%;
}

.gamma-description:before,
.gamma-description h3 {
	display: inline-block;
	vertical-align: middle;
}

.gamma-description h3 {
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
}

.gamma-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
}

.gamma-buttons button {
	float: left;
	background: #333;
	color: #fff;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	outline: none;
}

.gamma-buttons button:before,
.gamma-nav span:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-align: center;
	opacity: 0.7;
	outline: none;
}

.no-touch .gamma-buttons button:hover {
	background: #666;
}

button.gamma-btn-close:before {
	content: '\2715';
}

button.gamma-btn-ssplay:before {
	content: '\25b6';
}

button.gamma-btn-sspause:before {
	content: '\2389';
}

.gamma-single-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	text-align: center;
	display:none;
}

.gamma-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	z-index: 9999;
}

.gamma-single-view img {
	position: absolute;
	cursor: pointer;
}

.gamma-description-wrapper {
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 5px 0;
}

.gamma-single-view .gamma-description {
	background: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

.gamma-single-view .gamma-description h3 {
	font-size: 15px;
	padding: 5px 0;
	color: #fff;
}

.gamma-nav span {
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav span.gamma-next {
	left: auto;
	right: 20px;
}

.gamma-nav span:before {
	color: #fff;
	opacity: 0.7;
	font-size: 40px;
}

.gamma-nav span:hover:before {
	opacity: 1;
}

.gamma-nav span:before {
	display: block;
	margin: 0;
	width: auto;
}

.gamma-nav span.gamma-prev:before {

	content: '\f104';
}

.gamma-nav span.gamma-next:before {
	content: '\f105';
}

.gamma-img-fly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

/* Loaders */

.gamma-loading {
	background: transparent url(../images/loader_light.gif) no-repeat center center;
}

.gamma-single-view.gamma-loading {
	background: transparent url(../images/loader_dark.gif) no-repeat center center;
}
.loadmore {
	padding: 10px;
	background: #ddd;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	margin: 10px 4px;
	display: none;
}

.loadmore:hover {
	background: #333;
}

/* Make some things unselectable. Remove where selection is needed: */

.gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media screen and (max-width: 750px) {

	.gamma-description {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}

	.gamma-description h3 {
		font-size: 14px;
		padding: 0 5px;
	}

}

@media screen and (max-width: 500px) {

	.gamma-buttons {
		float: left;
		clear: both;
	}

}







/*--------------------------------------------------
TFASIM
--------------------------------------------------*/
.info_docs_pics{ display: inline-block; width: 50%; margin-left:-4px; padding:0 5%; }
.info_docs_pics h3{ text-align: center; font-size: 2em; }
.info_docs_pics h3 span{ display: block;  font-size: 50%; }
.sviva_link{ display: inline-block; width: 20%; text-align: center; margin-left:-4px; padding:2.5%; vertical-align: top; }
.sviva_link span{  display: block; padding:7px 0;  font-weight: bold; }




 .checkChemicaltests{ display: inline-block; width: 50%; margin-left:-4px; }
.checkChemicalTestscontinued3{ width: 100%; }
label[for="ctest81"]{ font-size: 120%; font-weight: bold; }


/*--------------------------------------------------
SIDE_MENU
--------------------------------------------------*/
h2.side_menu_lvl_1_link{ background-color: #87af01; color: #FFFFFF; font-weight: normal; padding:5px; }
.side_menu_lvl_1_link a {
	text-decoration: none;
}
a.side_menu_link_3, a.side_menu_link_4  {
	text-decoration: none;
}
/*--------------------------------------------------
CAT_HOVER RFFECTS
--------------------------------------------------*/

section#areas{ display: block; padding:5% 0; direction: ltr; background-color: #5aa4d5;background-image: url(pics/gr_bg.png); background-position: center; background-attachment: fixed; position: relative; z-index: 1;  }
section#about{ display: block; padding:2.5% 0; direction: ltr; background-color: #FFFFFF; position: relative; z-index: 0;  }
section#main_articles{ display: block; padding:2.5% 0; direction: rtl; background-color:  #f5f5f5; }
section#main_cats{ display: block;}
section#why{ display: block; padding:2.5% 0;}
section#newsletter { display: block; padding:5% 0; direction: ltr; position: relative;background-image: url(pics/nl_bg.jpg); background-position: bottom; background-size:100%;}
 section#newsletter:before{

  content: "";
  display: block;
  width: 100%; height: 100%; background-color: rgba(0,0,0,.28);
  position: absolute; top:0; left:0;
  }


section#hazon{ display: block; height: 550px; overflow: hidden; background-image: url(pics/green_bg.jpg); background-position: center; background-attachment: fixed; background-size: cover; padding:2.5% 0;}
#main_cats>.main_title{ padding:2.5% 0 ; }

blockquote {  width: 50%; margin:0 auto; font-size: 1.125em; line-height: 2.5; color: #fff; padding:1.5% 0; direction: rtl;
  quotes: "\201C""\201D""\2018""\2019";
  position: relative;
}
blockquote:before {
  color: rgba(255,255,255,.38);
  font-family: 'Roboto Slab', sans-serif;
  content: open-quote;
  font-size: 10em;
  position: absolute;
  top:-20%; left:0;

}
blockquote:after {
   color: rgba(255,255,255,.38);
  font-family: 'Roboto Slab', sans-serif;
  content: close-quote;
  font-size: 10em;
  position: absolute;
  bottom:-80%; right:0;
}
.main_contact{ width: 30%; padding:5% 0; }
.main_contact h2{  font-size: 3.333em; color: #fff; font-weight: 500; text-align: left; }
.main_contact input{ width: 100%; padding:12px 25px; font-size: 1em; border-radius: 50px; background-color: #fff; border:none;margin:15px 0; }
.main_contact button{ padding:12px 10%; border-radius: 50px; background-color:  #3598DB; border:none;margin:15px 0; color:#fff; float:right; font-size: 1.333em; font-weight: 500; -moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear; cursor: pointer; }
.main_contact button:hover{ background-color: #0B82C6; }
.hazon_img{ }
.hazon_img img{ border-radius:50%; }

.area h2{ font-weight: normal; padding-top:25px; font-size: 1.667em; color: #fff; }
.area a{ text-decoration: none;  font-weight: 500; font-size: 1.125em; padding-top:10px; display: block; }
.area a:hover{  }
.area h4{ line-height: 1; color: #fff; font-size: 0.889em; padding:15px 0; font-weight: 200; }
.main_cats_text{ float:right; width:45%; padding-right:2.5%; text-align: right; direction: rtl; line-height: 1.7; font-size: 1.125em;  padding-top:2.5%; }
.main_cats_text h1{  font-weight: bold; color: #36A8FF; }
#leaf{ position: absolute; top:0; right:0; }
.areas{ padding-top:80px; }
.grid {

	margin: 0;

    direction: rtl;
	list-style: none;
	text-align: center;



}
.gird-cell{ 	display: inline-block;  width:25%; text-align: center;  position: relative; margin-left: -5px; margin-top:-5px;   }
.gird-cell h2{ position: relative;  color: #3598DB; font-size: 1.66em; font-weight: 600; }

.gird-cell p{ }
.gird-cell h2 span{ color: #3c3c3c;}
.circle_shadow{position: relative; top:-20px; }
.circle_shadow img{width:100%; }
/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin:0 7%;
	width:86%;
	background: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;


      -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
     height: inherit;

}
.grid figure:nth-child(5){ margin-right:0; }
.grid figure a {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;


	background:  #3caa36;
	text-align: center;
	cursor: pointer;

}
.grid figure img {
	position: relative;
	display: block;
    width: 100%;
	opacity: 1;
}

.grid figure figcaption {

	color: #fff;
	font-size: 1.25em;
    opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
 .grid figure:hover figcaption{ opacity: 1; }
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 9;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {



}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {

	font-size: 68.5%;
}
.grid figure p.fig_more{ top:15%; display: block; max-width: 120px; padding:7px; background-color: #fff; color: #3caa36; font-weight: 500; }
.cat_icon{ display: inline-block; position: relative; top:50px; padding:7px 10px; z-index: 99; width: 100px;  }
figcaption> .cat_icon img{ width: 100%;  opacity: 0;}
figcaption:hover> .cat_icon img{ opacity: 1!important; }

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico:hover img {

	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico figcaption {

}


figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
    position: absolute;
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    font-size: 1.66em;
    color: #fff;
	font-weight: 300;
	background: rgba(8,126,63,.84);
    top:60%;
	opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h3{ opacity: 0; font-size: 1.125em; padding-top:35%;	font-weight: 300;  }

figure.effect-chico p {
	margin: 0 auto;
   top:5%;
   width: 60%;

   	position: relative;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-chico:hover h2{ opacity: 0;  }
figure.effect-chico:hover h3{ opacity: 1; }
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.area { display: inline-block; margin-left:-4px; width: 25%; padding:0 1%; vertical-align: top; }
/* Common style */
.grid2 figure {
	position: relative;

	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 185px;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid2 figure img {
	position: relative;
	display: block;
   width: 101%;
	opacity: 0.8;
}

.grid2 figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid2 figure figcaption::before,
.grid2 figure figcaption::after {
	pointer-events: none;
}

.grid2 figure figcaption,
.grid2 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid2 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid2 figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid2 figure h2 span {
	font-weight: 800;
}

.grid2 figure h2,
.grid2 figure p {
	margin: 0;
}

.grid2 figure p {
	letter-spacing: 1px;
	font-size:86%;


}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #000;
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
		-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
		-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-bubba:hover img {
	opacity: 0.8;
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}
figcaption:hover> .fig_icon img{ opacity: 1; width: auto; margin:0 auto; }
figcaption> .fig_icon img {  width: auto;  }
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.art_title{ padding-bottom:25px; }
.art_title h2{ font-size: 2em;  display: inline-block;}
.art_title span{ float:left; font-size: 86%; padding-top:25px; display: inline-block;  }
.art_title span a{ color: #3CAA36; font-weight: 500; }
.art_title img{ position: relative; top:15px;padding-left:10px; }
#main_articles{ direction: rtl; text-align: right; }
.m_art{ display: inline-block; margin-left:-4px; vertical-align: top; }
#news, #mihraz{ width: 30%; }
#jobs{ width: 40%; padding:0 5%; }
.art_block{  display: -webkit-flex; /_ Safari _/
  display: flex;
  padding-bottom:25px;
  }
  .art_block.pnim_news{ margin-top:25px; border-radius: 10px 20px 20px 10px; background-color: #EBEBEB; padding-bottom:0; }
  .art_block.pnim_news .art_text{ padding:15px;  font-size: 125%;  padding-left:8%; }
  .art_block.pnim_news .art_text h3{ padding-bottom:15px;  }
  .date{ width: 55px; background-color: #6AB43E; color:#fff; border-radius: 0 20px 20px 0; padding:10px; text-align: center;}
  .date span{ display: block; }
  .date span:nth-child(1){ font-family: 'Roboto Slab', serif; font-size: 2.25em; border-bottom:3px solid #fff;  font-weight: 300; }
  .date span:nth-child(2){padding-top:10px; font-weight: 500;  }
  .art_text{ padding-right:10px; line-height: 1.2; }
  .art_text h3{ font-weight: 500; font-size: 1.125em; }
  .art_text p{ font-size: .86em; font-weight: 100; margin:0; }
  .art_text a{ text-decoration: none; }
  .job_block{ background-color: #ebebeb; padding:10px 15px; margin-top:20px; font-weight: 500; }
  .job_block a{ text-decoration: none; }
  .job_block h3{ font-size: 1.5em; font-weight: 600; }
   .job_block p{ margin:5px 0; }
  .job_block span{ font-size: .86em; }
   .tender{ position: relative; }

 .tender .art_text{ padding-left:10%; }

 .tender .tender_info{  position: absolute; bottom:25px; left:15px; border-radius: 50px; background-color: #6AB43E; padding:5px 15px; text-align: center; }
.tender .tender_info a{ text-decoration: none; color: #fff; display: block; font-size: 1em; }
.tender .tender_info:hover{ background-color:  #3CAA36;}

.haver{ padding:15px 0; border-bottom: 1px dotted  #87AF01; direction: rtl; }
.haver_img{ width: 160px; display: inline-block; }
.haver_img img{ width: 100%; }
.haver_text{ width: calc(100% - 170px); padding:0 15px;  display: inline-block; text-align: right; vertical-align: top; }
.haver_text h2{ font-size: 1.66em; font-weight: 500; color: #3CAA36; }
.haver_text h3{ font-size: 1.33em;  }


.nl_side{ width: 33.333%; text-align: right; display: inline-block; color: #fff;  }
#newsletter .width-wrapper{ direction: rtl; }
#newsletter form{ width: 60%;  display: inline-block; position: relative; padding-right:20%;  }
.nl_side h2{ font-size: 3em;  font-family: 'Roboto Slab', serif; }
.nl_side h3{ font-size: 1.5em; }
#newsletter form input{ width: 100%; background-color: #fff; border-radius: 50px; padding:20px 40px; font-size: 1.125em; border:none; }
#newsletter form button{ border-radius: 50px; background-color: #6AB43E; position: absolute; top:7px; left:10px; padding:10px 25px; color:#fff; text-align: center; font-size: 1.5em; border:none; cursor: pointer; -moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;}
#newsletter form button:hover{ background-color: #182249;  }

   select.styled-select2{
     width: 100%;

    margin-left:-4px;
   background: url(pics/downarrow.png) no-repeat left white;
   padding: 7px;

   border: 1px solid #CACACA;
   border-radius:3px;
   direction: rtl;
   appearance:none;
   text-align: right;
   padding-left:25px;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
   }


/*input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;

    height:30px;
    margin:2px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {

}
*/

/*--------------------------------------------------
PNIM PAGE
--------------------------------------------------*/

#side_menu{ width: 20%; float:right; padding-top:4.5%; text-align: right;}
.side_pic{ width: 20%; float:left;  padding-top:2.5%; }
.side_pic img{ width: 100%; border-top:4px solid   #3CAA36}
#contain_side{ width: 80%; float:left; padding-right:3%; padding-top:3%; text-align: right; direction: rtl;}
#contain_side2{ width:100%; padding:3% 0; text-align: right; direction: rtl;}

.jobs_block{ border-radius: 5px; margin-top:25px; background-color: #F5F5F5; padding:15px;  position: relative;
-webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.5);}
.jobs_block .job_txt{ border-right:5px solid #6AB43E }
.apply_to_job{  position: absolute; top:35px; left:35px; border-radius: 50px; background-color:#6AB43E ; padding:12px 35px; text-align: center; }
.apply_to_job a{ text-decoration: none; color: #fff; display: block; font-size: 1.33em; }
.apply_to_job:hover{ background-color: #3CAA36; }

#apply{float:right; width: 300px; margin-top:70px; margin-bottom:15px; }
#job_info {float:left; width: 75%; padding-right:5%; direction: rtl; padding-bottom:5%;  }
.job_name h1{  font-weight: 500; font-size: 2.33em; }
.tender_name h1{  font-weight: 500; font-size: 1.66em; color: #3CAA36; padding-bottom:25px; }
.tender_text{ padding:15px 0; line-height: 1.5; font-size: 1.125em; }
.job_number{ padding:15px 0; color: #3CAA36; font-size: 1.33em; }
.job_title{ font-size: 1.33em; padding-top:20px;  font-weight: 500; }
.job_txt{ padding:0 15px; border-right:5px solid #E4E0DD; margin:20px 0; line-height: 1.5; }
.job_text{ font-weight: 500;  line-height: 1.5;  }

#apply form{ background-color: #6AB43E; padding:35px 25px; width: 100%; border-radius: 10px; }
#apply form button{margin-top:15px; width: 100%;  border-radius: 4px;   padding:12px; text-align: center; font-size: 1.33em; border:1px solid #E4E0DD; cursor: pointer; -moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;  }
#apply form button:hover{ background-color: #EBEBEB; }
#apply form input{ width: 100%; }

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.input-icon {
    position: relative;
    display: block;
}
 .form-group .form-control {
    padding-right: 40px;

}
 .form-group  i{ position: absolute; top:15px; right:12px; color: #919191; }
.form-control {
    display: block;
    width: 100%;
    color: #555;
	padding:12px;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid   #182249;
	background-color: #3E4B7F; color: #fff;
    display: block;
    padding: 12px;
	 border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.custom-file-upload i{ padding-left:15px; }
.info_pic img{ }
.info_pic{ float:left;width: 100%; max-width: 400px; margin:0 25px 50px 0; }
.cat_pic{ float:left;width: 100%; max-width: 600px; margin:0 25px 50px 0; }
.mank_pic { float:left;width: 100%; max-width: 200px; margin:0 25px 50px 0; }

.top_pic{padding-bottom:2%; }
.top_pic img{ width: 100%; }


.side_menu_title{  color: #FFFFFF; background-color: #87af01; padding:7px; }
.side_menu_title i{ padding-right:10px; }

 .info_page_menu{ padding-bottom: 12%;}
 .info_page_menu h2{  font-weight: 300; font-size: 1.66em; color: #3CAA36;}
.info_page_link{

	padding:6px 10px;
	cursor: pointer;
    font-size: 1em; font-weight: 500;
    margin-bottom:2px;
    padding-left:0;
	position: relative;
   -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-bottom:1px solid #D3D3D3;
}
 .info_page_link a{ text-decoration: none; font-size: 1em; font-weight:400; }
 .info_page_link a:hover { color: #3598DB; }
.info_page_link:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position: absolute;
	right:-15px;
	top:8px;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }


 .info_page_link:hover:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	right:-5px;
    text-decoration: inherit;
    color:   #3598DB;;
 }
.title h1{ font-size: 2.33em; font-weight: 500; color: #3e4b7f; }
#accordian {width: 100%; text-align: right;}
#accordian ul{ padding:0; }
#accordian h3 i{ color:  #3CAA36; font-weight: bold; padding-left:10px; }
#accordian h3 {
	padding:6px 10px;
	cursor: pointer;
    font-size: 1em; font-weight: 500;
    margin-bottom:2px;
    padding-right:10px;
   -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-bottom:1px solid #D3D3D3;
}
#accordian h3:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }

/*heading hover effect*/
#accordian h3:hover {
   padding-right:15px;
}
#accordian h3:hover:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #87af01;
 }
/*iconfont styles*/
#accordian h3 span {
	margin-right: 10px;
}
.side_menu_lvl_2_link{ font-size: .9em!important;  }
.side_menu_lvl_2_list{ font-size: .9em!important; }
/*list items*/
#accordian li {
	list-style-type: none;

}
#accordian ul ul li {
	list-style-type: none;
   /* border-bottom:1px dotted #35383D;    */
    padding:0;
    width: 100%;
    background-color: #e4e0dd;
}
/*links*/
#accordian ul ul li a {
	padding:6px 10px;
	cursor: pointer;
    font-size: 1em; font-weight: 500;
    margin-bottom:2px;
    padding-right:10px;
   -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-bottom:1px solid #D3D3D3;
}
#accordian ul ul li a:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }

/*heading hover effect*/
#accordian ul ul li a:hover {
   padding-right:15px;
}
#accordian ul ul li a:hover:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #87af01;
 }
#accordian ul ul li a.active {
 	border-right: 5px solid  #F26530;
	color: #F26530;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
    padding:0;
}
#accordian li.active ul {
	display: block;
}



#accordian2 {width: 100%; text-align: right;padding-top:10%;}
#accordian2 ul{ padding:0; }
#accordian2 h3 {
	padding:7px 10px;
	cursor: pointer;
	font-size: 1em;
	font-weight: normal;
	color: #F26530;
    border-bottom:1px solid #6D6D6D;
}
#accordian2 h3 span{ color: #000; }
#accordian2 li>div{ 	padding:30px 10px; }
/*heading hover effect*/
#accordian2 h3:hover {

}
/*iconfont styles*/
#accordian2 h3 span {
	margin-right: 10px;
}
/*list items*/
#accordian2 li {
	list-style-type: none;

}
#accordian2 ul ul li {
	list-style-type: none;
    padding:5px 0;
    width: 100%;
}
/*links*/
#accordian2 ul ul li a {
	text-decoration: none;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian2 ul ul li a:hover {
	border-right: 5px solid  #EC1C24;
}
/*Lets hide the non active LIs by default*/
#accordian2 ul ul {
	display: none;
    padding:0;
}
#accordian2 li.active ul {
	display: block;
}



 .tender_menu{ padding:15px 0; text-align: center; }
  .tender_menu a{ display: inline-block; background-color: #3E4B7F; padding:8px 12px; color: #fff; text-decoration: none; border-radius: 3px; font-size: 1.125em; margin:5px 0; }
  .tender_menu a:hover{ background-color: #2C3559; }

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/



footer {

   padding:1.5% 0;
   position: relative;
  color: #fff;
 background-image: url(pics/footer_bg.jpg);
 background-position: center; background-size: 100%;


   }
footer a{ text-decoration: none; color: #fff; }

#footer_address{ width: 100%; text-align: center; padding:25px 0;}
#footer_address a:hover{ text-decoration: underline; }


.footer_menu{ border-bottom:1px solid ; padding:12px; text-align: center; direction: rtl; }
.footer_menu ul{ margin:0 auto; list-style-type: none; padding:0; text-align: center; width: 100%}
.footer_menu li{ display: inline-block;}
.footer_menu li:last-child{ border-left:none; }
.footer_menu a{padding:7px 10px;  color: #fff; font-size: 1.125em; }



#footer_social{ width: 100%; text-align: center; direction: rtl; }
#footer_social a{display:inline-block; border-radius: 50%; border:1px solid #fff;   width: 45px; height: 45px; line-height: 45px; vertical-align: top;margin:0 10px;}
 #footer_social a:hover{ color: #fff; }
#footer_social i{ font-size: 1.33em; }
#footer_social img{ position: relative; top:-2px; }



a.footer_phone{ display: block; font-size: 2em; padding:1.5% 0; }
#footer_map{ float:left; width: 50%; padding-bottom:15px; }

#footer_links{  width: 65%; }
#footer_links li{ font-weight: 500; margin-top:20%; position: relative; }
#footer_links li:before{
content: "\f0c0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #3CAA36;
    padding-left: 0.5em;
    position: absolute;
    top: 0px;
    right: -35px;
	font-size: 1.33em;
    z-index: 1;

  }
#footer_links ul{ float:right; width: 33.333%; text-align: right; direction: rtl;  line-height: 160%; list-style-type: none; margin:0; padding:0;}
#footer_links a{ color: #000; text-decoration: none; font-weight: 800; font-size: 1.66em}
#footer_links a:hover{  text-decoration: none; color: #3CAA36; }




#footer_contact{
  float:right;
  width: 50%;
  margin-top:10px;
  padding:15px;
  text-align: right;
  padding-left:3%;

   }
#footer_contact h2{ font-weight: normal; font-size: 1.33em; padding-bottom:2.5%; color: #FFFFFF;}

#footer_contact input[type="text"]{
  width: 49%;
  float:right;
  background-color: transparent;
  padding:5px;
  text-align:right ;
  outline: 0;
  margin:2% 0;
  margin-left:1%;
  border:1px solid #fff;
   color: #FFFFFF;


}
#footer_contact input[type="text"].large{ width: 98.5%; }
#footer_contact textarea{
   width: 49%;
  float:left;
  background-color: transparent;
  padding:5px;
  text-align:right ;
  outline: 0;
  margin:2% 0;
  margin-left:1%;
   border:1px solid #fff;
   color: #FFFFFF;

}

#footer_contact input[type="submit"]{
 padding:5px;
 width: 35%;
  background-color: transparent;
  color: #FFFFFF;
 border: none;
 font-size: 1em;
 font-weight: normal;
 cursor: pointer;

    margin:2% 0;

  border:2px solid #fff;
   float:right;
   margin-left:1.5%;

 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;
}
#footer_contact input[type="submit"]:hover{
 background-color:#fff; color: #231F20;

}
#footer_bottom{ }

.copyright{ float:left; width: 25%;padding-top:2%; direction: rtl;}
#credit{ width: 50%;  text-align: right; direction: rtl; font-size: .9rem; font-weight: normal; padding:5px; float:right;}
#copyright{ width: 50%;  text-align: left; direction: rtl; font-size: .9rem; font-weight: normal; padding:5px; float:left;}






 .mob{display: none; }
 .nomob{display: block; }
 #main_gallery{ clear: both; }
.add_holder_mob{ display: none;  }
.rsContent:before{
 /*content: '';
 position: absolute;
 top:0;
  height: 100%; display: block;
  width: 100%;
  background: rgba(76,76,76,.3);*/
 }

 #material_types{ width: 100%;
  display: -webkit-flex; /_ Safari _/
  display: flex;
  -webkit-flex-wrap: wrap; /_ Safari _/
  flex-wrap:         wrap;

   }
 #material_types span{ display: block; vertical-align: top; }
  #material_types span{  padding:10px;border:1px solid  #fff; }
 #material_types span:nth-child(even){ width: 75%; background-color: #F5F5F5; padding:10px 25px 10px 50px;}
 #material_types span:nth-child(odd){ width: 25%; background-color:   #EBEBEB; font-weight: bold; font-size: 1.33em;}

  nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip{width:51px!important;height:51px!important;-webkit-box-shadow:none!important;box-shadow:none!important;background:url(https://storage.googleapis.com/sp-public/nagishli/nl-files/accessibility_2.png)!important}nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip>#NagishLiLogo{margin-left:-5px!important;display:none!important}nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip>#NagishLiMove,nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip>#NagishLiTitle{display:none!important}
 /*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:959px) {

.mob{ display: block; }
.nomob{ display: none; }
 .sf-menu{ display: none; }
 header{ background-color: #fff; position: fixed; top:0; width: 100%; z-index: 9999; border-bottom:1px solid #D8D3CF }
.logo{ position: absolute; left:0; right:0; margin:0 auto; width: 35%; z-index: 10; }
#lang{ float:left; margin-left:0;  position:  relative; z-index: 10; width: initial; }
#news, #mihraz,#jobs{ width: 100%; }
.top_search{ display: none; }
.nl_side,#newsletter form{ width: 100%;  }
#newsletter form{ padding:0; }
section#newsletter{ background-position: left;
    background-size: cover;
}
#material_types span:nth-child(odd) { width: 100% }
#material_types span:nth-child(even)  { width: 100%; padding:10px; }
.nl_side{ text-align: center; padding-bottom:15px; }
#contain_side{ width: 90%; margin:0 auto; float:none; padding-right:0; }

 .width-wrapper{ width: 94%; }
 .pnim_image{ margin-top:64px; }
 #side_menu{ width: 100%; }
 .info_page_link a{ font-size: 1.125em; }

 #leaf{ display: none }
.info{ line-height: 1.3; }
  section#contact{ background-size: cover; }

 .areas{ padding:20px 0; }
.merkaz p{ margin:0; }
.merkaz{ font-size: 86%; }
.merkaz span{ padding:5px 15px; }
.portal_btn h2{ top:15px; }
#footer_social a{ margin:0 5px; }
footer{ padding:3% 0 5%; }
#credit,#copyright{ width: 100%; text-align: right;padding-left:15%; }
.area{ width: 50%; }
#main_gallery{ margin-top:70px; }
.logo img{ height: initial; width: 100%; }
.menu{ display: none; }

 .main_right, .main_left{ width: 100%; margin:0; }

#scroll_table{ overflow-x:auto}
#scroll_table .info_table{ min-width: 800px; }
.about_pic, .about_text { width: 100%;}

 #page123{ font-size: 80%; }
 #page125{ font-size: 80%; }
 .info{ text-align: right; }
#wrapper{ max-width: none; }

#main_menu_mob{  display: block;}
#top_menu{  width: 100%;  text-align: center; }

.haver_text{ width: 100%; }
.gal_hold{ width: 100%; }
.gal_hold img{ width: 100%; height: initial;  }
.gal_hold_inner {  height: initial; }
.rsABlock {
  left: 5%;
  top:20%;
  right: initial;
  width: 100%;
}

.gird-cell {
    width: 50%;

}
 .sviva_link{ width: 50%; }
#footer_links ul{ width: 100%; }
#footer_links{  display: none}

.footer_address span{ width: 100%; display: block; padding:10px 0 }

figure.effect-chico h2{ font-size: 1em; }
#job_info{ width: 100%; padding:0 3%; }
#apply{ width: 100%; margin-top:25px; }
.apply_to_job{ position: relative; top: initial; left: initial; }
.tender .tender_info{ position: relative;top:10px; left: initial;}

.art_block.pnim_news .art_text{ padding:25px 15px; }
#main_gallery iframe{
    height: 400px !important;
}
}

@media screen and (min-width:560px) and (max-width:959px) {
.info_pic{ max-width: 250px; }  .logo{ width: 24%; } .area{ width: 25%; } .portal_btn h2{ padding-top:30px; } .merkaz{ font-size: 125%; }
}

@media screen and (min-width:960px) and (max-width:1199px) {
.width-wrapper{ width: 96%; } .merkaz p{ margin:0; }
.merkaz{ font-size: 86%; }
.merkaz span{ padding:5px 15px; }
.portal_btn h2{ top:15px; } #contain_side{ padding-left:3%; }#side_menu{ padding-right:3%; }
}


@media screen and (min-width:1200px) and (max-width:1399px) {
 .width-wrapper{ width: 96%; }
}
@media screen and (min-width:1400px)and (max-width:1600px) {

}