/*--------------------------------------------------
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, 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: #393939;}

body {margin:0; padding:0; background:#fff; font-size:20px; 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: #fff; }
a:hover{ color:  #fff; }
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;
     background-size: cover;

}

input, select, textarea{ font-size: 100%; }

input[type="text"], textarea{
   padding: 8px;
   border: none;
   direction: rtl;
   border-radius: 3px;
   }
ul{ list-style-type: none; padding:0; }
/*--------------------------------------------------
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: #35383d;}
:-moz-placeholder { /* Firefox 18- */   color: #35383d;}
::-moz-placeholder {  /* Firefox 19+ */    color: #35383d;}
:-ms-input-placeholder {   color: #35383d;}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 1.875em; font-weight: bold; direction: rtl; color: #393939; }
h2{font-size:1.333em;  font-weight: normal; margin: 0;	padding: 0; direction: rtl;}
h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal;direction: rtl; }
h4{	font-size: 1.3em; font-weight: normal;direction: rtl;	margin: 0;	padding: 0; }
h5{	font-size: 1em; font-weight: normal; text-align: right; margin: 0;direction: rtl; }
.red{ color: #C7050D; }
/*--------------------------------------------------
Basic
--------------------------------------------------*/
#wrapper{
   width: 100%;
   text-align: center;
   margin:0 auto;
   padding:5% 2.5%;

}
.width-wrapper{margin:0 auto; width:100%; max-width: 80%;  position: relative;}

input[type="number"]{
 width: 100%;
 padding:15px;
 font-size: 1.66em;
 direction: rtl;
 font-weight: bold;
 border:1px solid #393939;
 border-radius: 5px;
 text-align: center;
 }
button{
  background-color: #2980B9;
  color:#fff;
  font-size: 1.33em;
  padding:10px; width: 100%; margin-top:15px;
  border:none;
 border-radius: 5px;
 font-weight: bold;
}
.det{ font-size: 1.33em; font-weight: bold; }

/*--------------------------------------------------
TABLE
--------------------------------------------------*/
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
     width: 100%;
     font-size: 1em;


}
table a{ padding:10px; }
.waze{  border-left:1px solid #fff; }
table a img{ position: relative; margin-left:10px; top:7px; }
.bordered {
    border: solid #fff 1px;
	background-color: #eee;
	direction: rtl;




}
.bordered tr:nth-of-type(odd) {
  background-color:#f3f3f3;
}
.bordered tr:hover {
    background: #d6e9ff;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 10px;
    text-align: center;
	font-weight: normal;
	font-size: 1em;
}

.bordered th {
    background-color: #2980B9;
    border-top: none;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;

}

.bordered td:first-child, .bordered th:first-child {
    border-right: none;
}