/* ====== 1. Global ====================================================== */

	body {
		background-color: #191919;
		color: #cccccc;
	}

	a,
	a:visited {
		color: #FFFFFF;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
		color: #ffffff;
	}

	h6,
	.h6 {
		color: #666666;
	}

	table {
		border: 1px solid #333333;
	}

	table td, table th {
		border: 1px solid #333333;
	}

	.upload-input,
	.select2-dropdown,
	.select2-search--dropdown .select2-search__field,
	.select2-container--default .select2-search--dropdown .select2-search__field,
	.select2-container--default .select2-selection--single,
	.custom-file-control,
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	input[type="text"],
	input[type="time"],
	input[type="week"],
	input[type="search"],
	input[type="month"],
	input[type="datetime"],
	input[type="date"],
	textarea,
	textarea.form-control,
	select,
	.form-control,
	div.cs-select,
	.cs-select {
		background-color: #191919;
		border-color: #333333;
		color: #FFFFFF;
	}

	input:focus,
	textarea:focus,
	button:focus {
		border-color: #4C4C4C;
	}

	.custom-file-control::before,
	button,
	input[type="submit"] {
		background-color: #000;
		color: #FFFFFF;
		border-color: #000;
	}

	.gt-btn.gt-btn-dark, .gt-btn.gt-btn-dark:visited {
		color: #191919;
		background-color: #FFFFFF;
	}

	.gt-btn.gt-btn-dark:hover,
	.gt-btn.gt-btn-dark:focus {
		background-color: #000000;
		color: #FFFFFF;
	}



/* ====== 2. Newsletter Form ====================================================== */

	.gt-newsletter-form input {
		background-color: #191919;
		border: 1px solid #333;
		color: #FFFFFF;
	}

	.gt-newsletter-form input:focus {
		border-color: #1A1A1A;
	}

	.gt-newsletter-form input::-webkit-input-placeholder {
		color: #FFFFFF;
	}

	.gt-newsletter-form input::-moz-placeholder {
		color: #FFFFFF;
	}

	.gt-newsletter-form input:-ms-input-placeholder {
		color: #FFFFFF;
	}

	.gt-newsletter-form input:-moz-placeholder {
		color: #FFFFFF;
	}

	.gt-newsletter-form button {
		background-color: #FFFFFF;
		color: #000;
	}



/* ====== 3. Header - Navbar ====================================================== */

	.gt-navbar-nav .gt-dropdown-menu {
		background-color: #000;
		border-top: 2px solid #000;
		box-shadow: none;
	}

	.gt-navbar-nav .gt-dropdown-menu a,
	.gt-navbar-nav .gt-dropdown-menu a:visited {
		color: #FFFFFF;
	}

	.gt-navbar-nav .gt-dropdown-menu a:hover,
	.gt-navbar-nav .gt-dropdown-menu a:focus {
		color: #FFFFFF;
	}

	.gt-navbar-nav .gt-dropdown-menu > li > a::before,
	.gt-navbar-nav .gt-dropdown-menu > li > a:visited::before {
		background-color: #FFFFFF;
	}

	.gt-navbar-nav .gt-dropdown-menu > li:hover > a::before,
	.gt-navbar-nav .gt-dropdown-menu > li:hover > a:visited::before,
	.gt-navbar-nav .gt-dropdown-menu > li:focus > a::before,
	.gt-navbar-nav .gt-dropdown-menu > li:focus > a:visited::before {
		background-color: #FFFFFF;
	}

	.gt-navbar-nav .gt-dropdown-divider {
		border-top: 1px solid #333333;
	}



