/**
 * background
 * --------------------------------------------------
 */
/* loader backgound */
#loader {
  background-color: #1b1d23;
}

/* nav background */
.nav {
  background-color: #1b1d23;
}

/* overlay */
#overlay {
  background-color: rgba(27, 29, 35, 0.65);
}

/**
 * color
 *
 * 01. search below rgba color code
 * 02. replace with yours code to fast customize
 * --------------------------------------------------
 * red-1:                    rgba(255, 151, 157, .99)
 * red-2:                    rgba(255, 6, 90, .99)
 * blue-1:                   rgba(175, 255, 254, .99)
 * blue-2:                   rgba(0, 246, 255, 0.99)
 * green-1:                  rgba(144, 255, 213, .99)
 * green-2:                  rgba(0, 255, 205, .99)
 * yellow-1:                 rgba(254, 255, 175, .99)
 * yellow-2:                 rgba(255, 234, 99, .99)
 * brown-1:                  rgba(247, 205, 144, 0.99)
 * brown-2:                  rgba(228, 176, 99, .99)
 *
 */
/**
 * yellow-1
 * -------------------------
 */
.yellow-1 a:not(.btn) {
  /* link */
  color: rgba(254, 255, 175, 0.99);
}

.yellow-1 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(254, 255, 175, 0.99);
          box-shadow: 10px 10px 0 rgba(254, 255, 175, 0.99);
}

.yellow-1 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(254, 255, 175, 0.99);
}

.yellow-1 nav ol a:hover {
  /* menu hover */
  color: rgba(254, 255, 175, 0.99) !important;
}

.yellow-1 nav ul i:hover,
.yellow-1 nav ul i:focus {
  /* social hover */
  color: rgba(254, 255, 175, 0.99);
}

.yellow-1 .section-line {
  /* section line */
  background-color: rgba(254, 255, 175, 0.99);
}

.yellow-1 .section-box {
  /* section color box */
  background-color: rgba(254, 255, 175, 0.99);
}

.yellow-1 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(254, 255, 175, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(254, 255, 175, 0.99) !important;
}

.yellow-1 .service-item i {
  /* service item color */
  color: rgba(254, 255, 175, 0.99);
}

.yellow-1 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(254, 255, 175, 0.99);
          box-shadow: 30px 30px 0 rgba(254, 255, 175, 0.99);
}

.yellow-1 .copyright a {
  /* copyright link color */
  color: rgba(254, 255, 175, 0.99);
}

/**
 * yellow-2
 * -------------------------
 */
.yellow-2 a:not(.btn) {
  /* link */
  color: rgba(255, 234, 99, 0.99);
}

.yellow-2 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(255, 234, 99, 0.99);
          box-shadow: 10px 10px 0 rgba(255, 234, 99, 0.99);
}

.yellow-2 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(255, 234, 99, 0.99);
}

.yellow-2 nav ol a:hover {
  /* menu hover */
  color: rgba(255, 234, 99, 0.99) !important;
}

.yellow-2 nav ul i:hover,
.yellow-2 nav ul i:focus {
  /* social hover */
  color: rgba(255, 234, 99, 0.99);
}

.yellow-2 .section-box {
  /* section color box */
  background-color: rgba(255, 234, 99, 0.99);
}

.yellow-2 .section-line {
  /* section line */
  background-color: rgba(255, 234, 99, 0.99);
}

.yellow-2 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(255, 234, 99, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(255, 234, 99, 0.99) !important;
}

.yellow-2 .service-item i {
  /* service item color */
  color: rgba(255, 234, 99, 0.99);
}

.yellow-2 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(255, 234, 99, 0.99);
          box-shadow: 30px 30px 0 rgba(255, 234, 99, 0.99);
}

.yellow-2 .copyright a {
  /* copyright link color */
  color: rgba(255, 234, 99, 0.99);
}

/**
 * blue-1
 * -------------------------
 */
.blue-1 a:not(.btn) {
  /* link */
  color: rgba(175, 255, 254, 0.99);
}

.blue-1 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(175, 255, 254, 0.99);
          box-shadow: 10px 10px 0 rgba(175, 255, 254, 0.99);
}

.blue-1 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(175, 255, 254, 0.99);
}

.blue-1 nav ol a:hover {
  /* menu hover */
  color: rgba(175, 255, 254, 0.99) !important;
}

.blue-1 nav ul i:hover,
.blue-1 nav ul i:focus {
  /* social hover */
  color: rgba(175, 255, 254, 0.99);
}

.blue-1 .section-line {
  /* section line */
  background-color: rgba(175, 255, 254, 0.99);
}

.blue-1 .section-box {
  /* section color box */
  background-color: rgba(175, 255, 254, 0.99);
}

.blue-1 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(175, 255, 254, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(175, 255, 254, 0.99) !important;
}

.blue-1 .service-item i {
  /* service item color */
  color: rgba(175, 255, 254, 0.99);
}

