/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		5.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Sep 01, 2017
*	Website:		             http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (FMDKSV)
--------------------------------------------------------------------------------------
*
**/
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
  src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
  src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
  src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
.directions-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.toggle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px !important;
  height: 30px !important;
}
.toggle-on {
  background-image: url("../images/switch-on.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px !important;
  height: 30px !important;
}
.toggle-off {
  background-image: url("../images/switch-off.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px !important;
  height: 30px !important;
}
.directions-icon-arrive {
  background-image: url("../images/dest-marker.png");
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.directions-icon-depart {
  background-image: url("../images/location-marker.png");
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.directions-icon-search {
  background: dimgrey url("../images/autocomplete_more_results.png");
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.directions-icon-reverse {
  position: absolute;
  z-index: 10;
  left: 70px;
  top: 27px;
  background: url("../images/exchange.png");
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
}
.directions-icon-tarh {
  position: absolute;
  border-top: none !important;
  z-index: 10;
  left: 40px;
  top: 27px;
  background: url("../images/cog.png");
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
}
/*
  clock-regular, ruler-solid, question-circle-solid and route-solid icons
   are taken from font-awesome project https://fontawesome.com/icons.
  they are changed in color to match look and feel of the project.

  minus-circle-solidو plus-circle-solid are taken from font-awesome project https://fontawesome.com/icons.
  they are changed in color, a rotated version of plus-circle-solid is also created.

  angle-double-down-solid, angle-double-up-solid, sync-solid toggle-on-solid cog-solid toggle-off-solid
   are taken from font-awesome project https://fontawesome.com/icons. they are changed in color.
 */
.info-icon {
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-eta-increase {
  background-image: url("../images/increase.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.direction-eta-no-change {
  background-image: url("../images/no-change.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.direction-eta-decrease {
  background-image: url("../images/decrease.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.increase-color {
  color: #D40000;
}
.decrease-color {
  color: #00D503;
}
.no-change-color {
  color: #838282;
}
.direction-info-1 {
  background-image: url("../images/first.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-2 {
  background-image: url("../images/second.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-3 {
  background-image: url("../images/third.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-4 {
  background-image: url("../images/fourth.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-5 {
  background-image: url("../images/fifth.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-1-alt {
  background-image: url("../images/first-alt.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-2-alt {
  background-image: url("../images/second-alt.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-3-alt {
  background-image: url("../images/third-alt.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-4-alt {
  background-image: url("../images/fourth-alt.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-5-alt {
  background-image: url("../images/fifth-alt.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-icon-info {
  background-image: url("../images/question-mark.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-icon-distance {
  background-image: url("../images/route-length.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-icon-length {
  background-image: url("../images/route-info.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.direction-info-icon-duration {
  background-image: url("../images/route-duration.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.geocoder-icon-close {
  background-image: url('../images/close.png');
  background-size: 75%;
}
.add-second-dest-icon {
  background-image: url('../images/add.png');
  background-size: 75%;
}
.remove-second-dest-icon {
  background-image: url('../images/subtract.png');
  background-size: 75%;
}
.marker {
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.location-marker {
  background-image: url("../images/location-marker.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  width: 22px;
  height: 22px;
}
.dest-marker {
  background-image: url("../images/dest-marker.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.second-dest-marker {
  background-image: url("../images/second-dest-marker.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.poi-marker {
  background-image: url("../images/poi-marker.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  width: 100px;
  background-position: top center;
  background-size: 40%;
}
/*
 credits and acknowledgement:
 traffic-light-on and traffic-light-off icons are taken from font-awesome project
  https://fontawesome.com/icons/traffic-light?style=solid  both icons are changed to a different shade of grey.
  traffic light-on icon is adopted to look like the lights are on. both icons are exported to png for usage.

  map-marker-alt-solid icon is taken from font-awesome project https://fontawesome.com/icons/map-marker-alt?style=solid
   it is changed to different colors and is exported to png for usage.
  times-circle-regular, circle-notch-solid and check-circle-regular are taken from font-awesome and are
   changed to a different color and is exported to png for usage.
  flag icon is taken from font-awesome project. a variant of it is created with purple flag color.
   base color is changed to a lighter shade of gray.

   download and exchange-alt icons are taken from font-awesome project. base colors are changed to a lighter shade of gray.
 */
.directions-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.directions-icon-second-arrive {
  background-image: url("../images/second-dest-marker.png");
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-small-icon {
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-traffic-on {
  background-image: url("../images/traffic-light-on.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-traffic-off {
  background-image: url("../images/traffic-light-off.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-dr-on {
  background-image: url("../images/flag-filled.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}
.mapboxgl-ctrl-dr-off {
  background-image: url("../images/flag-empty.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}
.mapboxgl-ctrl-location-black {
  background-image: url("../images/location-black.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-location-blue {
  background-image: url("../images/location-blue.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-download {
  background-image: url("../images/download.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-location-red {
  background-image: url("../images/location-red.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-location-green {
  background-image: url("../images/location-green.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.mapboxgl-ctrl-progress-load {
  background-image: url("../images/load.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}
.mapboxgl-ctrl-progress-tick {
  background-image: url("../images/tick.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}
.mapboxgl-ctrl-progress-cross {
  background-image: url("../images/cross.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}
.search-poi-type-icon {
  background-size: cover;
}
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mapboxgl-ctrl-geocoder {
  position: relative;
  background-color: white;
  width: calc(100% - 360px);
  min-width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin-left: 40px;
  border-radius: 0 0 3px 0;
}
.mapboxgl-ctrl-geocoder input[type='text'] {
  font: 500 12px IRANSans;
  width: 100%;
  border: 0;
  background-color: transparent;
  height: 40px;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  padding: 10px 40px 10px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.active-cntrl input[type='text'] {
  background-color: lightblue;
}
input.ready-for-value {
  background-color: lightgreen !important;
}
.mapbox-directions-origin input[type='text'] {
  box-shadow: 0 1px 0 0 #ddd;
  position: relative;
  z-index: 1;
}
.mapboxgl-ctrl-geocoder .geocoder-icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
}
.mapboxgl-ctrl-geocoder .geocoder-pin-right * {
  /*background-color:#fff;*/
  z-index: 2;
  position: absolute;
  right: 0px;
  top: 10px;
  display: none;
}
.active-cntrl .mapboxgl-ctrl-geocoder .geocoder-pin-right button {
  display: block;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* icons */
.geocoder-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  speak: none;
  background-repeat: no-repeat;
}
/* Inputs */
.mapbox-directions-origin,
.mapbox-directions-destination {
  position: relative;
}
.mapbox-form-label {
  position: absolute;
  top: 0;
  left: 0;
  background: #8a8acb;
  color: #fff;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 0 0 0 3px;
}
.mapbox-form-label .directions-icon {
  background-position: center;
  width: 40px;
  height: 40px;
}
.mapbox-directions-origin .mapbox-form-label {
  background-color: #3bb2d0;
  border-radius: 3px 0 0 0;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}
/* Mobile */
@media only screen and (max-width: 640px) {
  /* Containers */
  .directions-control.directions-control {
    width: 100%;
    max-width: 100%;
  }
  /* Input container */
  .directions-control.directions-control-inputs {
    top: 0;
    left: 0;
  }
  .mapbox-directions-profile {
    margin: 10px;
  }
  /* Instructions container */
  .mapbox-directions-routes {
    float: right;
    margin-right: 10px;
  }
  .directions-control.directions-control-directions {
    top: auto;
    max-height: 40%;
  }
  .mapbox-directions-multiple {
    min-height: 50px;
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.input-bar {
  width: 500px;
}
@media only screen and (max-width: 560px) {
  .input-bar {
    width: calc(100vw - 60px);
    max-width: calc(100vw - 60px);
  }
}
.routing-info {
  font-family: IRANSans, sans-serif;
  direction: rtl;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}
.routing-info td {
  padding-top: 3px;
  padding-bottom: 3px;
}
.routing-info table {
  width: 100%;
  direction: rtl;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.search-info {
  font-family: IRANSans, sans-serif;
  direction: rtl;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding: 10px;
}
.transparent-background {
  background-color: rgba(255, 255, 255, 0);
}
.search-info table {
  width: 100%;
}
.ellipsis {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
}
.search-info td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
}
.routing-info td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
}
.routing-info td.column1 {
  width: 5%;
}
.routing-info td.column2 {
  width: 52%;
  padding-right: 10px;
}
.routing-info td.column3 {
  width: 8%;
  font-size: xx-small;
  text-align: left;
  cursor: pointer;
}
.routing-info td.column4 {
  width: 2%;
  cursor: pointer;
}
.routing-info td.column5 {
  width: 18%;
}
.routing-inf td.column6 {
  width: 15%;
}
.search-info td.column1 {
  width: 5%;
}
.search-info td.column2 {
  width: 40%;
}
.search-info td.column3 {
  width: 40%;
}
.search-info td.column4 {
  width: 15%;
  text-align: left;
}
span.unit-text {
  font-size: xx-small;
}
.hidden {
  display: none;
}
.result-info-popup td.column1 {
  width: 23px;
}
@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
.progress-controller {
  background-color: transparent;
  border: none;
  box-shadow: none !important;
  width: 33px;
  height: 33px;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.modal.is-visible {
  visibility: visible;
  opacity: 1;
}
.modal-dialog {
  position: relative;
  height: 100%;
  width: 50%;
  left: 25%;
  border-radius: 0;
  background: white;
  overflow: auto;
  cursor: default;
}
.modal-dialog table {
  padding-right: 20px;
  padding-top: 2px;
  width: 100%;
  height: 100%;
  direction: rtl;
  text-align: right;
}
.modal-dialog p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.modal-dialog p {
  font-family: IRANSans, sans-serif;
  font-weight: 500;
  padding-bottom: 10px;
  display: inline-block;
  line-height: 100%;
  vertical-align: middle;
}
.modal {
  font-family: IRANSans, sans-serif;
}
.modal button {
  display: inline-block;
}
.mapboxgl-popup-content {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}
.banner-ctrl {
  background-color: rgba(255, 255, 255, 0.4);
}
@media only screen and (max-height: 450px) {
  .direction-controller {
    display: none;
  }
}
@media only screen and (max-height: 360px) {
  .banner-ctrl {
    display: none;
  }
}
.banner-ctrl a {
  font-family: IRANSans, sans-serif;
  font-weight: normal;
  font-size: large;
  color: #3b3b3b;
  text-decoration: none;
  line-height: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  writing-mode: tb-rl;
}
.banner-ctrl :hover {
  background-color: rgba(7, 188, 212, 0.6);
}
.result-info-popup {
  font-family: IRANSans, sans-serif;
}
.result-info-popup table {
  direction: rtl;
  width: 100%;
}
.mapboxgl-popup {
  max-width: fit-content !important;
}
.popup-content {
  font-family: IRANSans, sans-serif;
  font-weight: normal;
  border-radius: 25px;
  border: 2px solid;
  color: white;
  padding: 5px 10px;
}
.lets_go_popup.mapboxgl-popup {
  padding-bottom: 23px;
}
.lets_go_button {
  font-family: IRANSans, sans-serif;
  color: white;
  font-size: 18px;
  line-height: 28px;
  padding-top: 4px;
  font-weight: bold;
  align-items: center;
  text-align: center;
  width: 210px;
  height: 36px;
  left: 75px;
  top: 187px;
  border-radius: 14px;
  cursor: pointer;
  background: #75CDE3 url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='18px' viewBox='0 0 11 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eleft-arrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='left-arrow' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M0.374724,8.04405 L7.6162,0.396437 C8.11672,-0.132147 8.92606,-0.132147 9.42125,0.396437 L10.6246,1.66729 C11.1251,2.19588 11.1251,3.05061 10.6246,3.57357 L5.49168,8.99438 L10.6246,14.4152 C11.1251,14.9438 11.1251,15.7985 10.6246,16.3215 L9.42658,17.6036 C8.92606,18.1321 8.11672,18.1321 7.62153,17.6036 L0.380049,9.95595 C-0.12579,9.42737 -0.12579,8.57263 0.374724,8.04405 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 10% 50%;
}
.lets_go_button:hover {
  background: #508d9c url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='18px' viewBox='0 0 11 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eleft-arrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='left-arrow' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M0.374724,8.04405 L7.6162,0.396437 C8.11672,-0.132147 8.92606,-0.132147 9.42125,0.396437 L10.6246,1.66729 C11.1251,2.19588 11.1251,3.05061 10.6246,3.57357 L5.49168,8.99438 L10.6246,14.4152 C11.1251,14.9438 11.1251,15.7985 10.6246,16.3215 L9.42658,17.6036 C8.92606,18.1321 8.11672,18.1321 7.62153,17.6036 L0.380049,9.95595 C-0.12579,9.42737 -0.12579,8.57263 0.374724,8.04405 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 10% 50%;
}
.lets_go_popup .mapboxgl-popup-content {
  font-family: IRANSans, sans-serif;
  font-weight: normal;
  border-radius: 25px;
  border: 2px solid;
  color: white;
  padding: 5px 10px;
  border-color: white;
  width: 210px;
  height: 40px;
  border-radius: 11px;
  padding: 10px 5px 15px;
}
.lets_go_popup .mapboxgl-popup-tip {
  border-left-width: 102px;
  border-right-width: 102px;
}
.daalmap_popup .mapboxgl-popup-content {
  font-family: IRANSans, sans-serif;
  font-weight: normal;
  border-radius: 25px;
  border: 2px solid;
  color: white;
  padding: 5px 10px;
  border-color: #7e7e7e;
  background-color: rgba(255, 255, 255, 0.95);
  color: black;
}
.daalmap_popup .mapboxgl-popup-tip {
  border-top-color: #7e7e7e;
}
.dr-popup-tip {
  border-left-width: 5px;
  border-right-width: 5px;
}
.dr-popup-traffic .mapboxgl-popup-content {
  font-family: IRANSans, sans-serif;
  font-weight: normal;
  border-radius: 25px;
  border: 2px solid;
  color: white;
  padding: 5px 10px;
  border-color: #d67b95;
  background-color: #e59db5;
}
.dr-popup-even-odd .mapboxgl-popup-content {
  font-family: IRANSans, sans-serif;
  font-weight: normal;
  border-radius: 25px;
  border: 2px solid;
  color: white;
  padding: 5px 10px;
  border-color: #b569b8;
  background-color: #d196d6;
}
.dr-popup-traffic .mapboxgl-popup-tip {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-color: #d67b95;
}
.dr-popup-even-odd .mapboxgl-popup-tip {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-color: #b569b8;
}
.marker-label {
  text-align: center;
  font-weight: bold;
  padding-top: 40px;
  font-family: IRanSans, sans-serif;
  text-shadow: 0 0 10px black;
}
.hidden-label .marker-label {
  display: none;
}
/*# sourceMappingURL=style.css.map */