.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
  color: #eee
}
.dark a:hover {
  color: #eee
}
body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .modal-content, .dark .page-transition-wrap, body.dark #side-panel, body #side-panel.dark {
  background-color: #383838
}
.dark .css3-spinner > div, .dark .css3-spinner-grid-pulse > div, .dark .css3-spinner-ball-rotate > div, .dark .css3-spinner-zig-zag > div, .dark .css3-spinner-ball-scale-multiple > div, .dark .css3-spinner-triangle-path > div, .dark .css3-spinner-ball-pulse-sync > 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 .line, .dark .double-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-bar, #top-bar.dark {
  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 ul, .dark .top-links ul div.top-link-section {
  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
}
.dark #header:not(.transparent-header), #header.dark:not(.transparent-header) {
  background-color: #06204D; 
  border-bottom-color:#BB9338; 
  border-bottom: 10px; 
}
.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap {
  background-color: #06204D 
}
.dark #header.full-header #header-wrap:not(.not-dark), #header.full-header.dark #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 #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark), #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) {
  border-bottom-color: rgba(255, 255, 255, .2)
}
.dark .slider-element + #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark), .slider-element + #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) {
  border-top-color: rgba(255, 255, 255, .2)
}
.dark #header.semi-transparent, .dark #header.semi-transparent.floating-header .container, #header.dark.semi-transparent, #header.dark.semi-transparent.floating-header .container {
  background-color: rgba(0, 0, 0, .6)
}
.dark #header.sticky-header.semi-transparent, .dark #header.semi-transparent.floating-header, .dark #header.semi-transparent.floating-header.sticky-header .container, #header.dark.sticky-header.semi-transparent, #header.dark.semi-transparent.floating-header, #header.dark.semi-transparent.floating-header.sticky-header .container {
  background-color: transparent
}
.dark #header.semi-transparent.sticky-header #header-wrap, #header.dark.semi-transparent.sticky-header #header-wrap {
  background-color: rgba(0, 0, 0, .6)
}
.dark #logo a {
  color: #fff
}
.dark #header.full-header #header-wrap:not(.not-dark) #logo, #header.full-header.dark #header-wrap:not(.not-dark) #logo {
  border-right-color: rgba(255, 255, 255, .15)
}
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo, #header.transparent-header.full-header.dark: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 > ul > li > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #header-wrap:not(.not-dark) #top-account a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .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-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-account a:hover, .dark #header-wrap:not(.not-dark) #top-search form input {
  color: #eee;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}