.blue-1 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(175, 255, 254, 0.99);
          box-shadow: 30px 30px 0 rgba(175, 255, 254, 0.99);
}

.blue-1 .copyright a {
  /* copyright link color */
  color: rgba(175, 255, 254, 0.99);
}

/**
 * blue-2
 * -------------------------
 */
.blue-2 a:not(.btn) {
  /* link */
  color: rgba(0, 246, 255, 0.99);
}

.blue-2 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(0, 246, 255, 0.99);
          box-shadow: 10px 10px 0 rgba(0, 246, 255, 0.99);
}

.blue-2 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(0, 246, 255, 0.99);
}

.blue-2 nav ol a:hover {
  /* menu hover */
  color: rgba(0, 246, 255, 0.99) !important;
}

.blue-2 nav ul i:hover,
.blue-2 nav ul i:focus {
  /* social hover */
  color: rgba(0, 246, 255, 0.99);
}

.blue-2 .section-box {
  /* section color box */
  background-color: rgba(0, 246, 255, 0.99);
}

.blue-2 .section-line {
  /* section line */
  background-color: rgba(0, 246, 255, 0.99);
}

.blue-2 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(0, 246, 255, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(0, 246, 255, 0.99) !important;
}

.blue-2 .service-item i {
  /* service item color */
  color: rgba(0, 246, 255, 0.99);
}

.blue-2 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(0, 246, 255, 0.99);
          box-shadow: 30px 30px 0 rgba(0, 246, 255, 0.99);
}

.blue-2 .copyright a {
  /* copyright link color */
  color: rgba(0, 246, 255, 0.99);
}

/**
 * green-1
 * -------------------------
 */
.green-1 a:not(.btn) {
  /* link */
  color: rgba(144, 255, 213, 0.99);
}

.green-1 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(144, 255, 213, 0.99);
          box-shadow: 10px 10px 0 rgba(144, 255, 213, 0.99);
}

.green-1 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(144, 255, 213, 0.99);
}

.green-1 nav ol a:hover {
  /* menu hover */
  color: rgba(144, 255, 213, 0.99) !important;
}

.green-1 nav ul i:hover,
.green-1 nav ul i:focus {
  /* social hover */
  color: rgba(144, 255, 213, 0.99);
}

.green-1 .section-line {
  /* section line */
  background-color: rgba(144, 255, 213, 0.99);
}

.green-1 .section-box {
  /* section color box */
  background-color: rgba(144, 255, 213, 0.99);
}

.green-1 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(144, 255, 213, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(144, 255, 213, 0.99) !important;
}

.green-1 .service-item i {
  /* service item color */
  color: rgba(144, 255, 213, 0.99);
}

.green-1 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(144, 255, 213, 0.99);
          box-shadow: 30px 30px 0 rgba(144, 255, 213, 0.99);
}

.green-1 .copyright a {
  /* copyright link color */
  color: rgba(144, 255, 213, 0.99);
}

/**
 * green-2
 * -------------------------
 */
.green-2 a:not(.btn) {
  /* link */
  color: rgba(0, 255, 205, 0.99);
}

.green-2 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(0, 255, 205, 0.99);
          box-shadow: 10px 10px 0 rgba(0, 255, 205, 0.99);
}

.green-2 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(0, 255, 205, 0.99);
}

.green-2 nav ol a:hover {
  /* menu hover */
  color: rgba(0, 255, 205, 0.99) !important;
}

.green-2 nav ul i:hover,
.green-2 nav ul i:focus {
  /* social hover */
  color: rgba(0, 255, 205, 0.99);
}

.green-2 .section-box {
  /* section color box */
  background-color: rgba(0, 255, 205, 0.99);
}

.green-2 .section-line {
  /* section line */
  background-color: rgba(0, 255, 205, 0.99);
}

.green-2 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(0, 255, 205, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(0, 255, 205, 0.99) !important;
}

.green-2 .service-item i {
  /* service item color */
  color: rgba(0, 255, 205, 0.99);
}

.green-2 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(0, 255, 205, 0.99);
          box-shadow: 30px 30px 0 rgba(0, 255, 205, 0.99);
}

.green-2 .copyright a {
  /* copyright link color */
  color: rgba(0, 255, 205, 0.99);
}

/**
 * red-1
 * -------------------------
 */
.red-1 a:not(.btn) {
  /* link */
  color: rgba(255, 151, 157, 0.99);
}

.red-1 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(255, 151, 157, 0.99);
          box-shadow: 10px 10px 0 rgba(255, 151, 157, 0.99);
}

.red-1 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(255, 151, 157, 0.99);
}

.red-1 nav ol a:hover {
  /* menu hover */
  color: rgba(255, 151, 157, 0.99) !important;
}

.red-1 nav ul i:hover,
.red-1 nav ul i:focus {
  /* social hover */
  color: rgba(255, 151, 157, 0.99);
}

.red-1 .section-line {
  /* section line */
  background-color: rgba(255, 151, 157, 0.99);
}

