.dark,
.dark a:hover,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: #EEE
}

.dark #content,
.dark #wrapper,
.dark .css3-spinner,
.dark .modal-content,
.dark .portfolio-ajax-modal,
.dark .shop-quick-view-ajax,
body #side-panel.dark,
body.dark,
body.dark #side-panel {
  background-color: #383838
}

.dark .css3-spinner-ball-pulse-sync>div,
.dark .css3-spinner-ball-rotate>div,
.dark .css3-spinner-ball-scale-multiple>div,
.dark .css3-spinner-grid-pulse>div,
.dark .css3-spinner-triangle-path>div,
.dark .css3-spinner-zig-zag>div,
.dark .css3-spinner>div {
  background-color: rgba(255, 255, 255, .35)
}

.dark .css3-spinner-clip-rotate>div,
.dark .css3-spinner-scale-ripple>div {
  border-color: rgba(255, 255, 255, .35)
}

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

#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 ul ul li,
.dark .top-links ul ul li:first-child {
  border-left: 1px solid #444
}

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

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

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

#primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child),
.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child),
.dark.side-header.side-header-right #header {
  border-left-color: #3F3F3F
}

.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.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
#header.dark.transparent-header.floating-header .container,
#header.dark.transparent-header.floating-header.sticky-header .container,
.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),
.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
.dark #header.transparent-header.floating-header .container,
.dark #header.transparent-header.floating-header.sticky-header .container,
.dark .responsive-sticky-header #header-wrap,
.responsive-sticky-header.dark #header-wrap {
  background-color: #333
}

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

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

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

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

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

#header.dark.semi-transparent.floating-header,
#header.dark.semi-transparent.floating-header.sticky-header .container,
#header.dark.sticky-header.semi-transparent,
.dark #header.semi-transparent.floating-header,
.dark #header.semi-transparent.floating-header.sticky-header .container,
.dark #header.sticky-header.semi-transparent {
  background-color: transparent
}

#header.dark.semi-transparent.sticky-header #header-wrap,
.dark #header.semi-transparent.sticky-header #header-wrap {
  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)
}

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

.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) #side-panel-trigger a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #top-cart 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,
.dark #top-cart .top-cart-item-desc a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>#overlay-menu-close,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li>a,
.overlay-menu #primary-menu.dark>#overlay-menu-close,
.overlay-menu #primary-menu.dark>ul>li>a,
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)
}

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

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

#header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input,
.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input {
  border-bottom-color: rgba(255, 255, 255, .15) !important
}

.dark #page-title,
.dark .top-cart-title,
.dark.side-header #logo:not(.nobottomborder):after,
.dark.side-header #primary-menu:not(.nobottomborder):after {
  border-bottom-color: #3F3F3F
}

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

.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a,
.overlay-menu #primary-menu.dark>ul>li.current>a,
.overlay-menu #primary-menu.dark>ul>li:hover>a {
  color: #1ABC9C !important
}

#primary-menu.dark ul li .mega-menu-content,
#primary-menu.dark ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul ul {
  background-color: #333;
  border-color: #1ABC9C #3F3F3F #3F3F3F
}

.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.overlay-menu #primary-menu.dark ul {
  background-color: rgba(0, 0, 0, .9)
}

#primary-menu.dark ul li .mega-menu-content.style-2,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 {
  border-color: #1ABC9C transparent transparent
}

#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
}

#primary-menu.dark ul ul>li.sub-menu:hover>a,
#primary-menu.dark ul ul>li.sub-menu>a,
.dark #primary-menu:not(.not-dark) ul ul>li.sub-menu:hover>a,
.dark #primary-menu:not(.not-dark) ul ul>li.sub-menu>a {
  background-image: url(../images/icons/submenu-dark.png)
}

#primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a,
#primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a {
  color: #BBB !important;
  background: 0 0
}

#primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover {
  color: #DDD !important
}

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

.dark .top-cart-action,
.dark .top-cart-item {
  border-top-color: #3F3F3F
}

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

#primary-menu.dark.sub-title>ul>li>a span,
.dark #primary-menu.sub-title:not(.not-dark)>ul>li>a span {
  color: #999
}

#primary-menu.dark.sub-title.style-2>div>ul>li.current>a span,
#primary-menu.dark.sub-title.style-2>div>ul>li:hover>a span,
#primary-menu.dark.sub-title>ul>li.current>a span,
#primary-menu.dark.sub-title>ul>li:hover>a span,
.dark #primary-menu.sub-title.style-2:not(.not-dark)>div>ul>li.current>a span,
.dark #primary-menu.sub-title.style-2:not(.not-dark)>div>ul>li:hover>a span,
.dark #primary-menu.sub-title:not(.not-dark)>ul>li.current>a span,
.dark #primary-menu.sub-title:not(.not-dark)>ul>li:hover>a span {
  color: #EEE
}

