@font-face {
  font-family: 'ecotally';
  src:  url('../webFontIcons/ecotally.eot?p94j7s');
  src:  url('../webFontIcons/ecotally.eot?p94j7s#iefix') format('embedded-opentype'),
  /*  url("{% static 'webFontIcons/ecotally.ttf?p94j7s' %}") format('truetype'), */
    url("../webFontIcons/ecotally.ttf?p94j7s") format('truetype'),
    url('../webFontIcons/ecotally.woff?p94j7s') format('woff'),
    url('../webFontIcons/ecotally.svg?p94j7s#ecotally') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="web-"], [class*=" web-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ecotally' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font: 24px;
  display: inline-block;
  vertical-align: middle;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.web-heading-icon-2:before {
  content: "\e9ad";
  color: #89c930;
}
.web-heading-icon-3:before {
  content: "\e9ae";
  color: #89c930;
}
.web-heading-icon-4:before {
  content: "\e9af";
  color: #89c930;
}
.web-heading-icon-1:before {
  content: "\e9b0";
  color: #89c930;
}
.web-delete_remove_restore_trash_undo_icon:before {
  content: "\e9aa";
  color: #89c930;
}
.web-trash_remove_delete_icon:before {
  content: "\e9ab";
  color: #89c930;
}
.web-plus:before {
  content: "\e9ac";
  color: #89c930;
}
.web-double-arrow:before {
  content: "\e9a9";
  color: #89c930;
}
.web-google-full-logo .path1:before {
  content: "\e9a2";
  color: rgb(234, 67, 53);
}
.web-google-full-logo .path2:before {
  content: "\e9a3";
  margin-left: -2.9462890625em;
  color: rgb(251, 188, 5);
}
.web-google-full-logo .path3:before {
  content: "\e9a4";
  margin-left: -2.9462890625em;
  color: rgb(66, 133, 244);
}
.web-google-full-logo .path4:before {
  content: "\e9a5";
  margin-left: -2.9462890625em;
  color: rgb(52, 168, 83);
}
.web-google-full-logo .path5:before {
  content: "\e9a6";
  margin-left: -2.9462890625em;
  color: rgb(234, 67, 53);
}
.web-google-full-logo .path6:before {
  content: "\e9a7";
  margin-left: -2.9462890625em;
  color: rgb(66, 133, 244);
}
.web-eye:before {
  content: "\e9a8";
  color: #d0ccdb;
}
.web-google-logo .path1:before {
  content: "\e99e";
  color: rgb(251, 188, 5);
}
.web-google-logo .path2:before {
  content: "\e99f";
  margin-left: -0.9755859375em;
  color: rgb(234, 67, 53);
}
.web-google-logo .path3:before {
  content: "\e9a0";
  margin-left: -0.9755859375em;
  color: rgb(52, 168, 83);
}
.web-google-logo .path4:before {
  content: "\e9a1";
  margin-left: -0.9755859375em;
  color: rgb(66, 133, 244);
}
.web-volkswagen .path1:before {
  content: "\e99b";
  color: rgb(255, 255, 255);
}
.web-volkswagen .path2:before {
  content: "\e99c";
  margin-left: -1em;
  color: rgb(41, 92, 167);
}
.web-volkswagen .path3:before {
  content: "\e99d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-atoz-arrow .path1:before {
  content: "\e991";
  color: rgb(255, 255, 255);
}
.web-atoz-arrow .path2:before {
  content: "\e992";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-atoz-arrow .path3:before {
  content: "\e993";
  margin-left: -1em;
  color: rgb(227, 226, 233);
}
.web-atoz-arrow .path4:before {
  content: "\e994";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-atoz-arrow .path5:before {
  content: "\e995";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-atoz-arrow .path6:before {
  content: "\e996";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-filter .path1:before {
  content: "\e997";
  color: rgb(255, 255, 255);
}
.web-filter .path2:before {
  content: "\e998";
  margin-left: -1em;
  color: rgb(227, 226, 233);
}
.web-filter .path3:before {
  content: "\e999";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-close-btn:before {
  content: "\e946";
  color: #c4c4c4;
}
.web-instagram2:before {
  content: "\e947";
  color: #fff;
}
.web-facebook2:before {
  content: "\e948";
  color: #fff;
}
.web-home-location .path1:before {
  content: "\e949";
  color: rgb(137, 201, 48);
}
.web-home-location .path2:before {
  content: "\e94a";
  margin-left: -1.21875em;
  color: rgb(137, 201, 48);
}
.web-home-location .path3:before {
  content: "\e94b";
  margin-left: -1.21875em;
  color: rgb(137, 201, 48);
}
.web-home-location .path4:before {
  content: "\e94c";
  margin-left: -1.21875em;
  color: rgb(255, 255, 255);
}
.web-home-location .path5:before {
  content: "\e94d";
  margin-left: -1.21875em;
  color: rgb(255, 255, 255);
}
.web-charging-available .path1:before {
  content: "\e94e";
  color: rgb(137, 201, 48);
}
.web-charging-available .path2:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-charging-available .path3:before {
  content: "\e950";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-home-work-charging .path1:before {
  content: "\e951";
  color: rgb(137, 201, 48);
}
.web-home-work-charging .path2:before {
  content: "\e952";
  margin-left: -1.521484375em;
  color: rgb(255, 255, 255);
}
.web-home-work-charging .path3:before {
  content: "\e953";
  margin-left: -1.521484375em;
  color: rgb(137, 201, 48);
}
.web-left-arrow2:before {
  content: "\e954";
  color: #c4c4c4;
}
.web-tipical-charging .path1:before {
  content: "\e955";
  color: rgb(131, 191, 46);
}
.web-tipical-charging .path2:before {
  content: "\e956";
  margin-left: -1.13671875em;
  color: rgb(131, 191, 46);
}
.web-tipical-charging .path3:before {
  content: "\e957";
  margin-left: -1.13671875em;
  color: rgb(131, 191, 46);
}
.web-tipical-charging .path4:before {
  content: "\e958";
  margin-left: -1.13671875em;
  color: rgb(255, 255, 255);
}
.web-home1:before {
  content: "\e959";
  color: #89c930;
}
.web-none:before {
  content: "\e95a";
  color: #89c930;
}
.web-radio-btn-uncheck:before {
  content: "\e95b";
  color: #e3e2e9;
}
.web-car-petrol .path1:before {
  content: "\e95c";
  color: rgb(137, 201, 48);
}
.web-car-petrol .path2:before {
  content: "\e95d";
  margin-left: -2.125em;
  color: rgb(255, 255, 255);
}
.web-leaf .path1:before {
  content: "\e95e";
  color: rgb(255, 255, 255);
}
.web-leaf .path2:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-leaf .path3:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-calendar:before {
  content: "\e961";
  color: #89c930;
}
.web-multi-cars2 .path1:before {
  content: "\e962";
  color: rgb(187, 192, 179);
  opacity: 0.3;
}
.web-multi-cars2 .path2:before {
  content: "\e963";
  margin-left: -1.8330078125em;
  color: rgb(187, 192, 179);
  opacity: 0.3;
}
.web-multi-cars2 .path3:before {
  content: "\e964";
  margin-left: -1.8330078125em;
  color: rgb(137, 201, 48);
}
.web-radio-btn-check .path1:before {
  content: "\e965";
  color: rgb(137, 201, 48);
}
.web-radio-btn-check .path2:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-email:before {
  content: "\e967";
  color: #89c930;
}
.web-delete-btn .path1:before {
  content: "\e968";
  color: rgb(255, 255, 255);
}
.web-delete-btn .path2:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-delete-btn .path3:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-delete-btn .path4:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-delete-btn .path5:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-delete-btn .path6:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-delete-btn .path7:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-cloud:before {
  content: "\e96f";
  color: #89c930;
}
.web-fast-car .path1:before {
  content: "\e970";
  color: rgb(137, 201, 48);
}
.web-fast-car .path2:before {
  content: "\e971";
  margin-left: -1.7880859375em;
  color: rgb(255, 255, 255);
}
.web-fast-car .path3:before {
  content: "\e972";
  margin-left: -1.7880859375em;
  color: rgb(137, 201, 48);
}
.web-fast-car .path4:before {
  content: "\e973";
  margin-left: -1.7880859375em;
  color: rgb(137, 201, 48);
}
.web-fast-car .path5:before {
  content: "\e974";
  margin-left: -1.7880859375em;
  color: rgb(137, 201, 48);
}
.web-others:before {
  content: "\e975";
  color: #89c930;
}
.web-apple:before {
  content: "\e976";
  color: #89c930;
}
.web-power-petrol-pump .path1:before {
  content: "\e977";
  color: rgb(137, 201, 48);
}
.web-power-petrol-pump .path2:before {
  content: "\e978";
  margin-left: -0.83984375em;
  color: rgb(255, 255, 255);
}
.web-restore .path1:before {
  content: "\e979";
  color: rgb(255, 255, 255);
}
.web-restore .path2:before {
  content: "\e97a";
  margin-left: -0.9130859375em;
  color: rgb(255, 255, 255);
}
.web-restore .path3:before {
  content: "\e97b";
  margin-left: -0.9130859375em;
  color: rgb(137, 201, 48);
}
.web-multi-mobile .path1:before {
  content: "\e97c";
  color: rgb(137, 201, 48);
}
.web-multi-mobile .path2:before {
  content: "\e97d";
  margin-left: -1.3720703125em;
  color: rgb(137, 201, 48);
}
.web-multi-mobile .path3:before {
  content: "\e97e";
  margin-left: -1.3720703125em;
  color: rgb(234, 236, 232);
}
.web-multi-mobile .path4:before {
  content: "\e97f";
  margin-left: -1.3720703125em;
  color: rgb(234, 236, 232);
}
.web-multi-mobile .path5:before {
  content: "\e980";
  margin-left: -1.3720703125em;
  color: rgb(234, 236, 232);
}
.web-multi-mobile .path6:before {
  content: "\e981";
  margin-left: -1.3720703125em;
  color: rgb(234, 236, 232);
}
.web-destination-charging .path1:before {
  content: "\e982";
  color: rgb(137, 201, 48);
}
.web-destination-charging .path2:before {
  content: "\e983";
  margin-left: -3.0400390625em;
  color: rgb(137, 201, 48);
}
.web-destination-charging .path3:before {
  content: "\e984";
  margin-left: -3.0400390625em;
  color: rgb(137, 201, 48);
}
.web-destination-charging .path4:before {
  content: "\e985";
  margin-left: -3.0400390625em;
  color: rgb(255, 255, 255);
}
.web-destination-charging .path5:before {
  content: "\e986";
  margin-left: -3.0400390625em;
  color: rgb(137, 201, 48);
}
.web-office:before {
  content: "\e987";
  color: #89c930;
}
.web-show-more:before {
  content: "\e988";
  color: #fff;
}
.web-wall-outlet:before {
  content: "\e989";
  color: #89c930;
}
.web-right-arrow3:before {
  content: "\e98a";
  color: #89c930;
}
.web-password:before {
  content: "\e98b";
  color: #89c930;
}
.web-user2:before {
  content: "\e98c";
  color: #89c930;
}
.web-car-item-9:before {
  content: "\e98d";
  color: #89c930;
}
.web-help:before {
  content: "\e98e";
  color: #89c930;
}
.web-wifi:before {
  content: "\e98f";
  color: #89c930;
}
.web-android:before {
  content: "\e990";
  color: #89c930;
}
.web-arrow:before {
  content: "\e900";
  color: #fff;
}
.web-awd:before {
  content: "\e901";
  color: #89c930;
}
.web-battery-power .path1:before {
  content: "\e902";
  color: rgb(137, 201, 48);
}
.web-battery-power .path2:before {
  content: "\e903";
  margin-left: -0.5em;
  color: rgb(137, 201, 48);
}
.web-battery-power .path3:before {
  content: "\e904";
  margin-left: -0.5em;
  color: rgb(255, 255, 255);
}
.web-car:before {
  content: "\e905";
  color: #89c930;
}
.web-car-item01:before {
  content: "\e906";
  color: #a1a2a6;
}
.web-car-item02:before {
  content: "\e907";
  color: #a1a2a6;
}
.web-car-item03:before {
  content: "\e908";
  color: #a1a2a6;
}
.web-car-item04:before {
  content: "\e909";
  color: #a1a2a6;
}
.web-car-item05:before {
  content: "\e90a";
  color: #a1a2a6;
}
.web-car-item06:before {
  content: "\e90b";
  color: #a1a2a6;
}
.web-car-item07:before {
  content: "\e90c";
  color: #a1a2a6;
}
.web-car-item08:before {
  content: "\e90d";
  color: #4d4d4d;
}
.web-charging-rate .path1:before {
  content: "\e90e";
  color: rgb(137, 201, 48);
}
.web-charging-rate .path2:before {
  content: "\e90f";
  margin-left: -1.125em;
  color: rgb(137, 201, 48);
}
.web-charging-rate .path3:before {
  content: "\e910";
  margin-left: -1.125em;
  color: rgb(137, 201, 48);
}
.web-charging-rate .path4:before {
  content: "\e911";
  margin-left: -1.125em;
  color: rgb(242, 246, 247);
}
.web-checked:before {
  content: "\e912";
  color: #fff;
}
.web-checked2:before {
  content: "\e913";
  color: #89c930;
}
.web-checked-car .path1:before {
  content: "\e914";
  color: rgb(137, 201, 48);
}
.web-checked-car .path2:before {
  content: "\e915";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.web-checked-car .path3:before {
  content: "\e916";
  margin-left: -1.6669921875em;
  color: rgb(137, 201, 48);
}
.web-checked-car .path4:before {
  content: "\e917";
  margin-left: -1.6669921875em;
  color: rgb(137, 201, 48);
}
.web-clock:before {
  content: "\e918";
  color: #89c930;
}
.web-dash-line:before {
  content: "\e919";
  color: #fff;
}
.web-dash-line-large:before {
  content: "\e91a";
}
.web-dollar1:before {
  content: "\e91b";
  color: #89c930;
}
.web-dollar2:before {
  content: "\e91c";
  color: #89c930;
}
.web-doors:before {
  content: "\e91d";
  color: #89c930;
}
.web-down-arrow:before {
  content: "\e91e";
  color: #b7b5c2;
}
.web-facebook:before {
  content: "\e91f";
  color: #fff;
}
.web-gas-station .path1:before {
  content: "\e920";
  color: rgb(137, 201, 48);
}
.web-gas-station .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-globe:before {
  content: "\e922";
  color: #89c930;
}
.web-home:before {
  content: "\e923";
  color: #89c930;
}
.web-instagram:before {
  content: "\e924";
  color: #fff;
}
.web-left-arrow:before {
  content: "\e925";
  color: #fff;
}
.web-location1:before {
  content: "\e926";
  color: #fff;
}
.web-location2:before {
  content: "\e927";
  color: #89c930;
}
.web-meter:before {
  content: "\e928";
  color: #89c930;
}
.web-money:before {
  content: "\e929";
  color: #89c930;
}
.web-multi-cars .path1:before {
  content: "\e92a";
  color: rgb(0, 0, 0);
}
.web-multi-cars .path2:before {
  content: "\e92b";
  margin-left: -2em;
  color: rgb(0, 0, 0);
}
.web-multi-cars .path3:before {
  content: "\e92c";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.web-multi-cars .path4:before {
  content: "\e92d";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.web-multi-cars .path5:before {
  content: "\e92e";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.web-multi-cars .path6:before {
  content: "\e92f";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.web-noted:before {
  content: "\e930";
  color: #89c930;
}
.web-petrol-pump:before {
  content: "\e931";
  color: #89c930;
}
.web-power:before {
  content: "\e932";
  color: #fff;
}
.web-refreh:before {
  content: "\e99a";
  color: #89c930;
}
.web-right-arrow1:before {
  content: "\e933";
  color: #fff;
}
.web-right-arrow2:before {
  content: "\e934";
  color: #4d4d4d;
}
.web-sale-save:before {
  content: "\e935";
  color: #89c930;
}
.web-seats:before {
  content: "\e936";
  color: #89c930;
}
.web-service:before {
  content: "\e937";
  color: #89c930;
}
.web-service2:before {
  content: "\e938";
}
.web-side-car-enter .path1:before {
  content: "\e939";
  color: rgb(137, 201, 48);
}
.web-side-car-enter .path2:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(137, 201, 48);
}
.web-side-car-enter .path3:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.web-suitcase:before {
  content: "\e93c";
  color: #89c930;
}
.web-talsa-location .path1:before {
  content: "\e93d";
  color: rgb(232, 33, 39);
}
.web-talsa-location .path2:before {
  content: "\e93e";
  margin-left: -0.724609375em;
  color: rgb(255, 255, 255);
}
.web-talsa-location .path3:before {
  content: "\e93f";
  margin-left: -0.724609375em;
  color: rgb(255, 255, 255);
}
.web-talsa-location .path4:before {
  content: "\e940";
  margin-left: -0.724609375em;
  color: rgb(255, 255, 255);
}
.web-target-location .path1:before {
  content: "\e941";
  color: rgb(137, 201, 48);
}
.web-target-location .path2:before {
  content: "\e942";
  margin-left: -0.724609375em;
  color: rgb(255, 255, 255);
}
.web-target-location .path3:before {
  content: "\e943";
  margin-left: -0.724609375em;
  color: rgb(255, 255, 255);
}
.web-up-arrow:before {
  content: "\e944";
  color: #b7b5c2;
}
.web-user:before {
  content: "\e945";
}
.web-star-empty:before {
  content: "\e9d7";
}
.web-star-half:before {
  content: "\e9d8";
}
.web-star-full:before {
  content: "\e9d9";
}
.web-wordpress:before {
  content: "\eab4";
}