/* DEFAULT HEX COLOR: #333 */
/* CHANE IT BY REPLEACING THE VALUE ABOVE */

::-moz-selection {
 background: #333;
 color: #333;
 text-shadow: none;
}
::selection {
	background: #333;
	text-shadow: none;
	color: #333;
}
.text-colored, h1.text-colored, h2.text-colored, h3.text-colored, h4.text-colored, h5.text-colored, h6.text-colored, .color-font, .color-font a, .widget-tweeter li a, .widget-twitter li a, p.text-colored, .heading.heading-colored h1, .heading.heading-colored h2 {
	color: #333 !important;
}
.progress-bar-container.color .progress-bar {
	background-color: #333;
	color: #fff;
}
.blockquote-color {
	background-color: #333;
	color: #fff;
}
.blockquote-color > small {
	color: #fff;
}
/*buttons*/
.button.color, .btn.btn-primary {
	background-color: #333;
	border-color: #333;
	color: #fff;
}
/*go to top*/

.gototop-button {
	background-color: #333;
}
.gototop-button {
	color: #fff;
}
nav .main-menu .dropdown-menu {
	border-color: #333;
}
#topbar.topbar-colored {
	background-color: #333;
}
/*vertical-dot-menu */
#vertical-dot-menu a:hover .cd-dot, #vertical-dot-menu a.active .cd-dot {
	background-color: #333;
}
/*scrollspy nav */
/*.sidebar-menu ul.nav-tabs li, */
.sidebar-menu ul.nav-tabs li:hover .sidebar-menu ul.nav-tabs li a, .sidebar-menu ul.nav-tabs li a:hover, .sidebar-menu ul.nav-tabs li.active a, .sidebar-menu ul.nav-tabs li.active a:hover {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}
/*Bootstrap defaults overrides*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #333;
	border-color: #333;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
	color: #fff;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #333;
}
pre {
	background-color: #fcfcfc;
	border: 1px solid #ececec;
}
.alert {
	border-left-width: 10px;
	border-radius: 0;
}
.alert-success {
	background-color: #5cb85c;
	border-color: #53af53;
}
.alert-info {
	background-color: #2699c8;
	border-color: #3aaddc;
}
.alert-warning {
	background-color: #f6b63a;
	border-color: #ffcd51;
}
.alert-danger {
	background-color: #de4b37;
	border-color: #f3604c;
}
.alert, .alert a.alert-link {
	color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #333;
	border-color: #333;
	color: #fff;
}
.pagination > li > a:hover i, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #333;
}
/*navs*/

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #333;
	color: #fff;
}
/*Typography*/

a:hover {
	color: #333;
}
/*dropcat & highlight*/
.dropcap.dropcap-colored, .dropcap.dropcap-colored a, .highlight.highlight-colored, .highlight.highlight-colored a {
	background-color: #333;
	color: #fff;
}
/*timeline*/
.timeline.timeline-colored .timeline-circles:before, .timeline.timeline-colored .timeline-circles:after, .timeline.timeline-colored .timeline-date, .timeline.timeline-colored:before {
	background-color: #333;
	color: #fff;
}
.timeline.timeline-colored li .timeline-block:before {
	border-color: transparent #333;
}
.timeline.timeline-colored .timeline-block-image {
	border-color: #333;
}
.timeline.timeline-colored.timeline-simple .timeline-date {
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
}
/*tabs*/

.border .tabs-navigation li.active a:after {
	background: #333;
}
/*accordions*/

.breadcrumb a:hover {
	color: #333;
}
/*color*/

.accordion.color .ac-item .ac-title {
	background: #333;
	color: #fff;
}
.accordion.color-border-bottom .ac-item .ac-title {
	border-bottom: 1px dotted #333;
}
.accordion.color-border-bottom .ac-item .ac-title:before {
	color: #333;
}
/*ICONS*/

.icon-box.color .icon i {
	background: #333;
	color: #fff;
}
.icon-box.color .icon i:after {
	box-shadow: 0 0 0 3px #333;
}
.icon-box.border.color .icon, .icon-box.border.color .icon i {
	color: #333;
	border-color: #333;
}
.icon-box.fancy.color .icon i {
	color: #333;
	background-color: transparent;
}
/*FONT AWESOME ICONS*/

.fontawesome-icon-list .fa-hover a:hover {
	background-color: #333;
}
/*lists icons*/

ul.icon-list li i {
	color: #333;
}
/* ----------------------------------------------------------------
    Backgrounds
-----------------------------------------------------------------*/

.background-colored {
	background-color: #333 !important;
}
/* ----------------------------------------------------------------
    NPROGRESS
-----------------------------------------------------------------*/

