﻿/* Move down content because we have a fixed navbar that is 50px tall */
html{  
    margin: 0;
  padding: 0;
  height:100%;

}

@font-face { font-family: 'OpenSansHebrew'; src: url('/css/OpenSansHebrew-Regular.eot'); font-style: normal;}
@font-face { font-family: 'OpenSansHebrew1'; src: url('/css/OpenSansHebrew-Regular.woff') format('woff'); font-style: normal;}
@font-face { font-family: 'OpenSansHebrew2'; src: url('/css/OpenSansHebrew-Regular.ttf') format('truetype'); font-style: normal;}
@font-face { font-family: 'OpenSansHebrew3'; src: url('/css/OpenSansHebrew-Regular.svg') format('svg'); font-style: normal;}
@font-face { font-family: 'OpenSansHebrew4'; src: url('/css/OpenSansHebrew-Regular.eot')  format('embedded-opentype'); font-style: normal;}

body {
   margin:0;
   padding:0;
   font-family:Arial,OpenSansHebrew,OpenSansHebrew1,OpenSansHebrew2,OpenSansHebrew3,OpenSansHebrew4;
   color:#3c3a3b;
   font-size:14px;
   text-align:right;
   direction:rtl;
    height:100%;
   background: white;

}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    
}
#animated_loading
{
    display:none;
    position:absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:white;
    opacity:0.8;
    background-image:url(/images/animated_loading11.gif);
    background-repeat:no-repeat;
    background-position:center center;
    z-index:9999;
}
#animated_loading1
{
    display:none;
    position:absolute;
    top:495px;
    right:0px;
    width:100%;
    height:100%;
    background-color:white;
    opacity:0.8;
    background-image:url(/images/animated_loading11.gif);
    background-repeat:no-repeat;
    background-position:center center;
    z-index:9999;
}
.popup { z-index : 900; }
.ui-datepicker-div { z-index: 999; }
.floatR{float:right}
.floatL{float:left}
.width100{width:100%}
.height10{width:100%;height:10px;float:right}
.width50{width:50%}
.header{
     width:100% !important;
    max-width:1170px !important;
    margin:0px auto !important;
    padding:0px !important;
    position:relative;
}
.header.Home{
        height: 81px;
margin-bottom: 70px !important;
    text-align: center;
}
.header.Home .Logo
{
    position:absolute;
    top:15px;
    left:43%;
    margin-left:-35%;
}
.header.Home .slogan
{
    position:absolute;
    bottom:-25px;
    right:0;
    z-index:10;
    width:100%;
}


.header.page{
    height:155px;
    background-color:#01509b; /*:url(../images/inner_top_bg.png) repeat-x right top;*/
    background-size:auto 177px;
       
    top: 0;
    z-index: 99;
}
@media (max-width: 481px)  {
    .header.page {
        height: 57px;
    }
}
.header.page .slogan
{
    position:absolute;
    bottom:0px;
    left:0;
    z-index:10;
    width:100%;
}