/* ====== 4. Header - Navbar Hover ====================================================== */

	.gt-navbar-hover::before {
		background-color: #191919;
	}

	.gt-navbar-hover:hover .gt-social-list li a,
	.gt-navbar-hover:hover .gt-social-list li a:visited,
	.gt-navbar-hover:hover a,
	.gt-navbar-hover:hover a:visited,
	.gt-navbar-hover:hover a:hover,
	.gt-navbar-hover:hover a:hover:focus,
	.gt-navbar-hover:hover .gt-navbar-nav .gt-menu > li > a.gt-active,
	.gt-navbar-hover:hover .gt-navbar-nav .gt-menu > li > a:visited.gt-active,
	.gt-navbar-hover:hover .gt-navbar-icon,
	.gt-navbar-hover:focus a,
	.gt-navbar-hover:focus a:visited,
	.gt-navbar-hover:focus a:focus,
	.gt-navbar-hover:focus a:focus:focus,
	.gt-navbar-hover:focus .gt-navbar-nav .gt-menu > li > a.gt-active,
	.gt-navbar-hover:focus .gt-navbar-nav .gt-menu > li > a:visited.gt-active,
	.gt-navbar-hover:focus .gt-navbar-icon,
	.gt-navbar-hover:focus .gt-social-list li a,
	.gt-navbar-hover:focus .gt-social-list li a:visited {
		color: #FFFFFF;
	}

	.gt-navbar-hover:hover .gt-navbar-icon svg,
	.gt-navbar-hover:focus .gt-navbar-icon svg {
		fill: #FFFFFF;
	}

	.gt-navbar-hover:hover .gt-social-list li a,
	.gt-navbar-hover:hover .gt-social-list li a:visited,
	.gt-navbar-hover:focus .gt-social-list li a,
	.gt-navbar-hover:focus .gt-social-list li a:visited,
	.gt-navbar-hover:hover a,
	.gt-navbar-hover:hover a:visited,
	.gt-navbar-hover:hover a:hover,
	.gt-navbar-hover:hover a:focus,
	.gt-navbar-hover:hover .gt-navbar-nav .gt-menu > li > a.gt-active,
	.gt-navbar-hover:hover .gt-navbar-nav .gt-menu > li > a:visited.gt-active,
	.gt-navbar-hover:hover .gt-navbar-icon,
	.gt-navbar-hover:focus a,
	.gt-navbar-hover:focus a:visited,
	.gt-navbar-hover:focus a:hover,
	.gt-navbar-hover:focus a:focus,
	.gt-navbar-hover:focus .gt-navbar-nav .gt-menu > li > a.gt-active,
	.gt-navbar-hover:focus .gt-navbar-nav .gt-menu > li > a:visited.gt-active,
	.gt-navbar-hover:focus .gt-navbar-icon {
		color: #FFFFFF;
	}

	.gt-navbar-hover:hover .gt-navbar-cart .line,
	.gt-navbar-hover:focus .gt-navbar-cart .line {
		background-color: #FFFFFF;
	}

	.gt-navbar-hover:hover .gt-navbar-brand-img-black,
	.gt-navbar-hover:focus .gt-navbar-brand-img-black {
		opacity: 0;
	}

	.gt-navbar-hover:hover .gt-navbar-brand-img-white,
	.gt-navbar-hover:focus .gt-navbar-brand-img-white {
		opacity: 1;
	}



/* ====== 5. Header - Sticky Header ====================================================== */

	.gt-header-fixed {
		background-color: #191919;
		box-shadow: none;
	}

	.gt-header-fixed .gt-social-list li a,
	.gt-header-fixed .gt-social-list li a:visited,
	.gt-header-fixed a,
	.gt-header-fixed a:visited,
	.gt-header-fixed a:hover,
	.gt-header-fixed a:focus,
	.gt-header-fixed .gt-navbar-nav .gt-menu > li > a.gt-active,
	.gt-header-fixed .gt-navbar-nav .gt-menu > li > a:visited.gt-active,
	.gt-header-fixed .gt-navbar-icon {
		color: #FFFFFF;
	}

	.gt-header-fixed .gt-navbar-icon svg {
		fill: #FFFFFF;
	}

	.gt-header-fixed .gt-navbar-brand-img-black {
		opacity: 0;
	}

	.gt-header-fixed .gt-navbar-brand-img-white {
		opacity: 1;
	}

	.gt-header-fixed .gt-navbar-cart .line {
		background-color: #FFFFFF;
	}



/* ====== 6. Coming Soon ====================================================== */

	.gt-split-page .gt-box {
		color: #ccc;
	}

	.gt-split-page .gt-box .gt-box-title {
		color: #ccc;
	}

	.gt-split-page .gt-banner {
		background-color: #191919;
	}

	.gt-split-page .gt-content {
		background-color: #191919;
	}

	.gt-split-page .gt-page-heading.gt-dark h1,
	.gt-split-page .gt-page-heading.gt-dark span {
		color: #FFFFFF;
	}

	.gt-split-page .gt-page-heading.gt-dark p {
		color: #CCCCCC;
	}



/* ====== 7. Feature Box ====================================================== */

	.gt-feature-box .gt-content .gt-excerpt {
		color: #CCCCCC;
	}

	.gt-feature-box .gt-content .gt-number {
		color: #FFFFFF;
	}

	.gt-feature-box.gt-style-4 .gt-content {
		background-color: #191919;
	}



