﻿
.gis-map  { background-position: -50px top; background-repeat:no-repeat; background-size: auto 100%; height:436px; }
.lContainer .gis-map iframe { height: 100%; }

.streets-cont,.numbers-cont{
    display:inline-block;
    font-size:16px;
    margin-bottom:10px;
}

.streets-cont input,.numbers-cont input{
    display:block;   
}
.streets-cont .validator,.numbers-cont .validator{
   visibility:visible !important;  
}

.numbers-cont{
   margin-right:10px;
}
.showLayers,.showLayers:hover,.showLayers:active,.showLayers:focus,.showLayers:visited{
    font-size:16px;
    display:inline-block;
    text-decoration: none;
    
}

.streetsAutoComplete, .streetNumberAutoComplete {
	border-color: #929292 !important;
}


.showLayers:focus{
   font-weight:bold;
    
}

.showLayers:before {
   content: "g";
    font-family: 'tlv';
    font-style: normal;
    font-weight:bold;
    top: 4px;
    position: relative;
    margin-right: 5px;
    text-decoration: none !important;
}

legend{
    border:none;
}

.showMap
{
    display:block;
    font-size: 19px;
    margin-bottom:10px;
}

#radius{
    display:none;
    padding: 2px 5px;
    width: 100px;
    margin-bottom: 9px;
    
}

.searshReset{
    display:none;
    /*float:left;*/
    padding:8px;
    border:2px solid rgba(0,0,0,0.2);
    border-radius:3px;
    font-size: 14px;
    cursor:pointer;
    margin-top:-20px;
    margin-right: 150px;
}


.searshReset:focus{
    font-weight:bold;
}
.streetSearchTitle,.radiusTitle{
font-weight: bold;
 font-size: 18px;
 
}
.radiusTitle{
    display:none;
}

h2.resultsInfo{
font-weight: bold !important;
 font-size: 16px !important;
 display:inline-block !important;
 color:#3c3c3c !important;
}
/******************    gezem.css *************************** */

#cards p.regText{font-size: 19px; line-height: 26px; margin-top:32px; margin-bottom: 0!IMPORTANT;}

#cards .artBox h3{font-size:21px; color:#3c3c3c!important;  line-height:22px; margin:0; margin-bottom:6px}
#cards .artBox p{margin:0; padding:0; line-height:17px; font-size:17px}
#cards .artBox p.number{font-size:18px; float: right;padding-left: 8px;}
#cards .artBox p.bold{font-weight:bold; margin-top:20px}
#cards .artBox p:last-child{margin-bottom:14px}
#cards .artOpen {  z-index:20; height:100%; }
#cards .artOpenBtn {background-color: #000000;  text-decoration: none; }
#cards .artOpenBtn span:before{ font-size:16px}