.red-1 .section-box {
  /* section color box */
  background-color: rgba(255, 151, 157, 0.99);
}

.red-1 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(255, 151, 157, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(255, 151, 157, 0.99) !important;
}

.red-1 .service-item i {
  /* service item color */
  color: rgba(255, 151, 157, 0.99);
}

.red-1 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(255, 151, 157, 0.99);
          box-shadow: 30px 30px 0 rgba(255, 151, 157, 0.99);
}

.red-1 .copyright a {
  /* copyright link color */
  color: rgba(255, 151, 157, 0.99);
}

/**
 * red-2
 * -------------------------
 */
.red-2 a:not(.btn) {
  /* link */
  color: rgba(255, 6, 90, 0.99);
}

.red-2 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(255, 6, 90, 0.99);
          box-shadow: 10px 10px 0 rgba(255, 6, 90, 0.99);
}

.red-2 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(255, 6, 90, 0.99);
}

.red-2 nav ol a:hover {
  /* menu hover */
  color: rgba(255, 6, 90, 0.99) !important;
}

.red-2 nav ul i:hover,
.red-2 nav ul i:focus {
  /* social hover */
  color: rgba(255, 6, 90, 0.99);
}

.red-2 .section-box {
  /* section color box */
  background-color: rgba(255, 6, 90, 0.99);
}

.red-2 .section-line {
  /* section line */
  background-color: rgba(255, 6, 90, 0.99);
}

.red-2 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(255, 6, 90, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(255, 6, 90, 0.99) !important;
}

.red-2 .service-item i {
  /* service item color */
  color: rgba(255, 6, 90, 0.99);
}

.red-2 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(255, 6, 90, 0.99);
          box-shadow: 30px 30px 0 rgba(255, 6, 90, 0.99);
}

.red-2 .copyright a {
  /* copyright link color */
  color: rgba(255, 6, 90, 0.99);
}

/**
 * brown-1
 * -------------------------
 */
.brown-1 a:not(.btn) {
  /* link */
  color: rgba(247, 205, 144, 0.99);
}

.brown-1 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(247, 205, 144, 0.99);
          box-shadow: 10px 10px 0 rgba(247, 205, 144, 0.99);
}

.brown-1 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(247, 205, 144, 0.99);
}

.brown-1 nav ol a:hover {
  /* menu hover */
  color: rgba(247, 205, 144, 0.99) !important;
}

.brown-1 nav ul i:hover,
.brown-1 nav ul i:focus {
  /* social hover */
  color: rgba(247, 205, 144, 0.99);
}

.brown-1 .section-line {
  /* section line */
  background-color: rgba(247, 205, 144, 0.99);
}

.brown-1 .section-box {
  /* section color box */
  background-color: rgba(247, 205, 144, 0.99);
}

.brown-1 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(247, 205, 144, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(247, 205, 144, 0.99) !important;
}

.brown-1 .service-item i {
  /* service item color */
  color: rgba(247, 205, 144, 0.99);
}

.brown-1 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(247, 205, 144, 0.99);
          box-shadow: 30px 30px 0 rgba(247, 205, 144, 0.99);
}

.brown-1 .copyright a {
  /* copyright link color */
  color: rgba(247, 205, 144, 0.99);
}

/**
 * brown-2
 * -------------------------
 */
.brown-2 a:not(.btn) {
  /* link */
  color: rgba(228, 176, 99, 0.99);
}

.brown-2 .btn {
  /* button shadow */
  -webkit-box-shadow: 10px 10px 0 rgba(228, 176, 99, 0.99);
          box-shadow: 10px 10px 0 rgba(228, 176, 99, 0.99);
}

.brown-2 .header-toggle i {
  /* toggle icon background */
  background-color: rgba(228, 176, 99, 0.99);
}

.brown-2 nav ol a:hover {
  /* menu hover */
  color: rgba(228, 176, 99, 0.99) !important;
}

.brown-2 nav ul i:hover,
.brown-2 nav ul i:focus {
  /* social hover */
  color: rgba(228, 176, 99, 0.99);
}

.brown-2 .section-box {
  /* section color box */
  background-color: rgba(228, 176, 99, 0.99);
}

.brown-2 .section-line {
  /* section line */
  background-color: rgba(228, 176, 99, 0.99);
}

.brown-2 .section-figure {
  /* section figure box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(228, 176, 99, 0.99) !important;
          box-shadow: 30px 30px 0 rgba(228, 176, 99, 0.99) !important;
}

.brown-2 .service-item i {
  /* service item color */
  color: rgba(228, 176, 99, 0.99);
}

.brown-2 #map-canvas {
  /* map box shadow */
  -webkit-box-shadow: 30px 30px 0 rgba(228, 176, 99, 0.99);
          box-shadow: 30px 30px 0 rgba(228, 176, 99, 0.99);
}

.brown-2 .copyright a {
  /* copyright link color */
  color: rgba(228, 176, 99, 0.99);
}