.dark #top-cart .top-cart-content {
  background-color: #333;
  border-color: #1ABC9C #3F3F3F #3F3F3F
}

.dark .top-cart-item-image {
  border-color: #444
}

.dark .top-cart-item-image:hover {
  border-color: #1ABC9C
}

.dark .portfolio-filter,
.dark .portfolio-shuffle,
.dark .swiper-pagination span {
  border-color: rgba(255, 255, 255, .08)
}

.dark .top-cart-item-desc a:hover {
  color: #1ABC9C !important
}

.dark .top-cart-item-desc span.top-cart-item-price {
  color: #AAA
}

.dark .top-cart-item-desc span.top-cart-item-quantity {
  color: #888
}

.dark .mpost,
.dark .post-timeline .entry-timeline div.timeline-divider,
.dark .spost {
  border-top-color: rgba(255, 255, 255, .1)
}

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

.dark.side-header #header {
  background-color: #333;
  border-right-color: #3F3F3F
}

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

.dark.side-header.open-header #header-trigger {
  background-color: rgba(0, 0, 0, .3);
  color: #EEE;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.dark.side-header #primary-menu ul ul a {
  color: #AAA !important
}

.dark .swiper-pagination span.swiper-pagination-bullet-active,
.dark .swiper-pagination span:hover {
  background-color: #333 !important
}

.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 .ei-title h2,
.dark .ei-title h2 span,
.dark .ei-title h3,
.dark .ei-title h3 span {
  color: #EEE !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.not-dark .ei-title h2,
.not-dark .ei-title h2 span,
.not-dark .ei-title h3,
.not-dark .ei-title h3 span {
  color: #222 !important;
  text-shadow: none
}

.dark #page-title {
  background-color: #282828
}

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

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

.dark .breadcrumb a {
  color: #BBB
}

.dark .breadcrumb a:hover {
  color: #EEE
}

.dark #page-title.page-title-pattern {
  background-image: url(../images/pattern2.png)
}

.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-shuffle {
  color: #999
}

.dark .portfolio-filter li.activeFilter a,
.dark .portfolio-shuffle:hover {
  color: #FFF
}

.dark .portfolio-desc h3 a {
  color: #EEE
}

.dark .portfolio-desc h3 a:hover {
  color: #BBB
}

.dark .portfolio-desc span,
.dark .portfolio-desc span a {
  color: #888
}

.dark .portfolio-desc span a:hover {
  color: #CCC
}

.dark .portfolio-notitle .portfolio-desc {
  background-color: #333;
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

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

.dark .ajax-modal-title,
.dark .commentlist,
.dark .entry,
.dark .portfolio-1 .portfolio-item {
  border-bottom-color: rgba(255, 255, 255, .08)
}

.dark .portfolio-1.portfolio-fullwidth .portfolio-desc {
  background-color: #333
}

.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 .ajax-modal-title {
  background-color: #333
}

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

.dark #portfolio-navigation a,
.dark .portfolio-meta li span {
  color: #BBB
}

.dark #portfolio-navigation a:hover,
.dark .entry-title h2 a,
.dark .ipost .entry-title h3 a,
.dark .ipost .entry-title h4 a {
  color: #EEE
}

.dark .entry-title h2 a:hover,
.dark .ipost .entry-title h3 a:hover,
.dark .ipost .entry-title h4 a:hover {
  color: #BBB
}

.dark .entry-meta li {
  border-left-color: rgba(255, 255, 255, .08);
  color: #888
}

.dark .entry-meta li a {
  color: #888
}

.dark .entry-meta li a:hover {
  color: #CCC
}

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

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

.dark .post-timeline .entry-timeline {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .08);
  color: #AAA
}

.dark .post-timeline .entry.entry-date-section span {
  border-color: rgba(255, 255, 255, .1);
  background-color: #333
}

.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider {
  border-color: #1ABC9C;
  color: #1ABC9C
}

.dark #comments,
.dark .bothsidebar .product-1 .product {
  border-top-color: rgba(255, 255, 255, .08)
}

.dark .mpost .entry-image a i,
.dark .spost .entry-image a i {
  color: #CCC;
  background-color: rgba(0, 0, 0, .2)
}

.dark .mpost .entry-title h4 a,
.dark .spost .entry-title h4 a {
  color: #BBB
}

.dark .mpost .entry-title h4 a:hover,
.dark .spost .entry-title h4 a:hover {
  color: #999
}

.dark .mpost .entry-meta li,
.dark .spost .entry-meta li {
  border-left-color: #666
}

