.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
	color: #eee
}

.dark a:hover {
	color: #eee
}

.dark #content,
.dark #wrapper,
.dark .modal-content,
body.dark {
	background-color: #383838
}

.dark .line {
	border-top-color: rgba(255, 255, 255, .1)
}

.dark .section,
.section.dark {
	background-color: #282828;
	border-color: rgba(255, 255, 255, .1)
}

#top-bar.dark,
.dark #top-bar {
	border-bottom-color: rgba(255, 255, 255, .1);
	background-color: #282828
}

.dark .top-links ul li {
	border-left-color: rgba(255, 255, 255, .1)
}

.dark .top-links li>a {
	color: #aaa
}

.dark .top-links li:hover {
	background-color: #333;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.dark .top-links ul div.top-link-section,
.dark .top-links ul ul {
	background: #333;
	border-bottom: none
}

.dark .top-links ul ul li {
	border-top: 1px solid #444;
	border-left: 1px solid #444
}

.dark .top-links ul ul li:hover {
	background-color: #383838
}

.dark .top-links ul ul li:first-child {
	border-left: 1px solid #444
}

.dark #top-social li {
	border-left: 1px solid rgba(255, 255, 255, .1)
}

.dark #top-social li a {
	color: #bbb
}

#header.dark:not(.transparent-header),
.dark #header:not(.transparent-header) {
	background-color: #333;
	border-bottom: 1px solid rgba(255, 255, 255, .05)
}

#header.full-header.dark #header-wrap:not(.not-dark),
.dark #header.full-header #header-wrap:not(.not-dark) {
	border-bottom-color: rgba(255, 255, 255, .15)
}

.dark .slider-element+#header.full-header #header-wrap:not(.not-dark),
.slider-element+#header.full-header.dark #header-wrap:not(.not-dark) {
	border-top-color: rgba(255, 255, 255, .15)
}

.dark #logo a {
	color: #fff
}

#header.full-header.dark #header-wrap:not(.not-dark) #logo,
.dark #header.full-header #header-wrap:not(.not-dark) #logo {
	border-right-color: rgba(255, 255, 255, .15)
}

.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li>a,
.dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a,
.dark #header-wrap:not(.not-dark) #top-account a,
.dark #header-wrap:not(.not-dark) #top-account a:hover,
.dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input {
	color: #eee;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

#header.full-header.dark #header-wrap:not(.not-dark) #primary-menu>ul,
.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu>ul {
	border-right-color: rgba(255, 255, 255, .15)
}

.dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder {
	color: rgba(255, 255, 255, .6)
}

.dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder {
	color: rgba(255, 255, 255, .6)
}

.dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .6)
}

.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li.current>a,
.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li:hover>a,
.dark #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a,
.dark #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a {
	color: #eee
}

#primary-menu.dark ul ul,
.dark #primary-menu:not(.not-dark) ul ul {
	background-color: #333;
	border-color: #3f3f3f;
	border-top-color: #1abc9c
}

#primary-menu.dark ul ul li,
.dark #primary-menu:not(.not-dark) ul ul li {
	border-top-color: #3f3f3f
}

#primary-menu.dark ul ul li:first-child,
.dark #primary-menu:not(.not-dark) ul ul li:first-child {
	border-top: 0
}

#primary-menu.dark ul ul li>a,
.dark #primary-menu:not(.not-dark) ul ul li>a {
	color: #999!important
}

#primary-menu.dark ul ul li:hover>a,
.dark #primary-menu:not(.not-dark) ul ul li:hover>a {
	background-color: rgba(0, 0, 0, .1);
	color: #ccc!important
}

.dark #primary-menu.style-2:not(.not-dark) {
	border-top-color: rgba(255, 255, 255, .1)
}

#primary-menu.dark.style-3>ul>li:hover>a,
.dark #primary-menu.style-3:not(.not-dark)>ul>li:hover>a {
	color: #eee;
	background-color: rgba(255, 255, 255, .05)
}

#primary-menu.dark.style-3>ul>li.current>a,
.dark #primary-menu.style-3:not(.not-dark)>ul>li.current>a {
	color: #eee
}

#primary-menu.dark.style-5>ul,
.dark #primary-menu.style-5:not(.not-dark)>ul {
	border-right-color: rgba(255, 255, 255, .1)
}

.dark .one-page-arrow,
.one-page-arrow.dark {
	color: #fff
}

.dark .slider-caption,
.dark .slider-caption h2 {
	color: #eee;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.not-dark .slider-caption,
.not-dark .slider-caption h2 {
	color: #222;
	text-shadow: none
}

.dark #page-title {
	background-color: #282828;
	border-bottom-color: #3f3f3f
}

.dark #page-title h1 {
	color: rgba(255, 255, 255, .9)!important
}

.dark #page-title span {
	color: rgba(255, 255, 255, .7)
}

.dark .button-dark:not(.button-border),
.dark .button:hover {
	background-color: rgba(0, 0, 0, .3)
}

.dark .button-dark:hover {
	background-color: #1abc9c
}

.dark .button-light:not(.button-border):hover {
	background-color: #282828
}

.dark .button.button-border:not(.button-light) {
	border-color: rgba(255, 255, 255, .4);
	color: rgba(255, 255, 255, .5)
}

.dark .button.button-border:not(.button-light):hover {
	color: #eee
}

.not-dark .button.button-border:not(.button-light) {
	border-color: #444;
	color: #333
}

.not-dark .button.button-border:not(.button-light):hover {
	background-color: #444;
	color: #fff
}

.dark .heading-block:not(.not-dark):after {
	border-top-color: rgba(255, 255, 255, .4)
}

.dark .i-rounded {
	background-color: #494949
}