/* ====== 8. Project List ====================================================== */

	.gt-project-list .gt-img {
		background-color: #191919;
	}

	.gt-project-list .gt-location a,
	.gt-project-list .gt-location a:visited,
	.gt-project-list .gt-location {
		color: #7F7F7F;
	}



/* ====== 10. Project List - Style 3 ====================================================== */

	@media (min-width: 768px)  {
		.gt-project-list.gt-style-3 .gt-content {
			background-color: #191919;
		}
	}



/* ====== 10. Project List - Style 6 ====================================================== */

	.gt-project-list.gt-style-6 .gt-item::after {
		background-color: rgba(255,255,255,.05);
	}

	.gt-project-list.gt-style-6 .gt-item:hover {
		background-color: rgba(255,255,255,.05);
	}



/* ====== 11. Project List - Style 7 ====================================================== */

	@media (min-width: 768px) {
		.gt-project-list.gt-style-7 .gt-content {
			background-color: #FFFFFF;
		}

		.gt-project-list.gt-style-7 .gt-title {
			color: #000;
		}

		.gt-project-list.gt-style-7 .gt-title a,
		.gt-project-list.gt-style-7 .gt-title a:visited {
			color: #191919;
		}

		.gt-project-list.gt-style-7 .gt-location a,
		.gt-project-list.gt-style-7 .gt-location a:visited,
		.gt-project-list.gt-style-7 .gt-location {
			color: rgba(0,0,0,.7);
		}

		.gt-project-list.gt-style-7 .gt-cat a,
		.gt-project-list.gt-style-7 .gt-cat a:visited {
			color: #191919;
		}
	}



/* ====== 12. Blog List ====================================================== */

	.gt-blog-list-item.gt-style-2 .gt-img,
	.gt-blog-list-item.gt-style-1 .gt-img {
		background-color: #191919;
	}

	.gt-blog-list-item.gt-style-2 .gt-date,
	.gt-blog-list-item.gt-style-2 .gt-comments,
	.gt-blog-list-item.gt-style-1 .gt-date,
	.gt-blog-list-item.gt-style-1 .gt-comments {
		color: #ccc;
	}



/* ====== 13. Sidebar ====================================================== */

	.gt-sidebar .gt-widget a:hover {
		color: #FFFFFF;
	}

	.gt-sidebar .gt-widget .gt-widget-heading {
		border-bottom-color: #4C4C4C;
	}

	.gt-sidebar .gt-widget .gt-widget-title {
		color: #FFFFFF;
	}



/* ====== 14. Post Content ====================================================== */

	.gt-post-heading .gt-breadcrumb.gt-dark li,
	.gt-post-heading .gt-breadcrumb.gt-dark li a,
	.gt-post-heading .gt-breadcrumb.gt-dark li a:visited,
	.gt-page-heading.gt-dark span,
	.gt-post-heading .gt-page-heading .gt-details {
		color: #FFFFFF;
	}

	.gt-post-heading .gt-breadcrumb.gt-dark li + li::before {
		color: rgba(255, 255, 255, 0.3);
	}

	.gt-post-heading .gt-page-heading.gt-dark h1 {
		color: #FFFFFF;
	}

	.gt-post-content {
		color: #ccc;
	}

	.gt-page-content blockquote,
	.gt-post-content blockquote,
	.gt-page-content .blockquote,
	.gt-post-content .blockquote {
		border-left: 2px solid #FFFFFF;
	}

	.gt-post-content .gt-page-pages > a,
	.gt-post-content .gt-page-pages > a:visited,
	.gt-post-content .gt-page-pages > span,
	.gt-post-content .gt-tags ul li a,
	.gt-post-content .gt-tags ul li a:visited {
		background-color: rgba(255,255,255,.05);
		color: #FFFFFF;
	}

	.gt-post-content .gt-page-pages > a:hover,
	.gt-post-content .gt-page-pages > a:focus,
	.gt-post-content .gt-page-pages > span,
	.gt-post-content .gt-tags ul li a:hover,
	.gt-post-content .gt-tags ul li a:focus {
		background-color: rgba(255,255,255,.1);
	}

	.gt-post-author {
		border-top-color: #4C4C4C;
	}

	.gt-post-comments {
		background-color: rgba(255,255,255,.05);
	}

	.gt-post-comments .gt-title {
		color: #FFFFFF;
	}

	.gt-comment-list .gt-comment-content .gt-comment-user {
		color: #FFFFFF;
	}

	.gt-comment-list .gt-comment-details .gt-item i {
		color: rgba(255,255,255,.5);
	}