.dark .mpost .entry-meta li a,
.dark .spost .entry-meta li a,
.dark .testimonial.twitter-scroll .testi-meta span a {
  color: #AAA
}

.dark .mpost .entry-meta li a:hover,
.dark .spost .entry-meta li a:hover,
.dark .testimonial.twitter-scroll .testi-meta span a:hover {
  color: #888
}

.dark .comment-wrap {
  border-color: rgba(255, 255, 255, .08)
}

.dark .comment-avatar {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .1)
}

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

.dark .comment-content .comment-author {
  color: #CCC
}

.dark .comment-content .comment-author a {
  color: #BBB
}

.dark .comment-content .comment-author a:hover {
  color: #EEE
}

.dark .review-comment-ratings {
  color: #CCC
}

.dark .comment-reply-link:hover {
  color: #888
}

.dark p.wp-caption-text {
  background-color: rgba(0, 0, 0, .2)
}

.dark .product-title h3 a,
.dark .single-product .product-title h2 a {
  color: #EEE
}

.dark .product-price,
.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover {
  color: #BBB
}

.dark .product-overlay a {
  color: #EEE;
  background-color: rgba(0, 0, 0, .8);
  border-right-color: rgba(255, 255, 255, .15)
}

.dark .product-overlay a:last-child {
  border-right: 0
}

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

.dark .quantity .minus,
.dark .quantity .plus,
.dark .quantity .qty {
  background-color: rgba(0, 0, 0, .2)
}

.dark .quantity .qty {
  border-left-color: rgba(255, 255, 255, .08);
  border-right-color: rgba(255, 255, 255, .08)
}

.dark .quantity .minus:hover,
.dark .quantity .plus:hover {
  background-color: rgba(0, 0, 0, .4)
}

.dark .product-meta {
  color: #888
}

.dark .cart .remove {
  color: #BBB
}

.dark .cart .remove:hover {
  color: #EEE
}

.dark .cart th {
  color: #DDD
}

.dark .cart td {
  border-color: rgba(255, 255, 255, .08) !important
}

.dark .cart-product-thumbnail img {
  border-color: rgba(0, 0, 0, .2)
}

.dark .cart-product-thumbnail img:hover {
  border-color: #1ABC9C
}

.dark .cart-product-name a,
.dark .product-name a {
  color: #EEE
}

.dark .cart-product-name a:hover,
.dark .product-name a:hover {
  color: #BBB
}

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

.dark .events .entry,
.dark .ievent {
  background-color: rgba(0, 0, 0, .2);
  border-bottom-color: rgba(0, 0, 0, .1)
}

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

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

.dark .countdown-amount,
.dark .rounded-skill {
  color: #EEE
}

.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 .promo>.container>span,
.dark .promo>span {
  color: rgba(255, 255, 255, .8)
}

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

.dark .promo.promo-light {
  background-color: rgba(255, 255, 255, .1)
}

.dark .promo.promo-dark:not(.promo-flat) {
  background-color: rgba(0, 0, 0, .3)
}

.dark .feature-box h3 {
  color: #CCC
}

.dark .feature-box p {
  color: #888
}

.dark .feature-box.fbox-light.fbox-outline .fbox-icon {
  border-color: rgba(255, 255, 255, .15)
}

.dark .feature-box.fbox-light .fbox-icon i,
.dark .feature-box.fbox-light .fbox-icon img {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .1);
  color: #FFF
}

.dark .feature-box.fbox-border.fbox-dark .fbox-icon,
.dark .feature-box.fbox-border.fbox-light .fbox-icon,
.dark .feature-box.fbox-dark.fbox-outline .fbox-icon {
  border-color: rgba(255, 255, 255, .15)
}

.dark .feature-box.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-dark .fbox-icon img {
  background-color: rgba(255, 255, 255, .1)
}

.dark .feature-box.fbox-border.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon img,
.dark .feature-box.fbox-border.fbox-light .fbox-icon i,
.dark .feature-box.fbox-border.fbox-light .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon img {
  color: #FFF
}

.dark .feature-box h3 span.subtitle {
  color: #AAA
}

.dark .feature-box.fbox-bg.fbox-center,
.dark .feature-box.media-box.fbox-bg .fbox-desc {
  background-color: #383838;
  border-color: rgba(255, 255, 255, .1)
}

.dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon {
  background-color: #383838 !important
}

.dark .feature-box.fbox-bg.fbox-center.fbox-light .fbox-icon i {
  background-color: #444 !important
}

.dark .fbox-effect .fbox-icon i:after {
  box-shadow: 0 0 0 2px #494949
}

.dark .fbox-effect .fbox-icon i:hover,
.dark .fbox-effect:hover .fbox-icon i {
  background-color: #494949
}

