/* Table of Content
====================
* Global variables
* General
* Magic cursor
* Header
* Classic menu
* Overlay menu
* Page header
* tt-Ggrid categories/filter
* Portfolio grid
* Portfolio carousel
* Portfolio slider (full screen)
* Portfolio interactive
* Portfolio list
* Portfolio single
* Blog list
* Blog carousel
* Blog single post
* Content carousel
* Sidebar (classic)
* Sliding sidebar
* Sidebar widgets
* tt-Signature
* tt-Headings
* Forms
* Buttons
* Accordion
* Scrolling text
* Logo wall
* Custom scrollbar style
* Page nav
* Next project (nav)
* Background color classes
* Footer
*/


/* ------------------------------------------------------------- *
 * Global variables
/* ------------------------------------------------------------- */

:root {
	--tt-main-bg-color: #ffffff;
	/* Template background color (you can play with some light variations). */
	--tt-main-color: #333333;
	/* Main Color */
	--tt-secondary-color: #4DA6B3;
	/* Secondary Color */
	--tt-ghost-color: #d1d3d4;
	/* Title ghost color. */
}


/* ------------------------------------------------------------- *
 * General
/* ------------------------------------------------------------- */

body {
	background-color: var(--tt-main-bg-color);
	color: #333333;
}

.text-gray {
	color: #777 !important;
}

.scrollbar-thumb {
	background: #666 !important;
}

.text-stroke-light {
	-webkit-text-stroke-color: #333333;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	border-color: #333333;
}

.tt-pagin-item,
[class*="tt-arrow"] {
	color: #fff;
}

.scrollbar-track:hover {
	background: rgb(24 24 24 / 9%) !important;
}


/* ------------------------------------------------------------- *
 * Magic cursor
/* ------------------------------------------------------------- */

body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on) #ball {
	border-color: #787878;
}

body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on) #ball .ball-drag,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on) #ball .ball-drag::before,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on) #ball .ball-drag::after {
	color: #787878;
}

#ball .ball-close {
	color: #333333;
}


/* ------------------------------------------------------------- *
 * Header
/* ------------------------------------------------------------- */

#tt-header .tt-logo-light {
	display: none;
}

#tt-header .tt-logo-dark {
	display: block;
}

#tt-header,
.tt-ol-menu-toggle-btn-text {
	color: #333333;
}

.tt-ol-menu-toggle-btn span::before,
.tt-ol-menu-toggle-btn span::after,
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
	background-color: #fff;
}


.tt-ol-menu-open .tt-ol-menu-toggle-btn span::before,
.tt-ol-menu-open .tt-ol-menu-toggle-btn span::after {
	background-color: #333333;
}

.tt-ol-menu-open .tt-ol-menu-toggle-btn {
	background: none !important;
}


/* tt-Header light
=================== */
body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-light,
body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-light,
body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-light,
body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-light {
	display: block;
}

body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-dark,
body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-dark,
body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-dark,
body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header .tt-logo-dark {
	display: none;
}

body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header,
body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text,

body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header,
body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text,

body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header,
body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text,

body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.tt-ol-menu-active) #tt-header,
body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text {
	color: #FFF;
}

body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
body.tt-ph-visible.ph-bg-image-on:not(.tt-light-bg-on):not(.is-mobile):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn:hover span,

body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
body.tt-portfolio-slider-on:not(.tt-light-bg-on):not(.is-mobile):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn:hover span,

body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on):not(.is-mobile):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn:hover span,

body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
body.tt-np-image-on.tt-next-project-top:not(.tt-light-bg-on):not(.is-mobile):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn:hover span {
	background-color: #FFF;
}


/* ------------------------------------------------------------- *
 * Classic menu
/* ------------------------------------------------------------- */

