.gis-header { height:84px; background:#00893e; display:table; width:100%; direction:rtl; position:relative; z-index:4}
.gis-header h2 { font-family: 'BlenderBold', Arial, sans-serif; color:#ffffff; font-size:26px; display:table-cell; vertical-align:middle; padding:0 7px 0 5px; margin:0; white-space:nowrap;}

.gis-header .gis-icons-wrap {display:none;}

.gis-header .selectWapper { display:table-cell; vertical-align:middle; text-align:left; padding:0 0 0 7px; }
.gis-header .bootstrap-select { margin-bottom:0;  }
.gis-header .bootstrap-select .btn-default { background-color:transparent; border:2px solid #FFF; border-radius:5px; height:43px; padding:0 7px 0 30px;}
.gis-header .bootstrap-select.btn-group .btn .filter-option { text-overflow:ellipsis; float:right!important; font:normal 22px/39px 'blenderRegular', Arial; color:#FFF; padding:0; text-align:right; direction:rtl; margin:0;}
.bootstrap-select.btn-group:not(.input-group-btn){ margin:0; max-width:220px;}
.gis-header .bootstrap-select.btn-group .btn .caret { border:0; background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_select.png) no-repeat; background-size:14px, auto; width:14px; height:8px; left:8px; top:50%; margin-top:-4px; right:auto;}
.bootstrap-select DIV.dropdown-menu  {background-color:#f9f9f9; z-index:10;  border-radius:5px; margin:0; padding:0;}
.bootstrap-select DIV.dropdown-menu UL {background-color:transparent;  margin:0; padding:0 0 0 14px; list-style:none;}
.bootstrap-select DIV.dropdown-menu UL LI { padding:0 20px; margin:0; direction:rtl; text-align:right;}
.bootstrap-select DIV.dropdown-menu UL LI A { display:block; padding:20px 7px;  font:normal 18px/18px 'blenderRegular', Arial; color:#3c3c3c; border-bottom:1px solid #dedfe0  }
.bootstrap-select DIV.dropdown-menu UL LI A:hover { background:#FFF; color:#3c3c3c;}
.bootstrap-select DIV.dropdown-menu UL LI.selected A { background:#FFF; color:#3c3c3c;}

.gis-map  { background-position: -50px top; background-repeat:no-repeat; background-size: auto 100%; height:436px; }
.gis-map .mapPointer { display:block; position:absolute; background:url(/_layouts/15/TlvSP2013PublicSite/images/mapPin.png) no-repeat; background-size:48px auto; width:48px; height:48px; padding:7px 21px 0 3px; text-align:center; line-height:23px; }
.gis-map .mapPointer .icon { font-size:14px; color: #3c3c3c;} 

.gis-map .popover { min-width:314px; left:-142px; border-radius:3px; box-shadow: 0 2px 5px rgba(0,0,0,.2); padding:0; }
.gis-map .popover .popover-pict{ width:100%; height:auto; border-top-left-radius:3px; border-top-right-radius:3px; margin-bottom:15px;}
.gis-map .popover .popover-content { padding:0; direction:rtl; text-align:right;}
.gis-map .popover .popover-content h4{ margin-bottom:10px; padding:0 15px; line-height:100%; color:#00893e;}
.gis-map .popover .popover-content p{ margin-bottom:10px; padding:0 15px; line-height:100%;}
.gis-map .popover .popover-content p.tight{ margin-bottom:0px; }
.gis-map .popover .popover-content p a { display:block; text-align:left; font-size:17px; color:#3c3c3c;}
.gis-map .popover .popover-content p a:hover { text-decoration:underline; color:#3c3c3c;}

.gis-map .popover.top { top:auto; bottom:65px;}
.gis-map .popover.bottom { top:55px; bottom: auto;}

@media (min-width: 768px) {
.gis-header { height:80px;}
.gis-header h2 { font-size:34px; line-height:38px; margin:0; padding:0 25px;}
.gis-header .selectWapper { padding:0 25px; }
.gis-header .bootstrap-select .btn-default { padding:0 15px 0 25px;}
.gis-header .bootstrap-select.btn-group .btn .filter-option { font-size:30px; }
.gis-header .bootstrap-select.btn-group .btn .caret { left:12px; }

.gis-map { }
.gis-map .mapPointer { background-size:55px auto; width:55px; height:55px;  padding:8px 24px 0 3px; line-height:26px;}
.gis-map .mapPointer .icon { font-size:17px;} 

.gis-map .popover {left:-139px;}
.gis-map .popover.top { top:auto; bottom:70px;}
.gis-map .popover.bottom { top:60px; bottom: auto;}
}

@media (min-width:992px) {
.gis-header { height:70px;}
.gis-header h2 { font-size: 34px; padding:0 40px 0 0; }
.gis-header .selectWapper { padding:0 35px; }

.gis-map { background-position:left top;}
.gis-map:after { height:191px; }
.gis-map .mapPointer { background-size:50px auto; width:50px; height:50px; padding:7px 22px 0 3px; line-height:21px;}
.gis-map .mapPointer .icon { font-size:16px;}

.gis-map .popover {left:-141px;}
.gis-map .popover.top { top:auto; bottom:65px;}
.gis-map .popover.bottom { top:55px; bottom: auto;}
}


@media (min-width: 1200px) {
.gis-header  { height:90px;}
.gis-header h2 { font-size: 34px; padding:0 45px 0 o;}

.gis-header .gis-icons-wrap { display:table-cell; vertical-align:middle; text-align:left; padding:0 0 0 25px;}
.gis-icons { list-style:none; margin:0; height:38px; white-space:nowrap; }
.gis-icons li { list-style:none; display: inline; padding-right:35px; cursor:pointer; text-align:right; height:38px; line-height:42px; }
.gis-icons li .icon { margin-left:10px; display: inline-block; vertical-align:middle; height:38px; width:38px; border-radius:50%; text-align:center; font-size:21px; color:#ffffff; border:2px solid #ffffff;}
.gis-icons li:hover .icon { }
.gis-icons li .text { display: inline-block; vertical-align:middle; line-height:20px; font-size:21px; color:#ffffff;}
.gis-icons li.active .icon { color:#3c3c3c; background-color:#ffffff; }
.gis-icons li.active .text { font-family:'BlenderBold', Arial, sans-serif; font-size:18px; letter-spacing:-0.26px; line-height:20px;}
.gis-icons li a { display: inline-block; }
.gis-icons li a:focus .icon { border: 2px solid #3e3e3e; }
.gis-icons li a:focus .text { font-weight: bold; }

.gis-map { background-size: cover;}

.gis-map .mapPointer {background-size:60px auto;  width:60px; height:60px; padding:9px 26px 0 4px; line-height:27px;}
.gis-map .mapPointer .icon { font-size:18px;} 

.gis-map .popover {left:-139px; border: none;}
.gis-map .popover.top { top:auto; bottom:75px;}
.gis-map .popover.bottom { top:65px; bottom: auto;}
.gis-map .popover.top>.arrow { border-top-color:  transparent;}
.gis-map .popover.bottom>.arrow { border-bottom-color: transparent;}
}

@media (min-width: 1919px) {
.gis-header { height:107px;}
.gis-header h2 { font-size:45px; padding-right:65px;}

.gis-map .mapPointer {background-size:65px auto; width:65px; height:65px; padding:10px 28px 0 4px; line-height:33px; }
.gis-map .mapPointer .icon { font-size:20px;} 

.gis-map .popover {left:-137px;}
.gis-map .popover.top { top:auto; bottom:83px;}
.gis-map .popover.bottom { top:73px; bottom: auto;}
}

.lContainer .gis-header h2 { display: block; padding: 18px 26px 0 0 !important; padding: 0; color: #ffffff !important; margin-bottom: 18px !important; }
.lContainer .gis-header .gis-icons-wrap { display: table; padding: 0; margin-bottom: 18px; }
.lContainer .gis-icons { height: inherit; white-space: inherit; padding: 0; }
.lContainer .gis-icons li { display: table-cell; padding-right: 26px; }
.lContainer .gis-map iframe { height: 100%; }
.color1 .gis-header { background-color: #0072C1 !important; }
.color2 .gis-header { background-color: #00893e !important; }
.color3 .gis-header { color: #ef4030 !important; }
@media (max-width:992px) {
    .lContainer .gis-header .gis-icons-wrap {
        display: none;
    }
}