.dark .fbox-effect.fbox-dark .fbox-icon i:after {
  box-shadow: 0 0 0 2px #1ABC9C
}

.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i {
  background-color: #1ABC9C
}

.dark .fbox-border.fbox-effect .fbox-icon i:hover,
.dark .fbox-border.fbox-effect:hover .fbox-icon i {
  box-shadow: 0 0 0 1px #494949
}

.dark .fbox-border.fbox-effect .fbox-icon i:after {
  background-color: #494949
}

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
  box-shadow: 0 0 0 1px #1ABC9C
}

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
  background-color: #1ABC9C
}

.dark .i-bordered,
.dark .i-circled,
.dark .i-rounded,
.dark .process-steps li .i-bordered {
  background-color: #494949
}

.dark .feature-box.fbox-center:not(.fbox-bg) h3:after,
.dark .process-steps li:after,
.dark .process-steps li:before {
  border-top-color: rgba(255, 255, 255, .15)
}

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

.dark .style-msg2 {
  border-left: 4px solid rgba(0, 0, 0, .3)
}

.dark .style-msg .sb-msg,
.dark .style-msg2 .msgtitle,
.dark .style-msg2 .sb-msg {
  border-left-color: rgba(255, 255, 255, .1)
}

.dark .i-bordered {
  border-color: #DDD;
  color: #DDD
}

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

.dark .i-circled:hover,
.dark .i-plain,
.dark .i-rounded:hover {
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.dark .i-circled:hover,
.dark .i-rounded:hover {
  background-color: #1ABC9C;
  box-shadow: 0 0 0 rgba(0, 0, 0, .2)
}

.dark .i-bordered:hover {
  background-color: #444;
  color: #FFF;
  border-color: #444
}

.dark .i-plain:hover {
  color: #DDD
}

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

#footer.dark .social-icon.si-borderless,
.dark #footer .social-icon.si-borderless {
  color: #555 !important
}

.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 .accordion.accordion-bg .acctitle,
.dark .accordion.accordion-bg .acctitlec,
.dark .toggle.toggle-bg .togglet,
.dark .toggle.toggle-bg .toggleta {
  background-color: rgba(0, 0, 0, .2)
}

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

.dark .toggle .togglet,
.dark .toggle .toggleta {
  color: #CCC
}

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

.dark .acctitle,
.dark .acctitlec {
  color: #CCC;
  border-top-color: rgba(255, 255, 255, .15)
}

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

.dark .accordion.accordion-border .acctitle,
.dark .accordion.accordion-border .acctitlec {
  border-color: rgba(255, 255, 255, .15)
}

.dark .side-tabs ul.tab-nav li,
.dark .sidenav>li>a,
.dark .tabs-bordered .tab-container,
.dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a,
.dark ul.tab-nav li {
  border-color: #494949
}

.dark ul.tab-nav {
  border-bottom-color: #494949
}

.dark ul.tab-nav li:first-child {
  border-left-color: #494949
}

.dark ul.tab-nav li a {
  color: #DDD;
  background-color: rgba(0, 0, 0, .15)
}

.dark .tabs.tabs-alt ul.tab-nav li a,
.dark ul.tab-nav li.ui-tabs-active a {
  background-color: #383838
}

.dark ul.tab-nav.tab-nav2 li a {
  background-color: rgba(0, 0, 0, .2)
}

.dark ul.tab-nav.tab-nav2 li.ui-state-active a {
  background-color: #1ABC9C
}

.dark .side-tabs ul.tab-nav {
  border-right-color: #494949
}

.dark .side-tabs ul.tab-nav li:first-child {
  border-top-color: #494949;
  border-left-color: #494949
}

.dark .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {
  border-right-color: #383838
}

.dark .tabs-bordered.side-tabs .tab-container {
  border-top-color: #494949
}

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

.dark .sidenav>li>a {
  color: #BBB
}

.dark .sidenav>li>a:hover {
  background-color: rgba(0, 0, 0, .3)
}

.dark .faqlist li a {
  color: #CCC
}

.dark .clients-grid li:before,
.dark .testimonials-grid li:before {
  border-left-color: rgba(255, 255, 255, .15)
}

.dark .clients-grid li:after,
.dark .testimonials-grid li:after {
  border-bottom-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)
}

.dark .testimonial.twitter-scroll .testi-content p a {
  border-bottom: 1px dotted #AAA
}

.dark .testimonial.twitter-scroll .testi-content p a:hover {
  border-bottom: 1px solid #888
}

.dark .testimonial.twitter-scroll .testi-image i {
  background-color: rgba(0, 0, 0, .2);
  color: #EEE;
  text-shadow: none
}

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

.dark .pricing-features,
.dark .pricing-title {
  border-bottom-color: rgba(255, 255, 255, .1)
}

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