@media (min-width: 1025px) {

	.tt-main-menu-list>li>a,
	.tt-main-menu-list>li>.tt-submenu-trigger>a {
		color: #2F4C7E;
		font-weight: 600;
	}

	body.ph-bg-image-on.tt-ph-visible:not(.tt-light-bg-on) .tt-main-menu-list>li>a,
	body.ph-bg-image-on.tt-ph-visible:not(.tt-light-bg-on) .tt-main-menu-list>li>.tt-submenu-trigger>a,

	body.tt-portfolio-slider-on:not(.tt-light-bg-on) .tt-main-menu-list>li>a,
	body.tt-portfolio-slider-on:not(.tt-light-bg-on) .tt-main-menu-list>li>.tt-submenu-trigger>a,

	body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on) .tt-main-menu-list>li>a,
	body.tt-portfolio-hover-carousel-on:not(.tt-light-bg-on) .tt-main-menu-list>li>.tt-submenu-trigger>a,

	body.tt-next-project-top.tt-np-image-on:not(.tt-light-bg-on) .tt-main-menu-list>li>a,
	body.tt-next-project-top.tt-np-image-on:not(.tt-light-bg-on) .tt-main-menu-list>li>.tt-submenu-trigger>a {
		color: #2F4C7E;
	}

	.tt-main-menu-list.tt-mm-hover>li>a:hover,
	.tt-main-menu-list.tt-mm-hover>li>.tt-submenu-trigger>a:hover,
	.tt-main-menu-list.tt-mm-hover>li.active>a,
	.tt-main-menu-list.tt-mm-hover>li.active>.tt-submenu-trigger>a,
	.tt-main-menu-list.tt-mm-hover>li.tt-submenu-open>.tt-submenu-trigger>a {
		opacity: 1;
		color: #333333;
	}
}

/* Mobile menu */
@media (max-width: 1024px) {

	.tt-main-menu-list>li a,
	.tt-m-caret,
	.tt-submenu-list>li>.tt-submenu-trigger .tt-m-caret {
		color: #2F4C7E;
	}

	.tt-main-menu-list>li.active>a,
	.tt-main-menu-list>li.active>.tt-submenu-trigger a,

	.tt-submenu-list>li a:hover,
	.tt-submenu-list>li>.tt-submenu-trigger:hover a,
	.tt-submenu-list>li>.tt-submenu-trigger:hover .tt-m-caret,
	.tt-submenu-list>li.active>a,
	.tt-submenu-list>li.active>.tt-submenu-trigger a,
	.tt-submenu-list>li.active>.tt-submenu-trigger .tt-m-caret {
		color: var(--tt-main-color);

	}


	.tt-main-menu-list>li>.tt-submenu-trigger.tt-m-submenu-open a,
	.tt-main-menu-list>li.active>.tt-submenu-trigger .tt-m-caret,
	.tt-submenu-list>li>.tt-submenu-trigger.tt-m-submenu-open a,
	.tt-submenu-list>li>.tt-submenu-trigger.tt-m-submenu-open .tt-m-caret {
		color: #333333;

	}

	body.tt-m-menu-active #tt-header .tt-logo-dark {
		display: block !important;
	}

	body.tt-m-menu-active #tt-header .tt-logo-light {
		display: none !important;
	}

	body.tt-m-menu-active .tt-m-menu-toggle-btn-text {
		color: var(--tt-secondary-color);
	}

	body.tt-m-menu-active .tt-m-menu-toggle-btn span::before,
	body.tt-m-menu-active .tt-m-menu-toggle-btn span::after {
		background-color: var(--tt-secondary-color);
	}
}


/* ------------------------------------------------------------- *
 * Overlay menu
/* ------------------------------------------------------------- */

.tt-overlay-menu {
	background-size: cover;
	background-color: var(--tt-main-bg-color);

}

.tt-ol-menu-ghost {
	color: var(--tt-ghost-color);
	opacity: 1;
}

.tt-ol-menu-list>li>a,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger>a,
.tt-ol-submenu-list>li a,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger>a,
.tt-ol-submenu-caret,
.tt-ol-menu-list>li li .tt-ol-submenu-caret,
.tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list>li::before,
.tt-ol-menu-social-heading,
.tt-ol-menu-social>li>a {
	color: #333333;
	transition: all 0.2s ease-in-out;
	letter-spacing: 0em;
}

.tt-ol-menu-list>li.active>a,
.tt-ol-menu-list>li.active>.tt-ol-submenu-trigger>a,
.tt-ol-menu-list>li.active>.tt-ol-submenu-trigger .tt-ol-submenu-caret,
body:not(.is-mobile) .tt-ol-menu-list>li>a:hover,
body:not(.is-mobile) .tt-ol-menu-list>li>.tt-ol-submenu-trigger:hover>a,
body:not(.is-mobile) .tt-ol-menu-list>li>.tt-ol-submenu-trigger:hover .tt-ol-submenu-caret,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open>a,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret,