/* ====== 15. Client List ====================================================== */

	.gt-client-list .gt-item {
		border-color: #333333;
		background-color: #191919;
	}

	.gt-client-list .gt-item:hover,
	.gt-client-list .gt-item:focus {
		box-shadow: 0 64px 128px rgba(0,0,0,.8);
	}

	.gt-client-list .gt-item:hover a,
	.gt-client-list .gt-item:hover a:visited,
	.gt-client-list .gt-item:focus a,
	.gt-client-list .gt-item:focus a:visited {
		background-color: #191919;
	}

	.gt-client-list .gt-item a span,
	.gt-client-list .gt-item a:visited span {
		color: #FFFFFF;
	}



/* ====== 16. Team List ====================================================== */

	.gt-team-list .gt-item {
		border-color: #333333;
		background-color: #191919;
	}

	.gt-team-list .gt-item:hover,
	.gt-team-list .gt-item:focus {
		box-shadow: 0 64px 128px rgba(0,0,0,.8);
	}

	.gt-team-list .gt-content {
		background-color: #191919;
	}

	.gt-team-list .gt-content .gt-title {
		color: #FFFFFF;
	}

	.gt-team-list .gt-content .gt-subtitle {
		color: #7F7F7F;
	}



/* ====== 17. Map Banner ====================================================== */

	.gt-map-banner {
		background-color: #000;
	}