.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul, #header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul {
  border-right-color: rgba(255, 255, 255, .15)
}
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul, #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul {
  border-right-color: rgba(255, 255, 255, .2)
}
.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input, #header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input {
  border-bottom-color: rgba(255, 255, 255, .15) !important
}
.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 > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > 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 > .container > ul > li.current > a {
  color: #eee
}
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .overlay-menu #primary-menu.dark > ul > li:hover > a, .overlay-menu #primary-menu.dark > ul > li.current > a {
  color: #1abc9c !important
}
.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
  background-color: #333;
  border-color: #3f3f3f;
  border-top-color: #0670B0
}
.dark.overlay-menu #primary-menu:not(.not-dark) ul, .dark.overlay-menu #primary-menu:not(.not-dark) ul, .overlay-menu #primary-menu.dark ul, .overlay-menu #primary-menu.dark ul {
  background-color: rgba(0, 0, 0, .9)
}
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2, #primary-menu.dark ul li .mega-menu-content.style-2 {
  border-color: transparent;
  border-top-color: #0670B0
}
.dark #primary-menu:not(.not-dark) ul ul li, #primary-menu.dark ul ul li {
  border-top-color: #3f3f3f
}
.dark #primary-menu:not(.not-dark) ul ul li:first-child, #primary-menu.dark ul ul li:first-child {
  border-top: 0
}
.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
  color: #999 !important
}
.dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a {
  background-color: rgba(0, 0, 0, .1);
  color: #ccc !important
}
.dark #primary-menu:not(.not-dark) ul ul > li.sub-menu > a, .dark #primary-menu:not(.not-dark) ul ul > li.sub-menu:hover > a, #primary-menu.dark ul ul > li.sub-menu > a, #primary-menu.dark ul ul > li.sub-menu:hover > a {
  background-image: url(../images/icons/submenu-dark.png)
}
.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child), #primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
  border-left-color: #3f3f3f
}
.dark #primary-menu:not(.not-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, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a {
  color: #bbb !important;
  background: 0 0
}
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover, #primary-menu.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 #primary-menu.style-3:not(.not-dark) > ul > li:hover > a, #primary-menu.dark.style-3 > ul > li:hover > a {
  color: #eee;
  background-color: rgba(255, 255, 255, .05)
}
.dark #primary-menu.style-3:not(.not-dark) > ul > li.current > a, #primary-menu.dark.style-3 > ul > li.current > a {
  color: #eee
}
.dark #primary-menu.style-5:not(.not-dark) > ul, #primary-menu.dark.style-5 > ul {
  border-right-color: rgba(255, 255, 255, .1)
}
.dark #primary-menu.sub-title:not(.not-dark) > ul > li > a span, #primary-menu.dark.sub-title > ul > li > a span {
  color: #999
}
.dark #primary-menu.sub-title:not(.not-dark) > ul > li:hover > a span, .dark #primary-menu.sub-title:not(.not-dark) > 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.style-2:not(.not-dark) > div > ul > li.current > a span, #primary-menu.dark.sub-title > ul > li:hover > a span, #primary-menu.dark.sub-title > ul > li.current > a span, #primary-menu.dark.sub-title.style-2 > div > ul > li:hover > a span, #primary-menu.dark.sub-title.style-2 > div > ul > li.current > a span {
  color: #eee
}
.dark #top-cart .top-cart-content {
  background-color: #333;
  border-color: #3f3f3f;
  border-top-color: #1abc9c
}
.dark .top-cart-title {
  border-bottom-color: #3f3f3f
}
.dark .top-cart-item {
  border-top-color: #3f3f3f
}
.dark .top-cart-item-image {
  border-color: #444
}
.dark .top-cart-item-image:hover {
  border-color: #1abc9c
}
.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 .top-cart-action {
  border-top-color: #3f3f3f
}
.dark .one-page-arrow, .one-page-arrow.dark {
  color: #fff
}
.dark.side-header #header {
  background-color: #333;
  border-right-color: #3f3f3f
}
.dark.side-header #logo:not(.nobottomborder):after, .dark.side-header #primary-menu:not(.nobottomborder):after {
  border-bottom-color: #3f3f3f
}
.dark.side-header #primary-menu:not(.not-dark) > ul > li > a, .dark.side-header #primary-menu ul ul li:hover > 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.side-header-right #header {
  border-left-color: #3f3f3f
}
.dark.side-header #primary-menu ul ul a {
  color: #aaa !important
}
.dark .swiper-pagination span {
  border-color: rgba(255, 255, 255, .08)
}
.dark .swiper-pagination span:hover, .dark .swiper-pagination span.swiper-pagination-bullet-active {
  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 h3, .dark .ei-title h2 span, .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 h3, .not-dark .ei-title h2 span, .not-dark .ei-title h3 span {
  color: #222 !important;
  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 .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 {
  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-shuffle {
  color: #999;
  border-color: rgba(255, 255, 255, .08)
}
.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 {
  color: #888
}
.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 .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;
  border-bottom-color: rgba(255, 255, 255, .08)
}
.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 .entry {
  border-bottom-color: rgba(255, 255, 255, .08)
}
.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 .post-masonry-full .entry {
  border-color: rgba(255, 255, 255, .08)
}
.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-timeline div.timeline-divider {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider {
  border-color: #1abc9c;
  color: #1abc9c
}
.dark .spost, .dark .mpost {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .spost .entry-image a i, .dark .mpost .entry-image a i {
  color: #ccc;
  background-color: rgba(0, 0, 0, .2)
}
.dark .spost .entry-title h4 a, .dark .mpost .entry-title h4 a {
  color: #bbb
}
.dark .spost .entry-title h4 a:hover, .dark .mpost .entry-title h4 a:hover {
  color: #999
}
.dark .spost .entry-meta li, .dark .mpost .entry-meta li {
  border-left-color: #666
}
.dark .spost .entry-meta li a, .dark .mpost .entry-meta li a, .dark .testimonial.twitter-scroll .testi-meta span a {
  color: #aaa
}
.dark .spost .entry-meta li a:hover, .dark .mpost .entry-meta li a:hover, .dark .testimonial.twitter-scroll .testi-meta span a:hover {
  color: #888
}
.dark #comments {
  border-top-color: rgba(255, 255, 255, .08)
}
.dark .commentlist {
  border-bottom-color: rgba(255, 255, 255, .08)
}
.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 .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-title h3 a:hover, .dark .single-product .product-title h2 a:hover {
  color: #bbb
}
.dark .product-price {
  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 .bothsidebar .product-1 .product {
  border-top-color: rgba(255, 255, 255, .08)
}
.dark .quantity .qty {
  border-left-color: rgba(255, 255, 255, .08);
  border-right-color: rgba(255, 255, 255, .08);
  background-color: rgba(0, 0, 0, .2)
}
.dark .quantity .plus, .dark .quantity .minus {
  background-color: rgba(0, 0, 0, .2)
}
.dark .quantity .plus:hover, .dark .quantity .minus: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 .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 > span, .dark .promo > .container > 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-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-light .fbox-icon, .dark .feature-box.fbox-border.fbox-dark .fbox-icon {
  border-color: rgba(255, 255, 255, .15)
}
.dark .feature-box.fbox-border.fbox-light .fbox-icon i, .dark .feature-box.fbox-border.fbox-light .fbox-icon img, .dark .feature-box.fbox-border.fbox-dark .fbox-icon i, .dark .feature-box.fbox-border.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, .dark .feature-box.fbox-plain.fbox-dark .fbox-icon i, .dark .feature-box.fbox-plain.fbox-dark .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-plain .fbox-icon, .dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .dark .feature-box.fbox-bg.fbox-center.fbox-outline .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 .process-steps li .i-bordered {
  background-color: #494949
}
.dark .process-steps li:before, .dark .process-steps li:after, .dark .feature-box.fbox-center:not(.fbox-bg) h3:after {
  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-rounded, .dark .i-circled, .dark .i-bordered {
  background-color: #494949
}
.dark .i-bordered {
  border-color: #ddd;
  color: #ddd
}
.dark .i-light {
  background-color: #f5f5f5;
  color: #444;
  text-shadow: none
}
.dark .i-rounded:hover, .dark .i-circled: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 .i-bordered:hover {
  background-color: #444;
  color: #fff;
  border-color: #444
}
.dark .i-plain {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
.dark .i-plain:hover {
  color: #ddd
}
.dark .social-icon {
  color: #ddd !important;
  border-color: #ddd
}
.dark #footer .social-icon.si-borderless, #footer.dark .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 .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 .toggle .togglet, .dark .toggle .toggleta {
  color: #ccc
}
.dark .toggle.toggle-bg .togglet, .dark .toggle.toggle-bg .toggleta {
  background-color: rgba(0, 0, 0, .2)
}
.dark .toggle.toggle-border {
  border-color: rgba(255, 255, 255, .15)
}
.dark .faqs .toggle {
  border-bottom-color: rgba(255, 255, 255, .1)
}
.dark .acctitle, .dark .acctitlec {
  color: #ccc;
  border-top-color: rgba(255, 255, 255, .15)
}
.dark .accordion.accordion-bg .acctitle, .dark .accordion.accordion-bg .acctitlec {
  background-color: rgba(0, 0, 0, .2)
}
.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 ul.tab-nav {
  border-bottom-color: #494949
}
.dark ul.tab-nav li, .dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
  border-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 .tabs-bordered .tab-container {
  border-color: #494949
}
.dark .side-tabs ul.tab-nav {
  border-right-color: #494949
}
.dark .side-tabs ul.tab-nav li {
  border-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 {
  border-color: #494949;
  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
}
.parallax.dark .testimonial .flex-control-nav li:hover a, .parallax.dark .testimonial .flex-control-nav li a.flex-active {
  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);
  border-bottom-color: rgba(255, 255, 255, .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-features {
  border-bottom-color: rgba(255, 255, 255, .1)
}
.dark .pricing-box.best-price {
  background-color: transparent;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}
.dark .pricing-box.best-price .pricing-title {
  background-color: transparent
}
.dark .pricing-box.pricing-minimal .pricing-price {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, .1)
}
.dark .pricing-box.pricing-extended {
  background-color: transparent
}
.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 .rounded-skill {
  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-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, .dark #contact-form-overlay-mini {
  background-color: #383838
}
.dark .title-block > span {
  color: #999
}
.dark .heading-block:not(.not-dark), .dark .counter {
  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, .dark .emphasis-title:not(.not-dark) h1, .dark .emphasis-title:not(.not-dark) h2 {
  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, .dark .emphasis-title.not-dark h1, .dark .emphasis-title.not-dark h2 {
  color: #333
}
.dark .heading-block:not(.not-dark) > span {
  color: #eee
}
.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-double-border:before, .dark .fancy-title.title-border:before, .dark .fancy-title.title-border-color:before, .dark .fancy-title.title-border:before {
  border-top-color: rgba(255, 255, 255, .15)
}
.dark .divider {
  color: rgba(255, 255, 255, .15)
}
.dark .divider:after, .dark .divider.divider-center:before, .dark .divider.divider-center.divider-short:before {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .divider.divider-rounded, .dark .divider.divider-border {
  color: #999
}
.dark .divider.divider-rounded i, .dark .divider.divider-border i {
  background-color: rgba(255, 255, 255, .1)
}
.dark .divider.divider-border i {
  background-color: transparent;
  border-color: rgba(255, 255, 255, .15)
}
.dark .quote:before {
  color: rgba(255, 255, 255, .1)
}
.dark .highlight {
  background-color: rgba(0, 0, 0, .2)
}
.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 .preloader {
  background-color: rgba(0, 0, 0, .2)
}
.dark .preloader, .dark .preloader2, .dark .form-process {
  background-image: url(../images/preloader-dark.gif)
}
.dark .form-process {
  background-color: transparent
}
#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: rgba(255, 255, 255, .25);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}
.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 .footer-widgets-wrap a {
  color: #ccc
}
.dark .footer-widgets-wrap a:hover {
  color: #999
}
.dark .sidebar-widgets-wrap .widget, body.dark #side-panel .widget, body #side-panel.dark .widget {
  border-top-color: rgba(255, 255, 255, .1)
}
body.dark #side-panel #side-panel-trigger-close a, body #side-panel.dark #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 .widget_recent_comments li {
  background-image: url(../images/icons/widget-comment-dark.png)
}
.dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_comments li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a, .dark .widget_rss li a {
  color: #ccc;
  background-image: url(../images/icons/widget-link-dark.png)
}
.dark .widget_nav_menu li a:hover, .dark .widget_links li a:hover, .dark .widget_meta li a:hover, .dark .widget_archive li a:hover, .dark .widget_recent_comments li a:hover, .dark .widget_recent_entries li a:hover, .dark .widget_categories li a:hover, .dark .widget_pages li a:hover, .dark .widget_rss li a:hover {
  color: #aaa
}
.dark .nav-tree li a {
  color: #bbb
}
.dark #cookie-notification, #cookie-notification.dark {
  background-color: rgba(0, 0, 0, .85);
  color: #eee
}
.dark .show-grid [class^=col-] {
  background-color: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .1)
}
.dark mark {
  background: rgba(0, 0, 0, .5);
  color: #fff
}
.dark fieldset {
  border-color: rgba(255, 255, 255, .1)
}
.dark .img-thumbnail {
  background-color: rgba(0, 0, 0, .2);
  border-color: rgba(255, 255, 255, .1)
}
.dark hr {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .page-header {
  border-bottom-color: rgba(255, 255, 255, .1)
}
.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 > thead > tr > th, .dark .table > tbody > tr > th, .dark .table > tfoot > tr > th, .dark .table > thead > tr > td, .dark .table > tbody > tr > td, .dark .table > tfoot > tr > td {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .table > thead > tr > th {
  border-bottom-color: rgba(255, 255, 255, .1)
}
.dark .table > tbody + tbody {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .table .table {
  background-color: rgba(0, 0, 0, .2)
}
.dark .table-bordered {
  border-color: rgba(255, 255, 255, .1)
}
.dark .table-bordered > thead > tr > th, .dark .table-bordered > tbody > tr > th, .dark .table-bordered > tfoot > tr > th, .dark .table-bordered > thead > tr > td, .dark .table-bordered > tbody > tr > td, .dark .table-bordered > tfoot > tr > td {
  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 {
  background-color: rgba(0, 0, 0, .1)
}
.dark .table > thead > tr > td.active, .dark .table > tbody > tr > td.active, .dark .table > tfoot > tr > td.active, .dark .table > thead > tr > th.active, .dark .table > tbody > tr > th.active, .dark .table > tfoot > tr > th.active, .dark .table > thead > tr.active > td, .dark .table > tbody > tr.active > td, .dark .table > tfoot > tr.active > td, .dark .table > thead > tr.active > th, .dark .table > tbody > tr.active > th, .dark .table > tfoot > tr.active > th {
  background-color: rgba(0, 0, 0, .1)
}
.dark .table-hover > tbody > tr > td.active:hover, .dark .table-hover > tbody > tr > th.active:hover, .dark .table-hover > tbody > tr.active:hover > td, .dark .table-hover > tbody > tr.active:hover > th {
  background-color: rgba(255, 255, 255, .1)
}
@media(max-width:767px) {
  .table-responsive {
    border-color: rgba(255, 255, 255, .1)
  }
}
.dark legend {
  color: #ddd;
  border-bottom-color: rgba(255, 255, 255, .1)
}
.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 fieldset[disabled] .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark)[disabled], .dark .sm-form-control:not(.not-dark)[readonly], .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:hover, .dark .btn:focus {
  color: #fff
}
.dark .btn-link:hover, .dark .btn-link:focus {
  color: #eee
}
.dark .dropdown-menu {
  background-color: #333;
  border-color: #3f3f3f
}
.dark .dropdown-menu .dropdown-divider {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .dropdown-item {
  color: #ddd
}
.dark .dropdown-item:hover, .dark .dropdown-item:focus {
  color: #eee;
  background-color: rgba(255, 255, 255, .1)
}
.dark .input-group-text, .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 > li > a:hover, .dark .nav > li > a:focus, .dark .nav .open > a, .dark .nav .open > a:hover, .dark .nav .open > a:focus {
  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.nav-justified > li > a:hover, .dark .nav-tabs-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:hover, .dark .nav-tabs > li.active > a:focus {
  color: #ddd;
  background-color: #383838;
  border: 1px solid rgba(255, 255, 255, .2);
  border-bottom-color: #383838
}
.dark .nav-tabs.nav-justified > .active > a, .dark .nav-tabs.nav-justified > .active > a:hover, .dark .nav-tabs.nav-justified > .active > a:focus {
  border-color: rgba(255, 255, 255, .15)
}
@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:hover, .dark .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #383838
  }
}
.dark .nav-tabs-justified > .active > a, .dark .nav-tabs-justified > .active > a:hover, .dark .nav-tabs-justified > .active > a:focus {
  border-color: rgba(255, 255, 255, .15)
}
@media(min-width:768px) {
  .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:hover, .dark .nav-tabs-justified > .active > a:focus {
    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-brand {
  color: #eee
}
.dark .navbar-default .navbar-brand:hover, .dark .navbar-default .navbar-brand:focus {
  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:hover, .dark .navbar-default .navbar-nav > li > a:focus {
  color: #eee;
  background-color: transparent
}
.dark .navbar-default .navbar-nav > .active > a, .dark .navbar-default .navbar-nav > .active > a:hover, .dark .navbar-default .navbar-nav > .active > a:focus {
  color: #eee;
  background-color: rgba(0, 0, 0, .25)
}
.dark .navbar-default .navbar-nav > .disabled > a, .dark .navbar-default .navbar-nav > .disabled > a:hover, .dark .navbar-default .navbar-nav > .disabled > a:focus {
  color: #999
}
.dark .navbar-default .navbar-toggle {
  border-color: rgba(255, 255, 255, .15)
}
.dark .navbar-default .navbar-toggle:hover, .dark .navbar-default .navbar-toggle:focus {
  background-color: rgba(255, 255, 255, .15)
}
.dark .navbar-default .navbar-toggle .icon-bar {
  background-color: #bbb
}
.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:hover, .dark .navbar-default .navbar-nav > .open > a:focus {
  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:hover, .dark .navbar-default .navbar-nav .open .dropdown-item:focus {
    color: #eee
  }
  .dark .navbar-default .navbar-nav .open .dropdown-item.active, .dark .navbar-default .navbar-nav .open .dropdown-item.active:hover, .dark .navbar-default .navbar-nav .open .dropdown-item.active:focus {
    background-color: rgba(0, 0, 0, .25);
    color: #eee
  }
  .dark .navbar-default .navbar-nav .open .dropdown-item.disabled, .dark .navbar-default .navbar-nav .open .dropdown-item.disabled:hover, .dark .navbar-default .navbar-nav .open .dropdown-item.disabled:focus {
    color: #999
  }
}
.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:hover, .dark .page-link:focus {
  color: #eee;
  background-color: rgba(0, 0, 0, .1)
}
.dark .disabled .page-link, .dark .disabled .page-link:hover, .dark .disabled .page-link:focus {
  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]:hover, .dark .label-default[href]:focus {
  background-color: rgba(0, 0, 0, .2)
}
.dark .badge {
  background-color: rgba(255, 255, 255, .2)
}
.dark .jumbotron {
  background-color: rgba(255, 255, 255, .15)
}
.dark .thumbnail {
  background-color: rgba(255, 255, 255, .15);
  border-color: rgba(255, 255, 255, .1)
}
.dark .thumbnail .caption {
  color: #eee
}
.dark .progress {
  background-color: rgba(255, 255, 255, .15)
}
.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:hover, .dark a.list-group-item:focus {
  background-color: rgba(255, 255, 255, .05)
}
.dark a.list-group-item.active, .dark a.list-group-item.active:hover, .dark a.list-group-item.active:focus {
  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:hover, .dark a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6
}
.dark a.list-group-item-success.active, .dark a.list-group-item-success.active:hover, .dark a.list-group-item-success.active:focus {
  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:hover, .dark a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3
}
.dark a.list-group-item-info.active, .dark a.list-group-item-info.active:hover, .dark a.list-group-item-info.active:focus {
  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:hover, .dark a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc
}
.dark a.list-group-item-warning.active, .dark a.list-group-item-warning.active:hover, .dark a.list-group-item-warning.active:focus {
  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:hover, .dark a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc
}
.dark a.list-group-item-danger.active, .dark a.list-group-item-danger.active:hover, .dark a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}
.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 .card > .card-body + .table, .dark .card > .card-body + .table-responsive {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .card-group .card-heading + .collapse .card-body {
  border-top-color: rgba(255, 255, 255, .1)
}
.dark .card-group .card-footer + .collapse .card-body {
  border-bottom-color: rgba(255, 255, 255, .1)
}
.dark .card-default {
  border-color: rgba(255, 255, 255, .15)
}
.dark .card-default > .card-heading {
  color: #ddd;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1)
}
.dark .card-default > .card-heading + .collapse .card-body {
  border-top-color: rgba(255, 255, 255, .15)
}
.dark .card-default > .card-footer + .collapse .card-body {
  border-bottom-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:hover, .dark .close:focus {
  color: rgba(0, 0, 0, .4)
}
.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)
}
.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)
  }
  .dark #header.transparent-header, .dark #header.semi-transparent, #header.dark.transparent-header, #header.dark.semi-transparent {
    background-color: #333;
    border-bottom-color: rgba(255, 255, 255, .1)
  }
  body:not(.primary-menu-open) #header.dark.semi-transparent.transparent-header-responsive {
    background-color: rgba(0, 0, 0, .6)
  }
  .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark) > ul, .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark) > div > ul, #primary-menu.mobile-menu-off-canvas.dark > ul, #primary-menu.mobile-menu-off-canvas.dark > div > ul {
    background-color: #333;
    border-right: 1px solid rgba(255, 255, 255, .05) !important
  }
  .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark) > ul, .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark) > div > ul, #primary-menu.mobile-menu-off-canvas.from-right.dark > ul, #primary-menu.mobile-menu-off-canvas.from-right.dark > div > 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 ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, .dark #primary-menu:not(.not-dark) ul ul li, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-2 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-3 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-4 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-5 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li {
    border-top-color: rgba(255, 255, 255, .1) !important
  }
  .dark #primary-menu:not(.not-dark) > ul > li.sub-menu > a, .dark #primary-menu:not(.not-dark) > .container > 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 ul, 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 ul li, 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.grid-2 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-3 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-4 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-5 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li {
    border-top-color: #eee !important
  }
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > 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 > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current 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 > 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 > div > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a {
    color: #444 !important
  }
  .dark .pricing-box.pricing-extended .pricing-action-area {
    border-top-color: rgba(255, 255, 255, .15)
  }
}