.wiw {
    width: 100%;
    border: 1px solid #5233f0;

}

.buzzer {
    width: 150px;
}
.hidden-xs, .visible-xs-block, #services, #numbers, .map-open {
  display: none !important;
}

.header_center {
    max-width: 75%;
    margin: auto;
}
.blur-5 {
  filter: blur(5px);
}
/*------------------------------------------------------------------
[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: #767676;
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-a .bg-color {
  color: #ffffff;
}
.colors-a .out {
  opacity: 0.6;
}
.colors-a .heading,
.colors-a.heading {
  color: #333333;
}
.colors-a .link,
.colors-a.link {
  color: #5233f0;
}
.colors-a .highlight,
.colors-a.highlight {
  color: #5233f0;
}
.colors-a .background,
.colors-a.background {
  background-color: rgba(255, 255, 255, 0.6);
}
.colors-a .background-solid,
.colors-a.background-solid {
  background-color: #ffffff;
}
.colors-a .background-hard,
.colors-a.background-hard {
  background-color: rgba(255, 255, 255, 0.86666667);
}
.colors-a .background-lite,
.colors-a.background-lite {
  background-color: rgba(255, 255, 255, 0.34248927);
}
.colors-a h1,
.colors-a h2,
.colors-a h3,
.colors-a h4,
.colors-a h5,
.colors-a h6,
.colors-a .col-icon {
  color: #333333;
}
.colors-a .col-left-marginalia,
.colors-a col-right-marginalia {
  color: #333333;
}
.colors-a a,
a.colors-a {
  color: #5233f0;
}
.colors-a a:hover,
a.colors-a:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-a .line {
  border-color: #767676;
  border-color: rgba(118, 118, 118, 0.3);
}
.colors-a .line:hover {
  background-color: rgba(255, 255, 255, 0.34248927);
}
.colors-a .help-block li {
  color: #5233f0;
}
.colors-a .grid-example > .row > div:nth-child(1n) {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(118, 118, 118, 0.1);
}
.colors-a .grid-example > .row > div:nth-child(2n) {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(118, 118, 118, 0.3);
}
.colors-a ::-webkit-input-placeholder {
  color: rgba(118, 118, 118, 0.6);
}
.colors-a :-moz-placeholder {
  color: rgba(118, 118, 118, 0.6);
  opacity: 1;
}
.colors-a ::-moz-placeholder {
  color: rgba(118, 118, 118, 0.6);
  opacity: 1;
}
.colors-a :-ms-input-placeholder {
  color: rgba(118, 118, 118, 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(51, 51, 51, 0.3) !important;
}
.colors-a .border-hard,
.colors-a.border-hard {
  border-color: rgba(51, 51, 51, 0.7) !important;
}
.colors-a .border-lite,
.colors-a.border-lite {
  border-color: rgba(51, 51, 51, 0.08) !important;
}
.colors-a .text {
  color: #767676 !important;
}
.colors-a .text-background,
.colors-a.text-background {
  color: #ffffff !important;
}
.colors-a .background-highlight,
.colors-a.background-highlight {
  background-color: #5233f0 !important;
}
.colors-a .background-heading,
.colors-a.background-heading {
  background-color: #333333 !important;
}
.colors-a .background-text,
.colors-a.background-text {
  background-color: #767676 !important;
}
.colors-a .background-link,
.colors-a.background-link {
  background-color: #5233f0 !important;
}
.colors-a .border-text,
.colors-a.border-text {
  border-color: rgba(118, 118, 118, 0.7) !important;
}
.colors-a .border-highlight,
.colors-a.border-highlight {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.colors-a .border-heading,
.colors-a.border-heading {
  border-color: rgba(51, 51, 51, 0.7) !important;
}
.colors-a .border-link,
.colors-a.border-link {
  border-color: rgba(82, 51, 240, 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(255, 255, 255, 0.05) !important;
}
.colors-a .background-10,
.colors-a.background-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.colors-a .background-15,
.colors-a.background-15 {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.colors-a .background-20,
.colors-a.background-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.colors-a .background-25,
.colors-a.background-25 {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.colors-a .background-30,
.colors-a.background-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.colors-a .background-35,
.colors-a.background-35 {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.colors-a .background-40,
.colors-a.background-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.colors-a .background-45,
.colors-a.background-45 {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.colors-a .background-50,
.colors-a.background-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.colors-a .background-55,
.colors-a.background-55 {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.colors-a .background-60,
.colors-a.background-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.colors-a .background-65,
.colors-a.background-65 {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.colors-a .background-70,
.colors-a.background-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-a .background-75,
.colors-a.background-75 {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.colors-a .background-80,
.colors-a.background-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.colors-a .background-85,
.colors-a.background-85 {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.colors-a .background-90,
.colors-a.background-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.colors-a .background-95,
.colors-a.background-95 {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.colors-a .background-100,
.colors-a.background-100 {
  background-color: #ffffff !important;
}
.colors-a h2::after {
  background-color: rgba(51, 51, 51, 0.4);
}
.colors-a h3 a {
  color: #333333;
}
.colors-a h3 a:hover {
  color: rgba(51, 51, 51, 0.75);
}
.colors-a h3 {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-a input,
.colors-a textarea {
  background-color: transparent;
  border-color: rgba(51, 51, 51, 0.6);
  outline-color: rgba(118, 118, 118, 0);
}
.colors-a input:focus,
.colors-a textarea:focus {
  outline-color: rgba(118, 118, 118, 0.37);
}
#top-nav.colors-a {
  border-color: rgba(82, 51, 240, 0.16);
  color: #333333;
}
#top-nav.colors-a li a {
  color: #333333;
}
#top-nav.colors-a li a:hover {
  color: inherit;
}
#top-nav.colors-a .navbar-brand {
  color: #333333;
}
#top-nav.colors-a .navbar-brand:hover {
  color: #333333;
}
#top-nav.colors-a .nav > li ul {
  background-color: rgba(255, 255, 255, 0.6);
}
#top-nav.colors-a .nav > li ul a {
  color: #333333;
}
#top-nav.colors-a .nav > li ul a.active {
  color: #5233f0;
}
#top-nav.colors-a .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-a li.open > a {
  background-color: rgba(255, 255, 255, 0.34248927);
}
#top-nav.colors-a .navbar-nav a.active {
  color: #5233f0;
}
#top-nav.colors-a .navbar-toggle {
  background-color: transparent !important;
  border-color: #333333;
}
#top-nav.colors-a .navbar-toggle .icon-bar {
  background-color: #333333;
}
.colors-a.page-border {
  border-color: rgba(82, 51, 240, 0.16);
}
.colors-a.page-border a {
  color: #333333;
}
.ext-nav a.colors-a .side-title {
  color: #333333;
}
.ext-nav a.colors-a .side-label {
  color: #5233f0;
}
.ext-nav a.colors-a:hover .side-title {
  color: #333333;
}
.ext-nav a.colors-a:hover .side-label {
  color: #5233f0;
}
.colors-a .menu-toggle span,
.colors-a .menu-toggle span:before,
.colors-a .menu-toggle span:after {
  background-color: #333333;
}
.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: #5233f0;
}
.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: #767676;
  color: rgba(118, 118, 118, 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: #5233f0;
  color: rgba(118, 118, 118, 0.7);
  opacity: 1;
}
.colors-a .carousel .slick-slide {
  background-color: rgba(255, 255, 255, 0.6);
}
.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: #333333;
  background-color: transparent;
}
.colors-a .gallery .filter .nav li a.active {
  color: #5233f0;
}
.colors-a.gallery-overlay .field {
  color: #333333;
}
.colors-a .cross:before,
.colors-a .cross:after {
  background-color: #333333;
}
.colors-a.circle {
  border-color: rgba(255, 255, 255, 0.6);
  color: #333333;
}
.colors-a.circle:after {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
}
.colors-a.circle:hover {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
}
.colors-a.circle:hover:after {
  border-color: rgba(255, 255, 255, 0.6);
}
.colors-a .process .process-row .process-step .process-box {
  border-color: rgba(118, 118, 118, 0.7);
}
.colors-a .process .process-row .process-step .process-box:before {
  background-color: #ffffff;
}
#dot-scroll.colors-a li a span {
  background-color: #333333;
}
#dot-scroll.colors-a li a.active span,
#dot-scroll.colors-a li a:hover.active span {
  background-color: rgba(255, 255, 255, 0.6);
}
#dot-scroll.colors-a li a.target span,
#dot-scroll.colors-a li a:hover.target span {
  border-color: #333333;
}
#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: #333333;
}
.colors-a.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #ffffff;
  background-color: transparent !important;
}
.colors-a.skew.skew-bottom-right {
  border-bottom-color: #ffffff;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-a.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #ffffff;
  background-color: transparent !important;
}
.colors-a.skew.skew-top-left {
  border-top-color: #ffffff;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-a .loader {
  border-color: rgba(118, 118, 118, 0.1);
}
.colors-a .loader li:nth-child(1) {
  background: #767676;
}
.colors-a .loader li:nth-child(2) {
  background: #767676;
}
.colors-a .loader li:nth-child(3) {
  background: #767676;
}
.colors-a .loader li:nth-child(4) {
  background: #767676;
}
.colors-a #comments {
  border-color: rgba(51, 51, 51, 0.3) !important;
}
.colors-a #comments .comment-list .comment {
  border-color: rgba(51, 51, 51, 0.3) !important;
}
.colors-a .avatar,
.colors-a ul.tags-list li {
  border-color: rgba(51, 51, 51, 0.3) !important;
}
.colors-a .post .post-meta {
  color: #333333;
}
.colors-a .post .post-meta a {
  color: #333333;
}
.colors-a .post .post-meta a:hover {
  color: #5233f0;
}
.colors-a .post .post-meta .post-month {
  border-color: rgba(51, 51, 51, 0.08) !important;
}
.colors-a .post h3 a:hover {
  color: #333333;
}
.colors-a .post .post-tags {
  color: rgba(118, 118, 118, 0.85);
}
.colors-a .post .post-month {
  color: #5233f0;
}
.colors-a .sidebar .title {
  color: #333333;
}
.colors-a .pagination .active a {
  background-color: rgba(51, 51, 51, 0.85);
  color: #ffffff;
}
.colors-a .pagination .active a:hover {
  color: #ffffff;
}
.colors-a .pagination a {
  background-color: transparent;
  border-color: rgba(51, 51, 51, 0.4) !important;
  color: #333333;
}
.colors-a .pagination a:hover {
  color: #5233f0;
}
.colors-a .navbar-collapse {
  max-height: none;
}
.colors-a .caption {
  color: #333333;
}
.colors-a .title,
.colors-a .header-details,
.colors-a .subtitle {
  color: #333333;
}
.colors-a .title.highlight,
.colors-a .header-details.highlight,
.colors-a .subtitle.highlight {
  color: #5233f0;
}
.colors-a .slogan {
  color: #5233f0;
}
.colors-a .underline-dashed,
.colors-a .underline-dotted {
  border-color: rgba(82, 51, 240, 0.7);
}
.colors-a .underline {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-a .underline-highlight {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-a .underline-link {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-a .underline-heading {
  border-color: rgba(51, 51, 51, 0.5);
}
.colors-a .underline-text {
  border-color: rgba(118, 118, 118, 0.5);
}
.colors-a .top-line:before {
  background-color: rgba(82, 51, 240, 0.7);
}
.colors-a .bottom-line:after {
  background-color: #5233f0;
}
.colors-a .short-underline:after {
  background-color: #5233f0;
}
.colors-a .stroke-highlight {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.colors-a .stroke-heading {
  text-shadow: -1px -1px 0 #333333, 1px -1px 0 #333333, -1px 1px 0 #333333, 1px 1px 0 #333333;
}
.colors-a .stroke-foreground {
  text-shadow: -1px -1px 0 #767676, 1px -1px 0 #767676, -1px 1px 0 #767676, 1px 1px 0 #767676;
}
.colors-a .stroke-background {
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.6), 1px -1px 0 rgba(255, 255, 255, 0.6), -1px 1px 0 rgba(255, 255, 255, 0.6), 1px 1px 0 rgba(255, 255, 255, 0.6);
}
.colors-a .label-border {
  border-color: rgba(82, 51, 240, 0.7);
  outline-color: #5233f0;
}
.colors-a .bottom-menu {
  color: #767676 !important;
}
.colors-a .bottom-menu a,
.colors-a .bottom-menu i {
  color: #767676 !important;
}
.colors-a .bottom-menu a:hover {
  background-color: transparent;
  color: #5233f0;
}
.colors-a .bottom-menu a:hover i {
  color: #5233f0;
}
footer.colors-a a i:hover {
  color: #767676 !important;
}
.colors-a .main-icon {
  color: #333333;
}
.colors-a .main-icon:hover {
  color: #333333;
}
.colors-a.content.border-bottom,
.colors-a.content.border-top,
footer.colors-a.border-bottom,
footer.colors-a.border-top {
  border-color: rgba(82, 51, 240, 0.8);
}
.colors-a.credits-overlay .content-container > ul > li {
  color: #5233f0;
}
.colors-a.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-a input.button {
  color: #5233f0;
}
.colors-a input.button:hover {
  color: #333333;
}
.colors-a iframe.example,
.colors-a pre.example {
  border-color: rgba(118, 118, 118, 0.3) !important;
}
.colors-a.help-toc a,
.colors-a.help-toc ul,
.colors-a.help-toc li {
  color: #333333;
}
.colors-a .help-toc-title {
  border-color: rgba(51, 51, 51, 0.2);
}
.text-a {
  color: #767676;
}
.background-0-a {
  background-color: transparent !important;
}
.background-5-a {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.background-10-a {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.background-15-a {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.background-20-a {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.background-25-a {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.background-30-a {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.background-35-a {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.background-40-a {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.background-45-a {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.background-50-a {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.background-55-a {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.background-60-a {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.background-65-a {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.background-70-a {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.background-75-a {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.background-80-a {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.background-85-a {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.background-90-a {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.background-95-a {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.background-100-a {
  background-color: #ffffff !important;
}
.background-a {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.background-lite-a {
  background-color: rgba(255, 255, 255, 0.34248927) !important;
}
.background-lite-lite-a {
  background-color: rgba(255, 255, 255, 0.17142857) !important;
}
.background-hard-a {
  background-color: rgba(255, 255, 255, 0.86666667) !important;
}
.background-hard-hard-a {
  background-color: rgba(255, 255, 255, 0.92) !important;
}
.border-background-a {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-text-a {
  border-color: rgba(118, 118, 118, 0.7) !important;
}
.border-highlight-a {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-heading-a {
  border-color: rgba(51, 51, 51, 0.7) !important;
}
.border-link-a {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-a {
  color: #333333 !important;
}
.text-a {
  color: #767676 !important;
}
.text-background-a {
  color: #ffffff !important;
}
.background-highlight-a {
  background-color: #5233f0 !important;
}
.background-heading-a {
  background-color: #333333 !important;
}
.background-text-a {
  background-color: #767676 !important;
}
.background-link-a {
  background-color: #5233f0 !important;
}
.highlight-a {
  color: #5233f0 !important;
}
.link-a {
  color: #5233f0 !important;
}
/*** Colors B / .colors-b, .heading-b, .highlight-b, ... ***/
.colors-b {
  color: #efefef;
  background-color: rgba(97, 94, 90, 0.82);
}
.colors-b .bg-color {
  color: #615e5a;
}
.colors-b .out {
  opacity: 0.82;
}
.colors-b .heading,
.colors-b.heading {
  color: #ffffff;
}
.colors-b .link,
.colors-b.link {
  color: #5233f0;
}
.colors-b .highlight,
.colors-b.highlight {
  color: #5233f0;
}
.colors-b .background,
.colors-b.background {
  background-color: rgba(97, 94, 90, 0.82);
}
.colors-b .background-solid,
.colors-b.background-solid {
  background-color: #615e5a;
}
.colors-b .background-hard,
.colors-b.background-hard {
  background-color: rgba(97, 94, 90, 0.94);
}
.colors-b .background-lite,
.colors-b.background-lite {
  background-color: rgba(97, 94, 90, 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: #5233f0;
}
.colors-b a:hover,
a.colors-b:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-b .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-b .line:hover {
  background-color: rgba(97, 94, 90, 0.46806867);
}
.colors-b .help-block li {
  color: #5233f0;
}
.colors-b .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(97, 94, 90, 0.82);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-b .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(97, 94, 90, 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: #615e5a !important;
}
.colors-b .background-highlight,
.colors-b.background-highlight {
  background-color: #5233f0 !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: #5233f0 !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(82, 51, 240, 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(82, 51, 240, 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(97, 94, 90, 0.05) !important;
}
.colors-b .background-10,
.colors-b.background-10 {
  background-color: rgba(97, 94, 90, 0.1) !important;
}
.colors-b .background-15,
.colors-b.background-15 {
  background-color: rgba(97, 94, 90, 0.15) !important;
}
.colors-b .background-20,
.colors-b.background-20 {
  background-color: rgba(97, 94, 90, 0.2) !important;
}
.colors-b .background-25,
.colors-b.background-25 {
  background-color: rgba(97, 94, 90, 0.25) !important;
}
.colors-b .background-30,
.colors-b.background-30 {
  background-color: rgba(97, 94, 90, 0.3) !important;
}
.colors-b .background-35,
.colors-b.background-35 {
  background-color: rgba(97, 94, 90, 0.35) !important;
}
.colors-b .background-40,
.colors-b.background-40 {
  background-color: rgba(97, 94, 90, 0.4) !important;
}
.colors-b .background-45,
.colors-b.background-45 {
  background-color: rgba(97, 94, 90, 0.45) !important;
}
.colors-b .background-50,
.colors-b.background-50 {
  background-color: rgba(97, 94, 90, 0.5) !important;
}
.colors-b .background-55,
.colors-b.background-55 {
  background-color: rgba(97, 94, 90, 0.55) !important;
}
.colors-b .background-60,
.colors-b.background-60 {
  background-color: rgba(97, 94, 90, 0.6) !important;
}
.colors-b .background-65,
.colors-b.background-65 {
  background-color: rgba(97, 94, 90, 0.65) !important;
}
.colors-b .background-70,
.colors-b.background-70 {
  background-color: rgba(97, 94, 90, 0.7) !important;
}
.colors-b .background-75,
.colors-b.background-75 {
  background-color: rgba(97, 94, 90, 0.75) !important;
}
.colors-b .background-80,
.colors-b.background-80 {
  background-color: rgba(97, 94, 90, 0.8) !important;
}
.colors-b .background-85,
.colors-b.background-85 {
  background-color: rgba(97, 94, 90, 0.85) !important;
}
.colors-b .background-90,
.colors-b.background-90 {
  background-color: rgba(97, 94, 90, 0.9) !important;
}
.colors-b .background-95,
.colors-b.background-95 {
  background-color: rgba(97, 94, 90, 0.95) !important;
}
.colors-b .background-100,
.colors-b.background-100 {
  background-color: #615e5a !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(82, 51, 240, 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(82, 51, 240, 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(97, 94, 90, 0.82);
}
#top-nav.colors-b .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-b .nav > li ul a.active {
  color: #5233f0;
}
#top-nav.colors-b .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-b li.open > a {
  background-color: rgba(97, 94, 90, 0.46806867);
}
#top-nav.colors-b .navbar-nav a.active {
  color: #5233f0;
}
#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(82, 51, 240, 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: #5233f0;
}
.ext-nav a.colors-b:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-b:hover .side-label {
  color: #5233f0;
}
.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: #5233f0;
}
.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: #5233f0;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-b .carousel .slick-slide {
  background-color: rgba(97, 94, 90, 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: #5233f0;
}
.colors-b.gallery-overlay .field {
  color: #ffffff;
}
.colors-b .cross:before,
.colors-b .cross:after {
  background-color: #ffffff;
}
.colors-b.circle {
  border-color: rgba(97, 94, 90, 0.82);
  color: #ffffff;
}
.colors-b.circle:after {
  background-color: transparent;
  border-color: rgba(97, 94, 90, 0.82);
}
.colors-b.circle:hover {
  background-color: transparent;
  color: rgba(97, 94, 90, 0.82);
}
.colors-b.circle:hover:after {
  border-color: rgba(97, 94, 90, 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: #615e5a;
}
#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(97, 94, 90, 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: #615e5a;
  background-color: transparent !important;
}
.colors-b.skew.skew-bottom-right {
  border-bottom-color: #615e5a;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-b.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #615e5a;
  background-color: transparent !important;
}
.colors-b.skew.skew-top-left {
  border-top-color: #615e5a;
  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: #5233f0;
}
.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: #5233f0;
}
.colors-b .sidebar .title {
  color: #ffffff;
}
.colors-b .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #615e5a;
}
.colors-b .pagination .active a:hover {
  color: #615e5a;
}
.colors-b .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-b .pagination a:hover {
  color: #5233f0;
}
.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: #5233f0;
}
.colors-b .slogan {
  color: #5233f0;
}
.colors-b .underline-dashed,
.colors-b .underline-dotted {
  border-color: rgba(82, 51, 240, 0.7);
}
.colors-b .underline {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-b .underline-highlight {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-b .underline-link {
  border-color: rgba(82, 51, 240, 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(82, 51, 240, 0.7);
}
.colors-b .bottom-line:after {
  background-color: #5233f0;
}
.colors-b .short-underline:after {
  background-color: #5233f0;
}
.colors-b .stroke-highlight {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.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(97, 94, 90, 0.82), 1px -1px 0 rgba(97, 94, 90, 0.82), -1px 1px 0 rgba(97, 94, 90, 0.82), 1px 1px 0 rgba(97, 94, 90, 0.82);
}
.colors-b .label-border {
  border-color: rgba(82, 51, 240, 0.7);
  outline-color: #5233f0;
}
.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: #5233f0;
}
.colors-b .bottom-menu a:hover i {
  color: #5233f0;
}
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(82, 51, 240, 0.8);
}
.colors-b.credits-overlay .content-container > ul > li {
  color: #5233f0;
}
.colors-b.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-b input.button {
  color: #5233f0;
}
.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(97, 94, 90, 0.05) !important;
}
.background-10-b {
  background-color: rgba(97, 94, 90, 0.1) !important;
}
.background-15-b {
  background-color: rgba(97, 94, 90, 0.15) !important;
}
.background-20-b {
  background-color: rgba(97, 94, 90, 0.2) !important;
}
.background-25-b {
  background-color: rgba(97, 94, 90, 0.25) !important;
}
.background-30-b {
  background-color: rgba(97, 94, 90, 0.3) !important;
}
.background-35-b {
  background-color: rgba(97, 94, 90, 0.35) !important;
}
.background-40-b {
  background-color: rgba(97, 94, 90, 0.4) !important;
}
.background-45-b {
  background-color: rgba(97, 94, 90, 0.45) !important;
}
.background-50-b {
  background-color: rgba(97, 94, 90, 0.5) !important;
}
.background-55-b {
  background-color: rgba(97, 94, 90, 0.55) !important;
}
.background-60-b {
  background-color: rgba(97, 94, 90, 0.6) !important;
}
.background-65-b {
  background-color: rgba(97, 94, 90, 0.65) !important;
}
.background-70-b {
  background-color: rgba(97, 94, 90, 0.7) !important;
}
.background-75-b {
  background-color: rgba(97, 94, 90, 0.75) !important;
}
.background-80-b {
  background-color: rgba(97, 94, 90, 0.8) !important;
}
.background-85-b {
  background-color: rgba(97, 94, 90, 0.85) !important;
}
.background-90-b {
  background-color: rgba(97, 94, 90, 0.9) !important;
}
.background-95-b {
  background-color: rgba(97, 94, 90, 0.95) !important;
}
.background-100-b {
  background-color: #615e5a !important;
}
.background-b {
  background-color: rgba(97, 94, 90, 0.82) !important;
}
.background-lite-b {
  background-color: rgba(97, 94, 90, 0.46806867) !important;
}
.background-lite-lite-b {
  background-color: rgba(97, 94, 90, 0.23428571) !important;
}
.background-hard-b {
  background-color: rgba(97, 94, 90, 0.94) !important;
}
.background-hard-hard-b {
  background-color: rgba(97, 94, 90, 0.964) !important;
}
.border-background-b {
  border-color: rgba(97, 94, 90, 0.7) !important;
}
.border-text-b {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-b {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-heading-b {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-b {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-b {
  color: #ffffff !important;
}
.text-b {
  color: #efefef !important;
}
.text-background-b {
  color: #615e5a !important;
}
.background-highlight-b {
  background-color: #5233f0 !important;
}
.background-heading-b {
  background-color: #ffffff !important;
}
.background-text-b {
  background-color: #efefef !important;
}
.background-link-b {
  background-color: #5233f0 !important;
}
.highlight-b {
  color: #5233f0 !important;
}
.link-b {
  color: #5233f0 !important;
}
/*** Colors C / .colors-c, .heading-c, .highlight-c, ... ***/
.colors-c {
  color: #efefef;
  background-color: rgba(41, 36, 31, 0.82);
}
.colors-c .bg-color {
  color: #29241f;
}
.colors-c .out {
  opacity: 0.82;
}
.colors-c .heading,
.colors-c.heading {
  color: #ffffff;
}
.colors-c .link,
.colors-c.link {
  color: #5233f0;
}
.colors-c .highlight,
.colors-c.highlight {
  color: #5233f0;
}
.colors-c .background,
.colors-c.background {
  background-color: rgba(41, 36, 31, 0.82);
}
.colors-c .background-solid,
.colors-c.background-solid {
  background-color: #29241f;
}
.colors-c .background-hard,
.colors-c.background-hard {
  background-color: rgba(41, 36, 31, 0.94);
}
.colors-c .background-lite,
.colors-c.background-lite {
  background-color: rgba(41, 36, 31, 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: #5233f0;
}
.colors-c a:hover,
a.colors-c:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-c .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-c .line:hover {
  background-color: rgba(41, 36, 31, 0.46806867);
}
.colors-c .help-block li {
  color: #5233f0;
}
.colors-c .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(41, 36, 31, 0.82);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-c .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(41, 36, 31, 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: #29241f !important;
}
.colors-c .background-highlight,
.colors-c.background-highlight {
  background-color: #5233f0 !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: #5233f0 !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(82, 51, 240, 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(82, 51, 240, 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(41, 36, 31, 0.05) !important;
}
.colors-c .background-10,
.colors-c.background-10 {
  background-color: rgba(41, 36, 31, 0.1) !important;
}
.colors-c .background-15,
.colors-c.background-15 {
  background-color: rgba(41, 36, 31, 0.15) !important;
}
.colors-c .background-20,
.colors-c.background-20 {
  background-color: rgba(41, 36, 31, 0.2) !important;
}
.colors-c .background-25,
.colors-c.background-25 {
  background-color: rgba(41, 36, 31, 0.25) !important;
}
.colors-c .background-30,
.colors-c.background-30 {
  background-color: rgba(41, 36, 31, 0.3) !important;
}
.colors-c .background-35,
.colors-c.background-35 {
  background-color: rgba(41, 36, 31, 0.35) !important;
}
.colors-c .background-40,
.colors-c.background-40 {
  background-color: rgba(41, 36, 31, 0.4) !important;
}
.colors-c .background-45,
.colors-c.background-45 {
  background-color: rgba(41, 36, 31, 0.45) !important;
}
.colors-c .background-50,
.colors-c.background-50 {
  background-color: rgba(41, 36, 31, 0.5) !important;
}
.colors-c .background-55,
.colors-c.background-55 {
  background-color: rgba(41, 36, 31, 0.55) !important;
}
.colors-c .background-60,
.colors-c.background-60 {
  background-color: rgba(41, 36, 31, 0.6) !important;
}
.colors-c .background-65,
.colors-c.background-65 {
  background-color: rgba(41, 36, 31, 0.65) !important;
}
.colors-c .background-70,
.colors-c.background-70 {
  background-color: rgba(41, 36, 31, 0.7) !important;
}
.colors-c .background-75,
.colors-c.background-75 {
  background-color: rgba(41, 36, 31, 0.75) !important;
}
.colors-c .background-80,
.colors-c.background-80 {
  background-color: rgba(41, 36, 31, 0.8) !important;
}
.colors-c .background-85,
.colors-c.background-85 {
  background-color: rgba(41, 36, 31, 0.85) !important;
}
.colors-c .background-90,
.colors-c.background-90 {
  background-color: rgba(41, 36, 31, 0.9) !important;
}
.colors-c .background-95,
.colors-c.background-95 {
  background-color: rgba(41, 36, 31, 0.95) !important;
}
.colors-c .background-100,
.colors-c.background-100 {
  background-color: #29241f !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(82, 51, 240, 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(82, 51, 240, 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(41, 36, 31, 0.82);
}
#top-nav.colors-c .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-c .nav > li ul a.active {
  color: #5233f0;
}
#top-nav.colors-c .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-c li.open > a {
  background-color: rgba(41, 36, 31, 0.46806867);
}
#top-nav.colors-c .navbar-nav a.active {
  color: #5233f0;
}
#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(82, 51, 240, 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: #5233f0;
}
.ext-nav a.colors-c:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-c:hover .side-label {
  color: #5233f0;
}
.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: #5233f0;
}
.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: #5233f0;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-c .carousel .slick-slide {
  background-color: rgba(41, 36, 31, 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: #5233f0;
}
.colors-c.gallery-overlay .field {
  color: #ffffff;
}
.colors-c .cross:before,
.colors-c .cross:after {
  background-color: #ffffff;
}
.colors-c.circle {
  border-color: rgba(41, 36, 31, 0.82);
  color: #ffffff;
}
.colors-c.circle:after {
  background-color: transparent;
  border-color: rgba(41, 36, 31, 0.82);
}
.colors-c.circle:hover {
  background-color: transparent;
  color: rgba(41, 36, 31, 0.82);
}
.colors-c.circle:hover:after {
  border-color: rgba(41, 36, 31, 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: #29241f;
}
#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(41, 36, 31, 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: #29241f;
  background-color: transparent !important;
}
.colors-c.skew.skew-bottom-right {
  border-bottom-color: #29241f;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-c.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #29241f;
  background-color: transparent !important;
}
.colors-c.skew.skew-top-left {
  border-top-color: #29241f;
  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: #5233f0;
}
.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: #5233f0;
}
.colors-c .sidebar .title {
  color: #ffffff;
}
.colors-c .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #29241f;
}
.colors-c .pagination .active a:hover {
  color: #29241f;
}
.colors-c .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-c .pagination a:hover {
  color: #5233f0;
}
.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: #5233f0;
}
.colors-c .slogan {
  color: #5233f0;
}
.colors-c .underline-dashed,
.colors-c .underline-dotted {
  border-color: rgba(82, 51, 240, 0.7);
}
.colors-c .underline {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-c .underline-highlight {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-c .underline-link {
  border-color: rgba(82, 51, 240, 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(82, 51, 240, 0.7);
}
.colors-c .bottom-line:after {
  background-color: #5233f0;
}
.colors-c .short-underline:after {
  background-color: #5233f0;
}
.colors-c .stroke-highlight {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.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(41, 36, 31, 0.82), 1px -1px 0 rgba(41, 36, 31, 0.82), -1px 1px 0 rgba(41, 36, 31, 0.82), 1px 1px 0 rgba(41, 36, 31, 0.82);
}
.colors-c .label-border {
  border-color: rgba(82, 51, 240, 0.7);
  outline-color: #5233f0;
}
.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: #5233f0;
}
.colors-c .bottom-menu a:hover i {
  color: #5233f0;
}
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(82, 51, 240, 0.8);
}
.colors-c.credits-overlay .content-container > ul > li {
  color: #5233f0;
}
.colors-c.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-c input.button {
  color: #5233f0;
}
.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(41, 36, 31, 0.05) !important;
}
.background-10-c {
  background-color: rgba(41, 36, 31, 0.1) !important;
}
.background-15-c {
  background-color: rgba(41, 36, 31, 0.15) !important;
}
.background-20-c {
  background-color: rgba(41, 36, 31, 0.2) !important;
}
.background-25-c {
  background-color: rgba(41, 36, 31, 0.25) !important;
}
.background-30-c {
  background-color: rgba(41, 36, 31, 0.3) !important;
}
.background-35-c {
  background-color: rgba(41, 36, 31, 0.35) !important;
}
.background-40-c {
  background-color: rgba(41, 36, 31, 0.4) !important;
}
.background-45-c {
  background-color: rgba(41, 36, 31, 0.45) !important;
}
.background-50-c {
  background-color: rgba(41, 36, 31, 0.5) !important;
}
.background-55-c {
  background-color: rgba(41, 36, 31, 0.55) !important;
}
.background-60-c {
  background-color: rgba(41, 36, 31, 0.6) !important;
}
.background-65-c {
  background-color: rgba(41, 36, 31, 0.65) !important;
}
.background-70-c {
  background-color: rgba(41, 36, 31, 0.7) !important;
}
.background-75-c {
  background-color: rgba(41, 36, 31, 0.75) !important;
}
.background-80-c {
  background-color: rgba(41, 36, 31, 0.8) !important;
}
.background-85-c {
  background-color: rgba(41, 36, 31, 0.85) !important;
}
.background-90-c {
  background-color: rgba(41, 36, 31, 0.9) !important;
}
.background-95-c {
  background-color: rgba(41, 36, 31, 0.95) !important;
}
.background-100-c {
  background-color: #29241f !important;
}
.background-c {
  background-color: rgba(41, 36, 31, 0.82) !important;
}
.background-lite-c {
  background-color: rgba(41, 36, 31, 0.46806867) !important;
}
.background-lite-lite-c {
  background-color: rgba(41, 36, 31, 0.23428571) !important;
}
.background-hard-c {
  background-color: rgba(41, 36, 31, 0.94) !important;
}
.background-hard-hard-c {
  background-color: rgba(41, 36, 31, 0.964) !important;
}
.border-background-c {
  border-color: rgba(41, 36, 31, 0.7) !important;
}
.border-text-c {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-c {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-heading-c {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-c {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-c {
  color: #ffffff !important;
}
.text-c {
  color: #efefef !important;
}
.text-background-c {
  color: #29241f !important;
}
.background-highlight-c {
  background-color: #5233f0 !important;
}
.background-heading-c {
  background-color: #ffffff !important;
}
.background-text-c {
  background-color: #efefef !important;
}
.background-link-c {
  background-color: #5233f0 !important;
}
.highlight-c {
  color: #5233f0 !important;
}
.link-c {
  color: #5233f0 !important;
}
/*** Colors D / .colors-d, .heading-d, .highlight-d, ... ***/
.colors-d {
  color: #efefef;
  background-color: rgba(71, 61, 46, 0.82);
}
.colors-d .bg-color {
  color: #473d2e;
}
.colors-d .out {
  opacity: 0.82;
}
.colors-d .heading,
.colors-d.heading {
  color: #ffffff;
}
.colors-d .link,
.colors-d.link {
  color: #5233f0;
}
.colors-d .highlight,
.colors-d.highlight {
  color: #d1cac2;
}
.colors-d .background,
.colors-d.background {
  background-color: rgba(71, 61, 46, 0.82);
}
.colors-d .background-solid,
.colors-d.background-solid {
  background-color: #473d2e;
}
.colors-d .background-hard,
.colors-d.background-hard {
  background-color: rgba(71, 61, 46, 0.94);
}
.colors-d .background-lite,
.colors-d.background-lite {
  background-color: rgba(71, 61, 46, 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: #5233f0;
}
.colors-d a:hover,
a.colors-d:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-d .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-d .line:hover {
  background-color: rgba(71, 61, 46, 0.46806867);
}
.colors-d .help-block li {
  color: #d1cac2;
}
.colors-d .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(71, 61, 46, 0.82);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-d .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(71, 61, 46, 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: #473d2e !important;
}
.colors-d .background-highlight,
.colors-d.background-highlight {
  background-color: #d1cac2 !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: #5233f0 !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, 202, 194, 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(82, 51, 240, 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(71, 61, 46, 0.05) !important;
}
.colors-d .background-10,
.colors-d.background-10 {
  background-color: rgba(71, 61, 46, 0.1) !important;
}
.colors-d .background-15,
.colors-d.background-15 {
  background-color: rgba(71, 61, 46, 0.15) !important;
}
.colors-d .background-20,
.colors-d.background-20 {
  background-color: rgba(71, 61, 46, 0.2) !important;
}
.colors-d .background-25,
.colors-d.background-25 {
  background-color: rgba(71, 61, 46, 0.25) !important;
}
.colors-d .background-30,
.colors-d.background-30 {
  background-color: rgba(71, 61, 46, 0.3) !important;
}
.colors-d .background-35,
.colors-d.background-35 {
  background-color: rgba(71, 61, 46, 0.35) !important;
}
.colors-d .background-40,
.colors-d.background-40 {
  background-color: rgba(71, 61, 46, 0.4) !important;
}
.colors-d .background-45,
.colors-d.background-45 {
  background-color: rgba(71, 61, 46, 0.45) !important;
}
.colors-d .background-50,
.colors-d.background-50 {
  background-color: rgba(71, 61, 46, 0.5) !important;
}
.colors-d .background-55,
.colors-d.background-55 {
  background-color: rgba(71, 61, 46, 0.55) !important;
}
.colors-d .background-60,
.colors-d.background-60 {
  background-color: rgba(71, 61, 46, 0.6) !important;
}
.colors-d .background-65,
.colors-d.background-65 {
  background-color: rgba(71, 61, 46, 0.65) !important;
}
.colors-d .background-70,
.colors-d.background-70 {
  background-color: rgba(71, 61, 46, 0.7) !important;
}
.colors-d .background-75,
.colors-d.background-75 {
  background-color: rgba(71, 61, 46, 0.75) !important;
}
.colors-d .background-80,
.colors-d.background-80 {
  background-color: rgba(71, 61, 46, 0.8) !important;
}
.colors-d .background-85,
.colors-d.background-85 {
  background-color: rgba(71, 61, 46, 0.85) !important;
}
.colors-d .background-90,
.colors-d.background-90 {
  background-color: rgba(71, 61, 46, 0.9) !important;
}
.colors-d .background-95,
.colors-d.background-95 {
  background-color: rgba(71, 61, 46, 0.95) !important;
}
.colors-d .background-100,
.colors-d.background-100 {
  background-color: #473d2e !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, 202, 194, 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, 202, 194, 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(71, 61, 46, 0.82);
}
#top-nav.colors-d .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-d .nav > li ul a.active {
  color: #d1cac2;
}
#top-nav.colors-d .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-d li.open > a {
  background-color: rgba(71, 61, 46, 0.46806867);
}
#top-nav.colors-d .navbar-nav a.active {
  color: #d1cac2;
}
#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, 202, 194, 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: #d1cac2;
}
.ext-nav a.colors-d:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-d:hover .side-label {
  color: #d1cac2;
}
.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: #d1cac2;
}
.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: #d1cac2;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-d .carousel .slick-slide {
  background-color: rgba(71, 61, 46, 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: #d1cac2;
}
.colors-d.gallery-overlay .field {
  color: #ffffff;
}
.colors-d .cross:before,
.colors-d .cross:after {
  background-color: #ffffff;
}
.colors-d.circle {
  border-color: rgba(71, 61, 46, 0.82);
  color: #ffffff;
}
.colors-d.circle:after {
  background-color: transparent;
  border-color: rgba(71, 61, 46, 0.82);
}
.colors-d.circle:hover {
  background-color: transparent;
  color: rgba(71, 61, 46, 0.82);
}
.colors-d.circle:hover:after {
  border-color: rgba(71, 61, 46, 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: #473d2e;
}
#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(71, 61, 46, 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: #473d2e;
  background-color: transparent !important;
}
.colors-d.skew.skew-bottom-right {
  border-bottom-color: #473d2e;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-d.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #473d2e;
  background-color: transparent !important;
}
.colors-d.skew.skew-top-left {
  border-top-color: #473d2e;
  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: #d1cac2;
}
.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: #d1cac2;
}
.colors-d .sidebar .title {
  color: #ffffff;
}
.colors-d .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #473d2e;
}
.colors-d .pagination .active a:hover {
  color: #473d2e;
}
.colors-d .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-d .pagination a:hover {
  color: #d1cac2;
}
.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: #d1cac2;
}
.colors-d .slogan {
  color: #d1cac2;
}
.colors-d .underline-dashed,
.colors-d .underline-dotted {
  border-color: rgba(209, 202, 194, 0.7);
}
.colors-d .underline {
  border-color: rgba(209, 202, 194, 0.5);
}
.colors-d .underline-highlight {
  border-color: rgba(209, 202, 194, 0.5);
}
.colors-d .underline-link {
  border-color: rgba(82, 51, 240, 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, 202, 194, 0.7);
}
.colors-d .bottom-line:after {
  background-color: #d1cac2;
}
.colors-d .short-underline:after {
  background-color: #d1cac2;
}
.colors-d .stroke-highlight {
  text-shadow: -1px -1px 0 #d1cac2, 1px -1px 0 #d1cac2, -1px 1px 0 #d1cac2, 1px 1px 0 #d1cac2;
}
.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(71, 61, 46, 0.82), 1px -1px 0 rgba(71, 61, 46, 0.82), -1px 1px 0 rgba(71, 61, 46, 0.82), 1px 1px 0 rgba(71, 61, 46, 0.82);
}
.colors-d .label-border {
  border-color: rgba(209, 202, 194, 0.7);
  outline-color: #d1cac2;
}
.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: #d1cac2;
}
.colors-d .bottom-menu a:hover i {
  color: #d1cac2;
}
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, 202, 194, 0.8);
}
.colors-d.credits-overlay .content-container > ul > li {
  color: #d1cac2;
}
.colors-d.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-d input.button {
  color: #d1cac2;
}
.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(71, 61, 46, 0.05) !important;
}
.background-10-d {
  background-color: rgba(71, 61, 46, 0.1) !important;
}
.background-15-d {
  background-color: rgba(71, 61, 46, 0.15) !important;
}
.background-20-d {
  background-color: rgba(71, 61, 46, 0.2) !important;
}
.background-25-d {
  background-color: rgba(71, 61, 46, 0.25) !important;
}
.background-30-d {
  background-color: rgba(71, 61, 46, 0.3) !important;
}
.background-35-d {
  background-color: rgba(71, 61, 46, 0.35) !important;
}
.background-40-d {
  background-color: rgba(71, 61, 46, 0.4) !important;
}
.background-45-d {
  background-color: rgba(71, 61, 46, 0.45) !important;
}
.background-50-d {
  background-color: rgba(71, 61, 46, 0.5) !important;
}
.background-55-d {
  background-color: rgba(71, 61, 46, 0.55) !important;
}
.background-60-d {
  background-color: rgba(71, 61, 46, 0.6) !important;
}
.background-65-d {
  background-color: rgba(71, 61, 46, 0.65) !important;
}
.background-70-d {
  background-color: rgba(71, 61, 46, 0.7) !important;
}
.background-75-d {
  background-color: rgba(71, 61, 46, 0.75) !important;
}
.background-80-d {
  background-color: rgba(71, 61, 46, 0.8) !important;
}
.background-85-d {
  background-color: rgba(71, 61, 46, 0.85) !important;
}
.background-90-d {
  background-color: rgba(71, 61, 46, 0.9) !important;
}
.background-95-d {
  background-color: rgba(71, 61, 46, 0.95) !important;
}
.background-100-d {
  background-color: #473d2e !important;
}
.background-d {
  background-color: rgba(71, 61, 46, 0.82) !important;
}
.background-lite-d {
  background-color: rgba(71, 61, 46, 0.46806867) !important;
}
.background-lite-lite-d {
  background-color: rgba(71, 61, 46, 0.23428571) !important;
}
.background-hard-d {
  background-color: rgba(71, 61, 46, 0.94) !important;
}
.background-hard-hard-d {
  background-color: rgba(71, 61, 46, 0.964) !important;
}
.border-background-d {
  border-color: rgba(71, 61, 46, 0.7) !important;
}
.border-text-d {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-d {
  border-color: rgba(209, 202, 194, 0.7) !important;
}
.border-heading-d {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-d {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-d {
  color: #ffffff !important;
}
.text-d {
  color: #efefef !important;
}
.text-background-d {
  color: #473d2e !important;
}
.background-highlight-d {
  background-color: #d1cac2 !important;
}
.background-heading-d {
  background-color: #ffffff !important;
}
.background-text-d {
  background-color: #efefef !important;
}
.background-link-d {
  background-color: #5233f0 !important;
}
.highlight-d {
  color: #d1cac2 !important;
}
.link-d {
  color: #5233f0 !important;
}
/*** Colors E / .colors-e, heading-e, .highlight-e, ... ***/
.colors-e {
  color: #dfdfdf;
  background-color: rgba(16, 16, 16, 0.88);
}
.colors-e .bg-color {
  color: #101010;
}
.colors-e .out {
  opacity: 0.88;
}
.colors-e .heading,
.colors-e.heading {
  color: #5233f0;
}
.colors-e .link,
.colors-e.link {
  color: #5233f0;
}
.colors-e .highlight,
.colors-e.highlight {
  color: #ffffff;
}
.colors-e .background,
.colors-e.background {
  background-color: rgba(16, 16, 16, 0.88);
}
.colors-e .background-solid,
.colors-e.background-solid {
  background-color: #101010;
}
.colors-e .background-hard,
.colors-e.background-hard {
  background-color: rgba(16, 16, 16, 0.96);
}
.colors-e .background-lite,
.colors-e.background-lite {
  background-color: rgba(16, 16, 16, 0.5023176);
}
.colors-e h1,
.colors-e h2,
.colors-e h3,
.colors-e h4,
.colors-e h5,
.colors-e h6,
.colors-e .col-icon {
  color: #5233f0;
}
.colors-e .col-left-marginalia,
.colors-e col-right-marginalia {
  color: #5233f0;
}
.colors-e a,
a.colors-e {
  color: #5233f0;
}
.colors-e a:hover,
a.colors-e:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-e .line {
  border-color: #dfdfdf;
  border-color: rgba(223, 223, 223, 0.3);
}
.colors-e .line:hover {
  background-color: rgba(16, 16, 16, 0.5023176);
}
.colors-e .help-block li {
  color: #ffffff;
}
.colors-e .grid-example > .row > div:nth-child(1n) {
  color: #5233f0;
  background-color: rgba(16, 16, 16, 0.88);
  background-color: rgba(223, 223, 223, 0.1);
}
.colors-e .grid-example > .row > div:nth-child(2n) {
  color: #5233f0;
  background-color: rgba(16, 16, 16, 0.88);
  background-color: rgba(223, 223, 223, 0.3);
}
.colors-e ::-webkit-input-placeholder {
  color: rgba(223, 223, 223, 0.6);
}
.colors-e :-moz-placeholder {
  color: rgba(223, 223, 223, 0.6);
  opacity: 1;
}
.colors-e ::-moz-placeholder {
  color: rgba(223, 223, 223, 0.6);
  opacity: 1;
}
.colors-e :-ms-input-placeholder {
  color: rgba(223, 223, 223, 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(82, 51, 240, 0.3) !important;
}
.colors-e .border-hard,
.colors-e.border-hard {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.colors-e .border-lite,
.colors-e.border-lite {
  border-color: rgba(82, 51, 240, 0.08) !important;
}
.colors-e .text {
  color: #dfdfdf !important;
}
.colors-e .text-background,
.colors-e.text-background {
  color: #101010 !important;
}
.colors-e .background-highlight,
.colors-e.background-highlight {
  background-color: #ffffff !important;
}
.colors-e .background-heading,
.colors-e.background-heading {
  background-color: #5233f0 !important;
}
.colors-e .background-text,
.colors-e.background-text {
  background-color: #dfdfdf !important;
}
.colors-e .background-link,
.colors-e.background-link {
  background-color: #5233f0 !important;
}
.colors-e .border-text,
.colors-e.border-text {
  border-color: rgba(223, 223, 223, 0.7) !important;
}
.colors-e .border-highlight,
.colors-e.border-highlight {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.colors-e .border-heading,
.colors-e.border-heading {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.colors-e .border-link,
.colors-e.border-link {
  border-color: rgba(82, 51, 240, 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(16, 16, 16, 0.05) !important;
}
.colors-e .background-10,
.colors-e.background-10 {
  background-color: rgba(16, 16, 16, 0.1) !important;
}
.colors-e .background-15,
.colors-e.background-15 {
  background-color: rgba(16, 16, 16, 0.15) !important;
}
.colors-e .background-20,
.colors-e.background-20 {
  background-color: rgba(16, 16, 16, 0.2) !important;
}
.colors-e .background-25,
.colors-e.background-25 {
  background-color: rgba(16, 16, 16, 0.25) !important;
}
.colors-e .background-30,
.colors-e.background-30 {
  background-color: rgba(16, 16, 16, 0.3) !important;
}
.colors-e .background-35,
.colors-e.background-35 {
  background-color: rgba(16, 16, 16, 0.35) !important;
}
.colors-e .background-40,
.colors-e.background-40 {
  background-color: rgba(16, 16, 16, 0.4) !important;
}
.colors-e .background-45,
.colors-e.background-45 {
  background-color: rgba(16, 16, 16, 0.45) !important;
}
.colors-e .background-50,
.colors-e.background-50 {
  background-color: rgba(16, 16, 16, 0.5) !important;
}
.colors-e .background-55,
.colors-e.background-55 {
  background-color: rgba(16, 16, 16, 0.55) !important;
}
.colors-e .background-60,
.colors-e.background-60 {
  background-color: rgba(16, 16, 16, 0.6) !important;
}
.colors-e .background-65,
.colors-e.background-65 {
  background-color: rgba(16, 16, 16, 0.65) !important;
}
.colors-e .background-70,
.colors-e.background-70 {
  background-color: rgba(16, 16, 16, 0.7) !important;
}
.colors-e .background-75,
.colors-e.background-75 {
  background-color: rgba(16, 16, 16, 0.75) !important;
}
.colors-e .background-80,
.colors-e.background-80 {
  background-color: rgba(16, 16, 16, 0.8) !important;
}
.colors-e .background-85,
.colors-e.background-85 {
  background-color: rgba(16, 16, 16, 0.85) !important;
}
.colors-e .background-90,
.colors-e.background-90 {
  background-color: rgba(16, 16, 16, 0.9) !important;
}
.colors-e .background-95,
.colors-e.background-95 {
  background-color: rgba(16, 16, 16, 0.95) !important;
}
.colors-e .background-100,
.colors-e.background-100 {
  background-color: #101010 !important;
}
.colors-e h2::after {
  background-color: rgba(82, 51, 240, 0.4);
}
.colors-e h3 a {
  color: #5233f0;
}
.colors-e h3 a:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-e h3 {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-e input,
.colors-e textarea {
  background-color: transparent;
  border-color: rgba(82, 51, 240, 0.6);
  outline-color: rgba(223, 223, 223, 0);
}
.colors-e input:focus,
.colors-e textarea:focus {
  outline-color: rgba(223, 223, 223, 0.37);
}
#top-nav.colors-e {
  border-color: rgba(255, 255, 255, 0.16);
  color: #5233f0;
}
#top-nav.colors-e li a {
  color: #5233f0;
}
#top-nav.colors-e li a:hover {
  color: inherit;
}
#top-nav.colors-e .navbar-brand {
  color: #5233f0;
}
#top-nav.colors-e .navbar-brand:hover {
  color: #5233f0;
}
#top-nav.colors-e .nav > li ul {
  background-color: rgba(16, 16, 16, 0.88);
}
#top-nav.colors-e .nav > li ul a {
  color: #5233f0;
}
#top-nav.colors-e .nav > li ul a.active {
  color: #ffffff;
}
#top-nav.colors-e .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-e li.open > a {
  background-color: rgba(16, 16, 16, 0.5023176);
}
#top-nav.colors-e .navbar-nav a.active {
  color: #ffffff;
}
#top-nav.colors-e .navbar-toggle {
  background-color: transparent !important;
  border-color: #5233f0;
}
#top-nav.colors-e .navbar-toggle .icon-bar {
  background-color: #5233f0;
}
.colors-e.page-border {
  border-color: rgba(255, 255, 255, 0.16);
}
.colors-e.page-border a {
  color: #5233f0;
}
.ext-nav a.colors-e .side-title {
  color: #5233f0;
}
.ext-nav a.colors-e .side-label {
  color: #ffffff;
}
.ext-nav a.colors-e:hover .side-title {
  color: #5233f0;
}
.ext-nav a.colors-e:hover .side-label {
  color: #ffffff;
}
.colors-e .menu-toggle span,
.colors-e .menu-toggle span:before,
.colors-e .menu-toggle span:after {
  background-color: #5233f0;
}
.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: #ffffff;
}
.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: #dfdfdf;
  color: rgba(223, 223, 223, 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: #ffffff;
  color: rgba(223, 223, 223, 0.7);
  opacity: 1;
}
.colors-e .carousel .slick-slide {
  background-color: rgba(16, 16, 16, 0.88);
}
.colors-e .carousel .slick-slide {
  -webkit-box-shadow: 0 0 8px #fff;
  -moz-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
}
.colors-e .gallery .filter .nav li a {
  color: #5233f0;
  background-color: transparent;
}
.colors-e .gallery .filter .nav li a.active {
  color: #ffffff;
}
.colors-e.gallery-overlay .field {
  color: #5233f0;
}
.colors-e .cross:before,
.colors-e .cross:after {
  background-color: #5233f0;
}
.colors-e.circle {
  border-color: rgba(16, 16, 16, 0.88);
  color: #5233f0;
}
.colors-e.circle:after {
  background-color: transparent;
  border-color: rgba(16, 16, 16, 0.88);
}
.colors-e.circle:hover {
  background-color: transparent;
  color: rgba(16, 16, 16, 0.88);
}
.colors-e.circle:hover:after {
  border-color: rgba(16, 16, 16, 0.88);
}
.colors-e .process .process-row .process-step .process-box {
  border-color: rgba(223, 223, 223, 0.7);
}
.colors-e .process .process-row .process-step .process-box:before {
  background-color: #101010;
}
#dot-scroll.colors-e li a span {
  background-color: #5233f0;
}
#dot-scroll.colors-e li a.active span,
#dot-scroll.colors-e li a:hover.active span {
  background-color: rgba(16, 16, 16, 0.88);
}
#dot-scroll.colors-e li a.target span,
#dot-scroll.colors-e li a:hover.target span {
  border-color: #5233f0;
}
#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: #5233f0;
}
.colors-e.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #101010;
  background-color: transparent !important;
}
.colors-e.skew.skew-bottom-right {
  border-bottom-color: #101010;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-e.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #101010;
  background-color: transparent !important;
}
.colors-e.skew.skew-top-left {
  border-top-color: #101010;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-e .loader {
  border-color: rgba(223, 223, 223, 0.1);
}
.colors-e .loader li:nth-child(1) {
  background: #dfdfdf;
}
.colors-e .loader li:nth-child(2) {
  background: #dfdfdf;
}
.colors-e .loader li:nth-child(3) {
  background: #dfdfdf;
}
.colors-e .loader li:nth-child(4) {
  background: #dfdfdf;
}
.colors-e #comments {
  border-color: rgba(82, 51, 240, 0.3) !important;
}
.colors-e #comments .comment-list .comment {
  border-color: rgba(82, 51, 240, 0.3) !important;
}
.colors-e .avatar,
.colors-e ul.tags-list li {
  border-color: rgba(82, 51, 240, 0.3) !important;
}
.colors-e .post .post-meta {
  color: #5233f0;
}
.colors-e .post .post-meta a {
  color: #5233f0;
}
.colors-e .post .post-meta a:hover {
  color: #ffffff;
}
.colors-e .post .post-meta .post-month {
  border-color: rgba(82, 51, 240, 0.08) !important;
}
.colors-e .post h3 a:hover {
  color: #5233f0;
}
.colors-e .post .post-tags {
  color: rgba(223, 223, 223, 0.85);
}
.colors-e .post .post-month {
  color: #ffffff;
}
.colors-e .sidebar .title {
  color: #5233f0;
}
.colors-e .pagination .active a {
  background-color: rgba(82, 51, 240, 0.85);
  color: #101010;
}
.colors-e .pagination .active a:hover {
  color: #101010;
}
.colors-e .pagination a {
  background-color: transparent;
  border-color: rgba(82, 51, 240, 0.4) !important;
  color: #5233f0;
}
.colors-e .pagination a:hover {
  color: #ffffff;
}
.colors-e .navbar-collapse {
  max-height: none;
}
.colors-e .caption {
  color: #5233f0;
}
.colors-e .title,
.colors-e .header-details,
.colors-e .subtitle {
  color: #5233f0;
}
.colors-e .title.highlight,
.colors-e .header-details.highlight,
.colors-e .subtitle.highlight {
  color: #ffffff;
}
.colors-e .slogan {
  color: #ffffff;
}
.colors-e .underline-dashed,
.colors-e .underline-dotted {
  border-color: rgba(255, 255, 255, 0.7);
}
.colors-e .underline {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-e .underline-highlight {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-e .underline-link {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-e .underline-heading {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-e .underline-text {
  border-color: rgba(223, 223, 223, 0.5);
}
.colors-e .top-line:before {
  background-color: rgba(255, 255, 255, 0.7);
}
.colors-e .bottom-line:after {
  background-color: #ffffff;
}
.colors-e .short-underline:after {
  background-color: #ffffff;
}
.colors-e .stroke-highlight {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-e .stroke-heading {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.colors-e .stroke-foreground {
  text-shadow: -1px -1px 0 #dfdfdf, 1px -1px 0 #dfdfdf, -1px 1px 0 #dfdfdf, 1px 1px 0 #dfdfdf;
}
.colors-e .stroke-background {
  text-shadow: -1px -1px 0 rgba(16, 16, 16, 0.88), 1px -1px 0 rgba(16, 16, 16, 0.88), -1px 1px 0 rgba(16, 16, 16, 0.88), 1px 1px 0 rgba(16, 16, 16, 0.88);
}
.colors-e .label-border {
  border-color: rgba(255, 255, 255, 0.7);
  outline-color: #ffffff;
}
.colors-e .bottom-menu {
  color: #dfdfdf !important;
}
.colors-e .bottom-menu a,
.colors-e .bottom-menu i {
  color: #dfdfdf !important;
}
.colors-e .bottom-menu a:hover {
  background-color: transparent;
  color: #ffffff;
}
.colors-e .bottom-menu a:hover i {
  color: #ffffff;
}
footer.colors-e a i:hover {
  color: #dfdfdf !important;
}
.colors-e .main-icon {
  color: #5233f0;
}
.colors-e .main-icon:hover {
  color: #5233f0;
}
.colors-e.content.border-bottom,
.colors-e.content.border-top,
footer.colors-e.border-bottom,
footer.colors-e.border-top {
  border-color: rgba(255, 255, 255, 0.8);
}
.colors-e.credits-overlay .content-container > ul > li {
  color: #ffffff;
}
.colors-e.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-e input.button {
  color: #ffffff;
}
.colors-e input.button:hover {
  color: #5233f0;
}
.colors-e iframe.example,
.colors-e pre.example {
  border-color: rgba(223, 223, 223, 0.3) !important;
}
.colors-e.help-toc a,
.colors-e.help-toc ul,
.colors-e.help-toc li {
  color: #5233f0;
}
.colors-e .help-toc-title {
  border-color: rgba(82, 51, 240, 0.2);
}
.text-e {
  color: #dfdfdf;
}
.background-0-e {
  background-color: transparent !important;
}
.background-5-e {
  background-color: rgba(16, 16, 16, 0.05) !important;
}
.background-10-e {
  background-color: rgba(16, 16, 16, 0.1) !important;
}
.background-15-e {
  background-color: rgba(16, 16, 16, 0.15) !important;
}
.background-20-e {
  background-color: rgba(16, 16, 16, 0.2) !important;
}
.background-25-e {
  background-color: rgba(16, 16, 16, 0.25) !important;
}
.background-30-e {
  background-color: rgba(16, 16, 16, 0.3) !important;
}
.background-35-e {
  background-color: rgba(16, 16, 16, 0.35) !important;
}
.background-40-e {
  background-color: rgba(16, 16, 16, 0.4) !important;
}
.background-45-e {
  background-color: rgba(16, 16, 16, 0.45) !important;
}
.background-50-e {
  background-color: rgba(16, 16, 16, 0.5) !important;
}
.background-55-e {
  background-color: rgba(16, 16, 16, 0.55) !important;
}
.background-60-e {
  background-color: rgba(16, 16, 16, 0.6) !important;
}
.background-65-e {
  background-color: rgba(16, 16, 16, 0.65) !important;
}
.background-70-e {
  background-color: rgba(16, 16, 16, 0.7) !important;
}
.background-75-e {
  background-color: rgba(16, 16, 16, 0.75) !important;
}
.background-80-e {
  background-color: rgba(16, 16, 16, 0.8) !important;
}
.background-85-e {
  background-color: rgba(16, 16, 16, 0.85) !important;
}
.background-90-e {
  background-color: rgba(16, 16, 16, 0.9) !important;
}
.background-95-e {
  background-color: rgba(16, 16, 16, 0.95) !important;
}
.background-100-e {
  background-color: #101010 !important;
}
.background-e {
  background-color: rgba(16, 16, 16, 0.88) !important;
}
.background-lite-e {
  background-color: rgba(16, 16, 16, 0.5023176) !important;
}
.background-lite-lite-e {
  background-color: rgba(16, 16, 16, 0.25142857) !important;
}
.background-hard-e {
  background-color: rgba(16, 16, 16, 0.96) !important;
}
.background-hard-hard-e {
  background-color: rgba(16, 16, 16, 0.976) !important;
}
.border-background-e {
  border-color: rgba(16, 16, 16, 0.7) !important;
}
.border-text-e {
  border-color: rgba(223, 223, 223, 0.7) !important;
}
.border-highlight-e {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-heading-e {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-link-e {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-e {
  color: #5233f0 !important;
}
.text-e {
  color: #dfdfdf !important;
}
.text-background-e {
  color: #101010 !important;
}
.background-highlight-e {
  background-color: #ffffff !important;
}
.background-heading-e {
  background-color: #5233f0 !important;
}
.background-text-e {
  background-color: #dfdfdf !important;
}
.background-link-e {
  background-color: #5233f0 !important;
}
.highlight-e {
  color: #ffffff !important;
}
.link-e {
  color: #5233f0 !important;
}
/*** Colors F / .colors-f, .heading-f, .highlight-f, ... ***/
.colors-f {
  color: #efefef;
  background-color: rgba(27, 28, 36, 0.85);
}
.colors-f .bg-color {
  color: #1b1c24;
}
.colors-f .out {
  opacity: 0.85;
}
.colors-f .heading,
.colors-f.heading {
  color: #ffffff;
}
.colors-f .link,
.colors-f.link {
  color: #5233f0;
}
.colors-f .highlight,
.colors-f.highlight {
  color: #5233f0;
}
.colors-f .background,
.colors-f.background {
  background-color: rgba(27, 28, 36, 0.85);
}
.colors-f .background-solid,
.colors-f.background-solid {
  background-color: #1b1c24;
}
.colors-f .background-hard,
.colors-f.background-hard {
  background-color: rgba(27, 28, 36, 0.95);
}
.colors-f .background-lite,
.colors-f.background-lite {
  background-color: rgba(27, 28, 36, 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: #5233f0;
}
.colors-f a:hover,
a.colors-f:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-f .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-f .line:hover {
  background-color: rgba(27, 28, 36, 0.48519313);
}
.colors-f .help-block li {
  color: #5233f0;
}
.colors-f .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: rgba(27, 28, 36, 0.85);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-f .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: rgba(27, 28, 36, 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: #1b1c24 !important;
}
.colors-f .background-highlight,
.colors-f.background-highlight {
  background-color: #5233f0 !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: #5233f0 !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(82, 51, 240, 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(82, 51, 240, 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(27, 28, 36, 0.05) !important;
}
.colors-f .background-10,
.colors-f.background-10 {
  background-color: rgba(27, 28, 36, 0.1) !important;
}
.colors-f .background-15,
.colors-f.background-15 {
  background-color: rgba(27, 28, 36, 0.15) !important;
}
.colors-f .background-20,
.colors-f.background-20 {
  background-color: rgba(27, 28, 36, 0.2) !important;
}
.colors-f .background-25,
.colors-f.background-25 {
  background-color: rgba(27, 28, 36, 0.25) !important;
}
.colors-f .background-30,
.colors-f.background-30 {
  background-color: rgba(27, 28, 36, 0.3) !important;
}
.colors-f .background-35,
.colors-f.background-35 {
  background-color: rgba(27, 28, 36, 0.35) !important;
}
.colors-f .background-40,
.colors-f.background-40 {
  background-color: rgba(27, 28, 36, 0.4) !important;
}
.colors-f .background-45,
.colors-f.background-45 {
  background-color: rgba(27, 28, 36, 0.45) !important;
}
.colors-f .background-50,
.colors-f.background-50 {
  background-color: rgba(27, 28, 36, 0.5) !important;
}
.colors-f .background-55,
.colors-f.background-55 {
  background-color: rgba(27, 28, 36, 0.55) !important;
}
.colors-f .background-60,
.colors-f.background-60 {
  background-color: rgba(27, 28, 36, 0.6) !important;
}
.colors-f .background-65,
.colors-f.background-65 {
  background-color: rgba(27, 28, 36, 0.65) !important;
}
.colors-f .background-70,
.colors-f.background-70 {
  background-color: rgba(27, 28, 36, 0.7) !important;
}
.colors-f .background-75,
.colors-f.background-75 {
  background-color: rgba(27, 28, 36, 0.75) !important;
}
.colors-f .background-80,
.colors-f.background-80 {
  background-color: rgba(27, 28, 36, 0.8) !important;
}
.colors-f .background-85,
.colors-f.background-85 {
  background-color: rgba(27, 28, 36, 0.85) !important;
}
.colors-f .background-90,
.colors-f.background-90 {
  background-color: rgba(27, 28, 36, 0.9) !important;
}
.colors-f .background-95,
.colors-f.background-95 {
  background-color: rgba(27, 28, 36, 0.95) !important;
}
.colors-f .background-100,
.colors-f.background-100 {
  background-color: #1b1c24 !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(82, 51, 240, 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(82, 51, 240, 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(27, 28, 36, 0.85);
}
#top-nav.colors-f .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-f .nav > li ul a.active {
  color: #5233f0;
}
#top-nav.colors-f .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-f li.open > a {
  background-color: rgba(27, 28, 36, 0.48519313);
}
#top-nav.colors-f .navbar-nav a.active {
  color: #5233f0;
}
#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(82, 51, 240, 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: #5233f0;
}
.ext-nav a.colors-f:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-f:hover .side-label {
  color: #5233f0;
}
.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: #5233f0;
}
.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: #5233f0;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-f .carousel .slick-slide {
  background-color: rgba(27, 28, 36, 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: #5233f0;
}
.colors-f.gallery-overlay .field {
  color: #ffffff;
}
.colors-f .cross:before,
.colors-f .cross:after {
  background-color: #ffffff;
}
.colors-f.circle {
  border-color: rgba(27, 28, 36, 0.85);
  color: #ffffff;
}
.colors-f.circle:after {
  background-color: transparent;
  border-color: rgba(27, 28, 36, 0.85);
}
.colors-f.circle:hover {
  background-color: transparent;
  color: rgba(27, 28, 36, 0.85);
}
.colors-f.circle:hover:after {
  border-color: rgba(27, 28, 36, 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: #1b1c24;
}
#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(27, 28, 36, 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: #1b1c24;
  background-color: transparent !important;
}
.colors-f.skew.skew-bottom-right {
  border-bottom-color: #1b1c24;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-f.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #1b1c24;
  background-color: transparent !important;
}
.colors-f.skew.skew-top-left {
  border-top-color: #1b1c24;
  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: #5233f0;
}
.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: #5233f0;
}
.colors-f .sidebar .title {
  color: #ffffff;
}
.colors-f .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #1b1c24;
}
.colors-f .pagination .active a:hover {
  color: #1b1c24;
}
.colors-f .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-f .pagination a:hover {
  color: #5233f0;
}
.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: #5233f0;
}
.colors-f .slogan {
  color: #5233f0;
}
.colors-f .underline-dashed,
.colors-f .underline-dotted {
  border-color: rgba(82, 51, 240, 0.7);
}
.colors-f .underline {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-f .underline-highlight {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-f .underline-link {
  border-color: rgba(82, 51, 240, 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(82, 51, 240, 0.7);
}
.colors-f .bottom-line:after {
  background-color: #5233f0;
}
.colors-f .short-underline:after {
  background-color: #5233f0;
}
.colors-f .stroke-highlight {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.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(27, 28, 36, 0.85), 1px -1px 0 rgba(27, 28, 36, 0.85), -1px 1px 0 rgba(27, 28, 36, 0.85), 1px 1px 0 rgba(27, 28, 36, 0.85);
}
.colors-f .label-border {
  border-color: rgba(82, 51, 240, 0.7);
  outline-color: #5233f0;
}
.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: #5233f0;
}
.colors-f .bottom-menu a:hover i {
  color: #5233f0;
}
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(82, 51, 240, 0.8);
}
.colors-f.credits-overlay .content-container > ul > li {
  color: #5233f0;
}
.colors-f.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-f input.button {
  color: #5233f0;
}
.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(27, 28, 36, 0.05) !important;
}
.background-10-f {
  background-color: rgba(27, 28, 36, 0.1) !important;
}
.background-15-f {
  background-color: rgba(27, 28, 36, 0.15) !important;
}
.background-20-f {
  background-color: rgba(27, 28, 36, 0.2) !important;
}
.background-25-f {
  background-color: rgba(27, 28, 36, 0.25) !important;
}
.background-30-f {
  background-color: rgba(27, 28, 36, 0.3) !important;
}
.background-35-f {
  background-color: rgba(27, 28, 36, 0.35) !important;
}
.background-40-f {
  background-color: rgba(27, 28, 36, 0.4) !important;
}
.background-45-f {
  background-color: rgba(27, 28, 36, 0.45) !important;
}
.background-50-f {
  background-color: rgba(27, 28, 36, 0.5) !important;
}
.background-55-f {
  background-color: rgba(27, 28, 36, 0.55) !important;
}
.background-60-f {
  background-color: rgba(27, 28, 36, 0.6) !important;
}
.background-65-f {
  background-color: rgba(27, 28, 36, 0.65) !important;
}
.background-70-f {
  background-color: rgba(27, 28, 36, 0.7) !important;
}
.background-75-f {
  background-color: rgba(27, 28, 36, 0.75) !important;
}
.background-80-f {
  background-color: rgba(27, 28, 36, 0.8) !important;
}
.background-85-f {
  background-color: rgba(27, 28, 36, 0.85) !important;
}
.background-90-f {
  background-color: rgba(27, 28, 36, 0.9) !important;
}
.background-95-f {
  background-color: rgba(27, 28, 36, 0.95) !important;
}
.background-100-f {
  background-color: #1b1c24 !important;
}
.background-f {
  background-color: rgba(27, 28, 36, 0.85) !important;
}
.background-lite-f {
  background-color: rgba(27, 28, 36, 0.48519313) !important;
}
.background-lite-lite-f {
  background-color: rgba(27, 28, 36, 0.24285714) !important;
}
.background-hard-f {
  background-color: rgba(27, 28, 36, 0.95) !important;
}
.background-hard-hard-f {
  background-color: rgba(27, 28, 36, 0.97) !important;
}
.border-background-f {
  border-color: rgba(27, 28, 36, 0.7) !important;
}
.border-text-f {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-f {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-heading-f {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-f {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-f {
  color: #ffffff !important;
}
.text-f {
  color: #efefef !important;
}
.text-background-f {
  color: #1b1c24 !important;
}
.background-highlight-f {
  background-color: #5233f0 !important;
}
.background-heading-f {
  background-color: #ffffff !important;
}
.background-text-f {
  background-color: #efefef !important;
}
.background-link-f {
  background-color: #5233f0 !important;
}
.highlight-f {
  color: #5233f0 !important;
}
.link-f {
  color: #5233f0 !important;
}
/*** Colors G / .colors-g, .heading-g, .highlight-g, ... ***/
.colors-g {
  color: #afafaf;
  background-color: #101010;
}
.colors-g .bg-color {
  color: #101010;
}
.colors-g .out {
  opacity: 1;
}
.colors-g .heading,
.colors-g.heading {
  color: #ffffff;
}
.colors-g .link,
.colors-g.link {
  color: #5233f0;
}
.colors-g .highlight,
.colors-g.highlight {
  color: #5233f0;
}
.colors-g .background,
.colors-g.background {
  background-color: #101010;
}
.colors-g .background-solid,
.colors-g.background-solid {
  background-color: #101010;
}
.colors-g .background-hard,
.colors-g.background-hard {
  background-color: #101010;
}
.colors-g .background-lite,
.colors-g.background-lite {
  background-color: rgba(16, 16, 16, 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: #5233f0;
}
.colors-g a:hover,
a.colors-g:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-g .line {
  border-color: #afafaf;
  border-color: rgba(175, 175, 175, 0.3);
}
.colors-g .line:hover {
  background-color: rgba(16, 16, 16, 0.57081545);
}
.colors-g .help-block li {
  color: #5233f0;
}
.colors-g .grid-example > .row > div:nth-child(1n) {
  color: #ffffff;
  background-color: #101010;
  background-color: rgba(175, 175, 175, 0.1);
}
.colors-g .grid-example > .row > div:nth-child(2n) {
  color: #ffffff;
  background-color: #101010;
  background-color: rgba(175, 175, 175, 0.3);
}
.colors-g ::-webkit-input-placeholder {
  color: rgba(175, 175, 175, 0.6);
}
.colors-g :-moz-placeholder {
  color: rgba(175, 175, 175, 0.6);
  opacity: 1;
}
.colors-g ::-moz-placeholder {
  color: rgba(175, 175, 175, 0.6);
  opacity: 1;
}
.colors-g :-ms-input-placeholder {
  color: rgba(175, 175, 175, 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: #afafaf !important;
}
.colors-g .text-background,
.colors-g.text-background {
  color: #101010 !important;
}
.colors-g .background-highlight,
.colors-g.background-highlight {
  background-color: #5233f0 !important;
}
.colors-g .background-heading,
.colors-g.background-heading {
  background-color: #ffffff !important;
}
.colors-g .background-text,
.colors-g.background-text {
  background-color: #afafaf !important;
}
.colors-g .background-link,
.colors-g.background-link {
  background-color: #5233f0 !important;
}
.colors-g .border-text,
.colors-g.border-text {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.colors-g .border-highlight,
.colors-g.border-highlight {
  border-color: rgba(82, 51, 240, 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(82, 51, 240, 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(16, 16, 16, 0.05) !important;
}
.colors-g .background-10,
.colors-g.background-10 {
  background-color: rgba(16, 16, 16, 0.1) !important;
}
.colors-g .background-15,
.colors-g.background-15 {
  background-color: rgba(16, 16, 16, 0.15) !important;
}
.colors-g .background-20,
.colors-g.background-20 {
  background-color: rgba(16, 16, 16, 0.2) !important;
}
.colors-g .background-25,
.colors-g.background-25 {
  background-color: rgba(16, 16, 16, 0.25) !important;
}
.colors-g .background-30,
.colors-g.background-30 {
  background-color: rgba(16, 16, 16, 0.3) !important;
}
.colors-g .background-35,
.colors-g.background-35 {
  background-color: rgba(16, 16, 16, 0.35) !important;
}
.colors-g .background-40,
.colors-g.background-40 {
  background-color: rgba(16, 16, 16, 0.4) !important;
}
.colors-g .background-45,
.colors-g.background-45 {
  background-color: rgba(16, 16, 16, 0.45) !important;
}
.colors-g .background-50,
.colors-g.background-50 {
  background-color: rgba(16, 16, 16, 0.5) !important;
}
.colors-g .background-55,
.colors-g.background-55 {
  background-color: rgba(16, 16, 16, 0.55) !important;
}
.colors-g .background-60,
.colors-g.background-60 {
  background-color: rgba(16, 16, 16, 0.6) !important;
}
.colors-g .background-65,
.colors-g.background-65 {
  background-color: rgba(16, 16, 16, 0.65) !important;
}
.colors-g .background-70,
.colors-g.background-70 {
  background-color: rgba(16, 16, 16, 0.7) !important;
}
.colors-g .background-75,
.colors-g.background-75 {
  background-color: rgba(16, 16, 16, 0.75) !important;
}
.colors-g .background-80,
.colors-g.background-80 {
  background-color: rgba(16, 16, 16, 0.8) !important;
}
.colors-g .background-85,
.colors-g.background-85 {
  background-color: rgba(16, 16, 16, 0.85) !important;
}
.colors-g .background-90,
.colors-g.background-90 {
  background-color: rgba(16, 16, 16, 0.9) !important;
}
.colors-g .background-95,
.colors-g.background-95 {
  background-color: rgba(16, 16, 16, 0.95) !important;
}
.colors-g .background-100,
.colors-g.background-100 {
  background-color: #101010 !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(82, 51, 240, 0.5);
}
.colors-g input,
.colors-g textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  outline-color: rgba(175, 175, 175, 0);
}
.colors-g input:focus,
.colors-g textarea:focus {
  outline-color: rgba(175, 175, 175, 0.37);
}
#top-nav.colors-g {
  border-color: rgba(82, 51, 240, 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: #101010;
}
#top-nav.colors-g .nav > li ul a {
  color: #ffffff;
}
#top-nav.colors-g .nav > li ul a.active {
  color: #5233f0;
}
#top-nav.colors-g .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-g li.open > a {
  background-color: rgba(16, 16, 16, 0.57081545);
}
#top-nav.colors-g .navbar-nav a.active {
  color: #5233f0;
}
#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(82, 51, 240, 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: #5233f0;
}
.ext-nav a.colors-g:hover .side-title {
  color: #ffffff;
}
.ext-nav a.colors-g:hover .side-label {
  color: #5233f0;
}
.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: #5233f0;
}
.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: #afafaf;
  color: rgba(175, 175, 175, 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: #5233f0;
  color: rgba(175, 175, 175, 0.7);
  opacity: 1;
}
.colors-g .carousel .slick-slide {
  background-color: #101010;
}
.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: #5233f0;
}
.colors-g.gallery-overlay .field {
  color: #ffffff;
}
.colors-g .cross:before,
.colors-g .cross:after {
  background-color: #ffffff;
}
.colors-g.circle {
  border-color: #101010;
  color: #ffffff;
}
.colors-g.circle:after {
  background-color: transparent;
  border-color: #101010;
}
.colors-g.circle:hover {
  background-color: transparent;
  color: #101010;
}
.colors-g.circle:hover:after {
  border-color: #101010;
}
.colors-g .process .process-row .process-step .process-box {
  border-color: rgba(175, 175, 175, 0.7);
}
.colors-g .process .process-row .process-step .process-box:before {
  background-color: #101010;
}
#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: #101010;
}
#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: #101010;
  background-color: transparent !important;
}
.colors-g.skew.skew-bottom-right {
  border-bottom-color: #101010;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-g.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #101010;
  background-color: transparent !important;
}
.colors-g.skew.skew-top-left {
  border-top-color: #101010;
  border-right-color: transparent;
  background-color: transparent !important;
}
.colors-g .loader {
  border-color: rgba(175, 175, 175, 0.1);
}
.colors-g .loader li:nth-child(1) {
  background: #afafaf;
}
.colors-g .loader li:nth-child(2) {
  background: #afafaf;
}
.colors-g .loader li:nth-child(3) {
  background: #afafaf;
}
.colors-g .loader li:nth-child(4) {
  background: #afafaf;
}
.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: #5233f0;
}
.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(175, 175, 175, 0.85);
}
.colors-g .post .post-month {
  color: #5233f0;
}
.colors-g .sidebar .title {
  color: #ffffff;
}
.colors-g .pagination .active a {
  background-color: rgba(255, 255, 255, 0.85);
  color: #101010;
}
.colors-g .pagination .active a:hover {
  color: #101010;
}
.colors-g .pagination a {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
}
.colors-g .pagination a:hover {
  color: #5233f0;
}
.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: #5233f0;
}
.colors-g .slogan {
  color: #5233f0;
}
.colors-g .underline-dashed,
.colors-g .underline-dotted {
  border-color: rgba(82, 51, 240, 0.7);
}
.colors-g .underline {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-g .underline-highlight {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-g .underline-link {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-g .underline-heading {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-g .underline-text {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-g .top-line:before {
  background-color: rgba(82, 51, 240, 0.7);
}
.colors-g .bottom-line:after {
  background-color: #5233f0;
}
.colors-g .short-underline:after {
  background-color: #5233f0;
}
.colors-g .stroke-highlight {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.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 #afafaf, 1px -1px 0 #afafaf, -1px 1px 0 #afafaf, 1px 1px 0 #afafaf;
}
.colors-g .stroke-background {
  text-shadow: -1px -1px 0 #101010, 1px -1px 0 #101010, -1px 1px 0 #101010, 1px 1px 0 #101010;
}
.colors-g .label-border {
  border-color: rgba(82, 51, 240, 0.7);
  outline-color: #5233f0;
}
.colors-g .bottom-menu {
  color: #afafaf !important;
}
.colors-g .bottom-menu a,
.colors-g .bottom-menu i {
  color: #afafaf !important;
}
.colors-g .bottom-menu a:hover {
  background-color: transparent;
  color: #5233f0;
}
.colors-g .bottom-menu a:hover i {
  color: #5233f0;
}
footer.colors-g a i:hover {
  color: #afafaf !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(82, 51, 240, 0.8);
}
.colors-g.credits-overlay .content-container > ul > li {
  color: #5233f0;
}
.colors-g.credits-overlay .content-container > ul > li li {
  color: #5233f0;
}
.colors-g input.button {
  color: #5233f0;
}
.colors-g input.button:hover {
  color: #ffffff;
}
.colors-g iframe.example,
.colors-g pre.example {
  border-color: rgba(175, 175, 175, 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: #afafaf;
}
.background-0-g {
  background-color: transparent !important;
}
.background-5-g {
  background-color: rgba(16, 16, 16, 0.05) !important;
}
.background-10-g {
  background-color: rgba(16, 16, 16, 0.1) !important;
}
.background-15-g {
  background-color: rgba(16, 16, 16, 0.15) !important;
}
.background-20-g {
  background-color: rgba(16, 16, 16, 0.2) !important;
}
.background-25-g {
  background-color: rgba(16, 16, 16, 0.25) !important;
}
.background-30-g {
  background-color: rgba(16, 16, 16, 0.3) !important;
}
.background-35-g {
  background-color: rgba(16, 16, 16, 0.35) !important;
}
.background-40-g {
  background-color: rgba(16, 16, 16, 0.4) !important;
}
.background-45-g {
  background-color: rgba(16, 16, 16, 0.45) !important;
}
.background-50-g {
  background-color: rgba(16, 16, 16, 0.5) !important;
}
.background-55-g {
  background-color: rgba(16, 16, 16, 0.55) !important;
}
.background-60-g {
  background-color: rgba(16, 16, 16, 0.6) !important;
}
.background-65-g {
  background-color: rgba(16, 16, 16, 0.65) !important;
}
.background-70-g {
  background-color: rgba(16, 16, 16, 0.7) !important;
}
.background-75-g {
  background-color: rgba(16, 16, 16, 0.75) !important;
}
.background-80-g {
  background-color: rgba(16, 16, 16, 0.8) !important;
}
.background-85-g {
  background-color: rgba(16, 16, 16, 0.85) !important;
}
.background-90-g {
  background-color: rgba(16, 16, 16, 0.9) !important;
}
.background-95-g {
  background-color: rgba(16, 16, 16, 0.95) !important;
}
.background-100-g {
  background-color: #101010 !important;
}
.background-g {
  background-color: #101010 !important;
}
.background-lite-g {
  background-color: rgba(16, 16, 16, 0.57081545) !important;
}
.background-lite-lite-g {
  background-color: rgba(16, 16, 16, 0.28571429) !important;
}
.background-hard-g {
  background-color: #101010 !important;
}
.background-hard-hard-g {
  background-color: #101010 !important;
}
.border-background-g {
  border-color: rgba(16, 16, 16, 0.7) !important;
}
.border-text-g {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.border-highlight-g {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-heading-g {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-link-g {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.heading-g {
  color: #ffffff !important;
}
.text-g {
  color: #afafaf !important;
}
.text-background-g {
  color: #101010 !important;
}
.background-highlight-g {
  background-color: #5233f0 !important;
}
.background-heading-g {
  background-color: #ffffff !important;
}
.background-text-g {
  background-color: #afafaf !important;
}
.background-link-g {
  background-color: #5233f0 !important;
}
.highlight-g {
  color: #5233f0 !important;
}
.link-g {
  color: #5233f0 !important;
}
/*** Colors H / .colors-h, .heading-h, .highlight-h, ... ***/
.colors-h {
  color: #efefef;
  background-color: rgba(15, 14, 14, 0.85);
}
.colors-h .bg-color {
  color: #0f0e0e;
}
.colors-h .out {
  opacity: 0.85;
}
.colors-h .heading,
.colors-h.heading {
  color: #5233f0;
}
.colors-h .link,
.colors-h.link {
  color: #afafaf;
}
.colors-h .highlight,
.colors-h.highlight {
  color: #ffffff;
}
.colors-h .background,
.colors-h.background {
  background-color: rgba(15, 14, 14, 0.85);
}
.colors-h .background-solid,
.colors-h.background-solid {
  background-color: #0f0e0e;
}
.colors-h .background-hard,
.colors-h.background-hard {
  background-color: rgba(15, 14, 14, 0.95);
}
.colors-h .background-lite,
.colors-h.background-lite {
  background-color: rgba(15, 14, 14, 0.48519313);
}
.colors-h h1,
.colors-h h2,
.colors-h h3,
.colors-h h4,
.colors-h h5,
.colors-h h6,
.colors-h .col-icon {
  color: #5233f0;
}
.colors-h .col-left-marginalia,
.colors-h col-right-marginalia {
  color: #5233f0;
}
.colors-h a,
a.colors-h {
  color: #afafaf;
}
.colors-h a:hover,
a.colors-h:hover {
  color: rgba(175, 175, 175, 0.75);
}
.colors-h .line {
  border-color: #efefef;
  border-color: rgba(239, 239, 239, 0.3);
}
.colors-h .line:hover {
  background-color: rgba(15, 14, 14, 0.48519313);
}
.colors-h .help-block li {
  color: #ffffff;
}
.colors-h .grid-example > .row > div:nth-child(1n) {
  color: #5233f0;
  background-color: rgba(15, 14, 14, 0.85);
  background-color: rgba(239, 239, 239, 0.1);
}
.colors-h .grid-example > .row > div:nth-child(2n) {
  color: #5233f0;
  background-color: rgba(15, 14, 14, 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(82, 51, 240, 0.3) !important;
}
.colors-h .border-hard,
.colors-h.border-hard {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.colors-h .border-lite,
.colors-h.border-lite {
  border-color: rgba(82, 51, 240, 0.08) !important;
}
.colors-h .text {
  color: #efefef !important;
}
.colors-h .text-background,
.colors-h.text-background {
  color: #0f0e0e !important;
}
.colors-h .background-highlight,
.colors-h.background-highlight {
  background-color: #ffffff !important;
}
.colors-h .background-heading,
.colors-h.background-heading {
  background-color: #5233f0 !important;
}
.colors-h .background-text,
.colors-h.background-text {
  background-color: #efefef !important;
}
.colors-h .background-link,
.colors-h.background-link {
  background-color: #afafaf !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(255, 255, 255, 0.7) !important;
}
.colors-h .border-heading,
.colors-h.border-heading {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.colors-h .border-link,
.colors-h.border-link {
  border-color: rgba(175, 175, 175, 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(15, 14, 14, 0.05) !important;
}
.colors-h .background-10,
.colors-h.background-10 {
  background-color: rgba(15, 14, 14, 0.1) !important;
}
.colors-h .background-15,
.colors-h.background-15 {
  background-color: rgba(15, 14, 14, 0.15) !important;
}
.colors-h .background-20,
.colors-h.background-20 {
  background-color: rgba(15, 14, 14, 0.2) !important;
}
.colors-h .background-25,
.colors-h.background-25 {
  background-color: rgba(15, 14, 14, 0.25) !important;
}
.colors-h .background-30,
.colors-h.background-30 {
  background-color: rgba(15, 14, 14, 0.3) !important;
}
.colors-h .background-35,
.colors-h.background-35 {
  background-color: rgba(15, 14, 14, 0.35) !important;
}
.colors-h .background-40,
.colors-h.background-40 {
  background-color: rgba(15, 14, 14, 0.4) !important;
}
.colors-h .background-45,
.colors-h.background-45 {
  background-color: rgba(15, 14, 14, 0.45) !important;
}
.colors-h .background-50,
.colors-h.background-50 {
  background-color: rgba(15, 14, 14, 0.5) !important;
}
.colors-h .background-55,
.colors-h.background-55 {
  background-color: rgba(15, 14, 14, 0.55) !important;
}
.colors-h .background-60,
.colors-h.background-60 {
  background-color: rgba(15, 14, 14, 0.6) !important;
}
.colors-h .background-65,
.colors-h.background-65 {
  background-color: rgba(15, 14, 14, 0.65) !important;
}
.colors-h .background-70,
.colors-h.background-70 {
  background-color: rgba(15, 14, 14, 0.7) !important;
}
.colors-h .background-75,
.colors-h.background-75 {
  background-color: rgba(15, 14, 14, 0.75) !important;
}
.colors-h .background-80,
.colors-h.background-80 {
  background-color: rgba(15, 14, 14, 0.8) !important;
}
.colors-h .background-85,
.colors-h.background-85 {
  background-color: rgba(15, 14, 14, 0.85) !important;
}
.colors-h .background-90,
.colors-h.background-90 {
  background-color: rgba(15, 14, 14, 0.9) !important;
}
.colors-h .background-95,
.colors-h.background-95 {
  background-color: rgba(15, 14, 14, 0.95) !important;
}
.colors-h .background-100,
.colors-h.background-100 {
  background-color: #0f0e0e !important;
}
.colors-h h2::after {
  background-color: rgba(82, 51, 240, 0.4);
}
.colors-h h3 a {
  color: #5233f0;
}
.colors-h h3 a:hover {
  color: rgba(82, 51, 240, 0.75);
}
.colors-h h3 {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-h input,
.colors-h textarea {
  background-color: transparent;
  border-color: rgba(82, 51, 240, 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(255, 255, 255, 0.16);
  color: #5233f0;
}
#top-nav.colors-h li a {
  color: #5233f0;
}
#top-nav.colors-h li a:hover {
  color: inherit;
}
#top-nav.colors-h .navbar-brand {
  color: #5233f0;
}
#top-nav.colors-h .navbar-brand:hover {
  color: #5233f0;
}
#top-nav.colors-h .nav > li ul {
  background-color: rgba(15, 14, 14, 0.85);
}
#top-nav.colors-h .nav > li ul a {
  color: #5233f0;
}
#top-nav.colors-h .nav > li ul a.active {
  color: #ffffff;
}
#top-nav.colors-h .nav > li ul a:hover {
  background-color: transparent;
}
#top-nav.colors-h li.open > a {
  background-color: rgba(15, 14, 14, 0.48519313);
}
#top-nav.colors-h .navbar-nav a.active {
  color: #ffffff;
}
#top-nav.colors-h .navbar-toggle {
  background-color: transparent !important;
  border-color: #5233f0;
}
#top-nav.colors-h .navbar-toggle .icon-bar {
  background-color: #5233f0;
}
.colors-h.page-border {
  border-color: rgba(255, 255, 255, 0.16);
}
.colors-h.page-border a {
  color: #5233f0;
}
.ext-nav a.colors-h .side-title {
  color: #5233f0;
}
.ext-nav a.colors-h .side-label {
  color: #ffffff;
}
.ext-nav a.colors-h:hover .side-title {
  color: #5233f0;
}
.ext-nav a.colors-h:hover .side-label {
  color: #ffffff;
}
.colors-h .menu-toggle span,
.colors-h .menu-toggle span:before,
.colors-h .menu-toggle span:after {
  background-color: #5233f0;
}
.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: #ffffff;
}
.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: #ffffff;
  color: rgba(239, 239, 239, 0.7);
  opacity: 1;
}
.colors-h .carousel .slick-slide {
  background-color: rgba(15, 14, 14, 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: #5233f0;
  background-color: transparent;
}
.colors-h .gallery .filter .nav li a.active {
  color: #ffffff;
}
.colors-h.gallery-overlay .field {
  color: #5233f0;
}
.colors-h .cross:before,
.colors-h .cross:after {
  background-color: #5233f0;
}
.colors-h.circle {
  border-color: rgba(15, 14, 14, 0.85);
  color: #5233f0;
}
.colors-h.circle:after {
  background-color: transparent;
  border-color: rgba(15, 14, 14, 0.85);
}
.colors-h.circle:hover {
  background-color: transparent;
  color: rgba(15, 14, 14, 0.85);
}
.colors-h.circle:hover:after {
  border-color: rgba(15, 14, 14, 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: #0f0e0e;
}
#dot-scroll.colors-h li a span {
  background-color: #5233f0;
}
#dot-scroll.colors-h li a.active span,
#dot-scroll.colors-h li a:hover.active span {
  background-color: rgba(15, 14, 14, 0.85);
}
#dot-scroll.colors-h li a.target span,
#dot-scroll.colors-h li a:hover.target span {
  border-color: #5233f0;
}
#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: #5233f0;
}
.colors-h.skew.skew-bottom-left {
  border-bottom-color: transparent;
  border-left-color: #0f0e0e;
  background-color: transparent !important;
}
.colors-h.skew.skew-bottom-right {
  border-bottom-color: #0f0e0e;
  border-left-color: transparent;
  background-color: transparent !important;
}
.colors-h.skew.skew-top-right {
  border-top-color: transparent;
  border-right-color: #0f0e0e;
  background-color: transparent !important;
}
.colors-h.skew.skew-top-left {
  border-top-color: #0f0e0e;
  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(82, 51, 240, 0.3) !important;
}
.colors-h #comments .comment-list .comment {
  border-color: rgba(82, 51, 240, 0.3) !important;
}
.colors-h .avatar,
.colors-h ul.tags-list li {
  border-color: rgba(82, 51, 240, 0.3) !important;
}
.colors-h .post .post-meta {
  color: #5233f0;
}
.colors-h .post .post-meta a {
  color: #5233f0;
}
.colors-h .post .post-meta a:hover {
  color: #ffffff;
}
.colors-h .post .post-meta .post-month {
  border-color: rgba(82, 51, 240, 0.08) !important;
}
.colors-h .post h3 a:hover {
  color: #5233f0;
}
.colors-h .post .post-tags {
  color: rgba(239, 239, 239, 0.85);
}
.colors-h .post .post-month {
  color: #ffffff;
}
.colors-h .sidebar .title {
  color: #5233f0;
}
.colors-h .pagination .active a {
  background-color: rgba(82, 51, 240, 0.85);
  color: #0f0e0e;
}
.colors-h .pagination .active a:hover {
  color: #0f0e0e;
}
.colors-h .pagination a {
  background-color: transparent;
  border-color: rgba(82, 51, 240, 0.4) !important;
  color: #5233f0;
}
.colors-h .pagination a:hover {
  color: #ffffff;
}
.colors-h .navbar-collapse {
  max-height: none;
}
.colors-h .caption {
  color: #5233f0;
}
.colors-h .title,
.colors-h .header-details,
.colors-h .subtitle {
  color: #5233f0;
}
.colors-h .title.highlight,
.colors-h .header-details.highlight,
.colors-h .subtitle.highlight {
  color: #ffffff;
}
.colors-h .slogan {
  color: #ffffff;
}
.colors-h .underline-dashed,
.colors-h .underline-dotted {
  border-color: rgba(255, 255, 255, 0.7);
}
.colors-h .underline {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-h .underline-highlight {
  border-color: rgba(255, 255, 255, 0.5);
}
.colors-h .underline-link {
  border-color: rgba(175, 175, 175, 0.5);
}
.colors-h .underline-heading {
  border-color: rgba(82, 51, 240, 0.5);
}
.colors-h .underline-text {
  border-color: rgba(239, 239, 239, 0.5);
}
.colors-h .top-line:before {
  background-color: rgba(255, 255, 255, 0.7);
}
.colors-h .bottom-line:after {
  background-color: #ffffff;
}
.colors-h .short-underline:after {
  background-color: #ffffff;
}
.colors-h .stroke-highlight {
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.colors-h .stroke-heading {
  text-shadow: -1px -1px 0 #5233f0, 1px -1px 0 #5233f0, -1px 1px 0 #5233f0, 1px 1px 0 #5233f0;
}
.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(15, 14, 14, 0.85), 1px -1px 0 rgba(15, 14, 14, 0.85), -1px 1px 0 rgba(15, 14, 14, 0.85), 1px 1px 0 rgba(15, 14, 14, 0.85);
}
.colors-h .label-border {
  border-color: rgba(255, 255, 255, 0.7);
  outline-color: #ffffff;
}
.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: #ffffff;
}
.colors-h .bottom-menu a:hover i {
  color: #ffffff;
}
footer.colors-h a i:hover {
  color: #efefef !important;
}
.colors-h .main-icon {
  color: #5233f0;
}
.colors-h .main-icon:hover {
  color: #5233f0;
}
.colors-h.content.border-bottom,
.colors-h.content.border-top,
footer.colors-h.border-bottom,
footer.colors-h.border-top {
  border-color: rgba(255, 255, 255, 0.8);
}
.colors-h.credits-overlay .content-container > ul > li {
  color: #ffffff;
}
.colors-h.credits-overlay .content-container > ul > li li {
  color: #afafaf;
}
.colors-h input.button {
  color: #ffffff;
}
.colors-h input.button:hover {
  color: #5233f0;
}
.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: #5233f0;
}
.colors-h .help-toc-title {
  border-color: rgba(82, 51, 240, 0.2);
}
.text-h {
  color: #efefef;
}
.background-0-h {
  background-color: transparent !important;
}
.background-5-h {
  background-color: rgba(15, 14, 14, 0.05) !important;
}
.background-10-h {
  background-color: rgba(15, 14, 14, 0.1) !important;
}
.background-15-h {
  background-color: rgba(15, 14, 14, 0.15) !important;
}
.background-20-h {
  background-color: rgba(15, 14, 14, 0.2) !important;
}
.background-25-h {
  background-color: rgba(15, 14, 14, 0.25) !important;
}
.background-30-h {
  background-color: rgba(15, 14, 14, 0.3) !important;
}
.background-35-h {
  background-color: rgba(15, 14, 14, 0.35) !important;
}
.background-40-h {
  background-color: rgba(15, 14, 14, 0.4) !important;
}
.background-45-h {
  background-color: rgba(15, 14, 14, 0.45) !important;
}
.background-50-h {
  background-color: rgba(15, 14, 14, 0.5) !important;
}
.background-55-h {
  background-color: rgba(15, 14, 14, 0.55) !important;
}
.background-60-h {
  background-color: rgba(15, 14, 14, 0.6) !important;
}
.background-65-h {
  background-color: rgba(15, 14, 14, 0.65) !important;
}
.background-70-h {
  background-color: rgba(15, 14, 14, 0.7) !important;
}
.background-75-h {
  background-color: rgba(15, 14, 14, 0.75) !important;
}
.background-80-h {
  background-color: rgba(15, 14, 14, 0.8) !important;
}
.background-85-h {
  background-color: rgba(15, 14, 14, 0.85) !important;
}
.background-90-h {
  background-color: rgba(15, 14, 14, 0.9) !important;
}
.background-95-h {
  background-color: rgba(15, 14, 14, 0.95) !important;
}
.background-100-h {
  background-color: #0f0e0e !important;
}
.background-h {
  background-color: rgba(15, 14, 14, 0.85) !important;
}
.background-lite-h {
  background-color: rgba(15, 14, 14, 0.48519313) !important;
}
.background-lite-lite-h {
  background-color: rgba(15, 14, 14, 0.24285714) !important;
}
.background-hard-h {
  background-color: rgba(15, 14, 14, 0.95) !important;
}
.background-hard-hard-h {
  background-color: rgba(15, 14, 14, 0.97) !important;
}
.border-background-h {
  border-color: rgba(15, 14, 14, 0.7) !important;
}
.border-text-h {
  border-color: rgba(239, 239, 239, 0.7) !important;
}
.border-highlight-h {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-heading-h {
  border-color: rgba(82, 51, 240, 0.7) !important;
}
.border-link-h {
  border-color: rgba(175, 175, 175, 0.7) !important;
}
.heading-h {
  color: #5233f0 !important;
}
.text-h {
  color: #efefef !important;
}
.text-background-h {
  color: #0f0e0e !important;
}
.background-highlight-h {
  background-color: #ffffff !important;
}
.background-heading-h {
  background-color: #5233f0 !important;
}
.background-text-h {
  background-color: #efefef !important;
}
.background-link-h {
  background-color: #afafaf !important;
}
.highlight-h {
  color: #ffffff !important;
}
.link-h {
  color: #afafaf !important;
}
/*** Additional Colors / .background-transparent, .info, .danger, ... ***/
.background-transparent {
  background-color: transparent !important;
}
.primary {
  background-color: rgba(100, 122, 156, 0.3);
}
.success {
  background-color: rgba(19, 215, 245, 0.3);
}
.info {
  background-color: rgba(185, 224, 244, 0.3);
}
.warning {
  background-color: rgba(245, 213, 54, 0.3);
}
.danger {
  background-color: rgba(252, 105, 75, 0.3);
}
/*** Scroll Bars ***/
body,
html {
  -ms-overflow-style: scrollbar;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background-color: #101010;
  border-left: 1px solid rgba(223, 223, 223, 0.6);
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  border-color: rgba(223, 223, 223, 0.6) !important;
  background-color: #101010;
  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: #473d2e;
  scrollbar-track-color: #101010;
  scrollbar-arrow-color: #afafaf;
  scrollbar-highlight-color: #473d2e;
  scrollbar-3dlight-color: #473d2e;
  scrollbar-shadow-color: #473d2e;
  scrollbar-darkshadow-color: #473d2e;
}
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: #101010;
  border-left: 1px solid rgba(223, 223, 223, 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(223, 223, 223, 0.6) !important;
  background-color: #101010;
  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: #5233f0;
  scrollbar-track-color: #615e5a;
  scrollbar-arrow-color: #afafaf;
  scrollbar-highlight-color: #5233f0;
  scrollbar-3dlight-color: #5233f0;
  scrollbar-shadow-color: #5233f0;
  scrollbar-darkshadow-color: #5233f0;
}
pre::-webkit-scrollbar-track,
.example-page::-webkit-scrollbar-track {
  background-color: #101010;
  border-left: 1px solid rgba(175, 175, 175, 0.6);
}
pre::-webkit-scrollbar-thumb,
.example-page::-webkit-scrollbar-thumb {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background-color: #0f0e0e;
  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: #101010;
  border-left: 1px solid rgba(223, 223, 223, 0.6);
}
.scroll-a::-webkit-scrollbar-thumb {
  border-color: rgba(223, 223, 223, 0.6) !important;
  background-color: #101010;
  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: #101010;
  border-left: 1px solid rgba(175, 175, 175, 0.6);
}
.scroll-b::-webkit-scrollbar-thumb {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background-color: #0f0e0e;
  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: #473d2e;
  scrollbar-track-color: #101010;
  scrollbar-arrow-color: #afafaf;
  scrollbar-highlight-color: #473d2e;
  scrollbar-3dlight-color: #473d2e;
  scrollbar-shadow-color: #473d2e;
  scrollbar-darkshadow-color: #473d2e;
}
.ie-scroll-b {
  scrollbar-face-color: #5233f0;
  scrollbar-track-color: #615e5a;
  scrollbar-arrow-color: #afafaf;
  scrollbar-highlight-color: #5233f0;
  scrollbar-3dlight-color: #5233f0;
  scrollbar-shadow-color: #5233f0;
  scrollbar-darkshadow-color: #5233f0;
}
.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;
}