@import url("styles/themes/theme-viki.min.css");
.factory-flag{ visibility: hidden; }
/*------------------------------------------------------------------
[COLOR SCHEMES]

Colors A
	<div class="colors-a">...</div>
Colors B
	<div class="colors-b">...</div>
...
Colors J
	<div class="colors-j">...</div>

[EXAMPLE]

<div class="colors-c">
	Background C
	<h4>Heading C</h4>
	<p>
		Text C, <a href="#">Link C</a>,
		<span class="highlight">highlight C</span>
	</p>
	<div class="background-b">
		Background B
		<h4>Heading C, <span class="heading-e">Heading E</span></h4>
		<p>Text C, <span class="text-g">Text G</span></p>
		<p class="highlight">Highlight C, <span class="highlight-d">Highlight D</span></p>
		<p><a href="#">Link C</a>, <a href="#" class="link-d">Link D</a></p>
	</div>
</div>
<div class="colors-f background-65">
	Background F, non-default transparency
	<div class="background">
		Background F, default transparency
	</div>
	<div class="background-55">
		Background F, non-default transparency
	</div>
	<div class="background-c">
		Background C, default transparency
	</div>
	<div class="background-45-c">
		Background C, non-default transparency
	</div>
</div>
------------------------------------------------------------------*/
/*** Colors A / .colors-a, .heading-a, .highlight-a, ... ***/
.colors-a {
  color: #000000;
  background-color: rgba(241, 241, 241, 0.5);
}
.colors-a .bg-color {
  color: #f1f1f1;
}
.colors-a .out {
  opacity: 0.5;
}
.colors-a .heading,
.colors-a.heading {
  color: #000000;
}
.colors-a .link,
.colors-a.link {
  color: #9100ff;
}
.colors-a .highlight,
.colors-a.highlight {
  color: #7a7a7a;
}
.colors-a .background,
.colors-a.background {
  background-color: rgba(241, 241, 241, 0.5);
}
.colors-a .background-solid,
.colors-a.background-solid {
  background-color: #f1f1f1;
}
.colors-a .background-hard,
.colors-a.background-hard {
  background-color: rgba(241, 241, 241, 0.83333333);
}
.colors-a .background-lite,
.colors-a.background-lite {
  background-color: rgba(241, 241, 241, 0.28540773);
}
.colors-a h1,
.colors-a h2,
.colors-a h3,
.colors-a h4,
.colors-a h5,
.colors-a h6,
.colors-a .col-icon {
  color: #000000;
}
.colors-a .col-left-marginalia,
.colors-a col-right-marginalia {
  color: #000000;
}
.colors-a a,
a.colors-a {
  color: #9100ff;
}
.colors-a a:hover,
a.colors-a:hover {
  color: rgba(145, 0, 255, 0.75);
}
.colors-a .line {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.3);
}
.colors-a .line:hover {
  background-color: rgba(241, 241, 241, 0.28540773);
}
.colors-a .help-block li {
  color: #7a7a7a;
}
.colors-a .grid-example > .row > div:nth-child(1n) {
  color: #000000;
  background-color: rgba(241, 241, 241, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
}
.colors-a .grid-example > .row > div:nth-child(2n) {
  color: #000000;
  background-color: rgba(241, 241, 241, 0.5);
  background-color: rgba(0, 0, 0, 0.3);
}
.colors-a ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.colors-a :-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.colors-a ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.colors-a :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.colors-a .border,
.colors-a.border,
.colors-a .border-top,
.colors-a.border-top,
.colors-a .border-left,
.colors-a.border-left,
.colors-a .border-right,
.colors-a.border-right,
.colors-a .border-bottom,
.colors-a.border-bottom {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.colors-a .border-hard,
.colors-a.border-hard {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.colors-a .border-lite,
.colors-a.border-lite {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.colors-a .text {
  color: #000000 !important;
}
.colors-a .text-background,
.colors-a.text-background {
  color: #f1f1f1 !important;
}
.colors-a .background-highlight,
.colors-a.background-highlight {
  background-color: #7a7a7a !important;
}
.colors-a .background-heading,
.colors-a.background-heading {
  background-color: #000000 !important;
}
.colors-a .background-text,
.colors-a.background-text {
  background-color: #000000 !important;
}
.colors-a .background-link,
.colors-a.background-link {
  background-color: #9100ff !important;
}
.colors-a .border-text,
.colors-a.border-text {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.colors-a .border-highlight,
.colors-a.border-highlight {
  border-color: rgba(122, 122, 122, 0.7) !important;
}
.colors-a .border-heading,
.colors-a.border-heading {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.colors-a .border-link,
.colors-a.border-link {
  border-color: rgba(145, 0, 255, 0.7) !important;
}
.colors-a .background-0,
.colors-a.background-0 {
  background-color: transparent !important;
}
.colors-a .background-5,
.colors-a.background-5 {
  background-color: rgba(241, 241, 241, 0.05) !important;
}
.colors-a .background-10,
.colors-a.background-10 {
  background-color: rgba(241, 241, 241, 0.1) !important;
}
.colors-a .background-15,
.colors-a.background-15 {
  background-color: rgba(241, 241, 241, 0.15) !important;
}
.colors-a .background-20,
.colors-a.background-20 {
  background-color: rgba(241, 241, 241, 0.2) !important;
}
.colors-a .background-25,
.colors-a.background-25 {
  background-color: rgba(241, 241, 241, 0.25) !important;
}
.colors-a .background-30,
.colors-a.background-30 {
  background-color: rgba(241, 241, 241, 0.3) !important;
}
.colors-a .background-35,
.colors-a.background-35 {
  background-color: rgba(241, 241, 241, 0.35) !important;
}
.colors-a .background-40,
.colors-a.background-40 {
  background-color: rgba(241, 241, 241, 0.4) !important;
}
.colors-a .background-45,
.colors-a.background-45 {
  background-color: rgba(241, 241, 241, 0.45) !important;
}
.colors-a .background-50,
.colors-a.background-50 {
  background-color: rgba(241, 241, 241, 0.5) !important;
}
.colors-a .background-55,
.colors-a.background-55 {
  background-color: rgba(241, 241, 241, 0.55) !important;
}
.colors-a .background-60,
.colors-a.background-60 {
  background-color: rgba(241, 241, 241, 0.6) !important;
}
.colors-a .background-65,
.colors-a.background-65 {
  background-color: rgba(241, 241, 241, 0.65) !important;
}
.colors-a .background-70,
.colors-a.background-70 {
  background-color: rgba(241, 241, 241, 0.7) !important;
}
.colors-a .background-75,
.colors-a.background-75 {
  background-color: rgba(241, 241, 241, 0.75) !important;
}
.colors-a .background-80,
.colors-a.background-80 {
  background-color: rgba(241, 241, 241, 0.8) !important;
}
.colors-a .background-85,
.colors-a.background-85 {
  background-color: rgba(241, 241, 241, 0.85) !important;
}
.colors-a .background-90,
.colors-a.background-90 {
  background-color: rgba(241, 241, 241, 0.9) !important;
}
.colors-a .background-95,
.colors-a.background-95 {
  background-color: rgba(241, 241, 241, 0.95) !important;
}
.colors-a .background-100,
.colors-a.background-100 {
  background-color: #f1f1f1 !important;
}
.colors-a h2::after {
  background-color: rgba(0, 0, 0, 0.4);
}
.colors-a h3 a {
  color: #000000;
}
.colors-a h3 a:hover {
  color: rgba(0, 0, 0, 0.75);
}
.colors-a h3 {
  border-color: rgba(122, 122, 122, 0.5);
}
.colors-a input,
.colors-a textarea {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.6);
  outline-color: rgba(0, 0, 0, 0);
}
.colors-a input:focus,
.colors-a textarea:focus {
  outline-color: rgba(0, 0, 0, 0.37);
}
#top-nav.colors-a {
  border-color: rgba(122, 122, 122, 0.16);
  color: #000000;
}
#top-nav.colors-a li a {
  color: #000000;
}
#top-nav.colors-a li a:hover {
  color: inherit;
}
#top-nav.colors-a .navbar-brand {
  color: #000000;
}
#top-nav.colors-a .navbar-brand:hover {
  color: #000000;
}
#top-nav.colors-a .nav > li ul {
  background-color: rgba(241, 241, 241, 0.5);
}
#top-nav.colors-a .nav > li ul a {
  color: #000000;
}
#top-nav.colors-a .nav > li ul a.active {
  color: #7a7a7a;
}
#top-nav.colors-a .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-a li.open > a {
  background-color: rgba(241, 241, 241, 0.28540773);
}
#top-nav.colors-a .navbar-nav a.active {
  color: #7a7a7a;
}
#top-nav.colors-a .navbar-toggle {
  background-color: transparent !important;
  border-color: #000000;
}
#top-nav.colors-a .navbar-toggle .icon-bar {
  background-color: #000000;
}
.colors-a.page-border {
  border-color: rgba(122, 122, 122, 0.16);
}
.colors-a.page-border a {
  color: #000000;
}
.ext-nav a.colors-a .side-title {
  color: #000000;
}
.ext-nav a.colors-a .side-label {
  color: #7a7a7a;
}
.ext-nav a.colors-a:hover .side-title {
  color: #000000;
}
.ext-nav a.colors-a:hover .side-label {
  color: #7a7a7a;
}
.colors-a .menu-toggle span,
.colors-a .menu-toggle span:before,
.colors-a .menu-toggle span:after {
  background-color: #000000;
}
.colors-a .menu-toggle.navbar-toggle span,
.colors-a .menu-toggle.navbar-toggle span:before,
.colors-a .menu-toggle.navbar-toggle span:after {
  background-color: #7a7a7a;
}
.colors-a .menu-toggle.show span {
  background-color: transparent;
}
.colors-a .slider .slick-prev,
.colors-a .carousel .slick-prev,
.colors-a .slider .slick-next,
.colors-a .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-a .slider .slick-prev:before,
.colors-a .carousel .slick-prev:before,
.colors-a .slider .slick-next:before,
.colors-a .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-a .slider .slick-prev:hover,
.colors-a .carousel .slick-prev:hover,
.colors-a .slider .slick-next:hover,
.colors-a .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-a .slider .slick-dots li button:before,
.colors-a .carousel .slick-dots li button:before {
  color: #000000;
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.colors-a .slider .slick-dots li.slick-active button:before,
.colors-a .carousel .slick-dots li.slick-active button:before {
  color: #7a7a7a;
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.colors-a .carousel .slick-slide {
  background-color: rgba(241, 241, 241, 0.5);
}
.colors-a .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #000;
  -moz-box-shadow: 0 0 8px #000;
  box-shadow: 0 0 8px #000;
}
.colors-a .gallery .filter .nav li a {
  color: #000000;
  background-color: transparent;
}
.colors-a .gallery .filter .nav li a.active {
  color: #7a7a7a;
}
.colors-a.gallery-overlay .field {
  color: #000000;
}
.colors-a .cross:before,
.colors-a .cross:after {
  background-color: #000000;
}
.colors-a.circle {
  border-color: rgba(241, 241, 241, 0.5);
  color: #000000;
}
.colors-a.circle:after {
  background-color: transparent;
  border-color: rgba(241, 241, 241, 0.5);
}
.colors-a.circle:hover {
  background-color: transparent;
  color: rgba(241, 241, 241, 0.5);
}
.colors-a.circle:hover:after {
  border-color: rgba(241, 241, 241, 0.5);
}
.colors-a .process .process-row .process-step .process-box {
  border-color: rgba(0, 0, 0, 0.7);
}
.colors-a .process .process-row .process-step .process-box:before {
  background-color: #f1f1f1;
}
#dot-scroll.colors-a li a span {
  background-color: #000000;
}
#dot-scroll.colors-a li a.active span,
#dot-scroll.colors-a li a:hover.active span {
  background-color: rgba(241, 241, 241, 0.5);
}
#dot-scroll.colors-a li a.target span,
#dot-scroll.colors-a li a:hover.target span {
  border-color: #000000;
}
#dot-scroll.colors-a li a.active span,
#dot-scroll.colors-a li a:hover.active span,
#dot-scroll.colors-a li a.target.active span,
#dot-scroll.colors-a li a:hover.target.active span {
  border-color: #000000;
}
.colors-a.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #f1f1f1;
  background-color: transparent !important;
}
.colors-a.skew.skew-bottom-right {
  border-bottom-color: #f1f1f1;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-a.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #f1f1f1;
  background-color: transparent !important;
}
.colors-a.skew.skew-top-left {
  border-top-color: #f1f1f1;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-a .loader {
  border-color: rgba(0, 0, 0, 0.1);
}
.colors-a .loader li:nth-child(1) {
  background: #000000;
}
.colors-a .loader li:nth-child(2) {
  background: #000000;
}
.colors-a .loader li:nth-child(3) {
  background: #000000;
}
.colors-a .loader li:nth-child(4) {
  background: #000000;
}
.colors-a #comments {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.colors-a #comments .comment-list .comment {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.colors-a .avatar,
.colors-a ul.tags-list li {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.colors-a .post .post-meta {
  color: #000000;
}
.colors-a .post .post-meta a {
  color: #000000;
}
.colors-a .post .post-meta a:hover {
  color: #7a7a7a;
}
.colors-a .post .post-meta .post-month {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.colors-a .post h3 a:hover {
  color: #000000;
}
.colors-a .post .post-tags {
  color: rgba(0, 0, 0, 0.85);
}
.colors-a .post .post-month {
  color: #7a7a7a;
}
.colors-a .sidebar .title {
  color: #000000;
}
.colors-a .pagination .active a {
  background-color: rgba(0, 0, 0, 0.85);
  color: #f1f1f1;
}
.colors-a .pagination .active a:hover {
  color: #f1f1f1;
}
.colors-a .pagination a {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.4) !important;
  color: #000000;
}
.colors-a .pagination a:hover {
  color: #7a7a7a;
}
.colors-a .navbar-collapse {
  max-height: none;
}
.colors-a .caption {
  color: #000000;
}
.colors-a .title,
.colors-a .header-details,
.colors-a .subtitle {
  color: #000000;
}
.colors-a .title.highlight,
.colors-a .header-details.highlight,
.colors-a .subtitle.highlight {
  color: #7a7a7a;
}
.colors-a .slogan {
  color: #7a7a7a;
}
.colors-a .underline-dashed,
.colors-a .underline-dotted {
  border-color: rgba(122, 122, 122, 0.7);
}
.colors-a .underline {
  border-color: rgba(122, 122, 122, 0.5);
}
.colors-a .underline-highlight {
  border-color: rgba(122, 122, 122, 0.5);
}
.colors-a .underline-link {
  border-color: rgba(145, 0, 255, 0.5);
}
.colors-a .underline-heading {
  border-color: rgba(0, 0, 0, 0.5);
}
.colors-a .underline-text {
  border-color: rgba(0, 0, 0, 0.5);
}
.colors-a .top-line:before {
  background-color: rgba(122, 122, 122, 0.7);
}
.colors-a .bottom-line:after {
  background-color: #7a7a7a;
}
.colors-a .short-underline:after {
  background-color: #7a7a7a;
}
.colors-a .stroke-highlight {
  text-shadow: -1px -1px 0 #7a7a7a, 1px -1px 0 #7a7a7a, -1px 1px 0 #7a7a7a, 1px 1px 0 #7a7a7a;
}
.colors-a .stroke-heading {
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}
.colors-a .stroke-foreground {
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}
.colors-a .stroke-background {
  text-shadow: -1px -1px 0 rgba(241, 241, 241, 0.5), 1px -1px 0 rgba(241, 241, 241, 0.5), -1px 1px 0 rgba(241, 241, 241, 0.5), 1px 1px 0 rgba(241, 241, 241, 0.5);
}
.colors-a .label-border {
  border-color: rgba(122, 122, 122, 0.7);
  outline-color: #7a7a7a;
}
.colors-a .bottom-menu {
  color: #000000 !important;
}
.colors-a .bottom-menu a,
.colors-a .bottom-menu i {
  color: #000000 !important;
}
.colors-a .bottom-menu a:hover {
  background-color: transparent;
  color: #7a7a7a;
}
.colors-a .bottom-menu a:hover i {
  color: #7a7a7a;
}
footer.colors-a a i:hover {
  color: #000000 !important;
}
.colors-a .main-icon {
  color: #000000;
}
.colors-a .main-icon:hover {
  color: #000000;
}
.colors-a.content.border-bottom,
.colors-a.content.border-top,
footer.colors-a.border-bottom,
footer.colors-a.border-top {
  border-color: rgba(122, 122, 122, 0.8);
}
.colors-a.credits-overlay .content-container > ul > li {
  color: #7a7a7a;
}
.colors-a.credits-overlay .content-container > ul > li li {
  color: #9100ff;
}
.colors-a input.button {
  color: #7a7a7a;
}
.colors-a input.button:hover {
  color: #000000;
}
.colors-a iframe.example,
.colors-a pre.example {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.colors-a.help-toc a,
.colors-a.help-toc ul,
.colors-a.help-toc li {
  color: #000000;
}
.colors-a .help-toc-title {
  border-color: rgba(0, 0, 0, 0.2);
}
.text-a {
  color: #000000;
}
.background-0-a {
  background-color: transparent !important;
}
.background-5-a {
  background-color: rgba(241, 241, 241, 0.05) !important;
}
.background-10-a {
  background-color: rgba(241, 241, 241, 0.1) !important;
}
.background-15-a {
  background-color: rgba(241, 241, 241, 0.15) !important;
}
.background-20-a {
  background-color: rgba(241, 241, 241, 0.2) !important;
}
.background-25-a {
  background-color: rgba(241, 241, 241, 0.25) !important;
}
.background-30-a {
  background-color: rgba(241, 241, 241, 0.3) !important;
}
.background-35-a {
  background-color: rgba(241, 241, 241, 0.35) !important;
}
.background-40-a {
  background-color: rgba(241, 241, 241, 0.4) !important;
}
.background-45-a {
  background-color: rgba(241, 241, 241, 0.45) !important;
}
.background-50-a {
  background-color: rgba(241, 241, 241, 0.5) !important;
}
.background-55-a {
  background-color: rgba(241, 241, 241, 0.55) !important;
}
.background-60-a {
  background-color: rgba(241, 241, 241, 0.6) !important;
}
.background-65-a {
  background-color: rgba(241, 241, 241, 0.65) !important;
}
.background-70-a {
  background-color: rgba(241, 241, 241, 0.7) !important;
}
.background-75-a {
  background-color: rgba(241, 241, 241, 0.75) !important;
}
.background-80-a {
  background-color: rgba(241, 241, 241, 0.8) !important;
}
.background-85-a {
  background-color: rgba(241, 241, 241, 0.85) !important;
}
.background-90-a {
  background-color: rgba(241, 241, 241, 0.9) !important;
}
.background-95-a {
  background-color: rgba(241, 241, 241, 0.95) !important;
}
.background-100-a {
  background-color: #f1f1f1 !important;
}
.background-a {
  background-color: rgba(241, 241, 241, 0.5) !important;
}
.background-lite-a {
  background-color: rgba(241, 241, 241, 0.28540773) !important;
}
.background-lite-lite-a {
  background-color: rgba(241, 241, 241, 0.14285714) !important;
}
.background-hard-a {
  background-color: rgba(241, 241, 241, 0.83333333) !important;
}
.background-hard-hard-a {
  background-color: rgba(241, 241, 241, 0.9) !important;
}
.border-background-a {
  border-color: rgba(241, 241, 241, 0.7) !important;
}
.border-text-a {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.border-highlight-a {
  border-color: rgba(122, 122, 122, 0.7) !important;
}
.border-heading-a {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.border-link-a {
  border-color: rgba(145, 0, 255, 0.7) !important;
}
.heading-a {
  color: #000000 !important;
}
.text-a {
  color: #000000 !important;
}
.text-background-a {
  color: #f1f1f1 !important;
}
.background-highlight-a {
  background-color: #7a7a7a !important;
}

/*** Loader & Gate Color ***/
.background-heading-a {
  background-color: #00baff !important;
}

.background-text-a {
  background-color: #000000 !important;
}
.background-link-a {
  background-color: #9100ff !important;
}
.highlight-a {
  color: #7a7a7a !important;
}
.link-a {
  color: #9100ff !important;
}
/*** Colors B / .colors-b, .heading-b, .highlight-b, ... ***/
.colors-b {
  color: #efefef;
  background-color: rgba(56, 56, 56, 0.82);
}
.colors-b .bg-color {
  color: #383838;
}
.colors-b .out {
  opacity: 0.82;
}
.colors-b .heading,
.colors-b.heading {
  color: #ffffff;
}
.colors-b .link,
.colors-b.link {
  color: #d1a07d;
}
.colors-b .highlight,
.colors-b.highlight {
  color: #d1a07d;
}
.colors-b .background,
.colors-b.background {
  background-color: rgba(56, 56, 56, 0.82);
}
.colors-b .background-solid,
.colors-b.background-solid {
  background-color: #383838;
}
.colors-b .background-hard,
.colors-b.background-hard {
  background-color: rgba(56, 56, 56, 0.94);
}
.colors-b .background-lite,
.colors-b.background-lite {
  background-color: rgba(56, 56, 56, 0.46806867);
}
.colors-b h1,
.colors-b h2,
.colors-b h3,
.colors-b h4,
.colors-b h5,
.colors-b h6,
.colors-b .col-icon {
  color: #ffffff;
}
.colors-b .col-left-marginalia,
.colors-b col-right-marginalia {
  color: #ffffff;
}
.colors-b a,
a.colors-b {
  color: #d1a07d;
}
.colors-b a:hover,
a.colors-b:hover {
  color: rgba(209, 160, 125, 0.75);
}
.colors-b .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-b .line:hover {
  background-color: rgba(56, 56, 56, 0.46806867);
}
.colors-b .help-block li {
  color: #d1a07d;
}
.colors-b .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(56, 56, 56, 0.82);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-b .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(56, 56, 56, 0.82);
  background-color: rgba(239, 239, 239, 0.3);
}
.colors-b ::-webkit-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-b :-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-b ::-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-b :-ms-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-b .border,
.colors-b.border,
.colors-b .border-top,
.colors-b.border-top,
.colors-b .border-left,
.colors-b.border-left,
.colors-b .border-right,
.colors-b.border-right,
.colors-b .border-bottom,
.colors-b.border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-b .border-hard,
.colors-b.border-hard {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-b .border-lite,
.colors-b.border-lite {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-b .text {
  color: #efefef !important;
}
.colors-b .text-background,
.colors-b.text-background {
  color: #383838 !important;
}
.colors-b .background-highlight,
.colors-b.background-highlight {
  background-color: #d1a07d !important;
}
.colors-b .background-heading,
.colors-b.background-heading {
  background-color: #ffffff !important;
}
.colors-b .background-text,
.colors-b.background-text {
  background-color: #efefef !important;
}
.colors-b .background-link,
.colors-b.background-link {
  background-color: #d1a07d !important;
}
.colors-b .border-text,
.colors-b.border-text {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.colors-b .border-highlight,
.colors-b.border-highlight {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-b .border-heading,
.colors-b.border-heading {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-b .border-link,
.colors-b.border-link {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-b .background-0,
.colors-b.background-0 {
  background-color: transparent !important;
}
.colors-b .background-5,
.colors-b.background-5 {
  background-color: rgba(56, 56, 56, 0.05) !important;
}
.colors-b .background-10,
.colors-b.background-10 {
  background-color: rgba(56, 56, 56, 0.1) !important;
}
.colors-b .background-15,
.colors-b.background-15 {
  background-color: rgba(56, 56, 56, 0.15) !important;
}
.colors-b .background-20,
.colors-b.background-20 {
  background-color: rgba(56, 56, 56, 0.2) !important;
}
.colors-b .background-25,
.colors-b.background-25 {
  background-color: rgba(56, 56, 56, 0.25) !important;
}
.colors-b .background-30,
.colors-b.background-30 {
  background-color: rgba(56, 56, 56, 0.3) !important;
}
.colors-b .background-35,
.colors-b.background-35 {
  background-color: rgba(56, 56, 56, 0.35) !important;
}
.colors-b .background-40,
.colors-b.background-40 {
  background-color: rgba(56, 56, 56, 0.4) !important;
}
.colors-b .background-45,
.colors-b.background-45 {
  background-color: rgba(56, 56, 56, 0.45) !important;
}
.colors-b .background-50,
.colors-b.background-50 {
  background-color: rgba(56, 56, 56, 0.5) !important;
}
.colors-b .background-55,
.colors-b.background-55 {
  background-color: rgba(56, 56, 56, 0.55) !important;
}
.colors-b .background-60,
.colors-b.background-60 {
  background-color: rgba(56, 56, 56, 0.6) !important;
}
.colors-b .background-65,
.colors-b.background-65 {
  background-color: rgba(56, 56, 56, 0.65) !important;
}
.colors-b .background-70,
.colors-b.background-70 {
  background-color: rgba(56, 56, 56, 0.7) !important;
}
.colors-b .background-75,
.colors-b.background-75 {
  background-color: rgba(56, 56, 56, 0.75) !important;
}
.colors-b .background-80,
.colors-b.background-80 {
  background-color: rgba(56, 56, 56, 0.8) !important;
}
.colors-b .background-85,
.colors-b.background-85 {
  background-color: rgba(56, 56, 56, 0.85) !important;
}
.colors-b .background-90,
.colors-b.background-90 {
  background-color: rgba(56, 56, 56, 0.9) !important;
}
.colors-b .background-95,
.colors-b.background-95 {
  background-color: rgba(56, 56, 56, 0.95) !important;
}
.colors-b .background-100,
.colors-b.background-100 {
  background-color: #383838 !important;
}
.colors-b h2::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.colors-b h3 a {
  color: #ffffff;
}
.colors-b h3 a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.colors-b h3 {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-b input,
.colors-b textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(239, 239, 239, 0);
}
.colors-b input:focus,
.colors-b textarea:focus {
  outline-color: rgba(239, 239, 239, 0.37);
}
#top-nav.colors-b {
  border-color: rgba(209, 160, 125, 0.16);
  color: #ffffff;
}
#top-nav.colors-b li a {
  color: #ffffff;
}
#top-nav.colors-b li a:hover {
  color: inherit;
}
#top-nav.colors-b .navbar-brand {
  color: #ffffff;
}
#top-nav.colors-b .navbar-brand:hover {
  color: #ffffff;
}
#top-nav.colors-b .nav > li ul {
  background-color: rgba(56, 56, 56, 0.82);
}
#top-nav.colors-b .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-b .nav > li ul a.active {
  color: #d1a07d;
}
#top-nav.colors-b .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-b li.open > a {
  background-color: rgba(56, 56, 56, 0.46806867);
}
#top-nav.colors-b .navbar-nav a.active {
  color: #d1a07d;
}
#top-nav.colors-b .navbar-toggle {
  background-color: transparent !important;
  border-color: #ffffff;
}
#top-nav.colors-b .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.colors-b.page-border {
  border-color: rgba(209, 160, 125, 0.16);
}
.colors-b.page-border a {
  color: #ffffff;
}
.ext-nav a.colors-b .side-title {
  color: #ffffff;
}
.ext-nav a.colors-b .side-label {
  color: #d1a07d;
}
.ext-nav a.colors-b:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-b:hover .side-label {
  color: #d1a07d;
}
.colors-b .menu-toggle span,
.colors-b .menu-toggle span:before,
.colors-b .menu-toggle span:after {
  background-color: #ffffff;
}
.colors-b .menu-toggle.navbar-toggle span,
.colors-b .menu-toggle.navbar-toggle span:before,
.colors-b .menu-toggle.navbar-toggle span:after {
  background-color: #d1a07d;
}
.colors-b .menu-toggle.show span {
  background-color: transparent;
}
.colors-b .slider .slick-prev,
.colors-b .carousel .slick-prev,
.colors-b .slider .slick-next,
.colors-b .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-b .slider .slick-prev:before,
.colors-b .carousel .slick-prev:before,
.colors-b .slider .slick-next:before,
.colors-b .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-b .slider .slick-prev:hover,
.colors-b .carousel .slick-prev:hover,
.colors-b .slider .slick-next:hover,
.colors-b .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-b .slider .slick-dots li button:before,
.colors-b .carousel .slick-dots li button:before {
  color: #efefef;
  color: rgba(239, 239, 239, 0.4);
  opacity: 1;
}
.colors-b .slider .slick-dots li.slick-active button:before,
.colors-b .carousel .slick-dots li.slick-active button:before {
  color: #d1a07d;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-b .carousel .slick-slide {
  background-color: rgba(56, 56, 56, 0.82);
}
.colors-b .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-b .gallery .filter .nav li a {
  color: #ffffff;
  background-color: transparent;
}
.colors-b .gallery .filter .nav li a.active {
  color: #d1a07d;
}
.colors-b.gallery-overlay .field {
  color: #ffffff;
}
.colors-b .cross:before,
.colors-b .cross:after {
  background-color: #ffffff;
}
.colors-b.circle {
  border-color: rgba(56, 56, 56, 0.82);
  color: #ffffff;
}
.colors-b.circle:after {
  background-color: transparent;
  border-color: rgba(56, 56, 56, 0.82);
}
.colors-b.circle:hover {
  background-color: transparent;
  color: rgba(56, 56, 56, 0.82);
}
.colors-b.circle:hover:after {
  border-color: rgba(56, 56, 56, 0.82);
}
.colors-b .process .process-row .process-step .process-box {
  border-color: rgba(239, 239, 239, 0.7);
}
.colors-b .process .process-row .process-step .process-box:before {
  background-color: #383838;
}
#dot-scroll.colors-b li a span {
  background-color: #ffffff;
}
#dot-scroll.colors-b li a.active span,
#dot-scroll.colors-b li a:hover.active span {
  background-color: rgba(56, 56, 56, 0.82);
}
#dot-scroll.colors-b li a.target span,
#dot-scroll.colors-b li a:hover.target span {
  border-color: #ffffff;
}
#dot-scroll.colors-b li a.active span,
#dot-scroll.colors-b li a:hover.active span,
#dot-scroll.colors-b li a.target.active span,
#dot-scroll.colors-b li a:hover.target.active span {
  border-color: #ffffff;
}
.colors-b.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #383838;
  background-color: transparent !important;
}
.colors-b.skew.skew-bottom-right {
  border-bottom-color: #383838;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-b.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #383838;
  background-color: transparent !important;
}
.colors-b.skew.skew-top-left {
  border-top-color: #383838;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-b .loader {
  border-color: rgba(239, 239, 239, 0.1);
}
.colors-b .loader li:nth-child(1) {
  background: #efefef;
}
.colors-b .loader li:nth-child(2) {
  background: #efefef;
}
.colors-b .loader li:nth-child(3) {
  background: #efefef;
}
.colors-b .loader li:nth-child(4) {
  background: #efefef;
}
.colors-b #comments {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-b #comments .comment-list .comment {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-b .avatar,
.colors-b ul.tags-list li {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-b .post .post-meta {
  color: #ffffff;
}
.colors-b .post .post-meta a {
  color: #ffffff;
}
.colors-b .post .post-meta a:hover {
  color: #d1a07d;
}
.colors-b .post .post-meta .post-month {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-b .post h3 a:hover {
  color: #ffffff;
}
.colors-b .post .post-tags {
  color: rgba(239, 239, 239, 0.85);
}
.colors-b .post .post-month {
  color: #d1a07d;
}
.colors-b .sidebar .title {
  color: #ffffff;
}
.colors-b .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #383838;
}
.colors-b .pagination .active a:hover {
  color: #383838;
}
.colors-b .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-b .pagination a:hover {
  color: #d1a07d;
}
.colors-b .navbar-collapse {
  max-height: none;
}
.colors-b .caption {
  color: #ffffff;
}
.colors-b .title,
.colors-b .header-details,
.colors-b .subtitle {
  color: #ffffff;
}
.colors-b .title.highlight,
.colors-b .header-details.highlight,
.colors-b .subtitle.highlight {
  color: #d1a07d;
}
.colors-b .slogan {
  color: #d1a07d;
}
.colors-b .underline-dashed,
.colors-b .underline-dotted {
  border-color: rgba(209, 160, 125, 0.7);
}
.colors-b .underline {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-b .underline-highlight {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-b .underline-link {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-b .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-b .underline-text {
  border-color: rgba(239, 239, 239, 0.5);
}
.colors-b .top-line:before {
  background-color: rgba(209, 160, 125, 0.7);
}
.colors-b .bottom-line:after {
  background-color: #d1a07d;
}
.colors-b .short-underline:after {
  background-color: #d1a07d;
}
.colors-b .stroke-highlight {
  text-shadow: -1px -1px 0 #d1a07d, 1px -1px 0 #d1a07d, -1px 1px 0 #d1a07d, 1px 1px 0 #d1a07d;
}
.colors-b .stroke-heading {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-b .stroke-foreground {
  text-shadow: -1px -1px 0 #efefef, 1px -1px 0 #efefef, -1px 1px 0 #efefef, 1px 1px 0 #efefef;
}
.colors-b .stroke-background {
  text-shadow: -1px -1px 0 rgba(56, 56, 56, 0.82), 1px -1px 0 rgba(56, 56, 56, 0.82), -1px 1px 0 rgba(56, 56, 56, 0.82), 1px 1px 0 rgba(56, 56, 56, 0.82);
}
.colors-b .label-border {
  border-color: rgba(209, 160, 125, 0.7);
  outline-color: #d1a07d;
}
.colors-b .bottom-menu {
  color: #efefef !important;
}
.colors-b .bottom-menu a,
.colors-b .bottom-menu i {
  color: #efefef !important;
}
.colors-b .bottom-menu a:hover {
  background-color: transparent;
  color: #d1a07d;
}
.colors-b .bottom-menu a:hover i {
  color: #d1a07d;
}
footer.colors-b a i:hover {
  color: #efefef !important;
}
.colors-b .main-icon {
  color: #ffffff;
}
.colors-b .main-icon:hover {
  color: #ffffff;
}
.colors-b.content.border-bottom,
.colors-b.content.border-top,
footer.colors-b.border-bottom,
footer.colors-b.border-top {
  border-color: rgba(209, 160, 125, 0.8);
}
.colors-b.credits-overlay .content-container > ul > li {
  color: #d1a07d;
}
.colors-b.credits-overlay .content-container > ul > li li {
  color: #d1a07d;
}
.colors-b input.button {
  color: #d1a07d;
}
.colors-b input.button:hover {
  color: #ffffff;
}
.colors-b iframe.example,
.colors-b pre.example {
  border-color: rgba(239, 239, 239, 0.3) !important;
}
.colors-b.help-toc a,
.colors-b.help-toc ul,
.colors-b.help-toc li {
  color: #ffffff;
}
.colors-b .help-toc-title {
  border-color: rgba(255, 255, 255, 0.2);
}
.text-b {
  color: #efefef;
}
.background-0-b {
  background-color: transparent !important;
}
.background-5-b {
  background-color: rgba(56, 56, 56, 0.05) !important;
}
.background-10-b {
  background-color: rgba(56, 56, 56, 0.1) !important;
}
.background-15-b {
  background-color: rgba(56, 56, 56, 0.15) !important;
}
.background-20-b {
  background-color: rgba(56, 56, 56, 0.2) !important;
}
.background-25-b {
  background-color: rgba(56, 56, 56, 0.25) !important;
}
.background-30-b {
  background-color: rgba(56, 56, 56, 0.3) !important;
}
.background-35-b {
  background-color: rgba(56, 56, 56, 0.35) !important;
}
.background-40-b {
  background-color: rgba(56, 56, 56, 0.4) !important;
}
.background-45-b {
  background-color: rgba(56, 56, 56, 0.45) !important;
}
.background-50-b {
  background-color: rgba(56, 56, 56, 0.5) !important;
}
.background-55-b {
  background-color: rgba(56, 56, 56, 0.55) !important;
}
.background-60-b {
  background-color: rgba(56, 56, 56, 0.6) !important;
}
.background-65-b {
  background-color: rgba(56, 56, 56, 0.65) !important;
}
.background-70-b {
  background-color: rgba(56, 56, 56, 0.7) !important;
}
.background-75-b {
  background-color: rgba(56, 56, 56, 0.75) !important;
}
.background-80-b {
  background-color: rgba(56, 56, 56, 0.8) !important;
}
.background-85-b {
  background-color: rgba(56, 56, 56, 0.85) !important;
}
.background-90-b {
  background-color: rgba(56, 56, 56, 0.9) !important;
}
.background-95-b {
  background-color: rgba(56, 56, 56, 0.95) !important;
}
.background-100-b {
  background-color: #383838 !important;
}
.background-b {
  background-color: rgba(56, 56, 56, 0.82) !important;
}
.background-lite-b {
  background-color: rgba(56, 56, 56, 0.46806867) !important;
}
.background-lite-lite-b {
  background-color: rgba(56, 56, 56, 0.23428571) !important;
}
.background-hard-b {
  background-color: rgba(56, 56, 56, 0.94) !important;
}
.background-hard-hard-b {
  background-color: rgba(56, 56, 56, 0.964) !important;
}
.border-background-b {
  border-color: rgba(56, 56, 56, 0.7) !important;
}
.border-text-b {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-b {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.border-heading-b {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-b {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.heading-b {
  color: #ffffff !important;
}
.text-b {
  color: #efefef !important;
}
.text-background-b {
  color: #383838 !important;
}
.background-highlight-b {
  background-color: #d1a07d !important;
}
.background-heading-b {
  background-color: #ffffff !important;
}
.background-text-b {
  background-color: #efefef !important;
}
.background-link-b {
  background-color: #d1a07d !important;
}
.highlight-b {
  color: #d1a07d !important;
}
.link-b {
  color: #d1a07d !important;
}
/*** Colors C / .colors-c, .heading-c, .highlight-c, ... ***/
.colors-c {
  color: #efefef;
  background-color: rgba(148, 78, 64, 0.82);
}
.colors-c .bg-color {
  color: #944e40;
}
.colors-c .out {
  opacity: 0.82;
}
.colors-c .heading,
.colors-c.heading {
  color: #ffffff;
}
.colors-c .link,
.colors-c.link {
  color: #d1a07d;
}
.colors-c .highlight,
.colors-c.highlight {
  color: #d1a07d;
}
.colors-c .background,
.colors-c.background {
  background-color: rgba(148, 78, 64, 0.82);
}
.colors-c .background-solid,
.colors-c.background-solid {
  background-color: #944e40;
}
.colors-c .background-hard,
.colors-c.background-hard {
  background-color: rgba(148, 78, 64, 0.94);
}
.colors-c .background-lite,
.colors-c.background-lite {
  background-color: rgba(148, 78, 64, 0.46806867);
}
.colors-c h1,
.colors-c h2,
.colors-c h3,
.colors-c h4,
.colors-c h5,
.colors-c h6,
.colors-c .col-icon {
  color: #ffffff;
}
.colors-c .col-left-marginalia,
.colors-c col-right-marginalia {
  color: #ffffff;
}
.colors-c a,
a.colors-c {
  color: #d1a07d;
}
.colors-c a:hover,
a.colors-c:hover {
  color: rgba(209, 160, 125, 0.75);
}
.colors-c .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-c .line:hover {
  background-color: rgba(148, 78, 64, 0.46806867);
}
.colors-c .help-block li {
  color: #d1a07d;
}
.colors-c .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(148, 78, 64, 0.82);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-c .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(148, 78, 64, 0.82);
  background-color: rgba(239, 239, 239, 0.3);
}
.colors-c ::-webkit-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-c :-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-c ::-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-c :-ms-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-c .border,
.colors-c.border,
.colors-c .border-top,
.colors-c.border-top,
.colors-c .border-left,
.colors-c.border-left,
.colors-c .border-right,
.colors-c.border-right,
.colors-c .border-bottom,
.colors-c.border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-c .border-hard,
.colors-c.border-hard {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-c .border-lite,
.colors-c.border-lite {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-c .text {
  color: #efefef !important;
}
.colors-c .text-background,
.colors-c.text-background {
  color: #944e40 !important;
}
.colors-c .background-highlight,
.colors-c.background-highlight {
  background-color: #d1a07d !important;
}
.colors-c .background-heading,
.colors-c.background-heading {
  background-color: #ffffff !important;
}
.colors-c .background-text,
.colors-c.background-text {
  background-color: #efefef !important;
}
.colors-c .background-link,
.colors-c.background-link {
  background-color: #d1a07d !important;
}
.colors-c .border-text,
.colors-c.border-text {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.colors-c .border-highlight,
.colors-c.border-highlight {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-c .border-heading,
.colors-c.border-heading {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-c .border-link,
.colors-c.border-link {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-c .background-0,
.colors-c.background-0 {
  background-color: transparent !important;
}
.colors-c .background-5,
.colors-c.background-5 {
  background-color: rgba(148, 78, 64, 0.05) !important;
}
.colors-c .background-10,
.colors-c.background-10 {
  background-color: rgba(148, 78, 64, 0.1) !important;
}
.colors-c .background-15,
.colors-c.background-15 {
  background-color: rgba(148, 78, 64, 0.15) !important;
}
.colors-c .background-20,
.colors-c.background-20 {
  background-color: rgba(148, 78, 64, 0.2) !important;
}
.colors-c .background-25,
.colors-c.background-25 {
  background-color: rgba(148, 78, 64, 0.25) !important;
}
.colors-c .background-30,
.colors-c.background-30 {
  background-color: rgba(148, 78, 64, 0.3) !important;
}
.colors-c .background-35,
.colors-c.background-35 {
  background-color: rgba(148, 78, 64, 0.35) !important;
}
.colors-c .background-40,
.colors-c.background-40 {
  background-color: rgba(148, 78, 64, 0.4) !important;
}
.colors-c .background-45,
.colors-c.background-45 {
  background-color: rgba(148, 78, 64, 0.45) !important;
}
.colors-c .background-50,
.colors-c.background-50 {
  background-color: rgba(148, 78, 64, 0.5) !important;
}
.colors-c .background-55,
.colors-c.background-55 {
  background-color: rgba(148, 78, 64, 0.55) !important;
}
.colors-c .background-60,
.colors-c.background-60 {
  background-color: rgba(148, 78, 64, 0.6) !important;
}
.colors-c .background-65,
.colors-c.background-65 {
  background-color: rgba(148, 78, 64, 0.65) !important;
}
.colors-c .background-70,
.colors-c.background-70 {
  background-color: rgba(148, 78, 64, 0.7) !important;
}
.colors-c .background-75,
.colors-c.background-75 {
  background-color: rgba(148, 78, 64, 0.75) !important;
}
.colors-c .background-80,
.colors-c.background-80 {
  background-color: rgba(148, 78, 64, 0.8) !important;
}
.colors-c .background-85,
.colors-c.background-85 {
  background-color: rgba(148, 78, 64, 0.85) !important;
}
.colors-c .background-90,
.colors-c.background-90 {
  background-color: rgba(148, 78, 64, 0.9) !important;
}
.colors-c .background-95,
.colors-c.background-95 {
  background-color: rgba(148, 78, 64, 0.95) !important;
}
.colors-c .background-100,
.colors-c.background-100 {
  background-color: #944e40 !important;
}
.colors-c h2::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.colors-c h3 a {
  color: #ffffff;
}
.colors-c h3 a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.colors-c h3 {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-c input,
.colors-c textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(239, 239, 239, 0);
}
.colors-c input:focus,
.colors-c textarea:focus {
  outline-color: rgba(239, 239, 239, 0.37);
}
#top-nav.colors-c {
  border-color: rgba(209, 160, 125, 0.16);
  color: #ffffff;
}
#top-nav.colors-c li a {
  color: #ffffff;
}
#top-nav.colors-c li a:hover {
  color: inherit;
}
#top-nav.colors-c .navbar-brand {
  color: #ffffff;
}
#top-nav.colors-c .navbar-brand:hover {
  color: #ffffff;
}
#top-nav.colors-c .nav > li ul {
  background-color: rgba(148, 78, 64, 0.82);
}
#top-nav.colors-c .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-c .nav > li ul a.active {
  color: #d1a07d;
}
#top-nav.colors-c .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-c li.open > a {
  background-color: rgba(148, 78, 64, 0.46806867);
}
#top-nav.colors-c .navbar-nav a.active {
  color: #d1a07d;
}
#top-nav.colors-c .navbar-toggle {
  background-color: transparent !important;
  border-color: #ffffff;
}
#top-nav.colors-c .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.colors-c.page-border {
  border-color: rgba(209, 160, 125, 0.16);
}
.colors-c.page-border a {
  color: #ffffff;
}
.ext-nav a.colors-c .side-title {
  color: #ffffff;
}
.ext-nav a.colors-c .side-label {
  color: #d1a07d;
}
.ext-nav a.colors-c:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-c:hover .side-label {
  color: #d1a07d;
}
.colors-c .menu-toggle span,
.colors-c .menu-toggle span:before,
.colors-c .menu-toggle span:after {
  background-color: #ffffff;
}
.colors-c .menu-toggle.navbar-toggle span,
.colors-c .menu-toggle.navbar-toggle span:before,
.colors-c .menu-toggle.navbar-toggle span:after {
  background-color: #d1a07d;
}
.colors-c .menu-toggle.show span {
  background-color: transparent;
}
.colors-c .slider .slick-prev,
.colors-c .carousel .slick-prev,
.colors-c .slider .slick-next,
.colors-c .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-c .slider .slick-prev:before,
.colors-c .carousel .slick-prev:before,
.colors-c .slider .slick-next:before,
.colors-c .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-c .slider .slick-prev:hover,
.colors-c .carousel .slick-prev:hover,
.colors-c .slider .slick-next:hover,
.colors-c .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-c .slider .slick-dots li button:before,
.colors-c .carousel .slick-dots li button:before {
  color: #efefef;
  color: rgba(239, 239, 239, 0.4);
  opacity: 1;
}
.colors-c .slider .slick-dots li.slick-active button:before,
.colors-c .carousel .slick-dots li.slick-active button:before {
  color: #d1a07d;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-c .carousel .slick-slide {
  background-color: rgba(148, 78, 64, 0.82);
}
.colors-c .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-c .gallery .filter .nav li a {
  color: #ffffff;
  background-color: transparent;
}
.colors-c .gallery .filter .nav li a.active {
  color: #d1a07d;
}
.colors-c.gallery-overlay .field {
  color: #ffffff;
}
.colors-c .cross:before,
.colors-c .cross:after {
  background-color: #ffffff;
}
.colors-c.circle {
  border-color: rgba(148, 78, 64, 0.82);
  color: #ffffff;
}
.colors-c.circle:after {
  background-color: transparent;
  border-color: rgba(148, 78, 64, 0.82);
}
.colors-c.circle:hover {
  background-color: transparent;
  color: rgba(148, 78, 64, 0.82);
}
.colors-c.circle:hover:after {
  border-color: rgba(148, 78, 64, 0.82);
}
.colors-c .process .process-row .process-step .process-box {
  border-color: rgba(239, 239, 239, 0.7);
}
.colors-c .process .process-row .process-step .process-box:before {
  background-color: #944e40;
}
#dot-scroll.colors-c li a span {
  background-color: #ffffff;
}
#dot-scroll.colors-c li a.active span,
#dot-scroll.colors-c li a:hover.active span {
  background-color: rgba(148, 78, 64, 0.82);
}
#dot-scroll.colors-c li a.target span,
#dot-scroll.colors-c li a:hover.target span {
  border-color: #ffffff;
}
#dot-scroll.colors-c li a.active span,
#dot-scroll.colors-c li a:hover.active span,
#dot-scroll.colors-c li a.target.active span,
#dot-scroll.colors-c li a:hover.target.active span {
  border-color: #ffffff;
}
.colors-c.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #944e40;
  background-color: transparent !important;
}
.colors-c.skew.skew-bottom-right {
  border-bottom-color: #944e40;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-c.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #944e40;
  background-color: transparent !important;
}
.colors-c.skew.skew-top-left {
  border-top-color: #944e40;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-c .loader {
  border-color: rgba(239, 239, 239, 0.1);
}
.colors-c .loader li:nth-child(1) {
  background: #efefef;
}
.colors-c .loader li:nth-child(2) {
  background: #efefef;
}
.colors-c .loader li:nth-child(3) {
  background: #efefef;
}
.colors-c .loader li:nth-child(4) {
  background: #efefef;
}
.colors-c #comments {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-c #comments .comment-list .comment {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-c .avatar,
.colors-c ul.tags-list li {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-c .post .post-meta {
  color: #ffffff;
}
.colors-c .post .post-meta a {
  color: #ffffff;
}
.colors-c .post .post-meta a:hover {
  color: #d1a07d;
}
.colors-c .post .post-meta .post-month {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-c .post h3 a:hover {
  color: #ffffff;
}
.colors-c .post .post-tags {
  color: rgba(239, 239, 239, 0.85);
}
.colors-c .post .post-month {
  color: #d1a07d;
}
.colors-c .sidebar .title {
  color: #ffffff;
}
.colors-c .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #944e40;
}
.colors-c .pagination .active a:hover {
  color: #944e40;
}
.colors-c .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-c .pagination a:hover {
  color: #d1a07d;
}
.colors-c .navbar-collapse {
  max-height: none;
}
.colors-c .caption {
  color: #ffffff;
}
.colors-c .title,
.colors-c .header-details,
.colors-c .subtitle {
  color: #ffffff;
}
.colors-c .title.highlight,
.colors-c .header-details.highlight,
.colors-c .subtitle.highlight {
  color: #d1a07d;
}
.colors-c .slogan {
  color: #d1a07d;
}
.colors-c .underline-dashed,
.colors-c .underline-dotted {
  border-color: rgba(209, 160, 125, 0.7);
}
.colors-c .underline {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-c .underline-highlight {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-c .underline-link {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-c .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-c .underline-text {
  border-color: rgba(239, 239, 239, 0.5);
}
.colors-c .top-line:before {
  background-color: rgba(209, 160, 125, 0.7);
}
.colors-c .bottom-line:after {
  background-color: #d1a07d;
}
.colors-c .short-underline:after {
  background-color: #d1a07d;
}
.colors-c .stroke-highlight {
  text-shadow: -1px -1px 0 #d1a07d, 1px -1px 0 #d1a07d, -1px 1px 0 #d1a07d, 1px 1px 0 #d1a07d;
}
.colors-c .stroke-heading {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-c .stroke-foreground {
  text-shadow: -1px -1px 0 #efefef, 1px -1px 0 #efefef, -1px 1px 0 #efefef, 1px 1px 0 #efefef;
}
.colors-c .stroke-background {
  text-shadow: -1px -1px 0 rgba(148, 78, 64, 0.82), 1px -1px 0 rgba(148, 78, 64, 0.82), -1px 1px 0 rgba(148, 78, 64, 0.82), 1px 1px 0 rgba(148, 78, 64, 0.82);
}
.colors-c .label-border {
  border-color: rgba(209, 160, 125, 0.7);
  outline-color: #d1a07d;
}
.colors-c .bottom-menu {
  color: #efefef !important;
}
.colors-c .bottom-menu a,
.colors-c .bottom-menu i {
  color: #efefef !important;
}
.colors-c .bottom-menu a:hover {
  background-color: transparent;
  color: #d1a07d;
}
.colors-c .bottom-menu a:hover i {
  color: #d1a07d;
}
footer.colors-c a i:hover {
  color: #efefef !important;
}
.colors-c .main-icon {
  color: #ffffff;
}
.colors-c .main-icon:hover {
  color: #ffffff;
}
.colors-c.content.border-bottom,
.colors-c.content.border-top,
footer.colors-c.border-bottom,
footer.colors-c.border-top {
  border-color: rgba(209, 160, 125, 0.8);
}
.colors-c.credits-overlay .content-container > ul > li {
  color: #d1a07d;
}
.colors-c.credits-overlay .content-container > ul > li li {
  color: #d1a07d;
}
.colors-c input.button {
  color: #d1a07d;
}
.colors-c input.button:hover {
  color: #ffffff;
}
.colors-c iframe.example,
.colors-c pre.example {
  border-color: rgba(239, 239, 239, 0.3) !important;
}
.colors-c.help-toc a,
.colors-c.help-toc ul,
.colors-c.help-toc li {
  color: #ffffff;
}
.colors-c .help-toc-title {
  border-color: rgba(255, 255, 255, 0.2);
}
.text-c {
  color: #efefef;
}
.background-0-c {
  background-color: transparent !important;
}
.background-5-c {
  background-color: rgba(148, 78, 64, 0.05) !important;
}
.background-10-c {
  background-color: rgba(148, 78, 64, 0.1) !important;
}
.background-15-c {
  background-color: rgba(148, 78, 64, 0.15) !important;
}
.background-20-c {
  background-color: rgba(148, 78, 64, 0.2) !important;
}
.background-25-c {
  background-color: rgba(148, 78, 64, 0.25) !important;
}
.background-30-c {
  background-color: rgba(148, 78, 64, 0.3) !important;
}
.background-35-c {
  background-color: rgba(148, 78, 64, 0.35) !important;
}
.background-40-c {
  background-color: rgba(148, 78, 64, 0.4) !important;
}
.background-45-c {
  background-color: rgba(148, 78, 64, 0.45) !important;
}
.background-50-c {
  background-color: rgba(148, 78, 64, 0.5) !important;
}
.background-55-c {
  background-color: rgba(148, 78, 64, 0.55) !important;
}
.background-60-c {
  background-color: rgba(148, 78, 64, 0.6) !important;
}
.background-65-c {
  background-color: rgba(148, 78, 64, 0.65) !important;
}
.background-70-c {
  background-color: rgba(148, 78, 64, 0.7) !important;
}
.background-75-c {
  background-color: rgba(148, 78, 64, 0.75) !important;
}
.background-80-c {
  background-color: rgba(148, 78, 64, 0.8) !important;
}
.background-85-c {
  background-color: rgba(148, 78, 64, 0.85) !important;
}
.background-90-c {
  background-color: rgba(148, 78, 64, 0.9) !important;
}
.background-95-c {
  background-color: rgba(148, 78, 64, 0.95) !important;
}
.background-100-c {
  background-color: #944e40 !important;
}
.background-c {
  background-color: rgba(148, 78, 64, 0.82) !important;
}
.background-lite-c {
  background-color: rgba(148, 78, 64, 0.46806867) !important;
}
.background-lite-lite-c {
  background-color: rgba(148, 78, 64, 0.23428571) !important;
}
.background-hard-c {
  background-color: rgba(148, 78, 64, 0.94) !important;
}
.background-hard-hard-c {
  background-color: rgba(148, 78, 64, 0.964) !important;
}
.border-background-c {
  border-color: rgba(148, 78, 64, 0.7) !important;
}
.border-text-c {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-c {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.border-heading-c {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-c {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.heading-c {
  color: #ffffff !important;
}
.text-c {
  color: #efefef !important;
}
.text-background-c {
  color: #944e40 !important;
}
.background-highlight-c {
  background-color: #d1a07d !important;
}
.background-heading-c {
  background-color: #ffffff !important;
}
.background-text-c {
  background-color: #efefef !important;
}
.background-link-c {
  background-color: #d1a07d !important;
}
.highlight-c {
  color: #d1a07d !important;
}
.link-c {
  color: #d1a07d !important;
}
/*** Colors D / .colors-d, .heading-d, .highlight-d, ... ***/
.colors-d {
  color: #efefef;
  background-color: rgba(14, 14, 15, 0.82);
}
.colors-d .bg-color {
  color: #0e0e0f;
}
.colors-d .out {
  opacity: 0.82;
}
.colors-d .heading,
.colors-d.heading {
  color: #ffffff;
}
.colors-d .link,
.colors-d.link {
  color: #d1a07d;
}
.colors-d .highlight,
.colors-d.highlight {
  color: #d1a07d;
}
.colors-d .background,
.colors-d.background {
  background-color: rgba(14, 14, 15, 0.82);
}
.colors-d .background-solid,
.colors-d.background-solid {
  background-color: #0e0e0f;
}
.colors-d .background-hard,
.colors-d.background-hard {
  background-color: rgba(14, 14, 15, 0.94);
}
.colors-d .background-lite,
.colors-d.background-lite {
  background-color: rgba(14, 14, 15, 0.46806867);
}
.colors-d h1,
.colors-d h2,
.colors-d h3,
.colors-d h4,
.colors-d h5,
.colors-d h6,
.colors-d .col-icon {
  color: #ffffff;
}
.colors-d .col-left-marginalia,
.colors-d col-right-marginalia {
  color: #ffffff;
}
.colors-d a,
a.colors-d {
  color: #d1a07d;
}
.colors-d a:hover,
a.colors-d:hover {
  color: rgba(209, 160, 125, 0.75);
}
.colors-d .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-d .line:hover {
  background-color: rgba(14, 14, 15, 0.46806867);
}
.colors-d .help-block li {
  color: #d1a07d;
}
.colors-d .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(14, 14, 15, 0.82);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-d .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(14, 14, 15, 0.82);
  background-color: rgba(239, 239, 239, 0.3);
}
.colors-d ::-webkit-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-d :-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-d ::-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-d :-ms-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-d .border,
.colors-d.border,
.colors-d .border-top,
.colors-d.border-top,
.colors-d .border-left,
.colors-d.border-left,
.colors-d .border-right,
.colors-d.border-right,
.colors-d .border-bottom,
.colors-d.border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-d .border-hard,
.colors-d.border-hard {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-d .border-lite,
.colors-d.border-lite {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-d .text {
  color: #efefef !important;
}
.colors-d .text-background,
.colors-d.text-background {
  color: #0e0e0f !important;
}
.colors-d .background-highlight,
.colors-d.background-highlight {
  background-color: #d1a07d !important;
}
.colors-d .background-heading,
.colors-d.background-heading {
  background-color: #ffffff !important;
}
.colors-d .background-text,
.colors-d.background-text {
  background-color: #efefef !important;
}
.colors-d .background-link,
.colors-d.background-link {
  background-color: #d1a07d !important;
}
.colors-d .border-text,
.colors-d.border-text {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.colors-d .border-highlight,
.colors-d.border-highlight {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-d .border-heading,
.colors-d.border-heading {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-d .border-link,
.colors-d.border-link {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-d .background-0,
.colors-d.background-0 {
  background-color: transparent !important;
}
.colors-d .background-5,
.colors-d.background-5 {
  background-color: rgba(14, 14, 15, 0.05) !important;
}
.colors-d .background-10,
.colors-d.background-10 {
  background-color: rgba(14, 14, 15, 0.1) !important;
}
.colors-d .background-15,
.colors-d.background-15 {
  background-color: rgba(14, 14, 15, 0.15) !important;
}
.colors-d .background-20,
.colors-d.background-20 {
  background-color: rgba(14, 14, 15, 0.2) !important;
}
.colors-d .background-25,
.colors-d.background-25 {
  background-color: rgba(14, 14, 15, 0.25) !important;
}
.colors-d .background-30,
.colors-d.background-30 {
  background-color: rgba(14, 14, 15, 0.3) !important;
}
.colors-d .background-35,
.colors-d.background-35 {
  background-color: rgba(14, 14, 15, 0.35) !important;
}
.colors-d .background-40,
.colors-d.background-40 {
  background-color: rgba(14, 14, 15, 0.4) !important;
}
.colors-d .background-45,
.colors-d.background-45 {
  background-color: rgba(14, 14, 15, 0.45) !important;
}
.colors-d .background-50,
.colors-d.background-50 {
  background-color: rgba(14, 14, 15, 0.5) !important;
}
.colors-d .background-55,
.colors-d.background-55 {
  background-color: rgba(14, 14, 15, 0.55) !important;
}
.colors-d .background-60,
.colors-d.background-60 {
  background-color: rgba(14, 14, 15, 0.6) !important;
}
.colors-d .background-65,
.colors-d.background-65 {
  background-color: rgba(14, 14, 15, 0.65) !important;
}
.colors-d .background-70,
.colors-d.background-70 {
  background-color: rgba(14, 14, 15, 0.7) !important;
}
.colors-d .background-75,
.colors-d.background-75 {
  background-color: rgba(14, 14, 15, 0.75) !important;
}
.colors-d .background-80,
.colors-d.background-80 {
  background-color: rgba(14, 14, 15, 0.8) !important;
}
.colors-d .background-85,
.colors-d.background-85 {
  background-color: rgba(14, 14, 15, 0.85) !important;
}
.colors-d .background-90,
.colors-d.background-90 {
  background-color: rgba(14, 14, 15, 0.9) !important;
}
.colors-d .background-95,
.colors-d.background-95 {
  background-color: rgba(14, 14, 15, 0.95) !important;
}
.colors-d .background-100,
.colors-d.background-100 {
  background-color: #0e0e0f !important;
}
.colors-d h2::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.colors-d h3 a {
  color: #ffffff;
}
.colors-d h3 a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.colors-d h3 {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-d input,
.colors-d textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(239, 239, 239, 0);
}
.colors-d input:focus,
.colors-d textarea:focus {
  outline-color: rgba(239, 239, 239, 0.37);
}
#top-nav.colors-d {
  border-color: rgba(209, 160, 125, 0.16);
  color: #ffffff;
}
#top-nav.colors-d li a {
  color: #ffffff;
}
#top-nav.colors-d li a:hover {
  color: inherit;
}
#top-nav.colors-d .navbar-brand {
  color: #ffffff;
}
#top-nav.colors-d .navbar-brand:hover {
  color: #ffffff;
}
#top-nav.colors-d .nav > li ul {
  background-color: rgba(14, 14, 15, 0.82);
}
#top-nav.colors-d .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-d .nav > li ul a.active {
  color: #d1a07d;
}
#top-nav.colors-d .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-d li.open > a {
  background-color: rgba(14, 14, 15, 0.46806867);
}
#top-nav.colors-d .navbar-nav a.active {
  color: #d1a07d;
}
#top-nav.colors-d .navbar-toggle {
  background-color: transparent !important;
  border-color: #ffffff;
}
#top-nav.colors-d .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.colors-d.page-border {
  border-color: rgba(209, 160, 125, 0.16);
}
.colors-d.page-border a {
  color: #ffffff;
}
.ext-nav a.colors-d .side-title {
  color: #ffffff;
}
.ext-nav a.colors-d .side-label {
  color: #d1a07d;
}
.ext-nav a.colors-d:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-d:hover .side-label {
  color: #d1a07d;
}
.colors-d .menu-toggle span,
.colors-d .menu-toggle span:before,
.colors-d .menu-toggle span:after {
  background-color: #ffffff;
}
.colors-d .menu-toggle.navbar-toggle span,
.colors-d .menu-toggle.navbar-toggle span:before,
.colors-d .menu-toggle.navbar-toggle span:after {
  background-color: #d1a07d;
}
.colors-d .menu-toggle.show span {
  background-color: transparent;
}
.colors-d .slider .slick-prev,
.colors-d .carousel .slick-prev,
.colors-d .slider .slick-next,
.colors-d .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-d .slider .slick-prev:before,
.colors-d .carousel .slick-prev:before,
.colors-d .slider .slick-next:before,
.colors-d .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-d .slider .slick-prev:hover,
.colors-d .carousel .slick-prev:hover,
.colors-d .slider .slick-next:hover,
.colors-d .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-d .slider .slick-dots li button:before,
.colors-d .carousel .slick-dots li button:before {
  color: #efefef;
  color: rgba(239, 239, 239, 0.4);
  opacity: 1;
}
.colors-d .slider .slick-dots li.slick-active button:before,
.colors-d .carousel .slick-dots li.slick-active button:before {
  color: #d1a07d;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-d .carousel .slick-slide {
  background-color: rgba(14, 14, 15, 0.82);
}
.colors-d .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-d .gallery .filter .nav li a {
  color: #ffffff;
  background-color: transparent;
}
.colors-d .gallery .filter .nav li a.active {
  color: #d1a07d;
}
.colors-d.gallery-overlay .field {
  color: #ffffff;
}
.colors-d .cross:before,
.colors-d .cross:after {
  background-color: #ffffff;
}
.colors-d.circle {
  border-color: rgba(14, 14, 15, 0.82);
  color: #ffffff;
}
.colors-d.circle:after {
  background-color: transparent;
  border-color: rgba(14, 14, 15, 0.82);
}
.colors-d.circle:hover {
  background-color: transparent;
  color: rgba(14, 14, 15, 0.82);
}
.colors-d.circle:hover:after {
  border-color: rgba(14, 14, 15, 0.82);
}
.colors-d .process .process-row .process-step .process-box {
  border-color: rgba(239, 239, 239, 0.7);
}
.colors-d .process .process-row .process-step .process-box:before {
  background-color: #0e0e0f;
}
#dot-scroll.colors-d li a span {
  background-color: #ffffff;
}
#dot-scroll.colors-d li a.active span,
#dot-scroll.colors-d li a:hover.active span {
  background-color: rgba(14, 14, 15, 0.82);
}
#dot-scroll.colors-d li a.target span,
#dot-scroll.colors-d li a:hover.target span {
  border-color: #ffffff;
}
#dot-scroll.colors-d li a.active span,
#dot-scroll.colors-d li a:hover.active span,
#dot-scroll.colors-d li a.target.active span,
#dot-scroll.colors-d li a:hover.target.active span {
  border-color: #ffffff;
}
.colors-d.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #0e0e0f;
  background-color: transparent !important;
}
.colors-d.skew.skew-bottom-right {
  border-bottom-color: #0e0e0f;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-d.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #0e0e0f;
  background-color: transparent !important;
}
.colors-d.skew.skew-top-left {
  border-top-color: #0e0e0f;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-d .loader {
  border-color: rgba(239, 239, 239, 0.1);
}
.colors-d .loader li:nth-child(1) {
  background: #efefef;
}
.colors-d .loader li:nth-child(2) {
  background: #efefef;
}
.colors-d .loader li:nth-child(3) {
  background: #efefef;
}
.colors-d .loader li:nth-child(4) {
  background: #efefef;
}
.colors-d #comments {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-d #comments .comment-list .comment {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-d .avatar,
.colors-d ul.tags-list li {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-d .post .post-meta {
  color: #ffffff;
}
.colors-d .post .post-meta a {
  color: #ffffff;
}
.colors-d .post .post-meta a:hover {
  color: #d1a07d;
}
.colors-d .post .post-meta .post-month {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-d .post h3 a:hover {
  color: #ffffff;
}
.colors-d .post .post-tags {
  color: rgba(239, 239, 239, 0.85);
}
.colors-d .post .post-month {
  color: #d1a07d;
}
.colors-d .sidebar .title {
  color: #ffffff;
}
.colors-d .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #0e0e0f;
}
.colors-d .pagination .active a:hover {
  color: #0e0e0f;
}
.colors-d .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-d .pagination a:hover {
  color: #d1a07d;
}
.colors-d .navbar-collapse {
  max-height: none;
}
.colors-d .caption {
  color: #ffffff;
}
.colors-d .title,
.colors-d .header-details,
.colors-d .subtitle {
  color: #ffffff;
}
.colors-d .title.highlight,
.colors-d .header-details.highlight,
.colors-d .subtitle.highlight {
  color: #d1a07d;
}
.colors-d .slogan {
  color: #d1a07d;
}
.colors-d .underline-dashed,
.colors-d .underline-dotted {
  border-color: rgba(209, 160, 125, 0.7);
}
.colors-d .underline {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-d .underline-highlight {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-d .underline-link {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-d .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-d .underline-text {
  border-color: rgba(239, 239, 239, 0.5);
}
.colors-d .top-line:before {
  background-color: rgba(209, 160, 125, 0.7);
}
.colors-d .bottom-line:after {
  background-color: #d1a07d;
}
.colors-d .short-underline:after {
  background-color: #d1a07d;
}
.colors-d .stroke-highlight {
  text-shadow: -1px -1px 0 #d1a07d, 1px -1px 0 #d1a07d, -1px 1px 0 #d1a07d, 1px 1px 0 #d1a07d;
}
.colors-d .stroke-heading {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-d .stroke-foreground {
  text-shadow: -1px -1px 0 #efefef, 1px -1px 0 #efefef, -1px 1px 0 #efefef, 1px 1px 0 #efefef;
}
.colors-d .stroke-background {
  text-shadow: -1px -1px 0 rgba(14, 14, 15, 0.82), 1px -1px 0 rgba(14, 14, 15, 0.82), -1px 1px 0 rgba(14, 14, 15, 0.82), 1px 1px 0 rgba(14, 14, 15, 0.82);
}
.colors-d .label-border {
  border-color: rgba(209, 160, 125, 0.7);
  outline-color: #d1a07d;
}
.colors-d .bottom-menu {
  color: #efefef !important;
}
.colors-d .bottom-menu a,
.colors-d .bottom-menu i {
  color: #efefef !important;
}
.colors-d .bottom-menu a:hover {
  background-color: transparent;
  color: #d1a07d;
}
.colors-d .bottom-menu a:hover i {
  color: #d1a07d;
}
footer.colors-d a i:hover {
  color: #efefef !important;
}
.colors-d .main-icon {
  color: #ffffff;
}
.colors-d .main-icon:hover {
  color: #ffffff;
}
.colors-d.content.border-bottom,
.colors-d.content.border-top,
footer.colors-d.border-bottom,
footer.colors-d.border-top {
  border-color: rgba(209, 160, 125, 0.8);
}
.colors-d.credits-overlay .content-container > ul > li {
  color: #d1a07d;
}
.colors-d.credits-overlay .content-container > ul > li li {
  color: #d1a07d;
}
.colors-d input.button {
  color: #d1a07d;
}
.colors-d input.button:hover {
  color: #ffffff;
}
.colors-d iframe.example,
.colors-d pre.example {
  border-color: rgba(239, 239, 239, 0.3) !important;
}
.colors-d.help-toc a,
.colors-d.help-toc ul,
.colors-d.help-toc li {
  color: #ffffff;
}
.colors-d .help-toc-title {
  border-color: rgba(255, 255, 255, 0.2);
}
.text-d {
  color: #efefef;
}
.background-0-d {
  background-color: transparent !important;
}
.background-5-d {
  background-color: rgba(14, 14, 15, 0.05) !important;
}
.background-10-d {
  background-color: rgba(14, 14, 15, 0.1) !important;
}
.background-15-d {
  background-color: rgba(14, 14, 15, 0.15) !important;
}
.background-20-d {
  background-color: rgba(14, 14, 15, 0.2) !important;
}
.background-25-d {
  background-color: rgba(14, 14, 15, 0.25) !important;
}
.background-30-d {
  background-color: rgba(14, 14, 15, 0.3) !important;
}
.background-35-d {
  background-color: rgba(14, 14, 15, 0.35) !important;
}
.background-40-d {
  background-color: rgba(14, 14, 15, 0.4) !important;
}
.background-45-d {
  background-color: rgba(14, 14, 15, 0.45) !important;
}
.background-50-d {
  background-color: rgba(14, 14, 15, 0.5) !important;
}
.background-55-d {
  background-color: rgba(14, 14, 15, 0.55) !important;
}
.background-60-d {
  background-color: rgba(14, 14, 15, 0.6) !important;
}
.background-65-d {
  background-color: rgba(14, 14, 15, 0.65) !important;
}
.background-70-d {
  background-color: rgba(14, 14, 15, 0.7) !important;
}
.background-75-d {
  background-color: rgba(14, 14, 15, 0.75) !important;
}
.background-80-d {
  background-color: rgba(14, 14, 15, 0.8) !important;
}
.background-85-d {
  background-color: rgba(14, 14, 15, 0.85) !important;
}
.background-90-d {
  background-color: rgba(14, 14, 15, 0.9) !important;
}
.background-95-d {
  background-color: rgba(14, 14, 15, 0.95) !important;
}
.background-100-d {
  background-color: #0e0e0f !important;
}
.background-d {
  background-color: rgba(14, 14, 15, 0.82) !important;
}
.background-lite-d {
  background-color: rgba(14, 14, 15, 0.46806867) !important;
}
.background-lite-lite-d {
  background-color: rgba(14, 14, 15, 0.23428571) !important;
}
.background-hard-d {
  background-color: rgba(14, 14, 15, 0.94) !important;
}
.background-hard-hard-d {
  background-color: rgba(14, 14, 15, 0.964) !important;
}
.border-background-d {
  border-color: rgba(14, 14, 15, 0.7) !important;
}
.border-text-d {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-d {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.border-heading-d {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-d {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.heading-d {
  color: #ffffff !important;
}
.text-d {
  color: #efefef !important;
}
.text-background-d {
  color: #0e0e0f !important;
}
.background-highlight-d {
  background-color: #d1a07d !important;
}
.background-heading-d {
  background-color: #ffffff !important;
}
.background-text-d {
  background-color: #efefef !important;
}
.background-link-d {
  background-color: #d1a07d !important;
}
.highlight-d {
  color: #d1a07d !important;
}
.link-d {
  color: #d1a07d !important;
}

/*** 
MATH-SUX: MAIN COLORS IN THEME
Colors E / .colors-e, heading-e, .highlight-e, ... 
***/

.colors-e {
  color: #767676;
  background-color: rgba(255, 255, 255, 0.93);
}
.colors-e .bg-color {
  color: #ffffff;
}
.colors-e .out {
  opacity: 0.93;
}
.colors-e .heading,
.colors-e.heading {
  color: #434343;
}
.colors-e .link,
.colors-e.link {
  color: #a65748;
}

/* ---------------------------------
MATH-SUX: HIGHLIGHT (Not currrently using)
navbar-brand-title color: Default #0e0e0f 
	--------------------------------- */

.colors-e .highlight,
.colors-e.highlight {
  color: #aaaaaa;
}

.colors-e .background,
.colors-e.background {
  background-color: rgba(255, 255, 255, 0.93);
}
.colors-e .background-solid,
.colors-e.background-solid {
  background-color: #ffffff;
}
.colors-e .background-hard,
.colors-e.background-hard {
  background-color: rgba(255, 255, 255, 0.97666667);
}
.colors-e .background-lite,
.colors-e.background-lite {
  background-color: rgba(255, 255, 255, 0.53085837);
}

/* ---------------------------------
MATH-SUX: HEADER COLORS
Default:   color: #434343;
	--------------------------------- */
.colors-e h1,
.colors-e h2,
.colors-e h3,
.colors-e h4,
.colors-e h5,
.colors-e h6,
.colors-e .col-icon {
  color: #686868;
}

.colors-e .col-left-marginalia,
.colors-e col-right-marginalia {
  color: #434343;
}
/*
MATH-SUX: WHAT ARE THESE?
*/
.colors-e a,
a.colors-e {
  color: #4586c6;
}
.colors-e a:hover,
a.colors-e:hover {
  color: rgba(69,134,198,0.40);
}


.colors-e .line {
  border-color: #767676;
  border-color: rgba(118, 118, 118, 0.3);
}
.colors-e .line:hover {
  background-color: rgba(255, 255, 255, 0.53085837);
}
.colors-e .help-block li {
  color: #b0a69e;
}
.colors-e .grid-example > .row > div:nth-child(1n) {
  color: #434343;
  background-color: rgba(255, 255, 255, 0.93);
  background-color: rgba(118, 118, 118, 0.1);
}
.colors-e .grid-example > .row > div:nth-child(2n) {
  color: #434343;
  background-color: rgba(255, 255, 255, 0.93);
  background-color: rgba(118, 118, 118, 0.3);
}
.colors-e ::-webkit-input-placeholder {
  color: rgba(118, 118, 118, 0.6);
}
.colors-e :-moz-placeholder {
  color: rgba(118, 118, 118, 0.6);
  opacity: 1;
}
.colors-e ::-moz-placeholder {
  color: rgba(118, 118, 118, 0.6);
  opacity: 1;
}
.colors-e :-ms-input-placeholder {
  color: rgba(118, 118, 118, 0.6);
}
.colors-e .border,
.colors-e.border,
.colors-e .border-top,
.colors-e.border-top,
.colors-e .border-left,
.colors-e.border-left,
.colors-e .border-right,
.colors-e.border-right,
.colors-e .border-bottom,
.colors-e.border-bottom {
  border-color: rgba(67, 67, 67, 0.3) !important;
}
.colors-e .border-hard,
.colors-e.border-hard {
  border-color: rgba(67, 67, 67, 0.7) !important;
}
.colors-e .border-lite,
.colors-e.border-lite {
  border-color: rgba(67, 67, 67, 0.08) !important;
}
.colors-e .text {
  color: #767676 !important;
}
.colors-e .text-background,
.colors-e.text-background {
  color: #ffffff !important;
}
.colors-e .background-highlight,
.colors-e.background-highlight {
  background-color: #b0a69e !important;
}
.colors-e .background-heading,
.colors-e.background-heading {
  background-color: #434343 !important;
}
.colors-e .background-text,
.colors-e.background-text {
  background-color: #767676 !important;
}
.colors-e .background-link,
.colors-e.background-link {
  background-color: #a65748 !important;
}
.colors-e .border-text,
.colors-e.border-text {
  border-color: rgba(118, 118, 118, 0.7) !important;
}
.colors-e .border-highlight,
.colors-e.border-highlight {
  border-color: rgba(176, 166, 158, 0.7) !important;
}
.colors-e .border-heading,
.colors-e.border-heading {
  border-color: rgba(67, 67, 67, 0.7) !important;
}
.colors-e .border-link,
.colors-e.border-link {
  border-color: rgba(166, 87, 72, 0.7) !important;
}
.colors-e .background-0,
.colors-e.background-0 {
  background-color: transparent !important;
}
.colors-e .background-5,
.colors-e.background-5 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.colors-e .background-10,
.colors-e.background-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.colors-e .background-15,
.colors-e.background-15 {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.colors-e .background-20,
.colors-e.background-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.colors-e .background-25,
.colors-e.background-25 {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.colors-e .background-30,
.colors-e.background-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-e .background-35,
.colors-e.background-35 {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.colors-e .background-40,
.colors-e.background-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.colors-e .background-45,
.colors-e.background-45 {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.colors-e .background-50,
.colors-e.background-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.colors-e .background-55,
.colors-e.background-55 {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.colors-e .background-60,
.colors-e.background-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.colors-e .background-65,
.colors-e.background-65 {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.colors-e .background-70,
.colors-e.background-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-e .background-75,
.colors-e.background-75 {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.colors-e .background-80,
.colors-e.background-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.colors-e .background-85,
.colors-e.background-85 {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.colors-e .background-90,
.colors-e.background-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.colors-e .background-95,
.colors-e.background-95 {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.colors-e .background-100,
.colors-e.background-100 {
  background-color: #ffffff !important;
}
.colors-e h2::after {
  background-color: rgba(67, 67, 67, 0.4);
}
.colors-e h3 a {
  color: #434343;
}
.colors-e h3 a:hover {
  color: rgba(67, 67, 67, 0.75);
}
.colors-e h3 {
  border-color: rgba(176, 166, 158, 0.5);
}
.colors-e input,
.colors-e textarea {
  background-color: transparent;
  border-color: rgba(67, 67, 67, 0.6);
  outline-color: rgba(118, 118, 118, 0);
}
.colors-e input:focus,
.colors-e textarea:focus {
  outline-color: rgba(118, 118, 118, 0.37);
}
#top-nav.colors-e {
  border-color: rgba(176, 166, 158, 0.16);
  color: #434343;
}


/* ---------------------------------
MATH-SUX: TOP NAV-BAR LINKS / HOVER
Defaults:   color: #434343 / inherit
	--------------------------------- */
#top-nav.colors-e li a {
  color: #333333;
}
#top-nav.colors-e li a:hover {
  color: #4586c6;
}


#top-nav.colors-e .navbar-brand {
  color: #434343;
}
#top-nav.colors-e .navbar-brand:hover {
  color: #00ff00;
}
#top-nav.colors-e .nav > li ul {
  background-color: rgba(255, 255, 255, 0.93);
}
#top-nav.colors-e .nav > li ul a {
  color: #434343;
}
#top-nav.colors-e .nav > li ul a.active {
  color: #b0a69e;
}
#top-nav.colors-e .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-e li.open > a {
  background-color: rgba(255, 255, 255, 0.53085837);
}

/* ---------------------------------
MATH-SUX: TITLE BAR ACTIVE LINK COLOR
Default:   color: #b0a69e;
	--------------------------------- */
#top-nav.colors-e .navbar-nav a.active {
  color: #4586c6;
}

#top-nav.colors-e .navbar-toggle {
  background-color: transparent !important;
  border-color: #434343;
}
#top-nav.colors-e .navbar-toggle .icon-bar {
  background-color: #434343;
}
.colors-e.page-border {
  border-color: rgba(176, 166, 158, 0.16);
}
.colors-e.page-border a {
  color: #434343;
}
.ext-nav a.colors-e .side-title {
  color: #434343;
}
.ext-nav a.colors-e .side-label {
  color: #b0a69e;
}
.ext-nav a.colors-e:hover .side-title {
  color: #434343;
}
.ext-nav a.colors-e:hover .side-label {
  color: #b0a69e;
}
.colors-e .menu-toggle span,
.colors-e .menu-toggle span:before,
.colors-e .menu-toggle span:after {
  background-color: #434343;
}
.colors-e .menu-toggle.navbar-toggle span,
.colors-e .menu-toggle.navbar-toggle span:before,
.colors-e .menu-toggle.navbar-toggle span:after {
  background-color: #b0a69e;
}
.colors-e .menu-toggle.show span {
  background-color: transparent;
}
.colors-e .slider .slick-prev,
.colors-e .carousel .slick-prev,
.colors-e .slider .slick-next,
.colors-e .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-e .slider .slick-prev:before,
.colors-e .carousel .slick-prev:before,
.colors-e .slider .slick-next:before,
.colors-e .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-e .slider .slick-prev:hover,
.colors-e .carousel .slick-prev:hover,
.colors-e .slider .slick-next:hover,
.colors-e .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-e .slider .slick-dots li button:before,
.colors-e .carousel .slick-dots li button:before {
  color: #767676;
  color: rgba(118, 118, 118, 0.4);
  opacity: 1;
}
.colors-e .slider .slick-dots li.slick-active button:before,
.colors-e .carousel .slick-dots li.slick-active button:before {
  color: #b0a69e;
  color: rgba(118, 118, 118, 0.7);
  opacity: 1;
}
.colors-e .carousel .slick-slide {
  background-color: rgba(255, 255, 255, 0.93);
}
.colors-e .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #000;
  -moz-box-shadow: 0 0 8px #000;
  box-shadow: 0 0 8px #000;
}

/* ---------------------------------
MATH-SUX: PROJECT FILTER COLOR
Default:   color: #434343; / #b0a69e;
	--------------------------------- */
.colors-e .gallery .filter .nav li a {
  color: #7e7e7e;
  background-color: transparent;
}
.colors-e .gallery .filter .nav li a:hover {
  color: #434343;
  background-color: transparent;
}
.colors-e .gallery .filter .nav li a.active {
  color: #4586c6;
}




.colors-e.gallery-overlay .field {
  color: #434343;
}
.colors-e .cross:before,
.colors-e .cross:after {
  background-color: #434343;
}
.colors-e.circle {
  border-color: rgba(255, 255, 255, 0.93);
  color: #434343;
}
.colors-e.circle:after {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.93);
}
.colors-e.circle:hover {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.93);
}
.colors-e.circle:hover:after {
  border-color: rgba(255, 255, 255, 0.93);
}
.colors-e .process .process-row .process-step .process-box {
  border-color: rgba(118, 118, 118, 0.7);
}
.colors-e .process .process-row .process-step .process-box:before {
  background-color: #ffffff;
}
#dot-scroll.colors-e li a span {
  background-color: #434343;
}
#dot-scroll.colors-e li a.active span,
#dot-scroll.colors-e li a:hover.active span {
  background-color: rgba(255, 255, 255, 0.93);
}
#dot-scroll.colors-e li a.target span,
#dot-scroll.colors-e li a:hover.target span {
  border-color: #434343;
}
#dot-scroll.colors-e li a.active span,
#dot-scroll.colors-e li a:hover.active span,
#dot-scroll.colors-e li a.target.active span,
#dot-scroll.colors-e li a:hover.target.active span {
  border-color: #434343;
}
.colors-e.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #ffffff;
  background-color: transparent !important;
}
.colors-e.skew.skew-bottom-right {
  border-bottom-color: #ffffff;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-e.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #ffffff;
  background-color: transparent !important;
}
.colors-e.skew.skew-top-left {
  border-top-color: #ffffff;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-e .loader {
  border-color: rgba(118, 118, 118, 0.1);
}
.colors-e .loader li:nth-child(1) {
  background: #767676;
}
.colors-e .loader li:nth-child(2) {
  background: #767676;
}
.colors-e .loader li:nth-child(3) {
  background: #767676;
}
.colors-e .loader li:nth-child(4) {
  background: #767676;
}
.colors-e #comments {
  border-color: rgba(67, 67, 67, 0.3) !important;
}
.colors-e #comments .comment-list .comment {
  border-color: rgba(67, 67, 67, 0.3) !important;
}
.colors-e .avatar,
.colors-e ul.tags-list li {
  border-color: rgba(67, 67, 67, 0.3) !important;
}
.colors-e .post .post-meta {
  color: #434343;
}
.colors-e .post .post-meta a {
  color: #434343;
}
.colors-e .post .post-meta a:hover {
  color: #b0a69e;
}
.colors-e .post .post-meta .post-month {
  border-color: rgba(67, 67, 67, 0.08) !important;
}
.colors-e .post h3 a:hover {
  color: #434343;
}
.colors-e .post .post-tags {
  color: rgba(118, 118, 118, 0.85);
}
.colors-e .post .post-month {
  color: #b0a69e;
}
.colors-e .sidebar .title {
  color: #434343;
}
.colors-e .pagination .active a {
  background-color: rgba(67, 67, 67, 0.85);
  color: #ffffff;
}
.colors-e .pagination .active a:hover {
  color: #ffffff;
}
.colors-e .pagination a {
  background-color: transparent;
  border-color: rgba(67, 67, 67, 0.4) !important;
  color: #434343;
}
.colors-e .pagination a:hover {
  color: #b0a69e;
}
.colors-e .navbar-collapse {
  max-height: none;
}
.colors-e .caption {
  color: #434343;
}
.colors-e .title,
.colors-e .subtitle {
  color: #434343;
}

