/*=================================================
replace below code to fast change the template color

[green]
#44ead7 = main color
68, 234, 215 - fade color

=================================================*/
#loader,
{  
  background-color: #1a1a1a;
}
#site-wrap {
  /* border width and color */
  border-width: 20px;
  border-color: #ffffff;
}
/* overlay */
#overlay {
  background-color: #333333;
  opacity: 0.85;
}

.gradient2.gradient #overlay {
  /* gradient2 [#25c8f9] [#185b9f] */
  background: #2e3751;
  background: -moz-linear-gradient(-45deg, #25c8f9 0%, #185b9f 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #25c8f9), color-stop(100%, #185b9f));
  background: -webkit-linear-gradient(-45deg, #25c8f9 0%, #185b9f 100%);
  background: -o-linear-gradient(-45deg, #25c8f9 0%, #185b9f 100%);
  background: -ms-linear-gradient(-45deg, #25c8f9 0%, #185b9f 100%);
  background: linear-gradient(135deg, #25c8f9 0%, #185b9f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25c8f9', endColorstr='#185b9f', GradientType=1);
}
.menu {
  /* menu background */
  background-color: rgba(26, 26, 26, 0.85);
}

/*==================================================
 * default
==================================================*/
.default .color {
  /* main color */
  color: #ffffff;
}
.default a:hover,
.default a:focus {
  /* link hover, focus */
  color: #dddddd;
}

.default .section-title:after {
  /* section title underline */
  background-color: #ffffff;
}
.default .progress {
  /* skill bar */
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.75);
  color: #010101;
}
.default .progress-bar {
  /* skill bar */
  background-color: #ffffff;
}
.default .progress-bar h4 {
  /* skill bar title */
  color: #010101;
}
/*==================================================
 * blue
 #44abea = main color
 68, 171, 234 - fade color
==================================================*/
.blue .color {
  /* main color */
  color: #44abea;
}
.blue a:hover,
.blue a:focus {
  /* link hover, focus */
  color: #44abea;
}
.blue .section-title:after {
  /* section title underline */
  background-color: #44abea;
}
.blue .progress {
  /* skill bar */
  background-color: rgba(68, 171, 234, 0.15);
  border-color: rgba(68, 171, 234, 0.75);
}
.blue .progress-bar {
  /* skill bar */
  background-color: #44abea;
}
/*==================================================
 * green
 #44ead7 = main color
 68, 234, 215 - fade color
==================================================*/
.green .color {
  /* main color */
  color: #09a0df;
}
.green a:hover,
.green a:focus {
  /* link hover, focus */
  color: #09a0df;
}
.green .section-title:after {
  /* section title underline */
  background-color: #09a0df;
}
.green .progress {
  /* skill bar */
  background-color: rgba(9, 160, 223, 0.15);
  border-color: rgba(9, 160, 223, 0.75);
}
.green .progress-bar {
  /* skill bar */
  background-color: #09a0df;
}