.tt-ol-submenu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open>a,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret,
.tt-ol-submenu-list>li.active>a,
.tt-ol-submenu-list>li.active>.tt-ol-submenu-trigger>a,
.tt-ol-submenu-list>li.active>.tt-ol-submenu-trigger .tt-ol-submenu-caret,
.tt-ol-submenu-list>li a:hover,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger:hover>a,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger:hover .tt-ol-submenu-caret,
.tt-ol-menu-social>li>a:hover,
.tt-ol-menu-social>li>a:focus {
	color: var(--tt-main-color);
	letter-spacing: 0.005em;
	transition: all 0.2s ease-in-out;
}

/* ------------------------------------------------------------- *
 * Page header
/* ------------------------------------------------------------- */

body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-caption-title,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-caption-subtitle,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-caption-description,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-category,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-meta,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-meta-posted-by a,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .tt-sd-text,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-share-text,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-share-icon,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-share .social-buttons>ul>li a {
	color: #333333;
}

body:not(.tt-light-bg-on):not(.ph-bg-image-on) .ph-caption-title-ghost {
	color: var(--tt-ghost-color);
	opacity: 1;
}

body:not(.tt-light-bg-on):not(.ph-bg-image-on) .tt-sd-arrow-inner,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .tt-sd-arrow::before,
body:not(.tt-light-bg-on):not(.ph-bg-image-on) .tt-sd-arrow::after {
	background-color: #333333;
}


/* Page header light
===================== */
body.ph-bg-image-on.tt-ph-visible:not(.tt-light-bg-on) .ph-share .social-buttons>ul>li a {
	color: #FFF;
}


/* ------------------------------------------------------------- *
 * tt-Ggrid categories/filter
/* ------------------------------------------------------------- */

.ttgr-cat-nav {
	background-color: rgb(243 243 243 / 93%);
}

.ttgr-cat-list>li>a {
	color: #333333;
	opacity: 1;
}

.ttgr-cat-list>li>a:hover,
.ttgr-cat-list>li>a:focus,
.ttgr-cat-list>li>a.active {
	color: var(--tt-main-color);
}

.ttgr-cat-close,
.ttgr-cat-list .ttgr-cat-item::before {
	color: #333333;
}

/* tt-Ggrid categories trigger */
.ttgr-cat-trigger-wrap:not(.ttgr-cat-fixed):not(.ttgr-cat-colored) .ttgr-cat-trigger {
	background-color: rgb(0 0 0 / 5%);
	color: #333333;
}

.ttgr-cat-trigger-wrap.ttgr-cat-fixed:not(.ttgr-cat-colored) .ttgr-cat-trigger {
	background-color: rgb(221 221 221 / 70%);
	color: #333333;
}


/* ------------------------------------------------------------- *
 * Portfolio grid
/* ------------------------------------------------------------- */

.portfolio-grid:not(.pgi-cap-inside) .pgi-title,
.portfolio-grid:not(.pgi-cap-inside) .pgi-category {
	color: #333333;
}


/* ------------------------------------------------------------- *
 * Portfolio carousel
/* ------------------------------------------------------------- */

@media (min-width: 1025px) {
	.tt-pci-caption-back .tt-pci-category {
		color: #333333;
	}

	.pci-caption-stroke .tt-pci-caption-back .tt-pci-title {
		-webkit-text-stroke-width: 2px;
		-webkit-text-stroke-color: #333333;
	}
}

/* Portfolio carousel navigation */
.tt-pc-arrow,
.tt-pc-arrow [class*="tt-arrow"] {
	color: #333333;
}

.tt-pc-pagination-progressbar {
	background-color: rgb(0 0 0 / 20%);
}

.tt-pc-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #333333;
}

.tt-pc-pagination-bullets .swiper-pagination-bullet {
	border-color: #333333;
}

.tt-pc-pagination-fraction {
	color: #333333;
}


/* ------------------------------------------------------------- *
 * Portfolio slider (full screen)
/* ------------------------------------------------------------- */

.tt-portfolio-slider-navigation [class*="tt-arrow"] {
	color: #FFF;
}


/* ------------------------------------------------------------- *
 * Portfolio interactive
/* ------------------------------------------------------------- */

.pi-item-title,
.pi-item-category,
.pi-item-title-link::before {
	color: #333333;
}