/* ---------------------------------
MATH-SUX: HEADER DETAILS & LINK COLOR
Defaults:   N/A - Created like Contacts a/hover below
	--------------------------------- */
.colors-e .header-details {
  color: #7e7e7e;
}
.colors-e .header-details a {
  color: #4586c6;
}
.colors-e .header-details a:hover {
  color: rgba(69, 134, 198, 0.75);
}


.colors-e .title.highlight,
.colors-e .header-details.highlight,
.colors-e .subtitle.highlight {
  color: #b0a69e;
}
.colors-e .slogan {
  color: #b0a69e;
}
.colors-e .underline-dashed,
.colors-e .underline-dotted {
  border-color: rgba(176, 166, 158, 0.7);
}
.colors-e .underline {
  border-color: rgba(176, 166, 158, 0.5);
}
.colors-e .underline-highlight {
  border-color: rgba(176, 166, 158, 0.5);
}
.colors-e .underline-link {
  border-color: rgba(166, 87, 72, 0.5);
}
.colors-e .underline-heading {
  border-color: rgba(67, 67, 67, 0.5);
}
.colors-e .underline-text {
  border-color: rgba(118, 118, 118, 0.5);
}
.colors-e .top-line:before {
  background-color: rgba(176, 166, 158, 0.7);
}
.colors-e .bottom-line:after {
  background-color: #b0a69e;
}
.colors-e .short-underline:after {
  background-color: #b0a69e;
}
.colors-e .stroke-highlight {
  text-shadow: -1px -1px 0 #b0a69e, 1px -1px 0 #b0a69e, -1px 1px 0 #b0a69e, 1px 1px 0 #b0a69e;
}
.colors-e .stroke-heading {
  text-shadow: -1px -1px 0 #434343, 1px -1px 0 #434343, -1px 1px 0 #434343, 1px 1px 0 #434343;
}
.colors-e .stroke-foreground {
  text-shadow: -1px -1px 0 #767676, 1px -1px 0 #767676, -1px 1px 0 #767676, 1px 1px 0 #767676;
}
.colors-e .stroke-background {
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.93), 1px -1px 0 rgba(255, 255, 255, 0.93), -1px 1px 0 rgba(255, 255, 255, 0.93), 1px 1px 0 rgba(255, 255, 255, 0.93);
}
.colors-e .label-border {
  border-color: rgba(176, 166, 158, 0.7);
  outline-color: #b0a69e;
}
.colors-e .bottom-menu {
  color: #767676 !important;
}
.colors-e .bottom-menu a,
.colors-e .bottom-menu i {
  color: #767676 !important;
}
.colors-e .bottom-menu a:hover {
  background-color: transparent;
  color: #b0a69e;
}
.colors-e .bottom-menu a:hover i {
  color: #b0a69e;
}
footer.colors-e a i:hover {
  color: #767676 !important;
}
.colors-e .main-icon {
  color: #434343;
}
.colors-e .main-icon:hover {
  color: #434343;
}
.colors-e.content.border-bottom,
.colors-e.content.border-top,
footer.colors-e.border-bottom,
footer.colors-e.border-top {
  border-color: rgba(176, 166, 158, 0.8);
}
.colors-e.credits-overlay .content-container > ul > li {
  color: #b0a69e;
}
.colors-e.credits-overlay .content-container > ul > li li {
  color: #a65748;
}
.colors-e input.button {
  color: #b0a69e;
}
.colors-e input.button:hover {
  color: #434343;
}
.colors-e iframe.example,
.colors-e pre.example {
  border-color: rgba(118, 118, 118, 0.3) !important;
}
.colors-e.help-toc a,
.colors-e.help-toc ul,
.colors-e.help-toc li {
  color: #434343;
}
.colors-e .help-toc-title {
  border-color: rgba(67, 67, 67, 0.2);
}
.text-e {
  color: #767676;
}
.background-0-e {
  background-color: transparent !important;
}
.background-5-e {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.background-10-e {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.background-15-e {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.background-20-e {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.background-25-e {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.background-30-e {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.background-35-e {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.background-40-e {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.background-45-e {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.background-50-e {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.background-55-e {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.background-60-e {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.background-65-e {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.background-70-e {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.background-75-e {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.background-80-e {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.background-85-e {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.background-90-e {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.background-95-e {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.background-100-e {
  background-color: #ffffff !important;
}
.background-e {
  background-color: rgba(255, 255, 255, 0.93) !important;
}
.background-lite-e {
  background-color: rgba(255, 255, 255, 0.53085837) !important;
}
.background-lite-lite-e {
  background-color: rgba(255, 255, 255, 0.26571429) !important;
}
.background-hard-e {
  background-color: rgba(255, 255, 255, 0.97666667) !important;
}
.background-hard-hard-e {
  background-color: rgba(255, 255, 255, 0.986) !important;
}
.border-background-e {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-text-e {
  border-color: rgba(118, 118, 118, 0.7) !important;
}
.border-highlight-e {
  border-color: rgba(176, 166, 158, 0.7) !important;
}
.border-heading-e {
  border-color: rgba(67, 67, 67, 0.7) !important;
}
.border-link-e {
  border-color: rgba(166, 87, 72, 0.7) !important;
}
.heading-e {
  color: #434343 !important;
}
.text-e {
  color: #767676 !important;
}
.text-background-e {
  color: #ffffff !important;
}
.background-highlight-e {
  background-color: #b0a69e !important;
}
.background-heading-e {
  background-color: #434343 !important;
}
.background-text-e {
  background-color: #767676 !important;
}
.background-link-e {
  background-color: #a65748 !important;
}
.highlight-e {
  color: #b0a69e !important;
}
.link-e {
  color: #a65748 !important;
}
/*** Colors F / .colors-f, .heading-f, .highlight-f, ... ***/
.colors-f {
  color: #efefef;
  background-color: rgba(38, 37, 48, 0.85);
}
.colors-f .bg-color {
  color: #262530;
}
.colors-f .out {
  opacity: 0.85;
}
.colors-f .heading,
.colors-f.heading {
  color: #ffffff;
}
.colors-f .link,
.colors-f.link {
  color: #afafaf;
}
.colors-f .highlight,
.colors-f.highlight {
  color: #afafaf;
}
.colors-f .background,
.colors-f.background {
  background-color: rgba(38, 37, 48, 0.85);
}
.colors-f .background-solid,
.colors-f.background-solid {
  background-color: #262530;
}
.colors-f .background-hard,
.colors-f.background-hard {
  background-color: rgba(38, 37, 48, 0.95);
}
.colors-f .background-lite,
.colors-f.background-lite {
  background-color: rgba(38, 37, 48, 0.48519313);
}
.colors-f h1,
.colors-f h2,
.colors-f h3,
.colors-f h4,
.colors-f h5,
.colors-f h6,
.colors-f .col-icon {
  color: #ffffff;
}
.colors-f .col-left-marginalia,
.colors-f col-right-marginalia {
  color: #ffffff;
}
.colors-f a,
a.colors-f {
  color: #afafaf;
}
.colors-f a:hover,
a.colors-f:hover {
  color: rgba(175, 175, 175, 0.75);
}
.colors-f .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-f .line:hover {
  background-color: rgba(38, 37, 48, 0.48519313);
}
.colors-f .help-block li {
  color: #afafaf;
}
.colors-f .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(38, 37, 48, 0.85);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-f .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(38, 37, 48, 0.85);
  background-color: rgba(239, 239, 239, 0.3);
}
.colors-f ::-webkit-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-f :-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-f ::-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-f :-ms-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-f .border,
.colors-f.border,
.colors-f .border-top,
.colors-f.border-top,
.colors-f .border-left,
.colors-f.border-left,
.colors-f .border-right,
.colors-f.border-right,
.colors-f .border-bottom,
.colors-f.border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-f .border-hard,
.colors-f.border-hard {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-f .border-lite,
.colors-f.border-lite {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-f .text {
  color: #efefef !important;
}
.colors-f .text-background,
.colors-f.text-background {
  color: #262530 !important;
}
.colors-f .background-highlight,
.colors-f.background-highlight {
  background-color: #afafaf !important;
}
.colors-f .background-heading,
.colors-f.background-heading {
  background-color: #ffffff !important;
}
.colors-f .background-text,
.colors-f.background-text {
  background-color: #efefef !important;
}
.colors-f .background-link,
.colors-f.background-link {
  background-color: #afafaf !important;
}
.colors-f .border-text,
.colors-f.border-text {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.colors-f .border-highlight,
.colors-f.border-highlight {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.colors-f .border-heading,
.colors-f.border-heading {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-f .border-link,
.colors-f.border-link {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.colors-f .background-0,
.colors-f.background-0 {
  background-color: transparent !important;
}
.colors-f .background-5,
.colors-f.background-5 {
  background-color: rgba(38, 37, 48, 0.05) !important;
}
.colors-f .background-10,
.colors-f.background-10 {
  background-color: rgba(38, 37, 48, 0.1) !important;
}
.colors-f .background-15,
.colors-f.background-15 {
  background-color: rgba(38, 37, 48, 0.15) !important;
}
.colors-f .background-20,
.colors-f.background-20 {
  background-color: rgba(38, 37, 48, 0.2) !important;
}
.colors-f .background-25,
.colors-f.background-25 {
  background-color: rgba(38, 37, 48, 0.25) !important;
}
.colors-f .background-30,
.colors-f.background-30 {
  background-color: rgba(38, 37, 48, 0.3) !important;
}
.colors-f .background-35,
.colors-f.background-35 {
  background-color: rgba(38, 37, 48, 0.35) !important;
}
.colors-f .background-40,
.colors-f.background-40 {
  background-color: rgba(38, 37, 48, 0.4) !important;
}
.colors-f .background-45,
.colors-f.background-45 {
  background-color: rgba(38, 37, 48, 0.45) !important;
}
.colors-f .background-50,
.colors-f.background-50 {
  background-color: rgba(38, 37, 48, 0.5) !important;
}
.colors-f .background-55,
.colors-f.background-55 {
  background-color: rgba(38, 37, 48, 0.55) !important;
}
.colors-f .background-60,
.colors-f.background-60 {
  background-color: rgba(38, 37, 48, 0.6) !important;
}
.colors-f .background-65,
.colors-f.background-65 {
  background-color: rgba(38, 37, 48, 0.65) !important;
}
.colors-f .background-70,
.colors-f.background-70 {
  background-color: rgba(38, 37, 48, 0.7) !important;
}
.colors-f .background-75,
.colors-f.background-75 {
  background-color: rgba(38, 37, 48, 0.75) !important;
}
.colors-f .background-80,
.colors-f.background-80 {
  background-color: rgba(38, 37, 48, 0.8) !important;
}
.colors-f .background-85,
.colors-f.background-85 {
  background-color: rgba(38, 37, 48, 0.85) !important;
}
.colors-f .background-90,
.colors-f.background-90 {
  background-color: rgba(38, 37, 48, 0.9) !important;
}
.colors-f .background-95,
.colors-f.background-95 {
  background-color: rgba(38, 37, 48, 0.95) !important;
}
.colors-f .background-100,
.colors-f.background-100 {
  background-color: #262530 !important;
}
.colors-f h2::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.colors-f h3 a {
  color: #ffffff;
}
.colors-f h3 a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.colors-f h3 {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-f input,
.colors-f textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(239, 239, 239, 0);
}
.colors-f input:focus,
.colors-f textarea:focus {
  outline-color: rgba(239, 239, 239, 0.37);
}
#top-nav.colors-f {
  border-color: rgba(175, 175, 175, 0.16);
  color: #ffffff;
}
#top-nav.colors-f li a {
  color: #ffffff;
}
#top-nav.colors-f li a:hover {
  color: inherit;
}
#top-nav.colors-f .navbar-brand {
  color: #ffffff;
}
#top-nav.colors-f .navbar-brand:hover {
  color: #ffffff;
}
#top-nav.colors-f .nav > li ul {
  background-color: rgba(38, 37, 48, 0.85);
}
#top-nav.colors-f .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-f .nav > li ul a.active {
  color: #afafaf;
}
#top-nav.colors-f .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-f li.open > a {
  background-color: rgba(38, 37, 48, 0.48519313);
}
#top-nav.colors-f .navbar-nav a.active {
  color: #afafaf;
}
#top-nav.colors-f .navbar-toggle {
  background-color: transparent !important;
  border-color: #ffffff;
}
#top-nav.colors-f .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.colors-f.page-border {
  border-color: rgba(175, 175, 175, 0.16);
}
.colors-f.page-border a {
  color: #ffffff;
}
.ext-nav a.colors-f .side-title {
  color: #ffffff;
}
.ext-nav a.colors-f .side-label {
  color: #afafaf;
}
.ext-nav a.colors-f:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-f:hover .side-label {
  color: #afafaf;
}
.colors-f .menu-toggle span,
.colors-f .menu-toggle span:before,
.colors-f .menu-toggle span:after {
  background-color: #ffffff;
}
.colors-f .menu-toggle.navbar-toggle span,
.colors-f .menu-toggle.navbar-toggle span:before,
.colors-f .menu-toggle.navbar-toggle span:after {
  background-color: #afafaf;
}
.colors-f .menu-toggle.show span {
  background-color: transparent;
}
.colors-f .slider .slick-prev,
.colors-f .carousel .slick-prev,
.colors-f .slider .slick-next,
.colors-f .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-f .slider .slick-prev:before,
.colors-f .carousel .slick-prev:before,
.colors-f .slider .slick-next:before,
.colors-f .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-f .slider .slick-prev:hover,
.colors-f .carousel .slick-prev:hover,
.colors-f .slider .slick-next:hover,
.colors-f .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-f .slider .slick-dots li button:before,
.colors-f .carousel .slick-dots li button:before {
  color: #efefef;
  color: rgba(239, 239, 239, 0.4);
  opacity: 1;
}
.colors-f .slider .slick-dots li.slick-active button:before,
.colors-f .carousel .slick-dots li.slick-active button:before {
  color: #afafaf;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-f .carousel .slick-slide {
  background-color: rgba(38, 37, 48, 0.85);
}
.colors-f .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-f .gallery .filter .nav li a {
  color: #ffffff;
  background-color: transparent;
}
.colors-f .gallery .filter .nav li a.active {
  color: #afafaf;
}
.colors-f.gallery-overlay .field {
  color: #ffffff;
}
.colors-f .cross:before,
.colors-f .cross:after {
  background-color: #ffffff;
}
.colors-f.circle {
  border-color: rgba(38, 37, 48, 0.85);
  color: #ffffff;
}
.colors-f.circle:after {
  background-color: transparent;
  border-color: rgba(38, 37, 48, 0.85);
}
.colors-f.circle:hover {
  background-color: transparent;
  color: rgba(38, 37, 48, 0.85);
}
.colors-f.circle:hover:after {
  border-color: rgba(38, 37, 48, 0.85);
}
.colors-f .process .process-row .process-step .process-box {
  border-color: rgba(239, 239, 239, 0.7);
}
.colors-f .process .process-row .process-step .process-box:before {
  background-color: #262530;
}
#dot-scroll.colors-f li a span {
  background-color: #ffffff;
}
#dot-scroll.colors-f li a.active span,
#dot-scroll.colors-f li a:hover.active span {
  background-color: rgba(38, 37, 48, 0.85);
}
#dot-scroll.colors-f li a.target span,
#dot-scroll.colors-f li a:hover.target span {
  border-color: #ffffff;
}
#dot-scroll.colors-f li a.active span,
#dot-scroll.colors-f li a:hover.active span,
#dot-scroll.colors-f li a.target.active span,
#dot-scroll.colors-f li a:hover.target.active span {
  border-color: #ffffff;
}
.colors-f.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #262530;
  background-color: transparent !important;
}
.colors-f.skew.skew-bottom-right {
  border-bottom-color: #262530;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-f.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #262530;
  background-color: transparent !important;
}
.colors-f.skew.skew-top-left {
  border-top-color: #262530;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-f .loader {
  border-color: rgba(239, 239, 239, 0.1);
}
.colors-f .loader li:nth-child(1) {
  background: #efefef;
}
.colors-f .loader li:nth-child(2) {
  background: #efefef;
}
.colors-f .loader li:nth-child(3) {
  background: #efefef;
}
.colors-f .loader li:nth-child(4) {
  background: #efefef;
}
.colors-f #comments {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-f #comments .comment-list .comment {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-f .avatar,
.colors-f ul.tags-list li {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-f .post .post-meta {
  color: #ffffff;
}
.colors-f .post .post-meta a {
  color: #ffffff;
}
.colors-f .post .post-meta a:hover {
  color: #afafaf;
}
.colors-f .post .post-meta .post-month {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-f .post h3 a:hover {
  color: #ffffff;
}
.colors-f .post .post-tags {
  color: rgba(239, 239, 239, 0.85);
}
.colors-f .post .post-month {
  color: #afafaf;
}
.colors-f .sidebar .title {
  color: #ffffff;
}
.colors-f .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #262530;
}
.colors-f .pagination .active a:hover {
  color: #262530;
}
.colors-f .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-f .pagination a:hover {
  color: #afafaf;
}
.colors-f .navbar-collapse {
  max-height: none;
}
.colors-f .caption {
  color: #ffffff;
}
.colors-f .title,
.colors-f .header-details,
.colors-f .subtitle {
  color: #ffffff;
}
.colors-f .title.highlight,
.colors-f .header-details.highlight,
.colors-f .subtitle.highlight {
  color: #afafaf;
}
.colors-f .slogan {
  color: #afafaf;
}
.colors-f .underline-dashed,
.colors-f .underline-dotted {
  border-color: rgba(175, 175, 175, 0.7);
}
.colors-f .underline {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-f .underline-highlight {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-f .underline-link {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-f .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-f .underline-text {
  border-color: rgba(239, 239, 239, 0.5);
}
.colors-f .top-line:before {
  background-color: rgba(175, 175, 175, 0.7);
}
.colors-f .bottom-line:after {
  background-color: #afafaf;
}
.colors-f .short-underline:after {
  background-color: #afafaf;
}
.colors-f .stroke-highlight {
  text-shadow: -1px -1px 0 #afafaf, 1px -1px 0 #afafaf, -1px 1px 0 #afafaf, 1px 1px 0 #afafaf;
}
.colors-f .stroke-heading {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-f .stroke-foreground {
  text-shadow: -1px -1px 0 #efefef, 1px -1px 0 #efefef, -1px 1px 0 #efefef, 1px 1px 0 #efefef;
}
.colors-f .stroke-background {
  text-shadow: -1px -1px 0 rgba(38, 37, 48, 0.85), 1px -1px 0 rgba(38, 37, 48, 0.85), -1px 1px 0 rgba(38, 37, 48, 0.85), 1px 1px 0 rgba(38, 37, 48, 0.85);
}
.colors-f .label-border {
  border-color: rgba(175, 175, 175, 0.7);
  outline-color: #afafaf;
}
.colors-f .bottom-menu {
  color: #efefef !important;
}
.colors-f .bottom-menu a,
.colors-f .bottom-menu i {
  color: #efefef !important;
}
.colors-f .bottom-menu a:hover {
  background-color: transparent;
  color: #afafaf;
}
.colors-f .bottom-menu a:hover i {
  color: #afafaf;
}
footer.colors-f a i:hover {
  color: #efefef !important;
}
.colors-f .main-icon {
  color: #ffffff;
}
.colors-f .main-icon:hover {
  color: #ffffff;
}
.colors-f.content.border-bottom,
.colors-f.content.border-top,
footer.colors-f.border-bottom,
footer.colors-f.border-top {
  border-color: rgba(175, 175, 175, 0.8);
}
.colors-f.credits-overlay .content-container > ul > li {
  color: #afafaf;
}
.colors-f.credits-overlay .content-container > ul > li li {
  color: #afafaf;
}
.colors-f input.button {
  color: #afafaf;
}
.colors-f input.button:hover {
  color: #ffffff;
}
.colors-f iframe.example,
.colors-f pre.example {
  border-color: rgba(239, 239, 239, 0.3) !important;
}
.colors-f.help-toc a,
.colors-f.help-toc ul,
.colors-f.help-toc li {
  color: #ffffff;
}
.colors-f .help-toc-title {
  border-color: rgba(255, 255, 255, 0.2);
}
.text-f {
  color: #efefef;
}
.background-0-f {
  background-color: transparent !important;
}
.background-5-f {
  background-color: rgba(38, 37, 48, 0.05) !important;
}
.background-10-f {
  background-color: rgba(38, 37, 48, 0.1) !important;
}
.background-15-f {
  background-color: rgba(38, 37, 48, 0.15) !important;
}
.background-20-f {
  background-color: rgba(38, 37, 48, 0.2) !important;
}
.background-25-f {
  background-color: rgba(38, 37, 48, 0.25) !important;
}
.background-30-f {
  background-color: rgba(38, 37, 48, 0.3) !important;
}
.background-35-f {
  background-color: rgba(38, 37, 48, 0.35) !important;
}
.background-40-f {
  background-color: rgba(38, 37, 48, 0.4) !important;
}
.background-45-f {
  background-color: rgba(38, 37, 48, 0.45) !important;
}
.background-50-f {
  background-color: rgba(38, 37, 48, 0.5) !important;
}
.background-55-f {
  background-color: rgba(38, 37, 48, 0.55) !important;
}
.background-60-f {
  background-color: rgba(38, 37, 48, 0.6) !important;
}
.background-65-f {
  background-color: rgba(38, 37, 48, 0.65) !important;
}
.background-70-f {
  background-color: rgba(38, 37, 48, 0.7) !important;
}
.background-75-f {
  background-color: rgba(38, 37, 48, 0.75) !important;
}
.background-80-f {
  background-color: rgba(38, 37, 48, 0.8) !important;
}
.background-85-f {
  background-color: rgba(38, 37, 48, 0.85) !important;
}
.background-90-f {
  background-color: rgba(38, 37, 48, 0.9) !important;
}
.background-95-f {
  background-color: rgba(38, 37, 48, 0.95) !important;
}
.background-100-f {
  background-color: #262530 !important;
}
.background-f {
  background-color: rgba(38, 37, 48, 0.85) !important;
}
.background-lite-f {
  background-color: rgba(38, 37, 48, 0.48519313) !important;
}
.background-lite-lite-f {
  background-color: rgba(38, 37, 48, 0.24285714) !important;
}
.background-hard-f {
  background-color: rgba(38, 37, 48, 0.95) !important;
}
.background-hard-hard-f {
  background-color: rgba(38, 37, 48, 0.97) !important;
}
.border-background-f {
  border-color: rgba(38, 37, 48, 0.7) !important;
}
.border-text-f {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-f {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.border-heading-f {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-f {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.heading-f {
  color: #ffffff !important;
}
.text-f {
  color: #efefef !important;
}
.text-background-f {
  color: #262530 !important;
}
.background-highlight-f {
  background-color: #afafaf !important;
}
.background-heading-f {
  background-color: #ffffff !important;
}
.background-text-f {
  background-color: #efefef !important;
}
.background-link-f {
  background-color: #afafaf !important;
}
.highlight-f {
  color: #afafaf !important;
}
.link-f {
  color: #afafaf !important;
}
/*** Colors G / .colors-g, .heading-g, .highlight-g, ... ***/
.colors-g {
  color: #ebebeb;
  background-color: #212124;
}
.colors-g .bg-color {
  color: #212124;
}
.colors-g .out {
  opacity: 1;
}
.colors-g .heading,
.colors-g.heading {
  color: #ffffff;
}
.colors-g .link,
.colors-g.link {
  color: #afafaf;
}
.colors-g .highlight,
.colors-g.highlight {
  color: #afafaf;
}
.colors-g .background,
.colors-g.background {
  background-color: #212124;
}
.colors-g .background-solid,
.colors-g.background-solid {
  background-color: #212124;
}
.colors-g .background-hard,
.colors-g.background-hard {
  background-color: #212124;
}
.colors-g .background-lite,
.colors-g.background-lite {
  background-color: rgba(33, 33, 36, 0.57081545);
}
.colors-g h1,
.colors-g h2,
.colors-g h3,
.colors-g h4,
.colors-g h5,
.colors-g h6,
.colors-g .col-icon {
  color: #ffffff;
}
.colors-g .col-left-marginalia,
.colors-g col-right-marginalia {
  color: #ffffff;
}
.colors-g a,
a.colors-g {
  color: #afafaf;
}
.colors-g a:hover,
a.colors-g:hover {
  color: rgba(175, 175, 175, 0.75);
}
.colors-g .line {
  border-color: #ebebeb;
  border-color: rgba(235, 235, 235, 0.3);
}
.colors-g .line:hover {
  background-color: rgba(33, 33, 36, 0.57081545);
}
.colors-g .help-block li {
  color: #afafaf;
}
.colors-g .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: #212124;
  background-color: rgba(235, 235, 235, 0.1);
}
.colors-g .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: #212124;
  background-color: rgba(235, 235, 235, 0.3);
}
.colors-g ::-webkit-input-placeholder {
  color: rgba(235, 235, 235, 0.6);
}
.colors-g :-moz-placeholder {
  color: rgba(235, 235, 235, 0.6);
  opacity: 1;
}
.colors-g ::-moz-placeholder {
  color: rgba(235, 235, 235, 0.6);
  opacity: 1;
}
.colors-g :-ms-input-placeholder {
  color: rgba(235, 235, 235, 0.6);
}
.colors-g .border,
.colors-g.border,
.colors-g .border-top,
.colors-g.border-top,
.colors-g .border-left,
.colors-g.border-left,
.colors-g .border-right,
.colors-g.border-right,
.colors-g .border-bottom,
.colors-g.border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-g .border-hard,
.colors-g.border-hard {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-g .border-lite,
.colors-g.border-lite {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-g .text {
  color: #ebebeb !important;
}
.colors-g .text-background,
.colors-g.text-background {
  color: #212124 !important;
}
.colors-g .background-highlight,
.colors-g.background-highlight {
  background-color: #afafaf !important;
}
.colors-g .background-heading,
.colors-g.background-heading {
  background-color: #ffffff !important;
}
.colors-g .background-text,
.colors-g.background-text {
  background-color: #ebebeb !important;
}
.colors-g .background-link,
.colors-g.background-link {
  background-color: #afafaf !important;
}
.colors-g .border-text,
.colors-g.border-text {
  border-color: rgba(235, 235, 235, 0.7) !important;
}
.colors-g .border-highlight,
.colors-g.border-highlight {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.colors-g .border-heading,
.colors-g.border-heading {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-g .border-link,
.colors-g.border-link {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.colors-g .background-0,
.colors-g.background-0 {
  background-color: transparent !important;
}
.colors-g .background-5,
.colors-g.background-5 {
  background-color: rgba(33, 33, 36, 0.05) !important;
}
.colors-g .background-10,
.colors-g.background-10 {
  background-color: rgba(33, 33, 36, 0.1) !important;
}
.colors-g .background-15,
.colors-g.background-15 {
  background-color: rgba(33, 33, 36, 0.15) !important;
}
.colors-g .background-20,
.colors-g.background-20 {
  background-color: rgba(33, 33, 36, 0.2) !important;
}
.colors-g .background-25,
.colors-g.background-25 {
  background-color: rgba(33, 33, 36, 0.25) !important;
}
.colors-g .background-30,
.colors-g.background-30 {
  background-color: rgba(33, 33, 36, 0.3) !important;
}
.colors-g .background-35,
.colors-g.background-35 {
  background-color: rgba(33, 33, 36, 0.35) !important;
}
.colors-g .background-40,
.colors-g.background-40 {
  background-color: rgba(33, 33, 36, 0.4) !important;
}
.colors-g .background-45,
.colors-g.background-45 {
  background-color: rgba(33, 33, 36, 0.45) !important;
}
.colors-g .background-50,
.colors-g.background-50 {
  background-color: rgba(33, 33, 36, 0.5) !important;
}
.colors-g .background-55,
.colors-g.background-55 {
  background-color: rgba(33, 33, 36, 0.55) !important;
}
.colors-g .background-60,
.colors-g.background-60 {
  background-color: rgba(33, 33, 36, 0.6) !important;
}
.colors-g .background-65,
.colors-g.background-65 {
  background-color: rgba(33, 33, 36, 0.65) !important;
}
.colors-g .background-70,
.colors-g.background-70 {
  background-color: rgba(33, 33, 36, 0.7) !important;
}
.colors-g .background-75,
.colors-g.background-75 {
  background-color: rgba(33, 33, 36, 0.75) !important;
}
.colors-g .background-80,
.colors-g.background-80 {
  background-color: rgba(33, 33, 36, 0.8) !important;
}
.colors-g .background-85,
.colors-g.background-85 {
  background-color: rgba(33, 33, 36, 0.85) !important;
}
.colors-g .background-90,
.colors-g.background-90 {
  background-color: rgba(33, 33, 36, 0.9) !important;
}
.colors-g .background-95,
.colors-g.background-95 {
  background-color: rgba(33, 33, 36, 0.95) !important;
}
.colors-g .background-100,
.colors-g.background-100 {
  background-color: #212124 !important;
}
.colors-g h2::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.colors-g h3 a {
  color: #ffffff;
}
.colors-g h3 a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.colors-g h3 {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-g input,
.colors-g textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(235, 235, 235, 0);
}
.colors-g input:focus,
.colors-g textarea:focus {
  outline-color: rgba(235, 235, 235, 0.37);
}
#top-nav.colors-g {
  border-color: rgba(175, 175, 175, 0.16);
  color: #ffffff;
}
#top-nav.colors-g li a {
  color: #ffffff;
}
#top-nav.colors-g li a:hover {
  color: inherit;
}
#top-nav.colors-g .navbar-brand {
  color: #ffffff;
}
#top-nav.colors-g .navbar-brand:hover {
  color: #ffffff;
}
#top-nav.colors-g .nav > li ul {
  background-color: #212124;
}
#top-nav.colors-g .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-g .nav > li ul a.active {
  color: #afafaf;
}
#top-nav.colors-g .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-g li.open > a {
  background-color: rgba(33, 33, 36, 0.57081545);
}
#top-nav.colors-g .navbar-nav a.active {
  color: #afafaf;
}
#top-nav.colors-g .navbar-toggle {
  background-color: transparent !important;
  border-color: #ffffff;
}
#top-nav.colors-g .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.colors-g.page-border {
  border-color: rgba(175, 175, 175, 0.16);
}
.colors-g.page-border a {
  color: #ffffff;
}
.ext-nav a.colors-g .side-title {
  color: #ffffff;
}
.ext-nav a.colors-g .side-label {
  color: #afafaf;
}
.ext-nav a.colors-g:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-g:hover .side-label {
  color: #afafaf;
}
.colors-g .menu-toggle span,
.colors-g .menu-toggle span:before,
.colors-g .menu-toggle span:after {
  background-color: #ffffff;
}
.colors-g .menu-toggle.navbar-toggle span,
.colors-g .menu-toggle.navbar-toggle span:before,
.colors-g .menu-toggle.navbar-toggle span:after {
  background-color: #afafaf;
}
.colors-g .menu-toggle.show span {
  background-color: transparent;
}
.colors-g .slider .slick-prev,
.colors-g .carousel .slick-prev,
.colors-g .slider .slick-next,
.colors-g .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-g .slider .slick-prev:before,
.colors-g .carousel .slick-prev:before,
.colors-g .slider .slick-next:before,
.colors-g .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-g .slider .slick-prev:hover,
.colors-g .carousel .slick-prev:hover,
.colors-g .slider .slick-next:hover,
.colors-g .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-g .slider .slick-dots li button:before,
.colors-g .carousel .slick-dots li button:before {
  color: #ebebeb;
  color: rgba(235, 235, 235, 0.4);
  opacity: 1;
}
.colors-g .slider .slick-dots li.slick-active button:before,
.colors-g .carousel .slick-dots li.slick-active button:before {
  color: #afafaf;
  color: rgba(235, 235, 235, 0.7);
  opacity: 1;
}
.colors-g .carousel .slick-slide {
  background-color: #212124;
}
.colors-g .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-g .gallery .filter .nav li a {
  color: #ffffff;
  background-color: transparent;
}
.colors-g .gallery .filter .nav li a.active {
  color: #afafaf;
}
.colors-g.gallery-overlay .field {
  color: #ffffff;
}
.colors-g .cross:before,
.colors-g .cross:after {
  background-color: #ffffff;
}
.colors-g.circle {
  border-color: #212124;
  color: #ffffff;
}
.colors-g.circle:after {
  background-color: transparent;
  border-color: #212124;
}
.colors-g.circle:hover {
  background-color: transparent;
  color: #212124;
}
.colors-g.circle:hover:after {
  border-color: #212124;
}
.colors-g .process .process-row .process-step .process-box {
  border-color: rgba(235, 235, 235, 0.7);
}
.colors-g .process .process-row .process-step .process-box:before {
  background-color: #212124;
}
#dot-scroll.colors-g li a span {
  background-color: #ffffff;
}
#dot-scroll.colors-g li a.active span,
#dot-scroll.colors-g li a:hover.active span {
  background-color: #212124;
}
#dot-scroll.colors-g li a.target span,
#dot-scroll.colors-g li a:hover.target span {
  border-color: #ffffff;
}
#dot-scroll.colors-g li a.active span,
#dot-scroll.colors-g li a:hover.active span,
#dot-scroll.colors-g li a.target.active span,
#dot-scroll.colors-g li a:hover.target.active span {
  border-color: #ffffff;
}
.colors-g.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #212124;
  background-color: transparent !important;
}
.colors-g.skew.skew-bottom-right {
  border-bottom-color: #212124;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-g.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #212124;
  background-color: transparent !important;
}
.colors-g.skew.skew-top-left {
  border-top-color: #212124;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-g .loader {
  border-color: rgba(235, 235, 235, 0.1);
}
.colors-g .loader li:nth-child(1) {
  background: #ebebeb;
}
.colors-g .loader li:nth-child(2) {
  background: #ebebeb;
}
.colors-g .loader li:nth-child(3) {
  background: #ebebeb;
}
.colors-g .loader li:nth-child(4) {
  background: #ebebeb;
}
.colors-g #comments {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-g #comments .comment-list .comment {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-g .avatar,
.colors-g ul.tags-list li {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-g .post .post-meta {
  color: #ffffff;
}
.colors-g .post .post-meta a {
  color: #ffffff;
}
.colors-g .post .post-meta a:hover {
  color: #afafaf;
}
.colors-g .post .post-meta .post-month {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-g .post h3 a:hover {
  color: #ffffff;
}
.colors-g .post .post-tags {
  color: rgba(235, 235, 235, 0.85);
}
.colors-g .post .post-month {
  color: #afafaf;
}
.colors-g .sidebar .title {
  color: #ffffff;
}
.colors-g .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #212124;
}
.colors-g .pagination .active a:hover {
  color: #212124;
}
.colors-g .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-g .pagination a:hover {
  color: #afafaf;
}
.colors-g .navbar-collapse {
  max-height: none;
}
.colors-g .caption {
  color: #ffffff;
}
.colors-g .title,
.colors-g .header-details,
.colors-g .subtitle {
  color: #ffffff;
}
.colors-g .title.highlight,
.colors-g .header-details.highlight,
.colors-g .subtitle.highlight {
  color: #afafaf;
}
.colors-g .slogan {
  color: #afafaf;
}
.colors-g .underline-dashed,
.colors-g .underline-dotted {
  border-color: rgba(175, 175, 175, 0.7);
}
.colors-g .underline {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-g .underline-highlight {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-g .underline-link {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-g .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-g .underline-text {
  border-color: rgba(235, 235, 235, 0.5);
}
.colors-g .top-line:before {
  background-color: rgba(175, 175, 175, 0.7);
}
.colors-g .bottom-line:after {
  background-color: #afafaf;
}
.colors-g .short-underline:after {
  background-color: #afafaf;
}
.colors-g .stroke-highlight {
  text-shadow: -1px -1px 0 #afafaf, 1px -1px 0 #afafaf, -1px 1px 0 #afafaf, 1px 1px 0 #afafaf;
}
.colors-g .stroke-heading {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-g .stroke-foreground {
  text-shadow: -1px -1px 0 #ebebeb, 1px -1px 0 #ebebeb, -1px 1px 0 #ebebeb, 1px 1px 0 #ebebeb;
}
.colors-g .stroke-background {
  text-shadow: -1px -1px 0 #212124, 1px -1px 0 #212124, -1px 1px 0 #212124, 1px 1px 0 #212124;
}
.colors-g .label-border {
  border-color: rgba(175, 175, 175, 0.7);
  outline-color: #afafaf;
}
.colors-g .bottom-menu {
  color: #ebebeb !important;
}
.colors-g .bottom-menu a,
.colors-g .bottom-menu i {
  color: #ebebeb !important;
}
.colors-g .bottom-menu a:hover {
  background-color: transparent;
  color: #afafaf;
}
.colors-g .bottom-menu a:hover i {
  color: #afafaf;
}
footer.colors-g a i:hover {
  color: #ebebeb !important;
}
.colors-g .main-icon {
  color: #ffffff;
}
.colors-g .main-icon:hover {
  color: #ffffff;
}
.colors-g.content.border-bottom,
.colors-g.content.border-top,
footer.colors-g.border-bottom,
footer.colors-g.border-top {
  border-color: rgba(175, 175, 175, 0.8);
}
.colors-g.credits-overlay .content-container > ul > li {
  color: #afafaf;
}
.colors-g.credits-overlay .content-container > ul > li li {
  color: #afafaf;
}
.colors-g input.button {
  color: #afafaf;
}
.colors-g input.button:hover {
  color: #ffffff;
}
.colors-g iframe.example,
.colors-g pre.example {
  border-color: rgba(235, 235, 235, 0.3) !important;
}
.colors-g.help-toc a,
.colors-g.help-toc ul,
.colors-g.help-toc li {
  color: #ffffff;
}
.colors-g .help-toc-title {
  border-color: rgba(255, 255, 255, 0.2);
}
.text-g {
  color: #ebebeb;
}
.background-0-g {
  background-color: transparent !important;
}
.background-5-g {
  background-color: rgba(33, 33, 36, 0.05) !important;
}
.background-10-g {
  background-color: rgba(33, 33, 36, 0.1) !important;
}
.background-15-g {
  background-color: rgba(33, 33, 36, 0.15) !important;
}
.background-20-g {
  background-color: rgba(33, 33, 36, 0.2) !important;
}
.background-25-g {
  background-color: rgba(33, 33, 36, 0.25) !important;
}
.background-30-g {
  background-color: rgba(33, 33, 36, 0.3) !important;
}
.background-35-g {
  background-color: rgba(33, 33, 36, 0.35) !important;
}
.background-40-g {
  background-color: rgba(33, 33, 36, 0.4) !important;
}
.background-45-g {
  background-color: rgba(33, 33, 36, 0.45) !important;
}
.background-50-g {
  background-color: rgba(33, 33, 36, 0.5) !important;
}
.background-55-g {
  background-color: rgba(33, 33, 36, 0.55) !important;
}
.background-60-g {
  background-color: rgba(33, 33, 36, 0.6) !important;
}
.background-65-g {
  background-color: rgba(33, 33, 36, 0.65) !important;
}
.background-70-g {
  background-color: rgba(33, 33, 36, 0.7) !important;
}
.background-75-g {
  background-color: rgba(33, 33, 36, 0.75) !important;
}
.background-80-g {
  background-color: rgba(33, 33, 36, 0.8) !important;
}
.background-85-g {
  background-color: rgba(33, 33, 36, 0.85) !important;
}
.background-90-g {
  background-color: rgba(33, 33, 36, 0.9) !important;
}
.background-95-g {
  background-color: rgba(33, 33, 36, 0.95) !important;
}
.background-100-g {
  background-color: #212124 !important;
}
.background-g {
  background-color: #212124 !important;
}
.background-lite-g {
  background-color: rgba(33, 33, 36, 0.57081545) !important;
}
.background-lite-lite-g {
  background-color: rgba(33, 33, 36, 0.28571429) !important;
}
.background-hard-g {
  background-color: #212124 !important;
}
.background-hard-hard-g {
  background-color: #212124 !important;
}
.border-background-g {
  border-color: rgba(33, 33, 36, 0.7) !important;
}
.border-text-g {
  border-color: rgba(235, 235, 235, 0.7) !important;
}
.border-highlight-g {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.border-heading-g {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-g {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.heading-g {
  color: #ffffff !important;
}
.text-g {
  color: #ebebeb !important;
}
.text-background-g {
  color: #212124 !important;
}
.background-highlight-g {
  background-color: #afafaf !important;
}
.background-heading-g {
  background-color: #ffffff !important;
}
.background-text-g {
  background-color: #ebebeb !important;
}
.background-link-g {
  background-color: #afafaf !important;
}
.highlight-g {
  color: #afafaf !important;
}
.link-g {
  color: #afafaf !important;
}
/*** Colors H / .colors-h, .heading-h, .highlight-h, ... ***/
.colors-h {
  color: #efefef;
  background-color: rgba(14, 14, 15, 0.85);
}
.colors-h .bg-color {
  color: #0e0e0f;
}
.colors-h .out {
  opacity: 0.85;
}
.colors-h .heading,
.colors-h.heading {
  color: #ffffff;
}
.colors-h .link,
.colors-h.link {
  color: #d1a07d;
}
.colors-h .highlight,
.colors-h.highlight {
  color: #b0a69e;
}
.colors-h .background,
.colors-h.background {
  background-color: rgba(14, 14, 15, 0.85);
}
.colors-h .background-solid,
.colors-h.background-solid {
  background-color: #0e0e0f;
}
.colors-h .background-hard,
.colors-h.background-hard {
  background-color: rgba(14, 14, 15, 0.95);
}
.colors-h .background-lite,
.colors-h.background-lite {
  background-color: rgba(14, 14, 15, 0.48519313);
}

/* ---------------------------------
MATH-SUX: CONTACT HEADER COLOR
Defaults:   color: #ffffff;
	--------------------------------- */
.colors-h h1,
.colors-h h2,
.colors-h h3,
.colors-h h4,
.colors-h h5,
.colors-h h6,
.colors-h .col-icon {
  color: #cccccc;
}


.colors-h .col-left-marginalia,
.colors-h col-right-marginalia {
  color: #ffffff;
}

/* ---------------------------------
MATH-SUX: CONTACT LINK COLORS
Defaults:   color: #d1a07d; / color: rgba(209, 160, 125, 0.75);
	--------------------------------- */


.colors-h a,
a.colors-h {
  color: #4586c6;
}
.colors-h a:hover,
a.colors-h:hover {
  color: #ffffff;
}


.colors-h .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-h .line:hover {
  background-color: rgba(14, 14, 15, 0.48519313);
}
.colors-h .help-block li {
  color: #b0a69e;
}
.colors-h .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(14, 14, 15, 0.85);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-h .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(14, 14, 15, 0.85);
  background-color: rgba(239, 239, 239, 0.3);
}
.colors-h ::-webkit-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-h :-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-h ::-moz-placeholder {
  color: rgba(239, 239, 239, 0.6);
  opacity: 1;
}
.colors-h :-ms-input-placeholder {
  color: rgba(239, 239, 239, 0.6);
}
.colors-h .border,
.colors-h.border,
.colors-h .border-top,
.colors-h.border-top,
.colors-h .border-left,
.colors-h.border-left,
.colors-h .border-right,
.colors-h.border-right,
.colors-h .border-bottom,
.colors-h.border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-h .border-hard,
.colors-h.border-hard {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-h .border-lite,
.colors-h.border-lite {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-h .text {
  color: #efefef !important;
}
.colors-h .text-background,
.colors-h.text-background {
  color: #0e0e0f !important;
}
.colors-h .background-highlight,
.colors-h.background-highlight {
  background-color: #b0a69e !important;
}
.colors-h .background-heading,
.colors-h.background-heading {
  background-color: #ffffff !important;
}
.colors-h .background-text,
.colors-h.background-text {
  background-color: #efefef !important;
}
.colors-h .background-link,
.colors-h.background-link {
  background-color: #d1a07d !important;
}
.colors-h .border-text,
.colors-h.border-text {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.colors-h .border-highlight,
.colors-h.border-highlight {
  border-color: rgba(176, 166, 158, 0.7) !important;
}
.colors-h .border-heading,
.colors-h.border-heading {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-h .border-link,
.colors-h.border-link {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.colors-h .background-0,
.colors-h.background-0 {
  background-color: transparent !important;
}
.colors-h .background-5,
.colors-h.background-5 {
  background-color: rgba(14, 14, 15, 0.05) !important;
}
.colors-h .background-10,
.colors-h.background-10 {
  background-color: rgba(14, 14, 15, 0.1) !important;
}
.colors-h .background-15,
.colors-h.background-15 {
  background-color: rgba(14, 14, 15, 0.15) !important;
}
.colors-h .background-20,
.colors-h.background-20 {
  background-color: rgba(14, 14, 15, 0.2) !important;
}
.colors-h .background-25,
.colors-h.background-25 {
  background-color: rgba(14, 14, 15, 0.25) !important;
}
.colors-h .background-30,
.colors-h.background-30 {
  background-color: rgba(14, 14, 15, 0.3) !important;
}
.colors-h .background-35,
.colors-h.background-35 {
  background-color: rgba(14, 14, 15, 0.35) !important;
}
.colors-h .background-40,
.colors-h.background-40 {
  background-color: rgba(14, 14, 15, 0.4) !important;
}
.colors-h .background-45,
.colors-h.background-45 {
  background-color: rgba(14, 14, 15, 0.45) !important;
}
.colors-h .background-50,
.colors-h.background-50 {
  background-color: rgba(14, 14, 15, 0.5) !important;
}
.colors-h .background-55,
.colors-h.background-55 {
  background-color: rgba(14, 14, 15, 0.55) !important;
}
.colors-h .background-60,
.colors-h.background-60 {
  background-color: rgba(14, 14, 15, 0.6) !important;
}
.colors-h .background-65,
.colors-h.background-65 {
  background-color: rgba(14, 14, 15, 0.65) !important;
}
.colors-h .background-70,
.colors-h.background-70 {
  background-color: rgba(14, 14, 15, 0.7) !important;
}
.colors-h .background-75,
.colors-h.background-75 {
  background-color: rgba(14, 14, 15, 0.75) !important;
}
.colors-h .background-80,
.colors-h.background-80 {
  background-color: rgba(14, 14, 15, 0.8) !important;
}
.colors-h .background-85,
.colors-h.background-85 {
  background-color: rgba(14, 14, 15, 0.85) !important;
}
.colors-h .background-90,
.colors-h.background-90 {
  background-color: rgba(14, 14, 15, 0.9) !important;
}
.colors-h .background-95,
.colors-h.background-95 {
  background-color: rgba(14, 14, 15, 0.95) !important;
}
.colors-h .background-100,
.colors-h.background-100 {
  background-color: #0e0e0f !important;
}
.colors-h h2::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.colors-h h3 a {
  color: #ffffff;
}
.colors-h h3 a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.colors-h h3 {
  border-color: rgba(176, 166, 158, 0.5);
}
.colors-h input,
.colors-h textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(239, 239, 239, 0);
}
.colors-h input:focus,
.colors-h textarea:focus {
  outline-color: rgba(239, 239, 239, 0.37);
}
#top-nav.colors-h {
  border-color: rgba(176, 166, 158, 0.16);
  color: #ffffff;
}
#top-nav.colors-h li a {
  color: #ffffff;
}
#top-nav.colors-h li a:hover {
  color: inherit;
}
#top-nav.colors-h .navbar-brand {
  color: #ffffff;
}
#top-nav.colors-h .navbar-brand:hover {
  color: #ffffff;
}
#top-nav.colors-h .nav > li ul {
  background-color: rgba(14, 14, 15, 0.85);
}
#top-nav.colors-h .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-h .nav > li ul a.active {
  color: #b0a69e;
}
#top-nav.colors-h .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-h li.open > a {
  background-color: rgba(14, 14, 15, 0.48519313);
}
#top-nav.colors-h .navbar-nav a.active {
  color: #b0a69e;
}
#top-nav.colors-h .navbar-toggle {
  background-color: transparent !important;
  border-color: #ffffff;
}
#top-nav.colors-h .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.colors-h.page-border {
  border-color: rgba(176, 166, 158, 0.16);
}
.colors-h.page-border a {
  color: #ffffff;
}
.ext-nav a.colors-h .side-title {
  color: #ffffff;
}
.ext-nav a.colors-h .side-label {
  color: #b0a69e;
}
.ext-nav a.colors-h:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-h:hover .side-label {
  color: #b0a69e;
}
.colors-h .menu-toggle span,
.colors-h .menu-toggle span:before,
.colors-h .menu-toggle span:after {
  background-color: #ffffff;
}
.colors-h .menu-toggle.navbar-toggle span,
.colors-h .menu-toggle.navbar-toggle span:before,
.colors-h .menu-toggle.navbar-toggle span:after {
  background-color: #b0a69e;
}
.colors-h .menu-toggle.show span {
  background-color: transparent;
}
.colors-h .slider .slick-prev,
.colors-h .carousel .slick-prev,
.colors-h .slider .slick-next,
.colors-h .carousel .slick-next {
  background-color: #f9f9f9;
  background-color: rgba(255, 255, 255, 0.8);
}
.colors-h .slider .slick-prev:before,
.colors-h .carousel .slick-prev:before,
.colors-h .slider .slick-next:before,
.colors-h .carousel .slick-next:before {
  color: #222;
  background-color: transparent;
}
.colors-h .slider .slick-prev:hover,
.colors-h .carousel .slick-prev:hover,
.colors-h .slider .slick-next:hover,
.colors-h .carousel .slick-next:hover {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-h .slider .slick-dots li button:before,
.colors-h .carousel .slick-dots li button:before {
  color: #efefef;
  color: rgba(239, 239, 239, 0.4);
  opacity: 1;
}
.colors-h .slider .slick-dots li.slick-active button:before,
.colors-h .carousel .slick-dots li.slick-active button:before {
  color: #b0a69e;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-h .carousel .slick-slide {
  background-color: rgba(14, 14, 15, 0.85);
}
.colors-h .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-h .gallery .filter .nav li a {
  color: #ffffff;
  background-color: transparent;
}
.colors-h .gallery .filter .nav li a.active {
  color: #b0a69e;
}
.colors-h.gallery-overlay .field {
  color: #ffffff;
}
.colors-h .cross:before,
.colors-h .cross:after {
  background-color: #ffffff;
}
.colors-h.circle {
  border-color: rgba(14, 14, 15, 0.85);
  color: #ffffff;
}
.colors-h.circle:after {
  background-color: transparent;
  border-color: rgba(14, 14, 15, 0.85);
}
.colors-h.circle:hover {
  background-color: transparent;
  color: rgba(14, 14, 15, 0.85);
}
.colors-h.circle:hover:after {
  border-color: rgba(14, 14, 15, 0.85);
}
.colors-h .process .process-row .process-step .process-box {
  border-color: rgba(239, 239, 239, 0.7);
}
.colors-h .process .process-row .process-step .process-box:before {
  background-color: #0e0e0f;
}
#dot-scroll.colors-h li a span {
  background-color: #ffffff;
}
#dot-scroll.colors-h li a.active span,
#dot-scroll.colors-h li a:hover.active span {
  background-color: rgba(14, 14, 15, 0.85);
}
#dot-scroll.colors-h li a.target span,
#dot-scroll.colors-h li a:hover.target span {
  border-color: #ffffff;
}
#dot-scroll.colors-h li a.active span,
#dot-scroll.colors-h li a:hover.active span,
#dot-scroll.colors-h li a.target.active span,
#dot-scroll.colors-h li a:hover.target.active span {
  border-color: #ffffff;
}
.colors-h.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #0e0e0f;
  background-color: transparent !important;
}
.colors-h.skew.skew-bottom-right {
  border-bottom-color: #0e0e0f;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-h.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #0e0e0f;
  background-color: transparent !important;
}
.colors-h.skew.skew-top-left {
  border-top-color: #0e0e0f;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-h .loader {
  border-color: rgba(239, 239, 239, 0.1);
}
.colors-h .loader li:nth-child(1) {
  background: #efefef;
}
.colors-h .loader li:nth-child(2) {
  background: #efefef;
}
.colors-h .loader li:nth-child(3) {
  background: #efefef;
}
.colors-h .loader li:nth-child(4) {
  background: #efefef;
}
.colors-h #comments {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-h #comments .comment-list .comment {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-h .avatar,
.colors-h ul.tags-list li {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-h .post .post-meta {
  color: #ffffff;
}
.colors-h .post .post-meta a {
  color: #ffffff;
}
.colors-h .post .post-meta a:hover {
  color: #b0a69e;
}
.colors-h .post .post-meta .post-month {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.colors-h .post h3 a:hover {
  color: #ffffff;
}
.colors-h .post .post-tags {
  color: rgba(239, 239, 239, 0.85);
}
.colors-h .post .post-month {
  color: #b0a69e;
}
.colors-h .sidebar .title {
  color: #ffffff;
}
.colors-h .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #0e0e0f;
}
.colors-h .pagination .active a:hover {
  color: #0e0e0f;
}
.colors-h .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-h .pagination a:hover {
  color: #b0a69e;
}
.colors-h .navbar-collapse {
  max-height: none;
}
.colors-h .caption {
  color: #ffffff;
}
.colors-h .title,
.colors-h .header-details,
.colors-h .subtitle {
  color: #ffffff;
}
.colors-h .title.highlight,
.colors-h .header-details.highlight,
.colors-h .subtitle.highlight {
  color: #b0a69e;
}
.colors-h .slogan {
  color: #b0a69e;
}
.colors-h .underline-dashed,
.colors-h .underline-dotted {
  border-color: rgba(176, 166, 158, 0.7);
}
.colors-h .underline {
  border-color: rgba(176, 166, 158, 0.5);
}
.colors-h .underline-highlight {
  border-color: rgba(176, 166, 158, 0.5);
}
.colors-h .underline-link {
  border-color: rgba(209, 160, 125, 0.5);
}
.colors-h .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-h .underline-text {
  border-color: rgba(239, 239, 239, 0.5);
}
.colors-h .top-line:before {
  background-color: rgba(176, 166, 158, 0.7);
}
.colors-h .bottom-line:after {
  background-color: #b0a69e;
}
.colors-h .short-underline:after {
  background-color: #b0a69e;
}
.colors-h .stroke-highlight {
  text-shadow: -1px -1px 0 #b0a69e, 1px -1px 0 #b0a69e, -1px 1px 0 #b0a69e, 1px 1px 0 #b0a69e;
}
.colors-h .stroke-heading {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-h .stroke-foreground {
  text-shadow: -1px -1px 0 #efefef, 1px -1px 0 #efefef, -1px 1px 0 #efefef, 1px 1px 0 #efefef;
}
.colors-h .stroke-background {
  text-shadow: -1px -1px 0 rgba(14, 14, 15, 0.85), 1px -1px 0 rgba(14, 14, 15, 0.85), -1px 1px 0 rgba(14, 14, 15, 0.85), 1px 1px 0 rgba(14, 14, 15, 0.85);
}
.colors-h .label-border {
  border-color: rgba(176, 166, 158, 0.7);
  outline-color: #b0a69e;
}
.colors-h .bottom-menu {
  color: #efefef !important;
}
.colors-h .bottom-menu a,
.colors-h .bottom-menu i {
  color: #efefef !important;
}
.colors-h .bottom-menu a:hover {
  background-color: transparent;
  color: #b0a69e;
}
.colors-h .bottom-menu a:hover i {
  color: #b0a69e;
}
footer.colors-h a i:hover {
  color: #efefef !important;
}
.colors-h .main-icon {
  color: #ffffff;
}
.colors-h .main-icon:hover {
  color: #ffffff;
}
.colors-h.content.border-bottom,
.colors-h.content.border-top,
footer.colors-h.border-bottom,
footer.colors-h.border-top {
  border-color: rgba(176, 166, 158, 0.8);
}
.colors-h.credits-overlay .content-container > ul > li {
  color: #b0a69e;
}
.colors-h.credits-overlay .content-container > ul > li li {
  color: #d1a07d;
}
.colors-h input.button {
  color: #b0a69e;
}
.colors-h input.button:hover {
  color: #ffffff;
}
.colors-h iframe.example,
.colors-h pre.example {
  border-color: rgba(239, 239, 239, 0.3) !important;
}
.colors-h.help-toc a,
.colors-h.help-toc ul,
.colors-h.help-toc li {
  color: #ffffff;
}
.colors-h .help-toc-title {
  border-color: rgba(255, 255, 255, 0.2);
}
.text-h {
  color: #efefef;
}
.background-0-h {
  background-color: transparent !important;
}
.background-5-h {
  background-color: rgba(14, 14, 15, 0.05) !important;
}
.background-10-h {
  background-color: rgba(14, 14, 15, 0.1) !important;
}
.background-15-h {
  background-color: rgba(14, 14, 15, 0.15) !important;
}
.background-20-h {
  background-color: rgba(14, 14, 15, 0.2) !important;
}
.background-25-h {
  background-color: rgba(14, 14, 15, 0.25) !important;
}
.background-30-h {
  background-color: rgba(14, 14, 15, 0.3) !important;
}
.background-35-h {
  background-color: rgba(14, 14, 15, 0.35) !important;
}
.background-40-h {
  background-color: rgba(14, 14, 15, 0.4) !important;
}
.background-45-h {
  background-color: rgba(14, 14, 15, 0.45) !important;
}
.background-50-h {
  background-color: rgba(14, 14, 15, 0.5) !important;
}
.background-55-h {
  background-color: rgba(14, 14, 15, 0.55) !important;
}
.background-60-h {
  background-color: rgba(14, 14, 15, 0.6) !important;
}
.background-65-h {
  background-color: rgba(14, 14, 15, 0.65) !important;
}
.background-70-h {
  background-color: rgba(14, 14, 15, 0.7) !important;
}
.background-75-h {
  background-color: rgba(14, 14, 15, 0.75) !important;
}
.background-80-h {
  background-color: rgba(14, 14, 15, 0.8) !important;
}
.background-85-h {
  background-color: rgba(14, 14, 15, 0.85) !important;
}
.background-90-h {
  background-color: rgba(14, 14, 15, 0.9) !important;
}
.background-95-h {
  background-color: rgba(14, 14, 15, 0.95) !important;
}
.background-100-h {
  background-color: #0e0e0f !important;
}
.background-h {
  background-color: rgba(14, 14, 15, 0.85) !important;
}
.background-lite-h {
  background-color: rgba(14, 14, 15, 0.48519313) !important;
}
.background-lite-lite-h {
  background-color: rgba(14, 14, 15, 0.24285714) !important;
}
.background-hard-h {
  background-color: rgba(14, 14, 15, 0.95) !important;
}
.background-hard-hard-h {
  background-color: rgba(14, 14, 15, 0.97) !important;
}
.border-background-h {
  border-color: rgba(14, 14, 15, 0.7) !important;
}
.border-text-h {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-h {
  border-color: rgba(176, 166, 158, 0.7) !important;
}
.border-heading-h {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-h {
  border-color: rgba(209, 160, 125, 0.7) !important;
}
.heading-h {
  color: #ffffff !important;
}
.text-h {
  color: #efefef !important;
}
.text-background-h {
  color: #0e0e0f !important;
}
.background-highlight-h {
  background-color: #b0a69e !important;
}
.background-heading-h {
  background-color: #ffffff !important;
}
.background-text-h {
  background-color: #efefef !important;
}
.background-link-h {
  background-color: #d1a07d !important;
}
.highlight-h {
  color: #b0a69e !important;
}
.link-h {
  color: #d1a07d !important;
}
/*** Additional Colors / .background-transparent, .info, .danger, ... ***/
.background-transparent {
  background-color: transparent !important;
}
.primary {
  background-color: rgba(106, 141, 196, 0.67);
}
.success {
  background-color: rgba(125, 227, 82, 0.67);
}
.info {
  background-color: rgba(125, 245, 159, 0.67);
}
.warning {
  background-color: rgba(250, 233, 137, 0.67);
}
.danger {
  background-color: rgba(245, 61, 147, 0.67);
}
/*** Scroll Bars ***/
body,
html {
  -ms-overflow-style: scrollbar;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-left: 1px solid rgba(118, 118, 118, 0.6);
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  border-color: rgba(118, 118, 118, 0.6) !important;
  background-color: #ffffff;
  border-radius: 3px;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  border: 1px solid;
}
textarea,
.navbar-collapse,
.non-mobile #top-nav,
.ext-nav,
.overlay-window .content-container {
  -ms-overflow-style: scrollbar;
  scrollbar-face-color: #0e0e0f;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ebebeb;
  scrollbar-highlight-color: #0e0e0f;
  scrollbar-3dlight-color: #0e0e0f;
  scrollbar-shadow-color: #0e0e0f;
  scrollbar-darkshadow-color: #0e0e0f;
}
textarea::-webkit-scrollbar-track,
.navbar-collapse::-webkit-scrollbar-track,
.non-mobile #top-nav::-webkit-scrollbar-track,
.ext-nav::-webkit-scrollbar-track,
.overlay-window .content-container::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-left: 1px solid rgba(118, 118, 118, 0.6);
}
textarea::-webkit-scrollbar-thumb,
.navbar-collapse::-webkit-scrollbar-thumb,
.non-mobile #top-nav::-webkit-scrollbar-thumb,
.ext-nav::-webkit-scrollbar-thumb,
.overlay-window .content-container::-webkit-scrollbar-thumb {
  border-color: rgba(118, 118, 118, 0.6) !important;
  background-color: #ffffff;
  border-radius: 3px;
}
textarea::-webkit-scrollbar,
.navbar-collapse::-webkit-scrollbar,
.non-mobile #top-nav::-webkit-scrollbar,
.ext-nav::-webkit-scrollbar,
.overlay-window .content-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
textarea::-webkit-scrollbar-thumb,
.navbar-collapse::-webkit-scrollbar-thumb,
.non-mobile #top-nav::-webkit-scrollbar-thumb,
.ext-nav::-webkit-scrollbar-thumb,
.overlay-window .content-container::-webkit-scrollbar-thumb {
  border: 1px solid;
}
pre,
.example-page {
  -ms-overflow-style: scrollbar;
  scrollbar-face-color: #afafaf;
  scrollbar-track-color: #383838;
  scrollbar-arrow-color: #ebebeb;
  scrollbar-highlight-color: #afafaf;
  scrollbar-3dlight-color: #afafaf;
  scrollbar-shadow-color: #afafaf;
  scrollbar-darkshadow-color: #afafaf;
}
pre::-webkit-scrollbar-track,
.example-page::-webkit-scrollbar-track {
  background-color: #212124;
  border-left: 1px solid rgba(235, 235, 235, 0.6);
}
pre::-webkit-scrollbar-thumb,
.example-page::-webkit-scrollbar-thumb {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background-color: #0e0e0f;
  border-radius: 3px;
}
pre::-webkit-scrollbar,
.example-page::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
pre::-webkit-scrollbar-thumb,
.example-page::-webkit-scrollbar-thumb {
  border: 1px solid;
}
#customize-panel .options {
  -ms-overflow-style: scrollbar;
  scrollbar-face-color: #333333;
  scrollbar-track-color: #555555;
  scrollbar-arrow-color: #efefef;
  scrollbar-highlight-color: #333333;
  scrollbar-3dlight-color: #333333;
  scrollbar-shadow-color: #333333;
  scrollbar-darkshadow-color: #333333;
}
#customize-panel .options::-webkit-scrollbar-track {
  background-color: #444444;
  border-left: 1px solid #aaaaaa;
}
#customize-panel .options::-webkit-scrollbar-thumb {
  border-color: #aaaaaa !important;
  background-color: #444444;
  border-radius: 3px;
}
#customize-panel .options::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#customize-panel .options::-webkit-scrollbar-thumb {
  border: 1px solid;
}
.scroll-a {
  -ms-overflow-style: scrollbar;
}
.scroll-a::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-left: 1px solid rgba(118, 118, 118, 0.6);
}
.scroll-a::-webkit-scrollbar-thumb {
  border-color: rgba(118, 118, 118, 0.6) !important;
  background-color: #ffffff;
  border-radius: 3px;
}
.scroll-a::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scroll-a::-webkit-scrollbar-thumb {
  border: 1px solid;
}
.scroll-cp {
  -ms-overflow-style: scrollbar;
}
.scroll-cp::-webkit-scrollbar-track {
  background-color: #444444;
  border-left: 1px solid #aaaaaa;
}
.scroll-cp::-webkit-scrollbar-thumb {
  border-color: #aaaaaa !important;
  background-color: #444444;
  border-radius: 3px;
}
.scroll-cp::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scroll-cp::-webkit-scrollbar-thumb {
  border: 1px solid;
}
.scroll-b {
  -ms-overflow-style: scrollbar;
}
.scroll-b::-webkit-scrollbar-track {
  background-color: #212124;
  border-left: 1px solid rgba(235, 235, 235, 0.6);
}
.scroll-b::-webkit-scrollbar-thumb {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background-color: #0e0e0f;
  border-radius: 3px;
}
.scroll-b::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scroll-b::-webkit-scrollbar-thumb {
  border: 1px solid;
}
.ie-scroll-a {
  scrollbar-face-color: #0e0e0f;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ebebeb;
  scrollbar-highlight-color: #0e0e0f;
  scrollbar-3dlight-color: #0e0e0f;
  scrollbar-shadow-color: #0e0e0f;
  scrollbar-darkshadow-color: #0e0e0f;
}
.ie-scroll-b {
  scrollbar-face-color: #afafaf;
  scrollbar-track-color: #383838;
  scrollbar-arrow-color: #ebebeb;
  scrollbar-highlight-color: #afafaf;
  scrollbar-3dlight-color: #afafaf;
  scrollbar-shadow-color: #afafaf;
  scrollbar-darkshadow-color: #afafaf;
}
.ie-scroll-cp {
  scrollbar-face-color: #333333;
  scrollbar-track-color: #555555;
  scrollbar-arrow-color: #efefef;
  scrollbar-highlight-color: #333333;
  scrollbar-3dlight-color: #333333;
  scrollbar-shadow-color: #333333;
  scrollbar-darkshadow-color: #333333;
}


