.white {
  color: #ffffff;
}
.offwhite {
  color: #f2f2f2;
}
.dark {
  color: #343434;
}
.black {
  color: #121212;
}
.grey {
  color: #cccccc;
}
.color {
  color: #000;
}
.white-bg {
  background: #ffffff;
}
.offwhite-bg {
  background: #f2f2f2;
}
.dark-bg {
  background: #343434;
}
.black-bg {
  background: #121212;
}
.grey-bg {
  background: #cccccc;
}
.color-bg {
  background: #cccccc;
}
.color-trans-bg {
  background: rgba(255, 248, 95, 0.7);
}
a:hover {
  color: #cccccc;
}
::selection {
  background-color: #cccccc;
  color: #ffffff;
}
::-moz-selection {
  background-color: #cccccc;
  color: #ffffff;
}
.sticky-border {
  background: #ededed;
}
.btn-seven-color {
  color: #cccccc;
  border-color: #cccccc;
}
.btn-seven-color:hover {
  background: #cccccc;
  border-color: #cccccc;
}
.slant-bottom-white:after {
  background: #ffffff;
}
.slant-bottom-offwhite:after {
  background: #f2f2f2;
}
.slant-bottom-dark:after {
  background: #343434;
}
.slant-bottom-color:after {
  background: #cccccc;
}
.projects a:hover {
  color: #cccccc;
}
.intro-01 .projects a {
  border-color: #cccccc;
}
.intro-01 .projects a:hover {
  border-color: #343434;
  color: #cccccc;
}
.standard-header .slogan p span {
  border-color: #cccccc;
}
.main-nav-menu a {
  color: #ffffff;
}
.main-nav-menu a:hover {
  color: #cccccc;
}
.main-nav-menu li a.main-nav-link:focus {
  border-color: #cccccc;
}
.main-heading > span {
  border-color: #cccccc;
}
.sub-heading > span {
  border-color: #cccccc;
}
.feature-icon-wrap:hover {
  border-color: #cccccc;
}
.works-filter li a,
.works-filter li a > span {
  color: #343434;
}
.works-filter li a.active > span {
  color: #cccccc;
}
.works-item a:hover {
  border-color: #cccccc;
  background-color: #ffffff;
}
.pricing-container .pricing-header,
.pricing-container .pricing-features {
  border-color: #ffffff;
}
.intro-07 .welcome h2 > span {
  border-color: #cccccc;
}
.single-project .welcome h2 {
  border-color: #cccccc;
}
.aux-icon-btn-wrap a:hover {
  color: #ffffff;
}
.aux-icon-btn-wrap a:hover > span {
  color: #ffffff;
}
.intro-02-sub-caps > span,
.intro-03 h2 > span,
.intro-04 h2,
.works-item-inner p > span,
.intro-08 h2 {
  border-color: #cccccc;
}
.news-list:hover h1,
.news-list:hover p {
  color: #ffffff;
}
.news-list:hover h3 {
  color: #cccccc;
}
.agency-title:hover {
  background-color: #cccccc;
}
.scroll-indicator:hover {
  background-color: #cccccc;
}
.font1 {
  font-family: 'Roboto Condensed', sans-serif;
}
.font2 {
  font-family: 'Roboto Condensed', sans-serif;
}
.font3 {
  font-family: 'Roboto Condensed', sans-serif;
}
.font4 {
  font-family:  'Cinzel', serif;
}
body,
p {
  font-family: 'Roboto Condensed', sans-serif;
}
.btn-seven {
  font-family:  'Cinzel', serif;;
}
.sub-nav a {
  font-family: 'Open Sans', sans-serif;
}
.pricing-container .pricing-features .each h2 {
  font-family:  'Cinzel', serif;;
}
.works-filter li a > span {
  font-family: 'Roboto Condensed', sans-serif;
}
.works-item-inner h3 {
  font-family:  'Cinzel', serif;;
}
.works-item-inner p > span {
  font-family: 'Roboto Condensed', sans-serif;
}
.mean-container .mean-nav ul li a {
  font-family: 'Cinzel', serif;
}