.dark .team-desc.team-desc-bg {
  background-color: rgba(255, 255, 255, .05)
}

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

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

.dark .pricing-title {
  background-color: rgba(255, 255, 255, .03);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.dark .pricing-box.best-price,
.dark .pricing-box.best-price .pricing-title,
.dark .pricing-box.pricing-extended {
  background-color: transparent
}

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

.dark .pricing-title h3 {
  color: #DDD
}

.dark .pricing-price {
  color: #EEE
}

.dark .pricing-price:after {
  border-top-color: rgba(255, 255, 255, .1)
}

.dark .pricing-box.best-price {
  box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.dark .pricing-box.pricing-minimal .pricing-price {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, .1)
}

.dark .pricing-box.pricing-extended .pricing-action-area {
  border-left-color: rgba(255, 255, 255, .15);
  background-color: rgba(0, 0, 0, .2)
}

.dark .pricing-box.pricing-extended .pricing-meta {
  color: #999
}

.dark .counter.counter-lined+h5:before {
  border-color: #EEE
}

.dark .easyPieChart {
  color: #EEE
}

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

.dark .skills li .progress-percent {
  background-color: #4E4E4E
}

.dark .progress-percent:after,
.dark .progress-percent:before {
  border-top-color: #4E4E4E
}

.dark .skills li>span {
  font-weight: 600;
  color: #CCC
}

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

.dark #contact-form-overlay,
.dark #contact-form-overlay-mini,
.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 label {
  color: #BBB
}

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

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

.dark .emphasis-title:not(.not-dark) h1,
.dark .emphasis-title:not(.not-dark) h2,
.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 .emphasis-title.not-dark h1,
.dark .emphasis-title.not-dark h2,
.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
}

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

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

.dark .divider {
  color: rgba(255, 255, 255, .15)
}

.dark .divider.divider-center.divider-short:before,
.dark .divider.divider-center:before,
.dark .divider:after {
  border-top-color: rgba(255, 255, 255, .1)
}

.dark .divider.divider-border,
.dark .divider.divider-rounded {
  color: #999
}

.dark .divider.divider-border i,
.dark .divider.divider-rounded i {
  background-color: rgba(255, 255, 255, .1)
}

.dark .divider.divider-border i {
  background-color: transparent;
  border-color: rgba(255, 255, 255, .15)
}

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

.dark .quote:before {
  color: rgba(255, 255, 255, .1)
}

.dark .top-advert {
  border-left-color: rgba(255, 255, 255, .1);
  border-right-color: rgba(255, 255, 255, .1)
}

.dark .error404 {
  color: rgba(255, 255, 255, .15)
}

.dark.error404-wrap .form-control::-webkit-input-placeholder {
  color: #888
}

.dark.error404-wrap .form-control::-moz-placeholder {
  color: #888
}

.dark.error404-wrap .form-control:-ms-input-placeholder {
  color: #888
}

.dark .form-process {
  background-color: transparent
}

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

.dark .sidebar-widgets-wrap .widget,
.dark .table>tbody+tbody,
.dark .table>tbody>tr>td,
.dark .table>tbody>tr>th,
.dark .table>tfoot>tr>td,
.dark .table>tfoot>tr>th,
.dark .table>thead>tr>td,
.dark .table>thead>tr>th,
.dark hr,
body #side-panel.dark .widget,
body.dark #side-panel .widget {
  border-top-color: rgba(255, 255, 255, .1)
}

.dark #copyrights {
  background-color: rgba(0, 0, 0, .2);
  color: rgba(255, 255, 255, .25)
}

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

.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,
.dark .table>thead>tr>th,
.dark legend {
  border-bottom-color: rgba(255, 255, 255, .1)
}

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

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

body #side-panel.dark #side-panel-trigger-close a,
body.dark #side-panel #side-panel-trigger-close a {
  background-color: rgba(0, 0, 0, .2);
  color: #FFF
}

.dark .widget h4 {
  color: #DDD
}

.dark .widget p {
  opacity: .8
}

.dark .tagcloud a {
  color: #999;
  border-color: transparent;
  background-color: rgba(0, 0, 0, .2)
}

.dark .tagcloud a:hover {
  border-color: transparent !important;
  background-color: #1ABC9C;
  color: #FFF !important
}

.dark .img-thumbnail,
.dark .show-grid [class^=col-],
.dark fieldset {
  border-color: rgba(255, 255, 255, .1)
}

.dark .widget_recent_comments li {
  background-image: url(../images/icons/widget-comment-dark.png)
}

.dark .widget_archive li a,
.dark .widget_categories li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_nav_menu li a,
.dark .widget_pages li a,
.dark .widget_recent_comments li a,
.dark .widget_recent_entries li a,
.dark .widget_rss li a {
  color: #CCC;
  background-image: url(../images/icons/widget-link-dark.png)
}