/* ============================================
   START - SECTION HEADERS (H2) – Refined Typography
   ============================================ */

section h2 {
  font-size: 55px;              /* balanced, premium scale */
  font-weight: 700;             /* strong but not shouting */
  letter-spacing: 0.4px;        /* subtle polish */
  line-height: 1.15;            /* maintains boldness without bulk */
  text-transform: uppercase;    
  text-align: center;
  margin-top: 40px;             /* tightened vertical spacing */
  margin-bottom: 18px;          /* reduced for better rhythm */
  color: #454545;               /* your existing heading color */
}

/* supporting subheader like "BUILDING SMARTER SYSTEMS..." */
section h2 + .header-details {
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 4px;              /* tighten closer to H2 */
  margin-bottom: 14px;
  color: #6f7a89;               /* matches your current design */
}


/* large screens – give them a bit more presence */
@media (min-width: 1200px) {
section h2 {
  font-size: 55px;              /* balanced, premium scale */
  font-weight: 700;             /* strong but not shouting */
  letter-spacing: 0.4px;        /* subtle polish */
  line-height: 1.15;            /* maintains boldness without bulk */
  text-transform: uppercase;    
  text-align: center;
  margin-top: 40px;             /* tightened vertical spacing */
  margin-bottom: 18px;          /* reduced for better rhythm */
  color: #454545;               /* your existing heading color */
}

/* supporting subheader like "BUILDING SMARTER SYSTEMS..." */
section h2 + .header-details {
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 4px;              /* tighten closer to H2 */
  margin-bottom: 14px;
  color: #6f7a89;               /* matches your current design */
}
}