.pi-item-hover-title {
	color: var(--tt-main-color);
}

body.pi-full-on:not(.page-header-on) .portfolio-interactive-ghost {
	color: var(--tt-ghost-color);
	opacity: 1;
}

.portfolio-interactive.hovered .pi-item-title,
.pi-item-image img,
.pi-item-image video {
	opacity: 1;
}

.pi-item-image-inner {
	background-color: transparent;
}

@media (min-width: 768px) {
	.portfolio-interactive.pi-inline .pi-item-title-link::after {
		color: #333333;
	}
}

.portfolio-interactive.hovered .pi-item-category-wrap,
.portfolio-interactive.hovered .pi-item-title-link::before {
	opacity: .6;
}


/* Elements light
================== */
.portfolio-interactive.pi-center .portfolio-interactive-item:not(.pi-item-light-image-on) .pi-item-category {
	color: #FFF;
}


/* ------------------------------------------------------------- *
 * Portfolio split
/* ------------------------------------------------------------- */

@media (min-width: 1025px) {

	.pspl-item-title,
	.pspl-item-category,
	.pspl-item-title-link::before {
		color: #333333;
	}

	.pspl-item-hover-title {
		color: var(--tt-main-color);
	}

	.portfolio-split.hovered .pspl-item-title {
		opacity: 1;
	}

	.portfolio-split.hovered .pspl-item-category-wrap,
	.portfolio-split.hovered .pspl-item-title-link::before {
		opacity: .6;
	}

	.pspl-ghost {
		color: var(--tt-ghost-color);
		opacity: 1;
	}
}

@media (min-width: 1025px) {

	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text,
	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on) .tt-main-menu-list>li>a,
	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on) .tt-main-menu-list>li>.tt-submenu-trigger>a,
	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on) #tt-footer .footer-social .footer-social-text,
	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on) #tt-footer .footer-social a {
		color: #FFF;
	}

	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
	body.portfolio-split-on:not(.pspl-light-image-on):not(.pspl-reverse-on):not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
		background-color: #FFF;
	}

	/* If reversed layout is enabled */
	body.portfolio-split-on:not(.pspl-light-image-on):not(.tt-ol-menu-active).pspl-reverse-on #tt-header .tt-logo-dark {
		display: none;
	}

	body.portfolio-split-on:not(.pspl-light-image-on):not(.tt-ol-menu-active).pspl-reverse-on #tt-header .tt-logo-light {
		display: block;
	}

	body.portfolio-split-on:not(.pspl-light-image-on).pspl-reverse-on #tt-footer .tt-btn-link>*,
	body.portfolio-split-on:not(.pspl-light-image-on).pspl-reverse-on #tt-footer .tt-btn-link>*::after {
		color: #FFF !important;
	}

	body.portfolio-split-on:not(.pspl-light-image-on).pspl-reverse-on #tt-footer .tt-btn-link:hover>*,
	body.portfolio-split-on:not(.pspl-light-image-on).pspl-reverse-on #tt-footer .tt-btn-link:hover>*::after {
		color: #FFF !important;
	}
}

@media (max-width: 1024px) {

	body.portfolio-split-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text,
	body.portfolio-split-on #tt-footer .footer-social .footer-social-text,
	body.portfolio-split-on #tt-footer .footer-social a {
		color: #FFF !important;
	}

	body.portfolio-split-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
	body.portfolio-split-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
	body.portfolio-split-on:not(.is-mobile):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn:hover span {
		background-color: #FFF;
	}

	body.portfolio-split-on:not(.tt-ol-menu-active) #tt-header .tt-logo-dark {
		display: none;
	}

	body.portfolio-split-on:not(.tt-ol-menu-active) #tt-header .tt-logo-light {
		display: block;
	}

	body.portfolio-split-on #tt-footer .tt-btn-link>*,
	body.portfolio-split-on #tt-footer .tt-btn-link>*::after {
		color: #FFF !important;
	}

	body.portfolio-split-on #tt-footer .tt-btn-link:hover>*,
	body.portfolio-split-on #tt-footer .tt-btn-link:hover>*::after {
		color: #FFF !important;
	}
}


/* ------------------------------------------------------------- *
 * Portfolio list
/* ------------------------------------------------------------- */

.pli-caption-back .pli-category,
.pli-counter::before {
	color: #333333;
}

