*{box-sizing: border-box;padding:0px;margin:0px;}
body{padding:0px;margin:0px;}
:root{
--topcolor:#3D9AEB;
--darktext:#11589B;
--btnfinder:#032B44;
--btnBRDfinder:#72C8F1;
--btn_amir:rgb(5, 158, 120);
--base:rgb(2, 107, 168);


--head1:rgba(50,130,255,0.2);
--head:rgba(7,60,82,0.6);
--navbar:rgb(2, 107, 168);
--withe:#fff;
--newnav:rgb(242,242,242);
--shadow1:#212788;
--amirMatn:#eee;
--amirMatn2:#333;
--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(250, 225, 3);
--darkgreen:#096430;
--newgreen1:rgb(106,209,213);
--newgreen:rgb(56,159,163);
--newgreenlight:rgb(112,175,190);
--newblue:rgb(92,154,191);
--newbludark:rgb(152,165,174);
--newolive:rgb(135,159,80); 

--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(250, 225, 3);
--darkgreen:#096430;
--mamad:#002325;
--mamadob:#002325db;
--greentem:#044820;
--nationalyellow:#FDDA0E;

}

.trans0_5{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
/*-------------------------------------------------------------------------------------------------------------------------*/
.google_map_box{background-color:rgb(247, 234, 221);padding:10px;margin:30px auto;border-radius: 5px;box-shadow:0px 0px 7px  #aaa;}
.google_map_box>.map_box,.google_map_box>.map_menuBar{height:500px;}
.google_map_box>.map_box{overflow:hidden;}
.google_map_box>.map_box>#google_map{height:100%;width:100%;}
.google_map_box>.map_menuBar{}
.google_map_box>.map_menuBar>div:nth-child(2),.google_map_box>.map_menuBar>div:nth-child(3){width:100%;height:100%;background-color: #fff;box-shadow:-4px 0px 5px -3px #888;position:relative;z-index:2;padding:55px 10px;overflow:hidden;overflow-y:auto;scrollbar-width: thin;scrollbar-color: rgba(14, 14, 14, 0.687) rgba(54, 51, 51, 0.272);}
.google_map_box>.map_menuBar>div:nth-child(3){display:none;position: absolute;z-index:3;top:0px;right:0px;}

.google_map_box>.map_menuBar>div:nth-child(2)::-webkit-scrollbar,.google_map_box>.map_menuBar>div:nth-child(3)::-webkit-scrollbar  {height:8px;width:3px;display:inline-block;}
/* Track */
  .google_map_box>.map_menuBar>div:nth-child(2)::-webkit-scrollbar-track, .google_map_box>.map_menuBar>div:nth-child(3)::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(54, 51, 51, 0.272); border-radius: 10px;height:8px;width:3px;display:inline-block;}
/* Handle */
.google_map_box>.map_menuBar>div:nth-child(2)::-webkit-scrollbar-thumb,.google_map_box>.map_menuBar>div:nth-child(3)::-webkit-scrollbar-thumb {background: rgba(14, 14, 14, 0.687) ; border-radius: 10px;height:8px;width:3px;display:inline-block;}
  
/* Handle on hover */
.google_map_box>.map_menuBar>div:nth-child(2)::-webkit-scrollbar-thumb:hover,.google_map_box>.map_menuBar>div:nth-child(3)::-webkit-scrollbar-thumb:hover {background: rgb(14, 14, 14,0.8) ; }

.google_map_box>.map_menuBar>.map-input-box{width:100%; position:absolute;z-index:10;overflow:hidden;}
.google_map_box>.map_menuBar>.map-input-box>p{margin-top:-45px;background:#fff;width:100%;padding:5px 10px;font-family:Yekan;color:#444;padding-right:20px;box-shadow:0px 5px 3px  -5px #aaa;}
.google_map_box>.map_menuBar>.map-input-box>p>b{margin:0px 5px;font-size:30px;color:rgb(171, 45, 45);text-align:center;position: relative;top:10px;margin-top:-10px;}
.google_map_box>.map_menuBar>.map-input-box>p>i{float:left;margin-top:0px;display:inline-block;cursor: pointer;}
.google_map_box>.map_menuBar>.map-input-box>p>i>i{transition:0.5s;border-radius:5px;padding:5px;cursor: pointer;}
.google_map_box>.map_menuBar>.map-input-box>p>i:hover>i{transform: rotatex(180deg) rotatey(360deg);text-shadow: 0px 0px 5px #888;}

.google_map_box>.map_menuBar>.map-input-box>#pac-input{width:95%;display:block;margin:auto;margin-top:10px;border: 1px solid #ddd;color:#333;border-radius: 5px;font-family:Yekan;padding:5px;padding-right:10px;}
.google_map_box>.map_menuBar>.map-input-box>.search-button{cursor:pointer;padding:5px;font-size:26px;display:inline-block;right:85%;margin-top:-44px;position: relative;color:#999;font-weight: 600;}
.google_map_box>.map_menuBar>div:nth-child(2)>.map_city_info{width:100%;padding:10px;font-family: Yekan;}
.google_map_box>.map_menuBar>div:nth-child(2)>.map_city_info>p{width:49%;display:inline-block;color:#333;font-size:20px;text-align:center;}
.google_map_box>.map_menuBar>div:nth-child(2)>.map_city_info>p:nth-child(2){}
.google_map_box>.map_menuBar>div:nth-child(2)>.map_city_info>p:nth-child(2)>img{display:inline-block;margin:0px 5px;width:50px;height:50px;}
.google_map_box>.map_menuBar>div:nth-child(2)>.map_city_info>p:nth-child(2)>b{font-family: Arial;position:relative;top:5px;}
.google_map_box>.map_menuBar>div:nth-child(2)>a{width:100%;padding:5px;font-family: Yekan;color:#555;display:block;margin-top:2px;border-radius:5px;transition: 0.25s;}
.google_map_box>.map_menuBar>div:nth-child(2)>a>i{margin:0px 5px;margin-left:20px;font-size:20px;background:var(--mamadob);width:40px;height:40px;color:var(--nationalyellow);text-align:center;padding-top:9px;border-radius: 50%;}
.google_map_box>.map_menuBar>div:nth-child(2)>a:hover{background: #eee;}
.google_map_box>.map_menuBar>div:nth-child(3)>div{position:relative;margin-bottom:10px;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>span{position:absolute;left:5px;top:2px;background-color: rgba(255, 255, 255, 0.5);border-radius: 5px;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>span>i{transition:0.25s;margin:0px 1px;cursor:pointer;color:#666;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>span>i:hover{color:#FED906;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>a{transition:0.25s;border-radius:5px 5px 0px 0px;display:block;overflow:auto;width:100%;padding:3px;font-family: Yekan;border-bottom:1px solid #aaa; }
.google_map_box>.map_menuBar>div:nth-child(3)>div:hover>a{background:#eee;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>a *{cursor:pointer}
.google_map_box>.map_menuBar>div:nth-child(3)>div>a>img{width:70px;height:70px;border-radius:5px;float:right;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>a>div{position:relative;float:right;max-width:200px;padding-right:5px;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>a>div>p:first-child{color:#333;font-size:14px;}
.google_map_box>.map_menuBar>div:nth-child(3)>div>a>div>p:last-child{color:#666;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.google_map_box>.map_box>#info-content{font-family:Yekan;display:block;position:absolute;background:#fff;border-radius:10px;box-shadow:0px 0px 5px #777;top:-100%;width:40%;right:30%;padding:10px;}
.google_map_box>.map_box>#info-content>img{width:70px;height:70px;border-radius:50%;margin-left:5px;}
.google_map_box>.map_box>#info-content>#info-content-name{color:#222}
.google_map_box>.map_box>#info-content>#info-content-rate,.google_map_box>.map_box>#info-content>#info-content-phone{margin:0px auto;text-align:center;vertical-align:ltr;display:inline-block;}
.google_map_box>.map_box>#info-content>#info-content-phone{font-weight:700;color:#333;}
.google_map_box>.map_box>#info-content>#info-content-address{padding-right:5px;margin:0px;}
.google_map_box>.map_box>#info-content>button{width:30px;height:30px;border:0px;border-radius: 50%;color:orange;background:#fff;font-size:20px;text-align: center;position: absolute;top: 5px;left:5px;cursor:pointer;}
.google_map_box>.map_box>#info-content>button>i{cursor:pointer;}
.star-checked{color:orange;}



/*---------------------map btn options ---------------------------*/
.gm-style .controls {
  font-size: 28px;
  /* this adjusts the size of all the controls */
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 300;
  font-family:Yekan;
  height: 1em;
  margin: 10px;
  text-align: center;
  user-select: none;
  
  width: 1.2em;
  border-radius: 5px;;
}
.controls *{cursor: pointer;}

.gm-style .controls button {
  border: 0;
  background-color: white;
  color: rgba(0, 0, 0, 0.6);
  padding:3px;
  border-radius:5px;
}

.gm-style .controls button:hover {
  color: rgba(0, 0, 0, 0.9);
}

.gm-style .controls.zoom-control {
  display: flex;
  flex-direction: column;
  height: auto;
}

.gm-style .controls.zoom-control button {
  font: 0.85em Arial;
  margin: 1px;
  padding: 0;
}

.gm-style .controls.maptype-control {
  display: flex;
  flex-direction: row;
  width: auto;

}

.gm-style .controls.maptype-control button {
  display: inline-block;
  font-size: 0.7em;
  margin: 0 1px;
  padding: 0 6px;
  
}

.gm-style
  .controls.maptype-control.maptype-control-is-map
  .maptype-control-map {
  font-weight: 700;
  background:#033d40db;
  color:var(--nationalyellow);
}

.gm-style
  .controls.maptype-control.maptype-control-is-satellite
  .maptype-control-satellite {
  font-weight: 700;
  background: #033d40db;
  color:var(--nationalyellow);
}

.gm-style .controls.fullscreen-control button {
  display: block;
  font-size: 0.7em;
  height: 100%;
  width: 100%;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon {
  border-style: solid;
  height: 0.25em;
  position: absolute;
  width: 0.25em;
}

.gm-style
  .controls.fullscreen-control
  .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 2px 0 0 2px;
  left: 0.1em;
  top: 0.1em;
}

.gm-style
  .controls.fullscreen-control.is-fullscreen
  .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 0 2px 2px 0;
}

.gm-style
  .controls.fullscreen-control
  .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 2px 2px 0 0;
  right: 0.1em;
  top: 0.1em;
}

.gm-style
  .controls.fullscreen-control.is-fullscreen
  .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 0 0 2px 2px;
}

.gm-style
  .controls.fullscreen-control
  .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 0 0 2px 2px;
  left: 0.1em;
  bottom: 0.1em;
}

.gm-style
  .controls.fullscreen-control.is-fullscreen
  .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 2px 2px 0 0;
}

.gm-style
  .controls.fullscreen-control
  .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 0 2px 2px 0;
  right: 0.1em;
  bottom: 0.1em;
}

.gm-style
  .controls.fullscreen-control.is-fullscreen
  .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 2px 0 0 2px;
}


/* xss 320*/
@media only screen and (max-width : 320px) {


}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {


}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {


}
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {


}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {


}

/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {

}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
 
}
/* xlg */
@media only screen and (min-width : 1201px) {

  
}

/*----------- md TO down --------------*/
@media only screen and (max-width : 879px){



}
/*----------- xsm TO down --------------*/
@media only screen and (max-width : 767px) {


}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {

}
@media only screen and (max-width : 623px){


}
@media only screen and (max-width : 623px) {

}

@media only screen and (min-width : 481px) and (max-width : 991px) {

}