/* tablets */
@media (max-width: 991px) {
section h2 {
  font-size: 55px;              /* balanced, premium scale */
  font-weight: 700;             /* strong but not shouting */
  letter-spacing: 0.4px;        /* subtle polish */
  line-height: 1.15;            /* maintains boldness without bulk */
  text-transform: uppercase;    
  text-align: center;
  margin-top: 40px;             /* tightened vertical spacing */
  margin-bottom: 18px;          /* reduced for better rhythm */
  color: #454545;               /* your existing heading color */
}

/* supporting subheader like "BUILDING SMARTER SYSTEMS..." */
section h2 + .header-details {
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 4px;              /* tighten closer to H2 */
  margin-bottom: 14px;
  color: #6f7a89;               /* matches your current design */
}
}

/* phones */
@media (max-width: 767px) {
section h2 {
  font-size: 32px;              /* balanced, premium scale */
  font-weight: 700;             /* strong but not shouting */
  letter-spacing: 0.4px;        /* subtle polish */
  line-height: 1.15;            /* maintains boldness without bulk */
  text-transform: uppercase;    
  text-align: center;
  margin-top: 40px;             /* tightened vertical spacing */
  margin-bottom: 18px;          /* reduced for better rhythm */
  color: #454545;               /* your existing heading color */
}

/* supporting subheader like "BUILDING SMARTER SYSTEMS..." */
section h2 + .header-details {
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 4px;              /* tighten closer to H2 */
  margin-bottom: 14px;
  color: #6f7a89;               /* matches your current design */
}
}