.pli-counter::before {
	opacity: 1;
}

@media (max-width: 768px) {
	.pli-title {
		color: #333333;
	}
}


/* ------------------------------------------------------------- *
 * Portfolio thumbnail list
/* ------------------------------------------------------------- */

.ptl-item,
.ptl-item:first-child {
	border-color: #DDD;
}

.ptl-item-title,
.ptl-item-category,
.ptl-item-caption::before {
	color: #333333;
}

.ptl-item-hover-title {
	color: var(--tt-main-color);
}

.portfolio-thumbnail-list:hover .ptl-item-title {
	opacity: 1;
}

.portfolio-thumbnail-list:hover .ptl-item-category-wrap,
.portfolio-thumbnail-list:hover .ptl-item-caption::before {
	opacity: .6;
}


/* ------------------------------------------------------------- *
 * Portfolio single
/* ------------------------------------------------------------- */

.project-info-list .pi-list-heading,
.project-info-list .pi-list-cont,
.project-info-list .pi-list-cont a {
	color: #ffffff;
}

.project-info-list>ul>li::after {
	background-color: rgb(169 169 169 / 43%);
}

@media (max-width: 1024px) {
	figcaption {
		color: #333333;
	}
}


/* ------------------------------------------------------------- *
 * Blog list
/* ------------------------------------------------------------- */

.bli-title,
.bli-title a,
.bli-desc {
	color: #333333;
}

.bli-categories,
.bli-meta,
.bli-meta a {
	color: #777;
}


/* ------------------------------------------------------------- *
 * Blog carousel
/* ------------------------------------------------------------- */

.tt-bci-title,
.tt-bci-title a,
.tt-bci-desc,
.tt-blc-pagination-fraction {
	color: var(--tt-main-color);
}

.tt-bci-categories,
.tt-bci-meta,
.tt-bci-meta a {
	color:  var(--tt-main-color);
}

.tt-blc-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	border-color: var(--tt-secondary-color);
}

.tt-blc-pagination-progressbar {
	background-color: rgb(0 0 0 / 20%);
}

.tt-blc-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: var(--tt-secondary-color);
}


/* ------------------------------------------------------------- *
 * Blog single post
/* ------------------------------------------------------------- */

.tt-blog-post-content p {
	color: #333333;
}

.tt-blog-post-tags span,
.tt-blog-post-tags a,
.tt-bps-text,
.tt-bp-nav-title a,
.tt-bp-nav-title a:hover,
.tt-comment-heading a,
.tt-comment-heading a:hover,
.tt-comment-reply a:hover,
.tt-comment-text {
	color: #333333;
}

.tt-bp-nav-text,
.tt-comment-time {
	color: #333333;
	font-family: "Lato", sans-serif;
	font-size: 15px;
}


/* ------------------------------------------------------------- *
 * Content carousel
/* ------------------------------------------------------------- */

.tt-cc-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	border-color: #333333;
}

.tt-cc-pagination-fraction {
	color: #333333;
}

.tt-cc-pagination-progressbar {
	background-color: rgb(0 0 0 / 20%);
}

.tt-cc-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #333333;
}

.tt-cc-nav-next [class*="tt-arrow"],
.tt-cc-nav-prev [class*="tt-arrow"] {
	color: #FFF;
}


/* ------------------------------------------------------------- *
 * Sidebar (classic)
/* ------------------------------------------------------------- */

.tt-sidebar,
.tt-sidebar a {
	color: #333333;
}


/* ------------------------------------------------------------- *
 * Sliding sidebar
/* ------------------------------------------------------------- */

@media (min-width: 769px) {
	.tt-sliding-sidebar-trigger {
		background-color: #DDD;
		color: #333333;
	}
}

.tt-sliding-sidebar {
	background-color: #ededed;
}

.tt-sliding-sidebar-close {
	background-color: rgb(243 243 243 / 80%);
}


/* ------------------------------------------------------------- *
 * Sidebar widgets
/* ------------------------------------------------------------- */

.sidebar-categories>ul>li>a,
.sidebar-categories>ul>li>a:hover,
.sidebar-categories>ul>li>a span,
.sidebar-post-title a,
.sidebar-post-title a:hover,
.sidebar-comment-text,
.sidebar-comment-text a,
.sidebar-comment-text a:hover,
.sidebar-comment-author a,
.sidebar-comment-author a:hover,
.sidebar-tags-list a,
.sidebar-meta ul>li>a,
.sidebar-meta ul>li>a:hover {
	color: #333333;
}