.container{padding:0 !important}
.containerIn{background-color:white;margin:0;text-align:center}
h1{padding:0px;margin:0px;color:#333333;font-size:20px;margin-bottom:10px;font-weight:bold;padding-top:8px;}
h2{padding:0px;margin:0px;color:#333333;font-size:18px;margin-bottom:10px;font-weight:bold;padding-top:5px;}
.btnBlue{background-color:#1d40ae;height:60px;width:76%;float:right;margin:9px 12%;border-radius:300px;text-align:center;line-height:60px;color:white;font-weight:bold;font-size:18px;cursor:pointer}
.btnBlue a{color:white}
.iconLocation{background:url(../images/home_location_icon.png) no-repeat right center;padding:2px 26px 5px 0px;background-size:20px 25px;line-height:25px;height:25px}
.iconCity{background:url(../images/home_city_icon.png) no-repeat right center;padding:2px 26px 5px 0px;background-size:20px 25px;line-height:25px;height:25px}

.bannerSearch{ background:url(../images/inner_search_bg.png) repeat-x right top;background-size:auto 87px;width:100%;float:right;line-height:87px;color:white;height:87px;

    z-index: 99;
}
#divLstItems{width:100%;z-index:999;background-color: white;}
.BoxScroll {
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 245px;
    bottom: 0px;
    left: 0;
    }
#listProducts{margin:0;padding:0;width:100%;float:right;list-style:none;}
#listProducts li{float:right;width:100%;border-bottom:solid 1px #c8c8c8;margin-top:15px;padding-bottom:15px}
#listProducts li .ItemRight{float:right;width:62%;border-left:solid 1px #f1f1f1;text-align:right;padding-right:5%}
 
#listProducts li .ItemRight .h2{font-size:16px;font-weight:bold;padding:0px;margin:0}
#listProducts li .ItemLeft{float:left;width:30%;height:90px;}
#listProducts li .ItemLeft .btnBlue{height:35px;line-height:35px;margin:5px 12%}
.iconwaze{background:url(../images/inner_waze_icon.png) no-repeat right center;padding:2px 30px 5px 0px;background-size:auto 22px;line-height:25px;height:25px}
.iconphone{background:url(../images/inner_phone_icon.png) no-repeat right center;padding:2px 26px 5px 0px;background-size:20px 25px;line-height:25px;height:25px}

.iconCar{float:right;width:37px;line-height:14px;text-align:center;margin:0 4px;padding-top:36px;font-size:12px;height:62px}
.PrivateCar{background:url(../images/inner_type_icon_1.png) no-repeat right top;background-size:37px 37px;}
.commercialCar{background:url(../images/inner_type_icon_3.png) no-repeat right top;background-size:37px 37px;}
.Car4X4{background:url(../images/inner_type_icon_2.png) no-repeat right top;background-size:37px 37px;}
.Truck{background:url(../images/inner_type_icon_5.png) no-repeat right top;background-size:37px 37px;}
.Busses{background:url(../images/inner_type_icon_9.png) no-repeat right top;background-size:37px 37px;}
.DirtCar{background:url(../images/inner_type_icon_5.png) no-repeat right top;background-size:37px 37px;}
.CarIndustry{background:url(../images/inner_type_icon_5.png) no-repeat right top;background-size:37px 37px;}
.ConstructionEquipment{background:url(../images/inner_type_icon_6.png) no-repeat right top;background-size:37px 37px;}
.Agriculturalvehicles{background:url(../images/inner_type_icon_4.png) no-repeat right top;background-size:37px 37px;}
.battery{background:url(../images/inner_type_icon_7.png) no-repeat right top;background-size:37px 37px;}
.Front{background:url(../images/inner_type_icon_8.png) no-repeat right top;background-size:37px 37px;}

.arrClose{background:url(../images/arrClose.png) no-repeat center center !important;background-size:23px 11px !important;}
.arrOpen{background:url(../images/arrOpen.png) no-repeat center center;float:right;width:100%;height:15px;margin-top:10px;background-size:23px 11px;}

.titleTime{float:right;width:100%;color:#1e78cd;background:url(../images/inner_clock_icon.png) no-repeat right center;padding-right:20px;background-size:13px 13px;height:13px;line-height: 13px;
    margin-bottom: 5px;}

.divTextAddress{
    float:right;
    width:54%;
    color:white;
    text-align: right;
        margin-right:3%;
        font-size: 16px;
            margin: 29px 3% auto 0;
    line-height: 20px;
    font-weight:bold;
}

#addressTitle{
         text-align:right;
        font-size: 16px;
        font-weight:bold;
         float:right;
          width:30%;
             
}
#addrerss{
        font-size: 14px;
        font-weight:normal;
         float:right;
          width:68%;
          text-align:right;
}

#cityLst{
    float:left;
     width:30%;background-color:white;border-radius:100px;height:40px;line-height:40px;color:#0b31a8;font-weight:bold; padding: 0 3%;text-align:right;font-size:13px;    margin-left: 7px;
  border-top: solid 0px #cacaca;
  border:none;
    margin-top: 23px;
    -webkit-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALBJREFUeNqUUUEKxCAMTEToodC7J9/RR4jevPUd/ZI3P+GHhN6E7EZqsUtd6IDEzEyiRiQieAN5RnpTUM3OOTiOY2ic5xlijCC+e2RCa/23c9NFI/Z9h2maHs3Ms94XoFIK1nV9LGCedfZhNyUqpYD3HnLOl3lZFgghgJR1Pii6RsiktfbWnfNmvr2hYdu2dnyNnN/AV/pZlFIiY0yNJy4dBz/dk9gLYjB2fDIzPgIMAJKhS9X7E3wKAAAAAElFTkSuQmCC');
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQ…gSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==); */
    background-position: 5px center;
    background-repeat: no-repeat;
}
.redColor{color:red}
.borderB{border-bottom:solid 1px #4595ee !important;}
.height265 {
    height: 265px !important;
    float:right;
    width:100%;
}
.margin40L {margin-left:40px;}
.margin20{margin:0 20px 0 0}

.ui-select{
  width:180px;
  height:70px;
}
.select_small{
  width:180px;
  height:70px;
}
select:not(:-internal-list-box) {
    overflow: visible !important;
}
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border: 1px solid;
}
.ui-widget-content{
    z-index:9999;
    padding:0 5px 0 0;
    width:60%;
}
.ui-widget-content li{
    list-style:none;
    padding:0;
    margin:0;
    line-height:25px;
    border-bottom:solid 1px #cacaca;
   padding-right:10px;
}
@media (min-width: 767px) {
    .header.Home .slogan {
        position: absolute;
        bottom: -35px;
        right: 0;
        z-index: 10;
        height: 100%;
        width:auto;
    }

    .header.page .slogan {
        position: absolute;
        bottom: 0px;
        right: 0;
        z-index: 10;
        height: 100%;
        width: auto;
    }

    #divLstItems{
            width: 1170px;
            right:0px;
            margin:0 auto;
            position: relative;
            top:0px !important;
    }
   #listProducts li .ItemRight{
       padding-right:0px;
    }
}