/* ============================================
   END - SECTION HEADERS (H2) – Refined Typography
   ============================================ */




/* === START: PAGE STYLE CHANGES 10/2025 === */

/* Remove top padding above the gallery overlay title */
.overlay-window.gallery-overlay .loaded-content.content-container {
  padding-top: 0 !important;
}

/* Adjust spacing above and below the gallery title */
.overlay-window.gallery-overlay h3 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* === END: PAGE STYLE CHANGES 10/2025 === */



/* === START: WHOLE SITE CUSTOMIZATIONS === */

/* === WIDER THEME — Unified header + content width ===================== */
/* Expands both the top navbar and the main content area for large screens */

@media (min-width: 1600px) {
  #top-nav .container,
  .gallery-page .container, footer .container {
    width: 1520px !important;
  }
}
/* Note: Bootstrap defines 'width', not 'max-width', so we override 'width'. */
/* === END: WHOLE SITE CUSTOMIZATIONS === */



/* === START: GALLERY PAGE CUSTOMIZATIONS === */
/* === Custom padding control for portfolio item pages ================ */
/* Page content vertical padding (overrides style.css) */
body > section:first-of-type > .view.gallery-page:first-of-type > .content{
  padding-top: 0px !important;    /* adjust */
  padding-bottom: 0px !important; /* adjust */
}