.dark .widget_archive li a:hover,
.dark .widget_categories li a:hover,
.dark .widget_links li a:hover,
.dark .widget_meta li a:hover,
.dark .widget_nav_menu li a:hover,
.dark .widget_pages li a:hover,
.dark .widget_recent_comments li a:hover,
.dark .widget_recent_entries li a:hover,
.dark .widget_rss li a:hover {
  color: #AAA
}

.dark .nav-tree li a {
  color: #BBB
}

#cookie-notification.dark,
.dark #cookie-notification {
  background-color: rgba(0, 0, 0, .85);
  color: #EEE
}

.dark .show-grid [class^=col-] {
  background-color: rgba(255, 255, 255, .05)
}

.dark mark {
  background: rgba(0, 0, 0, .5);
  color: #FFF
}

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

.dark blockquote {
  border-left-color: rgba(255, 255, 255, .2)
}

.dark .blockquote-reverse,
.dark blockquote.pull-right {
  border-right-color: rgba(255, 255, 255, .2)
}

.dark code {
  color: #DF6F72;
  background-color: rgba(0, 0, 0, .3)
}

.dark kbd {
  background-color: rgba(255, 255, 255, .1)
}

.dark pre {
  color: #FFF;
  background-color: rgba(0, 0, 0, .3);
  border-color: rgba(255, 255, 255, .15)
}

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

.dark .table-bordered,
.dark .table-bordered>tbody>tr>td,
.dark .table-bordered>tbody>tr>th,
.dark .table-bordered>tfoot>tr>td,
.dark .table-bordered>tfoot>tr>th,
.dark .table-bordered>thead>tr>td,
.dark .table-bordered>thead>tr>th {
  border-color: rgba(255, 255, 255, .1)
}

.dark .table-striped>tbody>tr:nth-child(odd)>td,
.dark .table-striped>tbody>tr:nth-child(odd)>th,
.table-striped>tbody>tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.dark .table-hover>tbody>tr:hover>td,
.dark .table-hover>tbody>tr:hover>th,
.dark .table>tbody>tr.active>td,
.dark .table>tbody>tr.active>th,
.dark .table>tbody>tr>td.active,
.dark .table>tbody>tr>th.active,
.dark .table>tfoot>tr.active>td,
.dark .table>tfoot>tr.active>th,
.dark .table>tfoot>tr>td.active,
.dark .table>tfoot>tr>th.active,
.dark .table>thead>tr.active>td,
.dark .table>thead>tr.active>th,
.dark .table>thead>tr>td.active,
.dark .table>thead>tr>th.active {
  background-color: rgba(0, 0, 0, .1)
}

.dark .table-hover>tbody>tr.active:hover>td,
.dark .table-hover>tbody>tr.active:hover>th,
.dark .table-hover>tbody>tr>td.active:hover,
.dark .table-hover>tbody>tr>th.active:hover {
  background-color: rgba(255, 255, 255, .1)
}

@media (max-width:767px) {
  .table-responsive {
    border-color: rgba(255, 255, 255, .1)
  }
}

.dark legend {
  color: #DDD
}

.dark output {
  color: #999
}

.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) option,
.dark .sm-form-control:not(.not-dark) option {
  background-color: #282828
}

.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],
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark fieldset[disabled] .sm-form-control:not(.not-dark) {
  background-color: rgba(255, 255, 255, .1)
}

.dark .input-group .form-control.error:not(.not-dark) {
  color: #E42C3E
}

.dark .sm-form-control.error:not(.not-dark) {
  border-color: #E42C3E !important
}

.dark .form-control.error:not(.not-dark)::-moz-placeholder {
  color: rgba(228, 44, 62, .6)
}

.dark .form-control.error:not(.not-dark):-ms-input-placeholder {
  color: rgba(228, 44, 62, .6)
}

.dark .form-control.error:not(.not-dark)::-webkit-input-placeholder {
  color: rgba(228, 44, 62, .6)
}

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

.dark .btn-default {
  color: #FFF;
  background-color: rgba(0, 0, 0, .2);
  border-color: rgba(255, 255, 255, .15)
}

.dark .btn-default.active,
.dark .btn-default:active,
.dark .btn-default:focus,
.dark .btn-default:hover,
.dark .open .dropdown-toggle.btn-default {
  color: #FFF;
  background-color: rgba(0, 0, 0, .3);
  border-color: rgba(255, 255, 255, .2)
}