/* ====== 18. Product Wrapper ====================================================== */

	.gt-product-wrapper .gt-product-content .gt-img {
		background-color: #000;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-page-heading p {
		color: #ccc;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-price {
		color: #FFFFFF;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-meta .gt-box ul {
		color: #ccc;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-meta .gt-box ul li a:hover,
	.gt-product-wrapper .gt-product-content .gt-information .gt-meta .gt-box ul li a:focus {
		color: #FFFFFF;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-form .input-group {
		border-color: #FFFFFF;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-form .input-group input {
		color: #FFFFFF;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-form .input-group-addon {
		border-left-color: #FFFFFF;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-form .input-group-addon::before {
		background-color: #FFFFFF;
	}

	.gt-product-wrapper .gt-product-content .gt-information .gt-form .input-group-addon a,
	.gt-product-wrapper .gt-product-content .gt-information .gt-form .input-group-addon a:visited {
		background-color: #191919;
		color: #FFFFFF;
	}



/* ====== 19. Product List ====================================================== */

	.gt-product-list .gt-item {
		border: 1px solid #fff;
		background-color: #191919;
	}

	.gt-product-list .gt-item::before {
		background: -moz-linear-gradient(top, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
		background: -webkit-linear-gradient(top, rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%);
		background: linear-gradient(to bottom, rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00191919', endColorstr='#191919',GradientType=0 );
	}

	.gt-product-list .gt-item:hover,
	.gt-product-list .gt-item:focus {
		box-shadow: 0 64px 128px rgba(0,0,0,.8);
	}

	.gt-product-list .gt-item .gt-img {
		background-color: #191919;
	}

	.gt-product-list .gt-title {
		color: #FFFFFF;
	}

	.gt-product-list .gt-price {
		color: #FFFFFF;
	}



/* ====== 20. Nav Pills ====================================================== */

	.gt-nav-pills {
		border: 1px solid #fff;
	}

	.gt-nav-pills .nav-link {
		border-right: 1px solid #fff;
	}

	.gt-nav-pills .nav-link.active {
		background-color: #FFFFFF;
	}



/* ====== 21. Grid ====================================================== */

	.gt-grid-item {
		background-color: #191919;
	}

	.gt-grid-item--h2 {
		background-color: #000;
	}

	.gt-grid-item .gt-content h2 {
		color: #000;
	}

	.gt-project-list.gt-style-8 .gt-item:hover .gt-content .gt-date,
	.gt-project-list.gt-style-8 .gt-item:hover .gt-content .gt-date a,
	.gt-project-list.gt-style-8 .gt-item:hover .gt-content .gt-date a:visited,
	.gt-project-list.gt-style-8 .gt-item:focus .gt-content .gt-date,
	.gt-project-list.gt-style-8 .gt-item:focus .gt-content .gt-date a,
	.gt-project-list.gt-style-8 .gt-item:focus .gt-content .gt-date a:visited,
	.gt-project-list.gt-style-7 .gt-date,
	.gt-project-list.gt-style-7 .gt-date a,
	.gt-project-list.gt-style-7 .gt-date a:visited,
	.gt-grid-item.gt-grid-item--h2 .gt-content .gt-cat,
	.gt-grid-item.gt-grid-item--h2 .gt-content .gt-cat a,
	.gt-grid-item.gt-grid-item--h2 .gt-content .gt-cat a:visited {
		color: currentColor;
	}



/* ====== 22. Award List ====================================================== */

	.gt-award-list .gt-item::after {
		background-color: rgba(255,255,255,.05);
	}

	.gt-award-list .gt-item:hover,
	.gt-award-list .gt-item:focus {
		background-color: rgba(255,255,255,.03);
	}

	.gt-award-list .gt-item .gt-line {
		background-color: #4C4C4C;
	}

	.gt-award-list .gt-item .gt-icon,
	.gt-award-list .gt-item .gt-title a,
	.gt-award-list .gt-item .gt-title a:visited {
		color: #FFFFFF;
	}



/* ====== 23. Footer ====================================================== */

	.gt-footer {
		background-color: #191919;
		color: #FFFFFF;
	}

	.gt-footer-transparent {
		background-color: transparent;
	}

	.gt-footer-widget,
	.gt-footer a,
	.gt-footer a:visited {
		color: #FFFFFF;
	}



/* ====== 24. Footer Widgets ====================================================== */

	.gt-footer-widget {
		border-bottom: 1px solid rgba(255,255,255,.08);
	}

	.gt-footer-widget .gt-box {
		color: #ccc;
	}

	.gt-footer-widget .gt-box .gt-box-title {
		color: #FFFFFF;
	}

	.gt-footer-widget .gt-box p.small {
		color: #999;
	}



/* ====== 25. Page Wrapper ====================================================== */

	.gt-page-wrapper {
		background-color: #191919;
	}



/* ====== 26. Password Protected ====================================================== */

	.gt-password-protected .gt-content {
		background: #191919;
	}



/* ====== 27. Loader ====================================================== */

	.gt-loader.gt-style-1 {
		background-color: #191919;
	}

	.gt-loader.gt-style-2 {
		background-color: #191919;
	}

	.gt-loader.gt-style-2 .gt-icon svg path {
		fill: #FFFFFF;
	}

	.gt-loader.gt-style-3 {
		background-color: #191919;
	}

	.gt-loader.gt-style-3 .gt-icon svg rect {
		fill: #FFFFFF;
	}



/* ====== 28. Select ====================================================== */

	.bootstrap-select > .dropdown-toggle {
		background-color: #191919;
		border-color: #333333;
	}

	.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
	.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
	.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
	.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
	.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
	.bootstrap-select.show > .btn-light.dropdown-toggle {
		color: #FFFFFF;
		background-color: #333333;
	}

	.bootstrap-select .dropdown-menu {
		background-color: #191919;
		border-color: #333333;		
	}

	.bootstrap-select .dropdown-menu li a {
		color: #FFFFFF;		
	}

	.bootstrap-select .dropdown-item:focus,
	.bootstrap-select .dropdown-item:hover {
		background-color: #333333;
		color: #FFFFFF;		
	}



/* ====== 29. Project Filter ====================================================== */

	.gt-filter.gt-style-2 {
		border-color: #000000;
		background: #333333;
	}



/* ====== 30. Price List  ====================================================== */

	.gt-price-list.gt-style-1 {
		background-color: #222222;
	}

	.gt-price-list.gt-style-1 .gt-subtitle,
	.gt-price-list.gt-style-1 .gt-title {
		color: #ffffff;
	}

	.gt-price-list.gt-style-2 {
		background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%);
		background: -webkit-linear-gradient(top, #3a3a3a 0%,rgba(242,242,242,0) 100%);
		background: linear-gradient(to bottom, #3a3a3a 0%,rgba(242,242,242,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#00f2f2f2',GradientType=0 );
	}

	.gt-price-list.gt-style-2 .gt-title {
		color: #FFFFFF;
	}



/* ====== 31. Testimonial  ====================================================== */

	.gt-testimonials-box .gt-subtitle {
		color: rgba(255, 255, 255, 0.5);
	}



/* ====== 32. Related Posts  ====================================================== */

	.gt-related-posts > .gt-heading {
		border-bottom-color: #4C4C4C;
	}

	.gt-related-posts > .gt-heading > .gt-title {
		color: #FFFFFF;
	}