/* Optional: different values for smaller screens */
@media (max-width: 991px) {
	body > section:first-of-type > .view.gallery-page:first-of-type > .content{
	  padding-top: 0px !important;    /* adjust */
	  padding-bottom: 0px !important; /* adjust */
	}
}

/* If you only want to adjust content paragraphs on portfolio pages: */
.view.gallery-page p,
.view.gallery-page li {
  font-size: 17px;
  line-height: 1.4;
}

/* === Portfolio Item Labels ========================================== */
span.field {
  font-weight: 700;         /* bold */
  letter-spacing: 0.2px;    /* optional subtle refinement */
}



/* ==== Slick paddles — aligned, visible, non-breaking ================= */

/* Make sure the slider is a positioning context */
.view.gallery-page .slick-slider,
.overlay-window .carousel { position: relative; }

/* IMPORTANT: keep Slick's default clip so slides don't bleed */
.view.gallery-page .slick-slider .slick-list,
.overlay-window .carousel .slick-list { overflow: hidden !important; }

/* Base paddle style */
.view.gallery-page .slick-slider .slick-prev,
.view.gallery-page .slick-slider .slick-next,
.overlay-window .carousel .slick-prev,
.overlay-window .carousel .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 54px;
  height: 54px;
  border-radius: 12px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(0,0,0,.22);
  transition: background .2s ease, box-shadow .2s ease, opacity .2s ease, color .2s ease;
}