.dark .btn-default.disabled,
.dark .btn-default.disabled.active,
.dark .btn-default.disabled:active,
.dark .btn-default.disabled:focus,
.dark .btn-default.disabled:hover,
.dark .btn-default[disabled],
.dark .btn-default[disabled].active,
.dark .btn-default[disabled]:active,
.dark .btn-default[disabled]:focus,
.dark .btn-default[disabled]:hover,
.dark fieldset[disabled] .btn-default,
.dark fieldset[disabled] .btn-default.active,
.dark fieldset[disabled] .btn-default:active,
.dark fieldset[disabled] .btn-default:focus,
.dark fieldset[disabled] .btn-default:hover {
  color: #BBB;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1)
}

.dark .btn-default .badge {
  background-color: rgba(255, 255, 255, .1)
}

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

.dark .dropdown-menu {
  background-color: #333;
  border-color: #3F3F3F
}

.dark .dropdown-menu .divider {
  background-color: rgba(255, 255, 255, .1)
}

.dark .dropdown-menu>li>a {
  color: #DDD
}

.dark .dropdown-menu>li>a:focus,
.dark .dropdown-menu>li>a:hover {
  color: #EEE;
  background-color: rgba(255, 255, 255, .1)
}

.dark .input-group-addon,
.dark .input-group-btn .btn-default {
  color: #999;
  background-color: rgba(0, 0, 0, .35);
  border-color: rgba(0, 0, 0, .25)
}

.dark .input-group-btn .btn-default {
  color: #FFF
}

.dark .input-group-btn .btn-default:hover {
  background-color: rgba(0, 0, 0, .3)
}

.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 .nav .nav-divider {
  background-color: rgba(255, 255, 255, .1)
}

.dark .nav-tabs {
  border-bottom-color: rgba(255, 255, 255, .15)
}

.dark .nav-tabs>li>a:hover {
  border-color: rgba(255, 255, 255, .2);
  border-bottom: none
}

.dark .nav-tabs-justified>li>a:hover,
.dark .nav-tabs.nav-justified>li>a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.dark .nav-tabs>li.active>a,
.dark .nav-tabs>li.active>a:focus,
.dark .nav-tabs>li.active>a:hover {
  color: #DDD;
  background-color: #383838;
  border: 1px solid rgba(255, 255, 255, .2);
  border-bottom-color: #383838
}

.dark .nav-tabs-justified>.active>a,
.dark .nav-tabs-justified>.active>a:focus,
.dark .nav-tabs-justified>.active>a:hover,
.dark .nav-tabs.nav-justified>.active>a,
.dark .nav-tabs.nav-justified>.active>a:focus,
.dark .nav-tabs.nav-justified>.active>a:hover {
  border-color: rgba(255, 255, 255, .15)
}

.dark .panel-footer,
.dark .panel-group .panel-heading+.panel-collapse .panel-body,
.dark .panel>.panel-body+.table,
.dark .panel>.panel-body+.table-responsive {
  border-top-color: rgba(255, 255, 255, .1)
}

@media (min-width:768px) {
  .dark .nav-tabs.nav-justified>li>a {
    border-bottom-color: rgba(255, 255, 255, .15)
  }

  .dark .nav-tabs.nav-justified>.active>a,
  .dark .nav-tabs.nav-justified>.active>a:focus,
  .dark .nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #383838
  }

  .dark .nav-tabs-justified>li>a {
    border-bottom-color: rgba(255, 255, 255, .15)
  }

  .dark .nav-tabs-justified>.active>a,
  .dark .nav-tabs-justified>.active>a:focus,
  .dark .nav-tabs-justified>.active>a:hover {
    border-bottom-color: #383838
  }
}

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

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

.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-nav>.disabled>a,
.dark .navbar-default .navbar-nav>.disabled>a:focus,
.dark .navbar-default .navbar-nav>.disabled>a:hover {
  color: #999
}

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

.dark .navbar-default .navbar-toggle .icon-bar {
  background-color: #BBB
}

.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-menu>li>a {
    color: #BBB
  }

  .dark .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
  .dark .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #EEE
  }

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

  .dark .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .dark .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
  .dark .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #999
  }
}

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

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

.dark .pager li>a,
.dark .pager li>span,
.dark .pagination>li>a,
.dark .pagination>li>span {
  color: #BBB;
  background-color: rgba(255, 255, 255, .1);
  border-color: #666
}

.dark .pager li>a:focus,
.dark .pager li>a:hover,
.dark .pagination>li>a:focus,
.dark .pagination>li>a:hover,
.dark .pagination>li>span:focus,
.dark .pagination>li>span:hover {
  color: #EEE;
  background-color: rgba(0, 0, 0, .1)
}