.dark .i-light {
	background-color: #f5f5f5;
	color: #444;
	text-shadow: none
}

.dark .i-rounded:hover {
	background-color: #1abc9c;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, .2)
}

.dark .social-icon {
	color: #ddd!important;
	border-color: #ddd
}

.dark .si-dark {
	background-color: rgba(0, 0, 0, .2);
	color: #ddd!important;
	border-color: transparent
}

.dark .si-light {
	background-color: rgba(255, 255, 255, .1);
	color: #eee!important;
	border-color: transparent
}

.dark .social-icon i:last-child {
	color: #fff!important
}

.dark .social-icon:hover {
	color: #fff!important;
	border-color: transparent
}

.dark .si-share {
	border-top-color: rgba(255, 255, 255, .1);
	border-bottom-color: rgba(255, 255, 255, .1)
}

.dark .testimonial {
	background-color: rgba(0, 0, 0, .2);
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.parallax.dark .testimonial .flex-control-nav {
	height: 8px;
	margin-top: 30px
}

.parallax.dark .testimonial .flex-control-nav li {
	width: 8px;
	height: 8px;
	margin: 0 3px
}

.parallax.dark .testimonial .flex-control-nav li a {
	width: 8px!important;
	height: 8px!important;
	border: 1px solid #fff;
	background-color: transparent
}

.parallax.dark .testimonial .flex-control-nav li:hover a {
	background-color: #fff
}

.dark .team-content {
	color: #999
}

.dark .owl-carousel .owl-nav [class*=owl-] {
	border-color: transparent;
	color: #eee;
	background-color: rgba(0, 0, 0, .5)
}

.dark .title-block>span {
	color: #999
}

.dark .counter,
.dark .heading-block:not(.not-dark) {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.dark .heading-block:not(.not-dark) h1,
.dark .heading-block:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h3,
.dark .heading-block:not(.not-dark) h4 {
	color: #fff
}

.dark .heading-block.not-dark h1,
.dark .heading-block.not-dark h2,
.dark .heading-block.not-dark h3,
.dark .heading-block.not-dark h4 {
	color: #333
}

.dark .heading-block:not(.not-dark)>span {
	color: #eee
}

#footer.dark,
.dark #footer {
	background-color: #333;
	color: #ccc;
	border-top-color: rgba(0, 0, 0, .2)
}

.dark #copyrights {
	background-color: rgba(0, 0, 0, .2);
	color: rgb(255, 255, 255);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.dark #copyrights i.footer-icon {
	color: rgb(255, 255, 255)
}

.dark .copyright-links a {
	color: rgb(255, 255, 255);
	border-bottom-color: rgba(255, 255, 255, .25)
}

.dark .copyright-links a:hover {
	color: rgba(255, 255, 255, .35);
	border-bottom-color: rgba(255, 255, 255, .35)
}

.dark .footer-widgets-wrap a {
	color: #ccc
}

.dark .footer-widgets-wrap a:hover {
	color: #999
}

.dark .widget h4 {
	color: #ddd
}

.dark .widget p {
	opacity: .8
}

.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_nav_menu li a {
	color: #fff;
	background-image: url(../images/icons/widget-link.png)
}

.dark .widget_links li a:hover,
.dark .widget_meta li a:hover,
.dark .widget_nav_menu li a:hover {
	color: #aaa
}

.dark .page-header {
	border-bottom-color: rgba(255, 255, 255, .1)
}

.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
	color: #999;
	background-color: rgba(0, 0, 0, .2);
	border-color: rgba(0, 0, 0, .25)
}

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus {
	background-color: rgba(0, 0, 0, .3);
	border-color: rgba(0, 0, 0, .25)!important
}

.dark .form-control:not(.not-dark)::-moz-placeholder {
	color: #666
}

.dark .form-control:not(.not-dark):-ms-input-placeholder {
	color: #666
}

.dark .form-control:not(.not-dark)::-webkit-input-placeholder {
	color: #666
}

.dark .sm-form-control:not(.not-dark)::-moz-placeholder {
	color: #666
}

.dark .sm-form-control:not(.not-dark):-ms-input-placeholder {
	color: #666
}

.dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder {
	color: #666
}

.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly] {
	background-color: rgba(255, 255, 255, .1)
}

.dark .btn:focus,
.dark .btn:hover {
	color: #fff
}

.dark .btn-link:focus,
.dark .btn-link:hover {
	color: #eee
}

.dark .nav>li>a:focus,
.dark .nav>li>a:hover {
	background-color: rgba(0, 0, 0, .2)
}

.dark .page-link {
	color: #bbb;
	background-color: rgba(255, 255, 255, .1);
	border-color: #666
}

.dark .page-link:focus,
.dark .page-link:hover {
	color: #eee;
	background-color: rgba(0, 0, 0, .1)
}

.dark .card {
	background-color: rgba(0, 0, 0, .2)
}

.dark .card-footer {
	background-color: rgba(255, 255, 255, .1);
	border-top-color: rgba(255, 255, 255, .1)
}

.dark .modal-content {
	border-color: #555
}

.dark .modal-header {
	border-bottom-color: rgba(255, 255, 255, .15)
}

.dark .modal-footer {
	border-top-color: rgba(255, 255, 255, .15)
}

@media (max-width:991px) {
	.dark #primary-menu:not(.not-dark) ul li,
	.dark #primary-menu:not(.not-dark) ul ul,
	.dark #primary-menu:not(.not-dark) ul ul li {
		border-top-color: rgba(255, 255, 255, .1)!important
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li {
		border-top-color: #eee!important
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a {
		color: #1abc9c!important
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover ul a {
		color: #444!important
	}
}