/* Light paddles on the regular page */
.view.gallery-page .slick-slider .slick-prev,
.view.gallery-page .slick-slider .slick-next {
  background: rgba(255,255,255,.92);
}

/* Dark paddles in the overlay */
.overlay-window .carousel .slick-prev,
.overlay-window .carousel .slick-next {
  background: rgba(0,0,0,.55);
}

/* Chevron glyphs */
.view.gallery-page .slick-slider .slick-prev:before,
.view.gallery-page .slick-slider .slick-next:before,
.overlay-window .carousel .slick-prev:before,
.overlay-window .carousel .slick-next:before {
  opacity: 1 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  margin-top: 1px;
}

/* Colors for glyphs */
.view.gallery-page .slick-slider .slick-prev:before,
.view.gallery-page .slick-slider .slick-next:before { color: #333 !important; }
.overlay-window .carousel .slick-prev:before,
.overlay-window .carousel .slick-next:before { color: #fff !important; }

/* Symmetric gutters (inside the image so we can keep overflow hidden) */
.view.gallery-page .slick-slider .slick-prev,
.overlay-window .carousel .slick-prev { left: 16px; }
.view.gallery-page .slick-slider .slick-next,
.overlay-window .carousel .slick-next { right: 16px; }

/* Hover */
.view.gallery-page .slick-slider .slick-prev:hover,
.view.gallery-page .slick-slider .slick-next:hover {
  background: #4586c6;
  box-shadow: 0 12px 24px rgba(0,0,0,.28);
}
.view.gallery-page .slick-slider .slick-prev:hover:before,
.view.gallery-page .slick-slider .slick-next:hover:before { color: #fff !important; }

.overlay-window .carousel .slick-prev:hover,
.overlay-window .carousel .slick-next:hover {
  background: rgba(0,0,0,.72);
  box-shadow: 0 12px 24px rgba(0,0,0,.36);
}

/* Disabled */
.view.gallery-page .slick-slider .slick-prev.slick-disabled,
.view.gallery-page .slick-slider .slick-next.slick-disabled,
.overlay-window .carousel .slick-prev.slick-disabled,
.overlay-window .carousel .slick-next.slick-disabled {
  opacity: .35;
  cursor: default;
  box-shadow: none;
}

/* Mobile */
@media (max-width: 767px){
  .view.gallery-page .slick-slider .slick-prev,
  .view.gallery-page .slick-slider .slick-next,
  .overlay-window .carousel .slick-prev,
  .overlay-window .carousel .slick-next {
    width: 44px; height: 44px; border-radius: 10px;
  }
  .view.gallery-page .slick-slider .slick-prev:before,
  .view.gallery-page .slick-slider .slick-next:before,
  .overlay-window .carousel .slick-prev:before,
  .overlay-window .carousel .slick-next:before {
    font-size: 22px !important;
  }
  .view.gallery-page .slick-slider .slick-prev,
  .overlay-window .carousel .slick-prev { left: 10px; }
  .view.gallery-page .slick-slider .slick-next,
  .overlay-window .carousel .slick-next { right: 10px; }
}



/* ---- GALLERY IMAGE RESIZE BELOW HERE - 10/29/2025 ---- */

/* === PORTFOLIO GALLERY — CLEAN, DOT-FREE VERSION ==================== */
/* Scoped to this page so nothing else breaks.                         */

.view.gallery-page .content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Header spacing for calc math */
.view.gallery-page {
  --gp-header: 96px;
}
@media (max-width: 767.98px) {
  .view.gallery-page { --gp-header: 64px; }
}

/* Make gallery fill viewport minus header (use svh on iOS if available) */
.view.gallery-page .project-gallery {
  margin: 0;
  padding: 0;
}
@supports (height: 1svh) {
  .view.gallery-page .project-gallery {
    height: calc(100svh - var(--gp-header));
  }
}
@supports not (height: 1svh) {
  .view.gallery-page .project-gallery {
    height: calc(100dvh - var(--gp-header));
  }
}

/* Slick internals fill the stage */
.view.gallery-page .project-gallery .slick-list {
  height: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
.view.gallery-page .project-gallery .slick-track {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.view.gallery-page .project-gallery .slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100% !important;
}

/* Image sizing — perfectly contained, no cropping */
.view.gallery-page .project-gallery img {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto;
}

/* Hide Slick dots completely (and remove their space) */
.view.gallery-page .project-gallery .slick-dots {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Arrows (paddles) remain centered vertically within image area */
.view.gallery-page .project-gallery .slick-prev,
.view.gallery-page .project-gallery .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 54px; height: 54px; border-radius: 12px;
  display: flex !important; align-items: center; justify-content: center;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 20px rgba(0,0,0,.22);
  transition: background .2s, box-shadow .2s, opacity .2s, color .2s;
}
.view.gallery-page .project-gallery .slick-prev { left: 16px; }
.view.gallery-page .project-gallery .slick-next { right: 16px; }
.view.gallery-page .project-gallery .slick-prev:before,
.view.gallery-page .project-gallery .slick-next:before {
  opacity: 1 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  color: #333 !important;
}
.view.gallery-page .project-gallery .slick-prev:hover,
.view.gallery-page .project-gallery .slick-next:hover {
  background: #4586c6;
  box-shadow: 0 12px 24px rgba(0,0,0,.28);
}
.view.gallery-page .project-gallery .slick-prev:hover:before,
.view.gallery-page .project-gallery .slick-next:hover:before {
  color: #fff !important;
}
.view.gallery-page .project-gallery .slick-prev.slick-disabled,
.view.gallery-page .project-gallery .slick-next.slick-disabled {
  opacity: .35;
  cursor: default;
  box-shadow: none;
}

@media (max-width: 767.98px){
  .view.gallery-page .project-gallery .slick-prev,
  .view.gallery-page .project-gallery .slick-next {
    width: 44px; height: 44px; border-radius: 10px;
  }
  .view.gallery-page .project-gallery .slick-prev:before,
  .view.gallery-page .project-gallery .slick-next:before {
    font-size: 22px !important;
  }
  .view.gallery-page .project-gallery .slick-prev { left: 10px; }
  .view.gallery-page .project-gallery .slick-next { right: 10px; }
}

/* Keep footer snug below gallery */
.view.gallery-page + footer,
.view.gallery-page footer {
  margin-top: 0 !important;
}



/* === MOBILE GALLERY — FINAL CLEAN VERSION (no bottom gap, no dots) === */
@media (max-width: 767.98px) {
  /* Let the stage shrink-wrap to image height */
  .view.gallery-page .project-gallery,
  .slider.project-gallery {
    height: auto !important;
    block-size: auto !important;
    min-height: calc(100svh - 80px);
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Make all Slick containers hug the image */
  .slider.project-gallery .slick-list,
  .slider.project-gallery .slick-track,
  .slider.project-gallery .slick-slide {
    height: auto !important;
    block-size: auto !important;
  }

  /* Top-align images so they stay pinned to header */
  .slider.project-gallery .slick-track {
    display: flex !important;
    align-items: flex-start !important;
  }

  /* Natural image sizing (fills width, keeps ratio) */
  .slider.project-gallery img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto;
  }

  /* Remove any extra column spacing below */
  .view.gallery-page .col-md-7 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Hide dots entirely */
  .view.gallery-page .slider.project-gallery .slick-dots {
    display: none !important;
  }
}

/* === MOBILE: kill stage height + shrink-wrap to image === */
@media (max-width: 767.98px){

  /* Stage */
  .view.gallery-page .slider.project-gallery{
    height: auto !important;
    min-height: 0 !important;
    block-size: auto !important;       /* logical size reset */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  /* Slick internals – stop forcing a tall box */
  .view.gallery-page .slider.project-gallery .slick-list,
  .view.gallery-page .slider.project-gallery .slick-track,
  .view.gallery-page .slider.project-gallery .slick-slide{
    height: auto !important;
    min-height: 0 !important;
    block-size: auto !important;
  }

  /* Make the track flow to content height instead of flex-centering */
  .view.gallery-page .slider.project-gallery .slick-track{
    display: block !important;           /* cancels our desktop flex */
  }

  /* Image sizing – full width, natural height */
  .view.gallery-page .slider.project-gallery img{
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  /* Belt-and-suspenders: remove any column spacing below the slider */
  .view.gallery-page .col-md-7{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Hide dots on this page */
.view.gallery-page .slider.project-gallery .slick-dots{
  display: none !important;
}


/* === END: GALLERY PAGE CUSTOMIZATIONS === */


/* === START: NAVBAR CUSTOMIZATIONS (state1/2 aware) =================== */
/* Pick your heights + logo sizes here */
body.state1 #top-nav { --nav-h: 90px; --logo-max: 50px; }  /* top of page */
body.state2 #top-nav { --nav-h: 72px;  --logo-max: 44px; }  /* after scroll */

/* Make the bar honor --nav-h */
#top-nav .navbar,
#top-nav .navbar-header,
#top-nav .navbar-collapse {
  min-height: var(--nav-h);
}

/* Brand block: vertically center and size by --nav-h */
#top-nav .navbar-brand {
  display: flex;
  align-items: center;
  height: var(--nav-h);
  padding: 0 15px 0 0;
  line-height: normal !important;
}

/* Brand image scales with state */
#top-nav .navbar-brand img {
  display: block;
  height: auto !important;      /* ignore any inline height attr */
  width: auto;
  max-height: var(--logo-max);
  transition: max-height .2s ease, transform .2s ease;
  position: static !important;  /* neutralize old nudges */
  top: auto !important;
}

/* Nav links: center vertically and match bar height */
#top-nav .nav > li > a {
  display: flex;
  align-items: center;
  height: var(--nav-h);
  line-height: var(--nav-h);  /* fallback for older browsers */
  padding-top: 0;
  padding-bottom: 0;
}

/* Optional: match the hamburger/toggle height */
#top-nav .menu-toggle { height: var(--nav-h); }


/* Push page content below the fixed navbar */
body.state1 { padding-top: 86px !important; }  /* match your state1 --nav-h */
body.state2 { padding-top: 72px  !important; }  /* match your state2 --nav-h */


/* === END: NAVBAR CUSTOMIZATIONS === */


/* === START: FOOTER CUSTOMIZATIONS === */

.footer-logo {
  margin-top: 20px;
  margin-bottom: 10px;
  max-width: 190px;
  height: auto;
}

/* === FOOTER SOCIAL ICONS - Use mathsux-accent ======================= */

/* For Font Awesome circle stacks */
footer .fa-stack .fa-circle {
  color: var(--mathsux-accent, #4586cc) !important; /* fallback if variable missing */
}

/* The brand icon (in front of circle) */
footer .fa-stack .fa-stack-1x,
footer .fa-stack .fa-inverse {
  color: #fff !important;
}

/* Hover effect - invert colors */
footer a:hover .fa-circle {
  color: #fff !important;
}

footer a:hover .fa-stack-1x,
footer a:hover .fa-inverse {
  color: var(--mathsux-accent, #4586cc) !important;
}

/* For non-stacked “circle” icons if used */
footer .circle {
  border-color: var(--mathsux-accent, #4586cc) !important;
  color: var(--mathsux-accent, #4586cc) !important;
}

footer .circle:hover {
  background-color: var(--mathsux-accent, #4586cc) !important;
  color: #fff !important;
}



/* NEW - Footer: match wide layout of header on large screens */
footer .container {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1600px) {
  footer .container {
    max-width: none;
    width: 1520px !important;
  }
}

/* === END: FOOTER CUSTOMIZATIONS === */



/* === START: INDEX PAGE CUSTOMIZATIONS === */

/* === FIX WHITE GAP ABOVE FOOTER === */
/* Remove extra space below last section */
.page-content.fullscreen-content:last-of-type,
section:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove extra space above footer */
footer.colors-g.page-transition.non-preloading {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure backgrounds connect seamlessly */
footer.colors-g.page-transition.non-preloading,
.page-content.fullscreen-content:last-of-type {
  background-color: #212121; /* or match your footer bg */
}

/* Optional — eliminate any parallax background offset */
section .bg,
.section .bg {
  bottom: 0 !important;
  transform: none !important;
}

/* === END: INDEX PAGE CUSTOMIZATIONS === */




/* === START: PORTFOLIO PAGES - PRELOADER / GATE SAFETY & FADE =============================== */
.gate {
  position: fixed !important;
  inset: 0 !important;           /* top, right, bottom, left = 0 */
  z-index: 9999 !important;      /* stay above everything */
  opacity: 1;
}

.gate.is-done {
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

/* === END: PORTFOLIO PAGES - PRELOADER / GATE SAFETY & FADE =============================== */






/* === START: CORE CAPABILITIES (Index page) ================================ */


/* === CORE CAPABILITIES – Intro Line ========================= */
#core-capabilities p.lead {
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #444;
  line-height: 1.2;
  letter-spacing: 0.2px;
  margin-bottom: 40px;
}

/* Stronger subheads */
#core-capabilities h4 {
  font-size: 23px;
  font-weight: 900;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #4586c6;               /* site accent blue */
  margin: 0 0 14px;
  line-height: .95em;
  text-align: center;
}

/* Core Capabilities bullet list */
#core-capabilities ul.core-bullets {
  list-style-type: disc;        /* real dots */
  padding-left: 22px;           /* aligns with portfolio pages */
  margin: 0;
  padding-bottom: 5px;
}

/* Bullet items */
#core-capabilities ul.core-bullets li {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  color: #444;
  margin-bottom: 10px;
}

/* Blue bullet dots */
#core-capabilities ul.core-bullets li::marker {
  color: #4586c6;
  font-size: 0.9em;
}

/* Override text color - Blue */
.header-details {
  color: #4586c6 !important;
}

/* ================================
   CORE CAPABILITIES – ICONS
   ================================ */

/* keep columns left-aligned overall */
#core-capabilities .capability-block {
    text-align: left;
    margin-bottom: 5px;
}

/* center the icon inside each column */
#core-capabilities .cap-icon-wrap {
    text-align: center;
}

/* base icon styling */
.core-cap-icon {
    display: inline-block;
    width: 140px;                 /* desktop size */
    height: auto;
    margin: 8px auto 30px;        /* space above titles */
    transition:
        transform 0.25s ease,
        opacity 0.25s ease,
        filter 0.25s ease;
}

/* hover lift + subtle fade / glow */
#core-capabilities .capability-block:hover .core-cap-icon,
#core-capabilities .capability-block:focus-within .core-cap-icon {
    transform: translateY(-6px);
    opacity: 0.9;
/*     filter: drop-shadow(0 6px 12px rgba(0,0,0,0.12));  */
}

/* large screens – give them a bit more presence */
@media (min-width: 1200px) {
    .core-cap-icon {
        width: 140px;
        margin-bottom: 32px;
    }
}

/* tablets */
@media (max-width: 991px) {
    .core-cap-icon {
        width: 140px;
        margin-bottom: 28px;
    }
}

/* phones */
@media (max-width: 767px) {
    .core-cap-icon {
        width: 140px;
        margin-bottom: 24px;
    }
}

/* --- CORE CAPABILITIES SPACING REFINEMENTS --- */
#core-capabilities h2 {
    margin-bottom: 10px !important;
}

#core-capabilities .header-details {
    margin-top: 4px !important;
    margin-bottom: 18px !important;
    letter-spacing: 1.2px;
}

#core-capabilities .lead {
    margin-top: 0 !important;
    margin-bottom: 35px !important;
}

