/*--------------------------------

BJT Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
    font-family: 'BJT';
    src: url('../fonts/bjt.eot');
    src: url('../fonts/bjt.eot') format('embedded-opentype'),
      url('../fonts/bjt.woff2') format('woff2'),
      url('../fonts/bjt.woff') format('woff'),
      url('../fonts/bjt.ttf') format('truetype'),
      url('../fonts/bjt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
/*------------------------
	base class definition
-------------------------*/
.bjt-icon {
  display: inline-block;
  font: normal normal normal 1em/1 'BJT';
  vertical-align: middle;
  color: inherit;
  flex-shrink: 0;
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-icon-detail {
    text-align: center;
    padding: 45px 0 30px;
    border: 1px solid #e44cc4;
    border-radius: .1875rem;
    margin: 15px 0;
    min-height: 168px;
}
  
.font-icon-detail i {
    color: #FFFFFF;
    font-size: 1.5em;
}
  
.font-icon-detail p {
    color: #e44cc4 !important;
    margin-top: 30px;
    padding: 0 10px;
    font-size: .7142em;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.bjt-icon-sm {
  font-size: 0.8em;
}
.bjt-icon-lg {
  font-size: 1.2em;
}
/* absolute units */
.bjt-icon-16 {
  font-size: 16px;
}
.bjt-icon-32 {
  font-size: 32px;
}

/*----------------------------------
  add a square/circle background
-----------------------------------*/

.bjt-icon-bg-square,
.bjt-icon-bg-circle {
  padding: 0.35em;
}

.bjt-icon-bg-circle {
  border-radius: 50%;
}

/*------------------------
  spinning icons
-------------------------*/
.bjt-icon-is-spinning {
  animation: icon-spin 1s infinite linear;
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.icon-rotate-90 {
  transform: rotate(90deg);
}
.icon-rotate-180 {
  transform: rotate(180deg);
}
.icon-rotate-270 {
  transform: rotate(270deg);
}
.icon-flip-y {
  transform: scaleY(-1);
}
.icon-flip-x {
  transform: scaleX(-1);
}
/*------------------------
	icons
-------------------------*/

.bjt-tram-simple::before {
    content: "\ea02";
  }
  
  .bjt-camera::before {
    content: "\ea03";
  }
  
  .bjt-cone::before {
    content: "\ea04";
  }
  
  .bjt-police-car::before {
    content: "\ea05";
  }
  
  .bjt-work-truck::before {
    content: "\ea06";
  }
  
  .bjt-weather::before {
    content: "\ea07";
  }
  
  .bjt-warning::before {
    content: "\ea08";
  }
  
  .bjt-tow-truck::before {
    content: "\ea09";
  }
  
  .bjt-ambulance::before {
    content: "\ea0a";
  }
  
  .bjt-dms-wheels::before {
    content: "\ea0b";
  }
  
  .bjt-dome-cam::before {
    content: "\ea0c";
  }
  
  .bjt-dump-truck::before {
    content: "\ea0d";
  }
  
  .bjt-fire-truck::before {
    content: "\ea0e";
  }
  
  .bjt-joystick::before {
    content: "\ea0f";
  }
  
  .bjt-plow-truck::before {
    content: "\ea10";
  }
  
  .bjt-dms-overhead::before {
    content: "\ea11";
  }
  
  .bjt-radar::before {
    content: "\ea12";
  }
  
  .bjt-road-blocked::before {
    content: "\ea13";
  }
  
  .bjt-sign-w-shields::before {
    content: "\ea14";
  }
  
  .bjt-toll-booth::before {
    content: "\ea15";
  }
  
  .bjt-toll-gate::before {
    content: "\ea16";
  }
  
  .bjt-zacone::before {
    content: "\ea17";
  }
  
  .bjt-sensor::before {
    content: "\ea18";
  }
  
  .bjt-worker::before {
    content: "\ea19";
  }
  
  .bjt-sl-transparent::before {
    content: "\ea1a";
  }
  
  .bjt-sl-white::before {
    content: "\ea1b";
  }
  
  .bjt-dms-stub::before {
    content: "\ea1c";
  }