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

.dark a:hover {
    color: #eee
}

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

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

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

.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)
}

#header.dark.semi-transparent,
.dark #header.semi-transparent {
    background-color: rgba(0, 0, 0, .6)
}

.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) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input,
body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a {
    color: #eee;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.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 .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 .portfolio-filter {
    border-color: rgba(255, 255, 255, .08)
}

.dark .portfolio-filter li a {
    color: #999;
    border-left-color: rgba(255, 255, 255, .08)
}

.dark .portfolio-filter li a:hover {
    color: #eee
}

.dark .portfolio-1 .portfolio-item {
    border-bottom-color: rgba(255, 255, 255, .08)
}

.dark .portfolio-overlay a {
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.dark .portfolio-overlay a:hover {
    background-color: rgba(0, 0, 0, .7)
}

.dark .portfolio-meta li {
    color: #999
}

.dark .portfolio-meta li span {
    color: #bbb
}

.dark .well .line {
    border-color: rgba(255, 255, 255, .08)
}

.dark #portfolio-navigation a {
    color: #bbb
}

.dark #portfolio-navigation a:hover {
    color: #eee
}

.dark .timeline-border {
    border-left-color: rgba(255, 255, 255, .1)
}

.dark .countdown-section {
    color: #ddd;
    border-left-color: rgba(255, 255, 255, .2)
}

.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 .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 .social-icon i:last-child {
    color: #fff !important
}

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

.dark .toggle.toggle-border {
    border-color: rgba(255, 255, 255, .15)
}

.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 a.flex-active,
.parallax.dark .testimonial .flex-control-nav li:hover a {
    background-color: #fff
}

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

.dark .owl-carousel.owl-loading {
    background-image: url(../images/preloader-dark.gif)
}

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

.dark label {
    color: #bbb
}

.dark label.label-muted {
    color: #777
}

.dark #contact-form-overlay {
    background-color: #383838
}

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

.dark .emphasis-title:not(.not-dark) h1,
.dark .emphasis-title:not(.not-dark) h2 {
    color: #fff
}

.dark .emphasis-title.not-dark h1,
.dark .emphasis-title.not-dark h2 {
    color: #333
}

.dark .emphasis-title.not-dark {
    color: #444
}

.dark .fancy-title h1,
.dark .fancy-title h2,
.dark .fancy-title h3,
.dark .fancy-title h4,
.dark .fancy-title h5,
.dark .fancy-title h6 {
    background-color: #383838
}

.dark .fancy-title.title-border-color:before,
.dark .fancy-title.title-border:before,
.dark .fancy-title.title-double-border:before {
    border-top-color: rgba(255, 255, 255, .15)
}

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

.dark .copyright-links a {
    color: rgba(255, 255, 255, .25);
    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 .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 .dropdown-menu {
    background-color: #333;
    border-color: #3f3f3f
}

.dark .dropdown-item {
    color: #ddd
}

.dark .dropdown-item:focus,
.dark .dropdown-item:hover {
    color: #eee;
    background-color: rgba(255, 255, 255, .1)
}

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

.dark .navbar-default {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1)
}

.dark .navbar-default .navbar-brand {
    color: #eee
}

.dark .navbar-default .navbar-brand:focus,
.dark .navbar-default .navbar-brand:hover {
    color: #bbb
}

.dark .navbar-default .navbar-text {
    color: #999
}

.dark .navbar-default .navbar-nav > li > a {
    color: #bbb
}

.dark .navbar-default .navbar-nav > li > a:focus,
.dark .navbar-default .navbar-nav > li > a:hover {
    color: #eee;
    background-color: transparent
}

.dark .navbar-default .navbar-nav > .active > a,
.dark .navbar-default .navbar-nav > .active > a:focus,
.dark .navbar-default .navbar-nav > .active > a:hover {
    color: #eee;
    background-color: rgba(0, 0, 0, .25)
}

.dark .navbar-default .navbar-toggle {
    border-color: rgba(255, 255, 255, .15)
}

.dark .navbar-default .navbar-toggle:focus,
.dark .navbar-default .navbar-toggle:hover {
    background-color: rgba(255, 255, 255, .15)
}

.dark .navbar-default .navbar-collapse,
.dark .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, .15)
}

.dark .navbar-default .navbar-nav > .open > a,
.dark .navbar-default .navbar-nav > .open > a:focus,
.dark .navbar-default .navbar-nav > .open > a:hover {
    background-color: rgba(0, 0, 0, .25);
    color: #eee
}

@media (max-width:767px) {
    .dark .navbar-default .navbar-nav .open .dropdown-item {
        color: #bbb
    }

    .dark .navbar-default .navbar-nav .open .dropdown-item:focus,
    .dark .navbar-default .navbar-nav .open .dropdown-item:hover {
        color: #eee
    }

    .dark .navbar-default .navbar-nav .open .dropdown-item.active,
    .dark .navbar-default .navbar-nav .open .dropdown-item.active:focus,
    .dark .navbar-default .navbar-nav .open .dropdown-item.active:hover {
        background-color: rgba(0, 0, 0, .25);
        color: #eee
    }
}

.dark .navbar-default .navbar-link {
    color: #bbb
}

.dark .navbar-default .navbar-link:hover {
    color: #eee
}

.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 .label-default {
    background-color: rgba(255, 255, 255, .2)
}

.dark .label-default[href]:focus,
.dark .label-default[href]:hover {
    background-color: rgba(0, 0, 0, .2)
}

.dark .progress {
    background-color: rgba(255, 255, 255, .15)
}

.dark .close {
    opacity: 1;
    color: rgba(0, 0, 0, .15);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.dark .close:focus,
.dark .close:hover {
    color: rgba(0, 0, 0, .4)
}

@media (max-width:991px) {

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