.dark .pager .disabled>a,
.dark .pager .disabled>a:focus,
.dark .pager .disabled>a:hover,
.dark .pager .disabled>span,
.dark .pagination>.disabled>a,
.dark .pagination>.disabled>a:focus,
.dark .pagination>.disabled>a:hover,
.dark .pagination>.disabled>span,
.dark .pagination>.disabled>span:focus,
.dark .pagination>.disabled>span:hover {
  color: #999;
  background-color: rgba(255, 255, 255, .2);
  border-color: #777
}

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

.btn .badge {
  background-color: #FFF
}

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

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

.dark .thumbnail .caption {
  color: #EEE
}

.dark .list-group-item {
  background-color: rgba(0, 0, 0, .2);
  border-color: #444
}

.dark a.list-group-item {
  color: #BBB
}

.dark a.list-group-item .list-group-item-heading {
  color: #DDD
}

.dark a.list-group-item:focus,
.dark a.list-group-item:hover {
  background-color: rgba(255, 255, 255, .05)
}

.dark a.list-group-item.active,
.dark a.list-group-item.active:focus,
.dark a.list-group-item.active:hover {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca
}

.dark .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}

.dark a.list-group-item-success {
  color: #3c763d
}

.dark a.list-group-item-success:focus,
.dark a.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6
}

.dark a.list-group-item-success.active,
.dark a.list-group-item-success.active:focus,
.dark a.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d
}

.dark .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}

.dark a.list-group-item-info {
  color: #31708f
}

.dark a.list-group-item-info:focus,
.dark a.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3
}

.dark a.list-group-item-info.active,
.dark a.list-group-item-info.active:focus,
.dark a.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f
}

.dark .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}

.dark a.list-group-item-warning {
  color: #8a6d3b
}

.dark a.list-group-item-warning:focus,
.dark a.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc
}

.dark a.list-group-item-warning.active,
.dark a.list-group-item-warning.active:focus,
.dark a.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b
}

.dark .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}

.dark a.list-group-item-danger {
  color: #a94442
}

.dark a.list-group-item-danger:focus,
.dark a.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc
}

.dark a.list-group-item-danger.active,
.dark a.list-group-item-danger.active:focus,
.dark a.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}

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

.dark .panel-footer {
  background-color: rgba(255, 255, 255, .1)
}

.dark .modal-footer,
.dark .panel-default>.panel-heading+.panel-collapse .panel-body {
  border-top-color: rgba(255, 255, 255, .15)
}

.dark .panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom-color: rgba(255, 255, 255, .1)
}

.dark .modal-header,
.dark .panel-default>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: rgba(255, 255, 255, .15)
}

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

.dark .panel-default>.panel-heading {
  color: #DDD;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1)
}

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

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

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

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

.dark .popover {
  background-color: #282828;
  border-color: #494949
}

.dark .popover-title {
  background-color: rgba(255, 255, 255, .1);
  border-bottom-color: rgba(255, 255, 255, .075)
}

.dark .popover.top>.arrow {
  border-top-color: #494949
}

.dark .popover.top>.arrow:after {
  border-top-color: #282828
}

.dark .popover.right>.arrow {
  border-right-color: #494949
}

.dark .popover.right>.arrow:after {
  border-right-color: #282828
}

.dark .popover.bottom>.arrow {
  border-bottom-color: #494949
}

.dark .popover.bottom>.arrow:after {
  border-bottom-color: #282828
}

.dark .popover.left>.arrow {
  border-left-color: #494949
}

.dark .popover.left>.arrow:after {
  border-left-color: #282828
}

@media (max-width:991px) {

  .dark .postcontent,
  .dark .postcontent.bothsidebar,
  .dark .sidebar {
    border-bottom-color: rgba(255, 255, 255, .1)
  }

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

  #primary-menu.mobile-menu-off-canvas.dark>div>ul,
  #primary-menu.mobile-menu-off-canvas.dark>ul,
  .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark)>div>ul,
  .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark)>ul {
    background-color: #333;
    border-right: 1px solid rgba(255, 255, 255, .05) !important
  }

  #primary-menu.mobile-menu-off-canvas.from-right.dark>div>ul,
  #primary-menu.mobile-menu-off-canvas.from-right.dark>ul,
  .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark)>div>ul,
  .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark)>ul {
    border-right: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .05) !important
  }

  .dark #primary-menu:not(.not-dark) ul li,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2>ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3>ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4>ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5>ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 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
  }

  .dark #primary-menu:not(.not-dark)>.container>ul>li.sub-menu>a,
  .dark #primary-menu:not(.not-dark)>ul>li.sub-menu>a {
    background-image: url(../images/icons/submenu-dark.png)
  }

  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 li .mega-menu-content,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-2>ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-3>ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-4>ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-5>ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 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: #fff !important
  }

  .dark .pricing-box.pricing-extended .pricing-action-area {
    border-top-color: rgba(255, 255, 255, .15)
  }
}