#nanobar-progress div {
	background: #333 !important;
}
/* ----------------------------------------------------------------
    PORTFOLIO
-----------------------------------------------------------------*/
.portfolio-filter li.ptf-active, .portfolio-filter li:hover {
	background-color: #333;
}
.portfolio-filter li:not(.ptf-active):hover {
	color: #333;
}
/* ----------------------------------------------------------------
    HEADINGS
-----------------------------------------------------------------*/
.heading-title-border-color {
	border-color: #333;
}
/* ----------------------------------------------------------------
    IMAGE BOX
-----------------------------------------------------------------*/
.image-box-links a {
	background-color: #333;
}
.image-box.effect.bleron {
	background-color: #333;
}
.image-block-content .feature-icon {
	background-color: #333;
}
.image-box.effect.bleron p.image-box-links a {
	color: #333;
}
/* ----------------------------------------------------------------
    SHOP PRODUCTS
-----------------------------------------------------------------*/
.product .product-wishlist a:hover {
	border-color: #333;
}


#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span,
#mainMenu nav > ul > li .dropdown-menu > li.current > a,
#mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
#mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
#mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a,
#mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
	background-color: #fff !important;
	color: #333 !important;
	border-radius:.25em;
}

#mainMenu nav > ul > li .dropdown-menu > li:hover > a {
	background:#333!important;
	border-radius:.25em;
}

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-weight: 600;
}

































/* ----------------------------------------------------------------
    TEMPLATE FONTS
-----------------------------------------------------------------*/


/*Google fonts */

/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Hind:400,500,600,700,300);
@import url(https://fonts.googleapis.com/css?family=Nunito:300,700);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600);*/
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i);



/*href='//fonts.googleapis.com/css?family=Playfair+Display:400,700italic|Raleway:700|*/


/*body*/



/**! 02. Typography **/
/*
html {
    font-size: 87.5%;
}
@media all and (max-width: 768px) {
    html {
        font-size: 81.25%;
    }
}
body {
    font-size: 1em;
    line-height: 1.85714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    color: #666666;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    color: #252525;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}
h1,
.h1 {
    font-size: 3.14285714em;
    line-height: 1.31818182em;
}
h2,
.h2 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
}
h3,
.h3 {
    font-size: 1.78571429em;
    line-height: 1.5em;
}
h4,
.h4 {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
}
h5,
.h5 {
    font-size: 1em;
    line-height: 1.85714286em;
}
h6,
.h6 {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
}
.lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
}
@media all and (max-width: 767px) {
    h1,
    .h1 {
        font-size: 2.35714286em;
        line-height: 1.36363636em;
    }
    h2,
    .h2 {
        font-size: 1.78571429em;
        line-height: 1.5em;
    }
    h3,
    .h3 {
        font-size: 1.35714286em;
        line-height: 1.85714286em;
    }
    .lead {
        font-size: 1.35714286em;
        line-height: 1.68421053em;
    }
}
p,
ul,
ol,
pre,
table,
blockquote {
    margin-bottom: 1.85714286em;
}


ul.bullets {
    list-style: inside;
}
ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}


strong {
    font-weight: 600;
}
hr {
    margin: 1.85714286em 0;
    border-color: #fafafa;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}*/

/* ----------------------------------------------------------------------
	Base Colors
-------------------------------------------------------------------------*/
/*Colors*/
/*Typography*/
/*Header*/
/*Side Panel*/
/*Margins*/
/*Transitions*/
/* ----------------------------------------------------------------
    BODY
-----------------------------------------------------------------*/
html {
	overflow-x: hidden; }

/* Layout boxed & wide */
@media (max-width: 479px) {
	.container {
		padding: 0 20px; } }
body #wrapper {
	padding: 0;
	margin: 0;
	overflow-x: hidden; }
body.wide #wrapper {
	width: 100%;
	margin: 0; }
body.boxed #wrapper, body.boxed-simple #wrapper {
	position: relative;
	border: 1px solid #eeeeee;
	background-color: #ffffff; }
body.outter {
	margin: 30px; }
body.boxed-simple {
	background-color: #f8f8f8;
	border: 0 none !important; }

.container-wide {
	padding-left: 30px;
	padding-right: 30px; }

/* Responsive */
@media (max-width: 479px) {
	body {
		font-size: 13px; }
	body .outter {
		margin: 0px; } }
@media (min-width: 1240px) {
	body.boxed #wrapper,
	body.boxed-simple #wrapper {
		float: none;
		width: 1220px;
		margin: 0 auto; }

	body.boxed-simple #wrapper {
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 20px; }

	.container-fluid {
		padding-left: 30px;
		padding-right: 30px; }

	.container-wide {
		padding-right: 8%;
		padding-left: 8%;
		margin: 0 auto; } }
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline; }