/* === END: CORE CAPABILITIES (Index page) ================================ */


/* === START: CONTACT / LET'S CONNECT – align with Core Capabilities ================ */

#contact .content.colors-e {
  padding-top: 40px;
  padding-bottom: 80px;
}

/* Headline + subhead */
#contact h2 {
  text-align: center;
  margin-bottom: 8px !important;
}

#contact .header-details {
  text-align: center;
  margin-top: 4px !important;
  margin-bottom: 32px !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 15px;
}

/* Two-column layout mirrors Core Capabilities width and feel */
#contact .contact-row {
  max-width: 1100px;
  margin: 0 auto 30px;
  align-items: flex-start;
}

/* Left column */
#contact .contact-copy {
  text-align: left;
}

#contact .contact-copy .lead {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 18px;
}

#contact .contact-signoff {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4586c6;
  text-align: center;
}

/* Right column – meta block */
#contact .contact-meta {
  text-align: left;
  padding-left: 40px;
}

#contact .contact-name {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 14px;
}

/* Icon + text list */
#contact .contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contact .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.6;
}

#contact .contact-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

#contact .contact-icon img {
  display: block;
  width: 32px;
  height: 32px;
}

#contact .contact-body {
  display: inline-block;
}

#contact .contact-label {
  display: block;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 2px;
}

#contact .contact-text {
  display: block;
}

/* Links */
#contact .contact-email a,
#contact .contact-linkedin a {
  font-weight: 600;
  text-decoration: none;
}

#contact .contact-email a:hover,
#contact .contact-linkedin a:hover {
  text-decoration: underline;
}

#contact .contact-phone {
  font-weight: 600;
}

/* Responsive: stack & center on tablet/phone */
@media (max-width: 991px) {
  #contact .contact-row {
    max-width: 720px;
    text-align: center;
  }

  #contact .contact-copy,
  #contact .contact-meta {
    text-align: left;
    padding-left: 0;
    margin-bottom: 24px;
  }

  #contact .contact-item {
    justify-content: center;
  }
}

/* === CONTACT – mobile tweaks ==================================== */
@media (max-width: 767px) {
  /* keep the whole block centered under the paragraph */
  #contact .contact-meta {
    align-items: center;
    margin-top: 28px;
  }

  /* each line (icon + text) */
  #contact .contact-header,
  #contact .contact-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 14px;
    justify-content: flex-start;   /* icon then text */
  }

  /* shrink icons a bit on small screens */
  #contact .contact-meta img {
    width: 32px;
    height: auto;
    margin-right: 12px;
  }

  /* slightly smaller body text so it feels more balanced */
  #contact .contact-meta-title {
    font-size: 11px;
    letter-spacing: 0.16em;
  }

  #contact .contact-meta-value,
  #contact .contact-meta-value a {
    font-size: 16px;
  }
}

/* === CONTACT – tablet / narrow desktop refinements =================== */
/* Center the whole contact block and keep rows a comfortable width */
@media (max-width: 991px) {
  /* Keep meta block centered under the copy */
  #contact .contact-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    margin-top: 24px;
  }

  /* Keep list constrained and centered */
  #contact .contact-list {
    width: 100%;
  }

  #contact .contact-item {
    max-width: 360px;
    margin: 0 auto 12px;
    justify-content: flex-start;  /* icon then text */
  }
}

/* === CONTACT – phone refinements ===================================== */
@media (max-width: 767px) {
  /* Slightly smaller icons + tighter spacing so they don’t feel huge */
  #contact .contact-icon,
  #contact .contact-icon img {
    width: 26px;
    height: 26px;
  }

  #contact .contact-item {
    max-width: 320px;
    margin: 0 auto 12px;
  }
}

#contact p.lead {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #444;
  line-height: 1.2;
  letter-spacing: 0.2px;
  margin-bottom: 40px;
}


.contact-photo {
    margin-bottom: 20px;
}

.contact-headshot {
    display: block;                 /* NEW – makes margin auto work */
    max-width: 230px;
    border-radius: 50%;
    margin: 0 auto 20px;            /* centers horizontally */
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
}


/* Ensure text column is left-aligned even though the headshot is centered */
.contact-copy {
    text-align: left;
}


/* ----------------------------------------- */
/* CONTACT SECTION – MOBILE ALIGNMENT FIXES  */
/* ----------------------------------------- */

@media (max-width: 991px) {

    /* Ensure all contact columns center on mobile */
    .contact-row,
    .contact-copy,
    .contact-meta,
    .contact-headshot-col {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Make the headshot center-align and resize for smaller screens */
    .contact-headshot-col img {
        display: block;
        margin: 0 auto !important;
        max-width: 220px;
        height: auto;
    }

    /* Force the right-side contact info block to center */
    .contact-meta {
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
    }

    /* Center the UL of icons + text */
    .contact-list {
        padding-left: 0 !important;
        text-align: center !important;
    }

    .contact-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Center individual SVG icons */
    .contact-icon {
        margin-right: 8px;
    }
}

/* Center headshot on mobile */
@media (max-width: 767px) {

  /* Center the column content */
  .contact-photo {
    text-align: center !important;
  }

  /* Center the image itself */
  .contact-photo .contact-headshot {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Center the headshot on mobile */
@media (max-width: 767px) {
    .contact-image-wrapper,
    .contact-image-wrapper img,
    .contact-copy,
    .contact-meta {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .contact-image-wrapper img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* Center headshot column on mobile */
@media (max-width: 767px) {
    .contact-headshot-wrapper,
    .col-md-4.contact-headshot-wrapper,
    #contact .col-md-4 {
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
    }

    #contact .contact-headshot {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* FORCE headshot to center on mobile */
@media (max-width: 767px) {
    #contact img[style*="max-width"] {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Also center its parent column */
    #contact .col-md-4,
    #contact [class*="col-"] {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

/* CONTACT: disable flex layout on mobile so the headshot can center */
@media (max-width: 767px) {
  #contact .contact-row {
    display: block !important;         /* overrides inline display:flex */
  }

  /* make sure the headshot column and image are centered */
  #contact .contact-photo {
    text-align: center !important;
  }

  #contact .contact-photo .contact-headshot {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}


/* CONTACT SECTION – tablet & mobile stack fixes */
@media (max-width: 991.98px) {

  /* Make all three pieces full-width, centered */
  #contact .row.contact-row > div {
    float: none;
    width: 100%;
    max-width: 640px;        /* keeps text from getting too wide */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* Headshot block */
  #contact .contact-headshot-wrapper {
    margin-bottom: 25px;
  }

  #contact .contact-headshot-wrapper .contact-headshot {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /* Middle copy block */
  #contact .contact-copy {
    margin-bottom: 35px;
  }

  /* Contact meta block */
  #contact .contact-meta {
    margin-top: 10px;
  }

  #contact .contact-meta .contact-name,
  #contact .contact-meta .contact-list {
    text-align: left;      /* keep icons + text nicely aligned */
    margin-left: auto;
    margin-right: auto;
  }
}




/* === END: CONTACT / LET'S CONNECT – align with Core Capabilities ================ */





/* === START: HERO BANNER – aligned to site / Core Capabilities ================== */

/* HERO BACKGROUND SECTION */
.hero-banner,
.hero-banner-bold {
  position: relative;
  padding: 90px 20px 60px;
  background-image: url('images/backgrounds/Hero-Banner_2025_v5.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom: none;
}

/* Optional overlay to improve readability */
.hero-banner::before,
.hero-banner-bold::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.35),
    rgba(0, 0, 0, 0.10)
  );
  pointer-events: none;
}

/* Layout wrapper (two-column hero) */
.hero-content {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  z-index: 2;
  text-align: center;
  opacity: 0;
  transform: translateY(18px);
  animation: hero-fade-in-bold 0.7s ease-out forwards;
}

/* tablets */
@media (max-width: 991px) {
.hero-content {
  text-align: center;
}
}

/* phones */
@media (max-width: 767px) {
.hero-content {
  text-align: center;
}
}

/* Columns */
.hero-left {
  flex: 1.15;
  padding-right: 40px;
}

.hero-right {
  flex: 0.85;
  max-width: 430px;
}

/* Pill label */
.hero-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: rgba(248, 250, 252, 0.95);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

/* Headline */
.hero-title,
.hero-title-bold {
  font-size: 55px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin: 10px 0 20px;
}

.hero-title span,
.hero-title-bold span {
  color: #4586c6; /* lighter blue highlight */
}

/* Subtitle */
.hero-subtitle,
.hero-subtitle-tight {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
  max-width: 420px;
  margin: 0 0 24px;
}

/* CTA buttons row
.hero-cta-row,
.hero-ctas-right {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
 */

/* Buttons */
.btn-primary,
.btn-secondary,
.hero-btn,
.hero-btn-primary,
.hero-btn-secondary {
  display: inline-block;
  padding: 11px 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

/* Primary: white button on blue */
.btn-primary,
.hero-btn-primary {
  background: #4586c6;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.btn-primary:hover,
.hero-btn-primary:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
  color: #4586c6;
}

/* Secondary: transparent with white border */
.btn-secondary,
.hero-btn-secondary {
  background: transparent;
  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.7);
}

.btn-secondary:hover,
.hero-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.25);   /* brighter background */
  color: #ffffff;                          /* pure white text */
  border-color: rgba(255, 255, 255, 0.9);  /* brighter border */
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
}

/* Animation */
@keyframes hero-fade-in-bold {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Tighten spacing above PORTFOLIO */
#work {              /* portfolio section wrapper */
  margin-top: 36px;
}

/* RESPONSIVE ======================================================= */
@media (max-width: 1200px) {
  .hero-banner,
  .hero-banner-bold {
    padding: 70px 16px 56px;
    background-position: right;
  }

  .hero-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .hero-left {
    padding-right: 0;
  }

  .hero-right {
    max-width: none;
  }

  .hero-title,
  .hero-title-bold {
    font-size: 43px;
  }

  .hero-subtitle,
  .hero-subtitle-tight {
    max-width: none;
  }

  .btn-primary,
  .btn-secondary,
  .hero-btn,
  .hero-btn-primary,
  .hero-btn-secondary {
    text-align: center;
  }
}

@media (max-width: 640px) {
  .hero-title,
  .hero-title-bold {
    font-size: 38px;
  }
}



/* Fix spacing below hero */
.hero-banner {
  margin-bottom: 0 !important;
  padding-bottom: 60px !important; /* optional tweak */
  padding-top: 60px !important; /* optional tweak */
}

/* Remove Skrollex extra spacing above Portfolio */
#work {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove theme wrapper padding */
#work .content,
#work .content.no-bottom-padding {
  padding-top: 0 !important;
  margin-top: 0 !important;
}


/* === TIGHTEN VERTICAL GAPS ON HOME PAGE ======================= */

/* 1) Portfolio → Core Capabilities */
#core-capabilities {
  margin-top: 0px;              /* reduce white band above headline */
}

#core-capabilities .content {
  padding-top: 5px;             /* was visually closer to ~80–90px */
  padding-bottom: 5px;          /* tighten space before CTA section */
}

/* 2) Core Capabilities → LET'S WORK TOGETHER */
#contact .content {
  padding-top: 60px;             /* less white space above CTA */
  padding-bottom: 70px;          /* still gives the photo room to breathe */
}

/* Keep portfolio section snug but not cramped */
#work .content.no-bottom-padding {
  padding-bottom: 30px;          /* already reduced, just reaffirming */
}

/* === END: HERO BANNER – aligned to site / Core Capabilities ================== */



/* === START: REFINED FOOTER LAYOUT ============================ */

.footer-main-row {
  padding: 25px 0 10px;
}

/* Tablets + desktop: two columns on one row */
@media (min-width: 768px) {
  .footer-main-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .footer-main-row .footer-brand,
  .footer-main-row .footer-contact {
    float: none;         /* override Bootstrap floats */
    min-width: 0;        /* allow flex items to shrink */
    flex: 0 0 50%;       /* each takes half the row */
    max-width: 50%;
  }
}

/* Phones: stack footer content full-width */
@media (max-width: 767px) {
  .footer-main-row {
    display: block;
  }
}




.footer-contact {
  text-align: right;
}

.footer-contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-contact-list li {
  font-size: 16px;
  color: #efefef;
  margin-bottom: 18px;
}

.footer-contact-list a {
  color: #d4e5ff;
  transition: color 0.2s ease;
}

.footer-contact-list a:hover {
  color: #7cb5ff;
}

.footer-location {
  color: #b5b8be;
}

/* Bottom copyright row */
.footer-bottom {
  font-size: 13px;
  color: #a3a7af;
  padding: 12px 0 18px;
}

/* Mobile */
@media (max-width: 767px) {
  .footer-brand,
  .footer-contact {
    text-align: center;
    align-items: center;      /* fix typo */
    justify-content: center;  /* center items in the flex row */
  }

  .footer-brand {
    flex-direction: column;   /* logo + LinkedIn stacked, centered */
  }

  .footer-contact {
    margin-top: 18px;
  }
}

/* PHONE - FIX Raleway Number Issues */
  .contact-phone {
    font-variant-numeric: lining-nums tabular-nums;
    -webkit-font-feature-settings: "lnum" 1, "tnum" 1;
    -moz-font-feature-settings: "lnum" 1, "tnum" 1;
    font-feature-settings: "lnum" 1, "tnum" 1;
}


/* === END: REFINED FOOTER LAYOUT ============================ */





/* === START: PORTFOLIO GRID – Customizations ================== */

.portfolio-icon {
    width: 32px;
    margin-bottom: 0px;
}


/* === END: PORTFOLIO GRID – Customizations ================== */