.sidebar-comment-text a:hover,
.sidebar-categories>ul>li>a:hover {
	opacity: .8;
}

.sidebar-post-date,
.sidebar-comment-date {
	color: #777;
}


/* -------------------------------------------------------------------- *
 * tt-Signature
/* -------------------------------------------------------------------- */

.tt-signature-light {
	display: none;
}

.tt-signature-dark {
	display: block;
}


/* -------------------------------------------------------------------- *
 * tt-Headings
/* -------------------------------------------------------------------- */

.tt-heading-title {
	color: #2F4C7E;
}

.tt-heading-subtitle {
	color: #2F4C7E;
}

.tt-heading.tt-heading-stroke .tt-heading-title {
	-webkit-text-stroke-color: #2F4C7E;
}


/* ------------------------------------------------------------- *
 * Forms
/* ------------------------------------------------------------- */

.tt-form-control,
.tt-form-control:focus,
.tt-form-filled .tt-form-control,
select[multiple] option,
.tt-form-btn-inside button {
	color: #333333;
}

.tt-form-text {
	color: #888;
}

select option {
	background-color: #eee;
	color: #333333
}

.tt-form-control:focus,
.tt-form-minimal .tt-form-control:focus {
	border-color: #333333;
}

::-webkit-input-placeholder,
.tt-form-minimal ::-webkit-input-placeholder {
	color: #333333 !important;
}

:-moz-placeholder,
.tt-form-minimal :-moz-placeholder {
	color: #333333 !important;
}

::-moz-placeholder,
.tt-form-minimal ::-moz-placeholder {
	color: #333333 !important;
}

:-ms-input-placeholder,
.tt-form-minimal :-ms-input-placeholder {
	color: #333333 !important;
}

.tt-form-check label::before,
.tt-form-radio label::before {
	background-color: #d1d1d1;
}

.tt-form-check:hover label::before,
.tt-form-radio:hover label::before {
	background-color: #c1c1c1;
}

.tt-form-check label::after,
.tt-form-radio label::after {
	border-color: #333333;
}

.tt-form-radio label::after {
	background-color: #333333;
}


/* -------------------------------------------------------------------- *
 * Buttons
/* -------------------------------------------------------------------- */


body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-link>*,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-link>*::after,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-link:hover>*,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-link:hover>*::after {
	color: var(--tt-main-color);
}

body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-light-outline>*,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-light-outline>*::after,
body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-light-outline:hover>* {
	color: #fff;
}

body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-line {
	background-color: #fff;
}

/*body:not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-np-image-on):not(.is-404-page) .tt-btn-light-outline {
	box-shadow: inset 0 0 0 1px #fff;
}*/

.social-buttons>ul>li a,
.tt-contact-info a:hover {
	color: #333333;
}


/* Scrolling button
==================== */
.scr-btn-text {
	fill: #333333;
}

.tt-scrolling-btn:hover .scr-btn-text {
	fill: var(--tt-main-color);
}

.scr-btn-icon {
	color: #333333;
}

.tt-scrolling-btn:hover .scr-btn-icon {
	color: var(--tt-main-color);
}


/* ------------------------------------------------------------- *
 * Accordion
/* ------------------------------------------------------------- */

.tt-ac-head-title,
.tt-accordion-caret,
.tt-accordion-content {
	color: #333333;
}

.tt-accordion-subtext {
	color: #777;
}

.tt-accordion-item:not(.active) .tt-accordion-heading:hover .tt-ac-head-title,
.tt-accordion-item.active .tt-ac-head-title,
.tt-accordion-item:not(.active) .tt-accordion-heading:hover .tt-accordion-caret,
.tt-accordion-item.active .tt-accordion-heading:hover .tt-accordion-caret {
	color: var(--tt-main-color);
}


/* ------------------------------------------------------------- *
 * Scrolling text
/* ------------------------------------------------------------- */

.tt-scrolling-text-inner {
	color: #333333;
}

.tt-scrolling-text.scr-text-stroke .tt-scrolling-text-inner {
	-webkit-text-stroke-color: #333333;
}


/* ------------------------------------------------------------- *
 * Logo wall
/* ------------------------------------------------------------- */