#cards .artOpenBtn:hover,
#cards .artOpenBtn:focus,
#cards .artOpenBtn:active{background-color: #000000;}
#cards .artOpenBtn span:hover:before,
#cards .artOpenBtn span:focus:before,
#cards .artOpenBtn span:active:before,
#cards .artOpenBtn:hover span,
#cards .artOpenBtn:focus span,
#cards .artOpenBtn:active span {color:#f7b10b;}
a.artOpenLink{ color:#275d8b !important;}



#cards .tableFiltering.oneLine.yellow { border-bottom: 2px #ffcd32 solid;  border-top: 0;  padding-bottom:17p x; margin-top:0}
#cards .tableFiltering.oneLine.yellow span.searchFilterIcon {color:#ffcd32}
#cards .tableFiltering.oneLine.yellow input.searchFilterIcon {color:#3c3c3c;}
#cards .tableFiltering.oneLine.yellow .searchFilterDesktop input {width:798px; font-size: 17px; border:0;}
#cards .tableFiltering.oneLine.yellow input.searchFilterIconBtn {font-family: "tlv"; width:30px !important;top:2px;height:23px;line-height: 23px;font-size:16px;}
#cards .tableFiltering.oneLine.yellow input.searchFilterIconBtn:focus{border:2px solid #0072C1}

#cards .tableFiltering.yellow span.searchFilterIcon { border:none ; }
#cards .tableFiltering.yellow input.searchFilterIcon { border:none ; }

.searchFilterIconBtn:focus { background-color: #e6f2fa !important; }

@media (max-width: 1200px) {
#cards .artBox{height:300px; margin-bottom:36px}
#cards .artOpen { height:100%;}


#cards .tableFiltering.oneLine.yellow .searchFilterDesktop input {width:650px}
}

@media (max-width: 1024px) {
#cards .artBox h3{font-size:19px; margin-bottom:2px}
#cards .artBox .number{}
#cards .artBox p{margin:0; padding:0; line-height:17px; font-size:17px}
#cards .artBox{height:300px; margin-bottom:36px}
#cards .artOpen {  height:100%;}
}

@media (max-width: 992px) {
#cards .artBox h3{font-size:19px;}
#cards .artBox p{margin:0; padding:0; line-height:17px; font-size:17px}
}

@media (max-width: 768px) {

    .streets-cont,.numbers-cont{
    width:100%;
    margin-right:0px;
}

   
#cards .tableFiltering.oneLine.yellow .searchFilterDesktop input {width:205px;font-size: 21px;}
#cards .tableFiltering.oneLine.yellow input.searchFilterIconBtn {font-family: "tlv"; width:40px !important;top:2px;height:33px;line-height: 30px;font-size:26px;float:left;margin-left:10px;}
 #cards p.regText{font-size: 22px!IMPORTANT; line-height: 20px;  margin-bottom: 6PX!IMPORTANT;}

 #cards .artBox{height:300px; margin-bottom:36px}
 #cards .artOpen { height:100%;}
 
 #cards .artBox h3{font-size:19px;}
 #cards .artBox p{margin:0; padding:0; line-height:17px; font-size:17px}
 
 #cards .artOpenBtn span:before{font-size:16px}
}
    

@media (max-width: 480px) {
#cards .tableFiltering.oneLine.yellow .searchFilterDesktop input {width:205px;font-size: 21px;}
#cards p.regText{line-height: 22px!important; margin-bottom:14px!important}

#cards .artBox{height:300px; margin-bottom:40px}
#cards .artOpen { height:100%;}
#cards .artBox h3{font-size:24px!important; }
#cards .artBox .number{font-size:23px!important;}
#cards .artBox p{font-size:21px!important; line-height: 19px}
#cards .artCloseBtn:hover{background-color: #ffcd32;}
#cards .artCloseBtn:hover span{ color:#3c3c3c;}



#cards .tableFiltering.oneLine.yellow { border-top: 2px #ffcd32 solid; padding-bottom:0px; margin-bottom:38px }
#cards .tableFiltering.oneLine.yellow span.searchFilterIcon {color:#3c3c3c; border:0px;}
#cards .tableFiltering.oneLine.yellow input.searchFilterIcon {color:#3c3c3c; border:0px;}
#cards .tableFiltering.oneLine.yellow input.searchFilterIconBtn {font-family: "tlv"; width:40px !important;top:2px;height:40px;line-height: 30px;font-size:24px;float:left;margin-left:10px;}
}

/*
@media (min-width: 768px) {
#planAndDev.imgHeader {
    background-image: url(../img/innerPageHeaderImg.jpg);
}
}
   */


/**************   cards-table-common.css        ********************************************** */
.mob-hidden {
	display: none;
}
.float-subjects-2 ul {
	margin: 0px; padding: 0px; width: 100%; display: inline-block;
}
.float-subjects-2 ul li {
	padding: 0px 0px 0px 3%;
}
ul.artTable {
	list-style: none; margin: 0px; padding: 0px; width: 100%; display: inline-block;
}
ul.artTable li {
	list-style: none; margin: 0px 0px 35px 36px; float: right; display: inline-block;
}
ul.artTable li:nth-child(3n+3) {
	margin-left: 0px;
}
.artBox {
	padding: 0px; height: 340px;
}
.artOpen {
	width: 100%; height: 100%; position: absolute; box-sizing: border-box;
}
.artClose {
	width: 100%; height: 100%; position: absolute; box-sizing: border-box;
}
.artOpen {
	bottom: 0px; display: none; background-color: rgb(255, 205, 50);
}
.artClose {
	background-color: rgb(240, 242, 245);
}
.artText {
	padding: 20px 15px; width: 100%;    height: 100%; bottom: 0px; position: absolute; background-color: rgb(240, 242, 245);
}
.artClose img {
	margin: auto; width: 100%; height: auto; display: block; max-height: 340px; max-width: 510px;
}

.artClose .phoneInfo {
	position: absolute; bottom: -1px; left: 30px; font-size: 18px; font-weight: bold;
}

.artOpen .locationIcon {
	color: rgb(60, 60, 60); font-size: 19px; vertical-align: middle; display: inline-block;
}
.artOpen .locationIcon:hover {
	color: rgb(0, 0, 0);
}
.artOpen .locationIcon:focus {
	color: rgb(0, 0, 0);
}
.artOpen .locationIcon:active {
	color: rgb(0, 0, 0);
}
.line {
	padding-bottom: 10px;
}
.artRightText {
	width: 100px; color: rgb(60, 60, 60); line-height: 15px; padding-left: 10px; font-family: "blenderBold", Arial, sans-serif; font-size: 15px; float: right;
}
.artLeftText {
	color: rgb(60, 60, 60); line-height: 19px; overflow: hidden; font-family: "blenderRegular", Arial, sans-serif; font-size: 19px;
}
.artText dl {
	margin: 0px; padding: 6px 0px;
}
.artOpenText dl {
	margin: 0px; padding: 6px 0px;
}
.artText dt {
	width: 100px; color: rgb(60, 60, 60); line-height: 25px; padding-left: 10px; font-family: "blenderBold", Arial, sans-serif; font-size: 15px; font-weight: normal; float: right;
}
.artOpenText dt {
	width: 100px; color: rgb(60, 60, 60); line-height: 25px; padding-left: 10px; font-family: "blenderBold", Arial, sans-serif; font-size: 15px; font-weight: normal; float: right;
}
.artText dd {
	color: rgb(60, 60, 60); line-height: 25px; overflow: hidden; font-family: "blenderRegular", Arial, sans-serif; font-size: 17px;
}
.artOpenText dd {
	color: rgb(60, 60, 60); line-height: 25px; overflow: hidden; font-family: "blenderRegular", Arial, sans-serif; font-size: 17px;
}
.artOpenText dt {
	line-height: 27px;
}
.artOpenText dd {
	line-height: 27px;
}
.artOpenBtn {
	left: 0px; width: 35px; height: 35px; text-align: center; bottom: 0px; position: absolute;
    background-color: rgb(60, 60, 60);
     cursor:pointer;
}
.artCloseBtn {
	left: 0px;  text-align: center; bottom: 0px; position: absolute;
    background-color: rgb(255, 205, 50);
    cursor:pointer;
    width: 23px; height: 23px;
}

.artOpenBtn:hover {
	background-color: rgb(0, 0, 0);
}
.artOpenBtn:focus {
	background-color: rgb(0, 0, 0);
}
.artOpenBtn:active {
	background-color: rgb(0, 0, 0);
}

.artOpenBtn:hover span {
	color: rgb(247, 177, 11);
}
.artOpenBtn:focus span {
	color: rgb(247, 177, 11);
}
.artOpenBtn:active span {
	color: rgb(247, 177, 11);
}

.artOpenBtn span {
	/*color: rgb(255, 205, 50);*/ line-height: 36px; font-size: 18px;
    color: rgb(247, 177, 11);
}
.artCloseBtn span {
	color: rgb(60, 60, 60); line-height: 36px; font-size: 22px;
}
.artOpenBtn span::before {
	font-family: "tlv"; content: "w";
    color: rgb(247, 177, 11);
}
.artCloseBtn span::before {
	font-family: "tlv"; content: "v";
    
}
.artOpenBtn input::before {
	font-family: "tlv"; content: "w";
    color: rgb(247, 177, 11);
}
.artCloseBtn input::before {
	font-family: "tlv"; content: "v";
    
}
.artCloseBtn:hover {
	background-color: rgb(60, 60, 60);
}
.artCloseBtn:focus {
	background-color: rgb(60, 60, 60);
}
.artCloseBtn:active {
	background-color: rgb(60, 60, 60);
}
.artCloseBtn:hover span {
	color: rgb(255, 205, 50);
}
.artCloseBtn:focus span {
	color: rgb(255, 205, 50);
}
.artCloseBtn:active span {
	color: rgb(255, 205, 50);
}
.artTableMore {
	display: none; position: relative;
}
.showMoreDetails {
	margin: 0px auto 25px; padding: 10px 30px; border-radius: 5px; border: currentColor; color: rgb(60, 60, 60); font-family: "blenderBold", Arial, sans-serif; font-size: 17px; display: block; background-color: rgb(255, 205, 50);
}
.scrollToTableTopWrap {
	display: none;
}
.scrollToTableTop {
	background-position: center; border-radius: 50%; width: 50px; height: 50px; bottom: 20px; position: fixed; z-index: 500; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-image: url("../img/arrow_up2x.png"); background-repeat: no-repeat; background-size: 20px 20px; background-color: rgb(60, 60, 60);
}
.mob-hidden {
	display: block;
}
.artClose img {
	width: 100%; height: auto;
}
.artBox {
	width: 190px; height: 220px;
}
.artClose {
	height: 100%;
}
.artOpen {
	height: 100%;
    
}
.line {
	padding-bottom: 0px;
}
.artText {
	padding: 10px;
}
.artOpenText {
	padding: 15px 10px;
}
.artRightText {
	width: 70px; color: rgb(60, 60, 60); font-size: 12px;
}
.artLeftText {
	color: rgb(60, 60, 60); font-size: 15px;
}
.artText dt {
	width: 70px; color: rgb(60, 60, 60); font-size: 12px;
}
.artOpenText dt {
	width: 70px; color: rgb(60, 60, 60); font-size: 12px;
}
.artText dd {
	color: rgb(60, 60, 60); font-size: 15px;
}
.artOpenText dd {
	color: rgb(60, 60, 60); font-size: 15px;
}
.artOpenBtn {
	width: 23px; height: 23px;
}

.artOpenBtn span {
	line-height: 25px; font-size: 12px;
}
.artCloseBtn span {
	line-height: 23px; font-size: 15px;
}
.artOpen .artText .row {
	margin-bottom: 0px;
}
.artOpen .locationIcon {
	font-size: 15px;
}
.showMoreDetails {
	display: none;
}
.artBox {
	width: 240px; height: 295px; margin:0px 0px 20px 20px;
}
.artText {
	padding: 15px;
}

.artRightText {
	width: 90px; font-size: 15px;
}
.artLeftText {
	font-size: 17px;
}
.artText dt {
	width: 90px; font-size: 15px;
}
.artOpenText dt {
	width: 90px; font-size: 15px;
}
.artText dd {
	font-size: 17px;
}
.artOpenText dd {
	font-size: 17px;
}
.artTable ul li {
	margin: 0px 0px 25px 0px;
    
}
.artTable ul  {
	
    padding-right:0px !important;
}

/*            */
#cards ul li
{ display: inline; list-style-type: none;
/*padding-right: 20px;*/}

.artHeaderDiv{min-height:65px;}

.ui-autocomplete .ui-menu-item { font-size: 14px; }