.main-content{
	/*height: 820px;*/
	/*background-color: grey;*/
}

.contacts{
	background-color: #ffa402;
	padding: 0;
	margin-top: 5px;
}
.navMapmargin{
	margin-left: 10px;
	margin-right: -5px;
}
.class-rtl .navMapmargin{
	margin-right: 10px;
}

.contacts .nav.nav-pills{
	top: 5px;
}

.contacts .nav-link.active{
	background-color: #ffffff;
	color: #ffa402;	
}

.contacts .nav-link {
	width: 100%;
	border-radius: 0;
	font-size: 25px;
	line-height: 30px;
	color: #ffffff;
	font-family: "DINCond-Medium";
	font-weight: 500;
	cursor: pointer;
}
.class-rtl .contacts .nav-link {
	font-family: DIN-Arabic-Cond;
}
.contacts .nav-link .name{
	font-size: 30px;
}

.main-content .navMapmargin .search-panel{
	background-color: unset;
}
.main-content .navMapmargin .search-panel .input{
	width: 95%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: inherit;
	z-index: 999;
}
.main-content .navMapmargin .search-panel .input input{
	width: 100%;
	border: 0;
	font-family: "DINCond-Medium";
}

.class-rtl .main-content .navMapmargin .search-panel .input input{
	right: 0;
	font-family: DIN-Arabic-Cond;
}


.main-content .navMapmargin .search-panel .input input::placeholder{
	font-size: 20px;
	line-height: 30px;
	color: #a8a8a8;
	font-family: "DIN-Condensed-Web";
	font-weight: 500;
}
.class-rtl .main-content .navMapmargin .search-panel .input input::placeholder{
	font-family: DIN-Arabic-Cond;
}
.main-content .navMapmargin .search-panel .input input:-ms-input-placeholder{
	font-size: 20px;
	line-height: 30px;
	color: #a8a8a8;
	font-family: "DIN-Condensed-Web";
	font-weight: 500;
}
.class-rtl .main-content .navMapmargin .search-panel .input input:-ms-input-placeholder{
	font-family: DIN-Arabic-Cond;
}
.main-content .navMapmargin .search-panel .input input::-ms-input-placeholder{
	font-size: 20px;
	line-height: 30px;
	color: #a8a8a8;
	font-family: "DIN-Condensed-Web";
	font-weight: 500;
}
.class-rtl .main-content .navMapmargin .search-panel .input input::-ms-input-placeholder{
	font-family: DIN-Arabic-Cond;
}
.search-icon{
	position: absolute;
    top: 50%;
    right: 3%;
    transform: translate(-35%, -50%);
}
.class-rtl .search-icon{
	left: 7%;
	right: unset;
}


/*----------------------     Autocomplete     ----------------------------*/

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.class-rtl .autocomplete-items{
  text-align: right;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}



/*------------------------  Map  -----------------------------------*/

.main-content .navMapmargin .map{
	padding-left: 0;
	margin-top: 5px;
}
.class-rtl .main-content .navMapmargin .map{
	padding: 0;
}

.map-container{
overflow:hidden;
position:relative;
height:100%;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}





#map {
  height: 500px;
  width: 500px;
}


@media(max-width: 768px) {
	.input input{
		border-radius: 17px;
	}
	.input{
		font-size: inherit;
	}
	.class-rtl .autocomplete-items{
		text-align: center;
	}

	
	.main-content .navMapmargin{
		margin: 0;
	}
	.map {
		margin: 0!important;
		padding: 0;
	}
	.map-container{	
	padding-bottom:60.2%;	
	}
	.contacts .nav.nav-pills{
		margin-top: -5px;
	}
	.main-content .navMapmargin .search-panel .input input{
		height: 34px;
	}	
	.main-content .navMapmargin .search-panel .input{
		height: unset;
	}
	

}