iframe {
	border: none; }

/* Sections */
section {
	padding: 80px 0;
	position: relative;
	z-index: auto;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	background-color: #ffffff; }

/* Panles */
.panel .table th,
.panel .table td {
	padding-left: 20px !important; }

/*# sourceMappingURL=layout.css.map */

/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------------
	Base Colors
-------------------------------------------------------------------------*/
/*Colors*/
/*Typography*/
/*Header*/
/*Side Panel*/
/*Margins*/
/*Transitions*/
::selection {
	background: #333;
	color: #fff;
}

::-moz-selection {
	background: #333;
	color: #fff;
}

::-webkit-selection {
	background: #333;
	color: #fff;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	outline: none;
	color: #333; }
#topbar.topbar-colored, #topbar.topbar-colored.dark {
	background-color: #333; }

#header.header-modern:not(.header-active).header-colored #header-wrap {
	background-color: #333;}
#header.header-colored #header-wrap {
	background-color: #333;}
#header .header-extras #shopping-cart > a .shopping-cart-items {
	background: #333;}
#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span {
	color: #333; }

#mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active,
#mainMenu nav > ul > li .dropdown-menu > li > span:focus,
#mainMenu nav > ul > li .dropdown-menu > li > span:hover,
#mainMenu nav > ul > li .dropdown-menu > li > span:active,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
	color: #333;
}
#mainMenu nav > ul > li .dropdown-menu > li.current > a,
#mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
#mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
#mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a,
#mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
	color: #333 !important;
	color: #fff !important;
}
#mainMenu.menu-rounded nav > ul > li.current > a, #mainMenu.menu-rounded nav > ul > li:hover > a, #mainMenu.menu-rounded nav > ul > li:focus > a {
	background-color: #333;
}
#mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a {
	color: #333;
	border-color: #333;
}
#mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a {
	color: #333; }
#mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after {
	background-color: #333; }
#mainMenu.menu-creative nav > ul > li > a:after {
	background-color: #333;
}
#mainMenu.menu-hover-background nav > ul > li.current, #mainMenu.menu-hover-background nav > ul > li:hover, #mainMenu.menu-hover-background nav > ul > li:focus {
	background-color: #333; }

#dotsMenu ul li:hover {
	background-color: #333;
}
#dotsMenu ul li.current {
	background-color: #333; }
#dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before {
	background-color: #333; }

