.white {
  color: white;
}
.dark {
  color: #080808;
}
.grey {
  color: whitesmoke;
}
.color {
  color: #38a4fc;
}
.white-high {
  color: whitesmoke;
}
.dark-high {
  color: #121212;
}
.dark-low {
  color: #232323;
}
.white-bg {
  background: white;
}
.dark-bg {
  background: #080808;
}
.grey-bg {
  background: whitesmoke;
}
.color-bg {
  background: #38a4fc;
}
.white-high-bg {
  background: whitesmoke;
}
.dark-high-bg {
  background: #121212;
}
.dark-low-bg {
  background: #232323;
}
.btn-presence-color {
  border: solid 1px #38a4fc;
  color: #38a4fc;
}
.btn-presence-color:hover {
  border: solid 1px #38a4fc;
  background: #38a4fc;
}
.scroll-down-pane-color {
  background: #38a4fc !important;
}
.scroll-down-pane-white {
  background: whitesmoke !important;
}
.showcase-area-inner.dark h5 > span {
  color: #38a4fc;
}
.showcase-area-inner.dark h1 {
  color: #080808;
}
.showcase-area-inner.dark h6 > span {
  color: white;
  border: solid 1px #38a4fc;
  background: #38a4fc;
}
.showcase-area-inner.white h5 > span {
  color: #38a4fc;
}
.showcase-area-inner.white h1 {
  color: white;
}
.showcase-area-inner.white h6 > span {
  color: white;
  border: solid 1px #38a4fc;
  background: #38a4fc;
}
.showcase-area-inner.color h5 > span {
  color: #080808;
}
.showcase-area-inner.color h1 {
  color: #38a4fc;
}
.showcase-area-inner.color h6 > span {
  color: white;
  border: solid 1px #38a4fc;
  background: #38a4fc;
}
.intro h5 > span {
  border-bottom: solid 1px #38a4fc;
  color: #38a4fc;
}
.intro-button > a {
  color: #38a4fc;
  border: solid 1px #38a4fc;
}
.intro-button > a:hover {
  color: #080808;
  border: solid 1px #38a4fc;
  background: #38a4fc;
}
.intro h2 > span {
  color: white;
  background: #38a4fc;
}
.intro-mask-color {
  background: #38a4fc;
}
.scroll-down-pane {
  background: #38a4fc;
}
.call-to-action {
  color: white;
}
.mastfoot {
  background: #121212;
}
.about {
  background: whitesmoke;
}
.testimonials {
  background: whitesmoke;
}
.testimonial-brand > span {
  background: #38a4fc;
  color: white;
}
.user-thumb > img {
  background: #38a4fc;
}
.services {
  background: white;
}
.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #38a4fc;
}
.promotional-area h1 > span {
  color: #38a4fc;
}
.emblem-area {
  background: #38a4fc;
}
.shoutout-area > h6 > span {
  border-top: solid 2px #38a4fc;
}
.shoutout-area > p {
  color: #38a4fc;
}
.intro-trigger-button {
  border: solid 2px #38a4fc;
  color: #38a4fc;
}
.intro-trigger-button:hover {
  border: solid 2px #38a4fc;
  background: #38a4fc;
}
#trigger-overlay {
  background-color: #38a4fc;
}
.view-ninth .mask-1,
.view-ninth .mask-2 {
  background: #38a4fc;
}
.view-ninth:hover .content {
  background: #38a4fc;
}
ul#portfolioFilter li {
  color: white;
}
ul#portfolioFilter li:after {
  color: #080808;
}
ul#portfolioFilter li:hover {
  color: #080808;
}
ul#portfolioFilter li.active-filter {
  color: #080808 !important;
}
.project-info-tag {
  background: whitesmoke;
}
.project-area-inner {
  background: #38a4fc;
}
.project-area-inner h5 > span {
  color: white;
}
.project-area-inner h1 {
  color: white;
}
.project-area-inner h5 > span {
  color: #080808;
}
.project-area-inner h6 > span {
  color: white;
  border: solid 1px #080808;
  background: #080808;
}
.project-area-inner h5 > span > strong {
  color: white;
}
.top-frame {
  border-top: solid 10px #38a4fc;
}
#item_slider .flex-direction-nav li a {
  background: #38a4fc;
}
#item_slider .flex-direction-nav li a:hover {
  background: #080808;
}
#control_buttons a:hover {
  border: solid 2px #38a4fc;
  background: #38a4fc;
  color: white;
}
.email-thumb > img,
.newsletter-thumb > img,
.twitter-thumb > img {
  background: #080808;
}
.stats-des > span.color-border {
  border: solid 1px #38a4fc !important;
}
.nav li > a {
  background: transparent !important;
}
.nav.dark li > a {
  color: #080808;
}
.nav.white li > a {
  color: white;
}
.standard-header .navbar .nav > li > a:hover,
.standard-header .navbar .nav > li > a.active {
  color: white;
  background: #38a4fc !important;
}
.standard-header .navbar .nav > li.active > a:hover,
.standard-header .navbar .nav > li.active > a.active {
  color: #38a4fc;
}
.pace .pace-progress {
  background-color: #38a4fc;
}
.featured-roller {
  background: #38a4fc;
}