.tt-logo-wall>li {
	border-color: rgb(155 155 155 / 20%);
}

.tt-logo-wall>li img {
	opacity: 1;
}

.tt-logo-wall>li:hover img {
	opacity: .8;
}

.tt-logo-wall .lv-client-light {
	display: none;
}

.tt-logo-wall .lv-client-dark {
	display: block;
}


/* ------------------------------------------------------------- *
 * Custom scrollbar style
/* ------------------------------------------------------------- */

/* Works on Firefox */
.tt-custom-scrollbar,
.tt-sliding-sidebar-inner,
.tt-sidebar {
	scrollbar-color: #AAA #d1d1d1;
}

select {
	scrollbar-color: #AAA #d1d1d1;
}

/* Works on Chrome, Edge, and Safari */
.tt-custom-scrollbar::-webkit-scrollbar-track,
.tt-sliding-sidebar-inner::-webkit-scrollbar-track,
.tt-sidebar::-webkit-scrollbar-track,
select::-webkit-scrollbar-track {
	background: #d1d1d1;
}

.tt-custom-scrollbar::-webkit-scrollbar-thumb,
.tt-sliding-sidebar-inner::-webkit-scrollbar-thumb,
.tt-sidebar::-webkit-scrollbar-thumb {
	background-color: #AAA;
}

select::-webkit-scrollbar-thumb {
	background-color: #AAA;
}


/* ------------------------------------------------------------- *
 * Page nav
/* ------------------------------------------------------------- */

.tt-pn-title,
.tt-pn-hover-title,
.tt-pn-subtitle {
	color: #333333;
}

.tt-page-nav.tt-pn-stroke .tt-pn-title {
	-webkit-text-stroke-color: #333333;
}


/* ------------------------------------------------------------- *
 * Next project (nav)
/* ------------------------------------------------------------- */

body:not(.tt-np-image-on) .tt-next-project {
	background-color: var(--tt-ghost-color);
}

body:not(.tt-np-image-on) .tt-np-title,
body:not(.tt-np-image-on) .tt-np-title a,
body:not(.tt-np-image-on) .tt-np-subtitle {
	color: #333333;
}

body:not(.tt-np-image-on) .tt-np-ghost {
	color: #242424;
}


/* ------------------------------------------------------------- *
 * Background color classes
/* ------------------------------------------------------------- */

.bg-white-accent-1 {
	background-color: rgb(0 0 0 / 1%) !important;
}

.bg-white-accent-2 {
	background-color: rgb(0 0 0 / 2%) !important;
}

.bg-white-accent-3 {
	background-color: rgb(0 0 0 / 3%) !important;
}

.bg-white-accent-4 {
	background-color: rgb(0 0 0 / 4%) !important;
}

.bg-white-accent-5 {
	background-color: rgb(0 0 0 / 5%) !important;
}

.bg-white-accent-6 {
	background-color: rgb(0 0 0 / 6%) !important;
}

.bg-white-accent-7 {
	background-color: rgb(0 0 0 / 7%) !important;
}

.bg-white-accent-8 {
	background-color: rgb(0 0 0 / 8%) !important;
}

.bg-white-accent-9 {
	background-color: rgb(0 0 0 / 9%) !important;
}

.bg-white-accent-10 {
	background-color: rgb(0 0 0 / 10%) !important;
}


/* ------------------------------------------------------------- *
 * Footer
/* ------------------------------------------------------------- */

body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer a,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-copyright,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-copyright a,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .footer-social,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-copyright.text-gray .tt-btn-link>*,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-btn-link>*,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-btn-link>*::after,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-btn-link:hover>*,
body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-btn-link:hover>*::after {
	color: #ffffff;
}

@media (max-width: 1024px) {

	#tt-footer a,
	#tt-footer .tt-copyright a,
	#tt-footer .footer-social,
	#tt-footer .tt-copyright.text-gray .tt-btn-link>*,
	#tt-footer .tt-btn-link>*,
	#tt-footer .tt-btn-link>*::after,
	#tt-footer .tt-btn-link:hover>*,
	#tt-footer .tt-btn-link:hover>*::after {
		color: #333333;
	}
}

body:not(.tt-np-image-on):not(.tt-portfolio-slider-on):not(.tt-portfolio-hover-carousel-on):not(.tt-ph-visible) #tt-footer .tt-btn-line {
	background-color: #333333;
}