.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
	color: #333; }
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > a,
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span {
	color: #333; }
.page-menu nav li:hover a, .page-menu nav li.active a {
	background-color: #333; }
.page-menu.menu-outline nav li:hover a, .page-menu.menu-outline nav li.active a {
	border-color: #333;
	color: #333;
}
.page-menu.menu-lines nav li:hover a, .page-menu.menu-lines nav li.active a {
	color: #333; }
.page-menu.menu-lines nav li:hover a:after, .page-menu.menu-lines nav li.active a:after {
	background-color: #333; }
.page-menu.menu-classic nav li:hover a, .page-menu.menu-classic nav li.active a {
	background-color: #333;
}
.page-menu.menu-default nav li:hover a, .page-menu.menu-default nav li.active a {
	color: #333; }
.page-menu.menu-colored-background {
	background-color: #333; }
.page-menu.menu-colored-background nav li:hover a, .page-menu.menu-colored-background nav li.active a {
	color: #333;
}

@media (max-width: 991px) {
	.page-menu.menu-dark li:hover a, .page-menu.menu-dark li.active a {
		color: #333 !important; }
	.page-menu.menu-colored-background {
		background-color: #333; }
	.page-menu.menu-colored-background nav li:hover a, .page-menu.menu-colored-background nav li.active a {
		color: #333;}
}

/* --  ROBOCOP  --  ROBOCOP  --  ROBOCOP  --  ROBOCOP  --  ROBOCOP  --  ROBOCOP  --  ROBOCOP  --  ROBOCOP  -- */
.grid-filter li:hover a, .grid-filter li.active a {
	background-color: #333; }
.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
	border-color: #333;
	color: #333;
}
.grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a {
	color: #333; }
.grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after {
	background-color: #333; }
.grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a {
	background-color: #333;
}
.grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a {
	color: #333; }

.portfolio-item .portfolio-description a:hover i,
.portfolio-item .grid-description a:hover i,
.grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i {
	background-color: #333;
	border: 1px solid #333; }

.post-item .post-image .post-meta-category,
.post-item .post-slider .post-meta-category,
.post-item .post-video .post-meta-category,
.post-item .post-audio .post-meta-category,
.post-item .post-quote-img .post-meta-category {
	background: #333;
}
.post-item .post-quote-img .post-meta-category {
	color: #333; }
.post-item .post-quote-img .post-meta-category a {
	color: #333 !important; }

.post-item.quote .post-item-wrap {
	background-color: #333;
}

.post-author a {
	color: #333; }
.rec-n {
	background-color: #333;
}
.comments .comment_number span {
	color: #333; }
.comments .comment .text .comment-reply-link {
	color: #333;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 0 0 5px; }
.respond-comment span {
	color: #333; }

.forum thead tr > th {
	background-color: #333;
}

.btn {
	background-color: #333;
	border-color: #333;
}

.btn.btn-outline {
	border-color: #333;
	color: #333; }
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline.active {
	background-color: #333;
	border-color: #333;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active {
	background-color: #333;
	border-color: #333;
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active, .btn.btn-dark.active {
	background-color: #333;
	border-color: #333;
}

.btn.btn-icon-holder.btn-outline:before {
	border-left: 2px solid #333; }

.fancy-title.title-border-color:before {
	border-top: 1px solid #333;
}

.text-box.icon-boxx-light:hover {
	background: #333; }

.feature-box:hover h2,
.feature-box:hover h3,
.feature-box:hover h4 {
	color: #333; }

.owl-carousel .owl-nav [class*="owl-"]:hover {
	background-color: #333;
	border-color: #333; }
.dropcap.dropcap-colored {
	background-color: #333;
}
.highlight.highlight-colored {
	background-color: #333;
}
.progress-bar {
	background-color: #333;
}
blockquote {
	border-left: 3px solid #333;
}
.mfp-ajax-holder .mfp-close:hover {
	background: #333;
}
.list-icon.icon-list-colored li:before, .list-icon.icon-list-colored i {
	color: #333; }

.pagination.pagination-simple .active > a,
.pagination.pagination-simple .active > span,
.pagination.pagination-simple .active > a:hover,
.pagination.pagination-simple .active > span:hover,
.pagination.pagination-simple .active > a:focus,
.pagination.pagination-simple .active > span:focus {
	color: #333;
}
.post-navigation a:hover {
	color: #333 !important; }
.call-to-action h3 span {
	color: #333 !important; }
.call-to-action.call-to-action-colored {
	background-color: #333; }

.modal-strip {
	background-color: #333;
}
.pricing-table.colored .plan-header {
	background-color: #333;
}
.spinner .bar {
	border: 6px solid #333;
}

.spinner .bar:after {
	background: #333;
}

.ball-beat > div, .ball-grid-beat > div, .ball-grid-pulse > div, .ball-pulse-sync > div, .ball-rotate > div, .ball-rotate > div:after, .ball-rotate > div:before, .ball-scale-multiple > div, .ball-scale-ripple > div, .ball-spin-fade-loader > div, .ball-triangle-path > div, .ball-zig-zag > div, .cube-transition > div, .line-scale-pulse-out-rapid > div, .line-scale > div, .square-spin > div {
	background: #333; }

.ball-scale-ripple-multiple > div {
	border: 2px solid #333; }

.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
	background-color: #333; }

.pacman > div:first-of-type, .pacman > div:nth-child(2) {
	border-color: #333 transparent #333 #333; }

.item-link {
	color: #333;}
.item-link:hover {
	color: #333; }
.background-colored {
	background-color: #333; }

#goToTop:after, #goToTop:before {
	background-color: #333;
}

.ball-grid-pulse > div,
.square-spin > div,
.ball-rotate > div,
.ball-rotate > div:after,
.ball-rotate > div:before,
.cube-transition > div,
.ball-zig-zag > div,
.ball-triangle-path > div,
.line-scale > div,
.ball-scale-multiple > div,
.ball-pulse-sync > div,
.ball-beat > div,
.line-scale-pulse-out-rapid > div,
.ball-scale-ripple > div,
.ball-spin-fade-loader > div,
.line-spin-fade-loader > div,
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6),
.ball-grid-beat > div {
	background-color: #333; }

.ball-scale-ripple-multiple > div {
	border: 2px solid #333; }

.pacman > div:first-of-type,
.pacman > div:nth-child(2) {
	border-color: #333 transparent #333 #333; }

.tags a:hover, .tags a:focus, .tags a:active, .tags a.active {
	background-color: #333;
	border-color: #333;
}
.widget-tweeter li a,
.widget-twitter li a {
	color: #333;
}
.bootstrap-datetimepicker-widget table td.active.today,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
	background-color: #333 !important;
}

.list-icon-colored > li:before,
.list-icon-colored > li > i {
	color: #333 !important; }