@font-face {
    font-family: ivyora-display, sans-serif;
font-weight: 500;
font-style: normal;
    font-display: swap
}

.dark,
.dark #portfolio-navigation a,
.dark .accordion-header,
.dark .breadcrumb a,
.dark .button.button-border:not(.button-light):not(.button-fill):hover,
.dark .cart .remove:hover,
.dark .cart-product-name a,
.dark .comment-content .comment-author a:hover,
.dark .entry-link:hover span,
.dark .fbox-border.fbox-dark .fbox-icon i,
.dark .fbox-border.fbox-dark .fbox-icon img,
.dark .fbox-plain.fbox-dark .fbox-icon i,
.dark .fbox-plain.fbox-dark .fbox-icon img,
.dark .navbar-default .navbar-brand,
.dark .navbar-default .navbar-link:hover,
.dark .portfolio-desc span a:hover,
.dark .portfolio-meta li span,
.dark .product-name a,
.dark .tab-nav-lg li a,
.dark .table,
.dark .testimonial.twitter-scroll .testi-meta span a:hover,
.dark .thumbnail .caption,
.dark .toggle-header,
.dark a:not([class*=btn-]):hover,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
    color: #eee
}

.dark #content,
.dark #wrapper,
.dark .ajax-modal-title,
.dark .fbox-bg.fbox-center .fbox-icon,
.dark .form-process::before,
.dark .modal-content,
.dark .page-transition-wrap,
.dark .portfolio-ajax-modal,
.dark .portfolio-reveal .portfolio-desc,
.dark .preloader,
.dark .preloader2,
.dark .shop-quick-view-ajax,
.dark .tab-nav li.ui-tabs-active a,
.dark .tabs-alt .tab-nav li a,
.dark .top-links-sub-menu .top-links-item:hover,
.dark input.switch-toggle-flat+label::before,
body #side-panel.dark,
body.dark,
body.dark #side-panel {
    background-color: #383838
}

.dark #gotoTop,
.dark .css3-spinner>div {
    background-color: rgba(255, 255, 255, .3)
}

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

#top-bar.dark,
.dark #top-bar,
.dark .card-group .card-footer+.collapse .card-body,
.dark .commentlist,
.dark .page-header,
.dark .tab-nav,
.dark .table>thead>tr>th,
.dark .top-cart-title,
.dark .top-links {
    border-bottom-color: rgba(255, 255, 255, .1)
}

#side-panel.dark .widget:not(:first-child),
.dark #side-panel .widget:not(:first-child),
.dark .accordion-header,
.dark .card-default>.card-heading+.collapse .card-body,
.dark .counter.counter-lined+h5::before,
.dark .double-line,
.dark .fancy-title::after,
.dark .fancy-title::before,
.dark .line,
.dark .mega-menu-content,
.dark .menu-item:not(:first-child),
.dark .modal-footer,
.dark .primary-menu+.primary-menu,
.dark .sidebar-widgets-wrap .widget,
.dark .sub-menu-container,
.dark .sub-menu-container .menu-item:not(:first-child) {
    border-top-color: rgba(255, 255, 255, .15)
}

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

#top-bar.dark,
.dark #top-bar {
    background-color: #282828
}

.dark .style-msg .sb-msg,
.dark .style-msg2 .msgtitle,
.dark .style-msg2 .sb-msg,
.dark .tab-nav li:first-child,
.dark .top-links-item {
    border-left-color: rgba(255, 255, 255, .1)
}

#page-title.dark span,
.dark #page-title span,
.dark .entry-link span,
.dark .team-content,
.dark .testi-meta span,
.dark .top-cart-item-price,
.dark .top-cart-item-quantity,
.dark .top-links-item>a {
    color: #aaa
}

#side-panel.dark,
.dark #header-wrap,
.dark #side-panel,
.dark .contact-form-overlay,
.dark .top-links-item:hover {
    background-color: #333
}

.dark .top-links-section,
.dark .top-links-sub-menu {
    background: #333;
    border-color: #04abcc #444 #444
}

.dark .top-links-sub-menu .top-links-item:not(:first-child) {
    border-top-color: #444
}

.dark #top-social a,
.dark .cart-product-name a:hover,
.dark .comment-content .comment-author a,
.dark .entry-meta a:not(:hover),
.dark .entry-meta li,
.dark .fbox-border.fbox-light .fbox-icon i,
.dark .fbox-border.fbox-light .fbox-icon img,
.dark .fbox-content h3 span.subtitle,
.dark .fbox-content p,
.dark .navbar-default .navbar-brand:focus,
.dark .navbar-default .navbar-brand:hover,
.dark .navbar-default .navbar-link,
.dark .navbar-default .navbar-nav>li>a,
.dark .portfolio-desc span,
.dark .portfolio-desc span a,
.dark .portfolio-meta li,
.dark .product-meta,
.dark .product-name a:hover,
.dark .product-price del,
.dark .testimonial.twitter-scroll .testi-meta span a,
.dark a.list-group-item,
.fbox-plain.fbox-light .fbox-icon i,
.fbox-plain.fbox-light .fbox-icon img {
    color: #bbb
}

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

.dark #logo a,
.dark .flip-card-back,
.dark .flip-card-front,
.dark .one-page-arrow,
.one-page-arrow.dark {
    color: #fff
}

.dark .svg-trigger path {
    stroke: #FFF
}

#page-title.dark h1,
.dark #page-title h1,
.dark .countdown-amount,
.dark .entry-title h2 a,
.dark .entry-title h3 a,
.dark .entry-title h4 a,
.dark .fbox-content h3,
.dark .header-misc-icon>a,
.dark .menu-item .sub-menu-trigger,
.dark .menu-link,
.dark .portfolio-desc h3 a,
.dark .product-title h3 a,
.dark .single-product .product-title h2 a,
.dark .slider-caption:not(.not-dark),
.dark .slider-caption:not(.not-dark) h2,
.dark .top-cart-item-desc a {
    color: #f7f7f7
}

.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item>.menu-link,
.dark label {
    color: #e5e5e5
}

.dark .menu-item.current>.menu-link,
.dark .menu-item:hover>.menu-link {
    color: #8ccad1
}

@media (max-width:991.98px) {
    .dark .sticky-header #header-wrap,
    .sticky-header.dark #header-wrap {
        background-color: #333;
        border-bottom-color: rgba(255, 255, 255, .15)
    }
    body.dark:not(.primary-menu-open) .transparent-header-responsive,
    body.dark:not(.primary-menu-open) .transparent-header-responsive #header-wrap,
    body:not(.primary-menu-open) .transparent-header-responsive.dark,
    body:not(.primary-menu-open) .transparent-header-responsive.dark #header-wrap {
        background-color: transparent;
        border-bottom-color: transparent
    }
    body.dark:not(.primary-menu-open) .semi-transparent.transparent-header-responsive,
    body:not(.primary-menu-open) .semi-transparent.transparent-header-responsive.dark {
        background-color: rgba(0, 0, 0, .6)
    }
    .dark .mega-menu-content .sub-menu-container {
        border-top-color: rgba(255, 255, 255, .2)
    }
    #header.dark:not(.sticky-header) .mobile-menu-off-canvas .menu-container,
    .dark #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        background-color: #333;
        border-right-color: rgba(255, 255, 255, .2) !important
    }
    #header.dark:not(.sticky-header) .mobile-menu-off-canvas.from-right .menu-container,
    .dark #header:not(.sticky-header) .mobile-menu-off-canvas.from-right .menu-container {
        border-left-color: rgba(255, 255, 255, .2) !important
    }
    .side-push-panel .dark #side-panel-trigger-close a,
    .side-push-panel.dark #side-panel-trigger-close a {
        color: #f7f7f7;
        background-color: rgba(0, 0, 0, .3)
    }
}

.dark .top-search-form input {
    color: #f7f7f7 !important
}

.search-overlay .dark .top-search-form,
.search-overlay.dark .top-search-form {
    background-color: rgba(0, 0, 0, .85)
}

.dark .top-search-form input::-moz-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

.dark .top-search-form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

.dark .top-search-form input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

.dark .top-cart-content {
    background-color: #333;
    border-left-color: rgba(255, 255, 255, .1)
}

.dark #comments,
.dark .card-group .card-heading+.collapse .card-body,
.dark .card>.card-body+.table,
.dark .card>.card-body+.table-responsive,
.dark .dropdown-menu .dropdown-divider,
.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 .top-cart-action,
.dark .top-cart-item:not(:first-child),
.dark hr {
    border-top-color: rgba(255, 255, 255, .1)
}

.dark .comment-wrap,
.dark .fbox-border.fbox-dark .fbox-icon a,
.dark .tab-nav li,
.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,
.dark .tabs-alt .tab-nav li.ui-tabs-active a,
.dark .tabs-bordered .tab-container,
.dark .top-cart-item-image:not(:hover),
.dark fieldset {
    border-color: rgba(255, 255, 255, .1)
}

.dark #portfolio-navigation a:hover,
.dark .breadcrumb a:hover,
.dark .entry-title h2 a:hover,
.dark .entry-title h3 a:hover,
.dark .entry-title h4 a:hover,
.dark .product-price ins,
.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover,
.dark .tab-nav-lg li.ui-tabs-active a,
.dark .top-cart-item-desc a:hover {
    color: #04abcc
}

#page-title.dark,
.dark #page-title,
.dark .ajax-modal-title,
.dark .card-default>.card-footer+.collapse .card-body,
.dark .clients-grid .grid-item::after,
.dark .faqs .toggle,
.dark .modal-header,
.dark .nav-tabs,
.dark .page-title-nobg,
.dark .testimonials-grid .grid-item::after,
.page-title-nobg.dark {
    border-bottom-color: rgba(255, 255, 255, .15)
}

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

.dark .cart th,
.dark .dropdown-item,
.dark .grid-filter li a,
.dark .product-price,
.dark a.list-group-item .list-group-item-heading {
    color: #ddd
}

#footer.dark,
.dark #footer,
.dark .footer-widgets-wrap a,
.dark .portfolio-desc h3 a:hover,
.dark .pricing-title span {
    color: rgba(255, 255, 255, .75)
}

.dark .grid-filter.style-4 li.activeFilter a {
    color: #eee !important
}

.dark .grid-shuffle {
    border-color: rgba(255, 255, 255, .15);
    color: #eee
}

.dark .badge:not([class*=badge-]),
.dark .entry::after,
.dark .fbox-dark .fbox-icon i,
.dark .fbox-dark .fbox-icon img,
.dark .flip-card-back,
.dark .label-default,
.dark .process-steps li .i-bordered,
.dark input.switch-toggle-flat+label,
.dark input.switch-toggle-round+label {
    background-color: rgba(255, 255, 255, .2)
}

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

.dark .entry-link:hover {
    color: #fff;
    background-color: #04abcc
}

.dark .more-link:hover {
    border-bottom-color: #ccc
}

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

.dark .comment-content .comment-author,
.dark .divider a:hover,
.dark .faqlist li a,
.dark .i-plain:hover,
.dark .review-comment-ratings {
    color: #ccc
}

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

.dark .accordion-bg .accordion-header,
.dark .card,
.dark .label-default[href]:focus,
.dark .label-default[href]:hover,
.dark .nav .open>a,
.dark .nav .open>a:focus,
.dark .nav .open>a:hover,
.dark .nav>li>a:focus,
.dark .nav>li>a:hover,
.dark .pricing-extended,
.dark .pricing-highlight .pricing-features,
.dark .pricing-highlight .pricing-title,
.dark .sidenav,
.dark .tab-nav.tab-nav2 li a,
.dark .table .table,
.dark .team-desc.team-desc-bg,
.dark .toggle-bg .toggle-header,
.dark p.wp-caption-text,
.dark td.actions {
    background-color: rgba(0, 0, 0, .2)
}

.dark .quantity .minus,
.dark .quantity .plus,
.dark .quantity .qty {
    background-color: rgba(0, 0, 0, .3);
    color: #ddd
}

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

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

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

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

.dark .cart-product-thumbnail img:hover {
    border-color: #04abcc
}

@media (max-width:767.98px) {
    .dark .cart-product-quantity .quantity .qty {
        border-top-color: rgba(255, 255, 255, .15);
        border-bottom-color: rgba(255, 255, 255, .15)
    }
}

.dark .event .grid-inner {
    background-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(255, 255, 255, .15)
}

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

.dark .button-dark:not(.button-border):not(:hover),
.dark .button:hover,
.dark .i-circled,
.dark .i-rounded,
.dark .promo.promo-dark:not(.bg-color) {
    background-color: rgba(0, 0, 0, .3)
}

.dark .button-light:not(.button-border):hover,
.dark .form-control:not(.not-dark) option,
.dark .sm-form-control:not(.not-dark) option {
    background-color: #282828
}

.dark .button.button-border:not(.button-light):not(.button-fill) {
    border-color: #bbb;
    color: #bbb
}

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

.dark .accordion-border,
.dark .accordion-border .accordion-header,
.dark .card-default,
.dark .fbox-bg.fbox-center,
.dark .fbox-border.fbox-light .fbox-icon a,
.dark .fbox-dark.fbox-outline .fbox-icon a,
.dark .fbox-light.fbox-outline .fbox-icon a,
.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,
.dark .navbar-default .navbar-collapse,
.dark .navbar-default .navbar-form,
.dark .navbar-default .navbar-toggle,
.dark .promo.promo-border,
.dark .toggle-border {
    border-color: rgba(255, 255, 255, .15)
}

.dark .divider::after,
.dark .divider::before,
.dark .jumbotron,
.dark .navbar-default .navbar-toggle:focus,
.dark .navbar-default .navbar-toggle:hover,
.dark .progress,
.dark .promo.promo-light,
.dark .skills li {
    background-color: rgba(255, 255, 255, .15)
}

.dark .fbox-light .fbox-icon i,
.dark .fbox-light .fbox-icon img {
    border-color: rgba(255, 255, 255, .15);
    background-color: rgba(255, 255, 255, .2);
    color: #eee
}

.dark .fbox-center.fbox-sep:not(.fbox-bg) h3::after {
    background-color: #e5e5e5
}

.dark .media-box.fbox-bg .fbox-content,
.dark .testimonial {
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(255, 255, 255, .15)
}

.dark .i-light,
.dark .si-light {
    background-color: rgba(255, 255, 255, .15)
}

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

.dark .fbox-border.fbox-effect .fbox-icon i:after,
.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 #04abcc
}

.dark #gotoTop:hover,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .tab-nav.tab-nav2 li.ui-state-active a,
.dark input.switch-toggle-flat:checked+label,
.dark input.switch-toggle-flat:checked+label::after,
.dark input.switch-toggle-round:checked+label::before {
    background-color: #04abcc
}

.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-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
    box-shadow: 0 0 0 1px #04abcc
}

@media (min-width:992px) {
    #header.transparent-header.dark,
    #header.transparent-header.dark:not(.sticky-header) #header-wrap,
    .dark #header.transparent-header,
    .dark #header.transparent-header:not(.sticky-header) #header-wrap {
        background: 0 0;
        border-bottom-color: transparent
    }
    #header.transparent-header.semi-transparent.dark #header-wrap,
    .dark #header.transparent-header.semi-transparent #header-wrap,
    .dark .semi-transparent.sticky-header #header-wrap,
    .semi-transparent.sticky-header.dark #header-wrap {
        background-color: rgba(0, 0, 0, .6)
    }
    .dark .sticky-header #header-wrap .sticky-header.dark #header-wrap,
    .dark .transparent-header.floating-header .container,
    .transparent-header.floating-header.dark .container {
        background-color: #333
    }
    #header.full-header.dark,
    #header.transparent-header.full-header.dark #header-wrap,
    .dark #header.full-header,
    .dark #header.transparent-header.full-header #header-wrap,
    .dark .sticky-header.full-header #header-wrap,
    .dark .transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input,
    .sticky-header.full-header.dark #header-wrap,
    .transparent-header.dark:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input {
        border-bottom-color: rgba(255, 255, 255, .15)
    }
    #slider+#header.transparent-header.full-header.dark #header-wrap,
    #slider+.dark #header.transparent-header.full-header #header-wrap,
    .dark .process-steps li::after,
    .dark .process-steps li::before {
        border-top-color: rgba(255, 255, 255, .15)
    }
    #header.transparent-header.full-header.dark #logo,
    .dark #header.transparent-header.full-header #logo,
    .dark .full-header #logo,
    .dark .full-header .primary-menu .menu-container,
    .dark .style-5 .menu-container,
    .full-header.dark #logo,
    .full-header.dark .primary-menu .menu-container {
        border-right-color: rgba(255, 255, 255, .15)
    }
    .dark .transparent-header.full-header .primary-menu .menu-container,
    .transparent-header.full-header.dark .primary-menu .menu-container {
        border-right-color: rgba(255, 255, 255, .2)
    }
    .dark .primary-menu:not(.not-dark) .mega-menu-content,
    .dark .primary-menu:not(.not-dark) .sub-menu-container {
        background-color: #392F2D;
        border-color: rgba(255, 255, 255, .05);
        border-top-color: #60B387
    }
    .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item>.menu-link,
    .dark .sub-title .menu-container>.menu-item.current>.menu-link,
    .dark .sub-title .menu-container>.menu-item:hover>.menu-link {
        color: #fff
    }
    .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover>.menu-link {
        background-color: rgba(0, 0, 0, .1);
        color: #60B387
    }
    .dark .primary-menu:not(.not-dark) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown),
    .overlay-menu .dark .mega-menu-content,
    .overlay-menu .dark .sub-menu-container,
    .overlay-menu.dark .mega-menu-content,
    .overlay-menu.dark .sub-menu-container {
        background-color: transparent
    }
    .dark .primary-menu:not(.not-dark) .sub-menu-container.mega-menu-column:not(:first-child) {
        border-left-color: rgba(255, 255, 255, .05)
    }
    .dark .primary-menu:not(.not-dark) .mega-menu-style-2 .mega-menu-title>.menu-link {
        color: #bbb
    }
    .dark .primary-menu:not(.not-dark) .mega-menu-style-2 .mega-menu-title:hover>.menu-link {
        background-color: transparent;
        color: #FF6F43
    }
    .dark .style-3 .menu-container>.menu-item:hover>.menu-link {
        color: #f7f7f7;
        background-color: rgba(255, 255, 255, .05)
    }
    .dark .style-3 .menu-container>.menu-item.current>.menu-link {
        color: #fff;
        background-color: #FF6F43
    }
    .dark .style-4 .menu-container>.menu-item.current>.menu-link,
    .dark .style-4 .menu-container>.menu-item:hover>.menu-link {
        color: #f7f7f7;
        border-color: #f7f7f7
    }
    .dark .sub-title .menu-container>.menu-item:not(:first-child)>.menu-link::before {
        background-color: rgba(255, 255, 255, .15)
    }
    .dark .sub-title .menu-container>.menu-item>.menu-link span {
        color: #999
    }
    .dark .sub-title .menu-container>.menu-item.current>.menu-link span,
    .dark .sub-title .menu-container>.menu-item:hover>.menu-link span {
        color: #eee
    }
    .side-header #header.dark,
    .side-header.dark #header {
        background-color: #333;
        border-right-color: rgba(255, 255, 255, .15)
    }
    .side-header.open-header.dark #header-trigger {
        background-color: rgba(0, 0, 0, .3)
    }
    .side-header.side-header-right #header.dark,
    .side-header.side-header-right.dark #header {
        border-left-color: rgba(255, 255, 255, .15)
    }
    .overlay-menu .dark .primary-menu>#overlay-menu-close,
    .overlay-menu.dark .primary-menu>#overlay-menu-close {
        color: #f7f7f7
    }
    .overlay-menu .dark .primary-menu,
    .overlay-menu .primary-menu.dark,
    .overlay-menu.dark .primary-menu {
        background-color: rgba(0, 0, 0, .85)
    }
    .dark .top-cart-content {
        border-color: rgba(255, 255, 255, .1);
        border-top-color: #04abcc
    }
    .dark .dots-menu .page-menu-item:not(.current)>a {
        background-color: rgba(255, 255, 255, .3)
    }
    .dark .dots-menu .page-menu-item:not(.current)>a:hover {
        background-color: rgba(255, 255, 255, .6)
    }
    .dark .dots-menu.dots-menu-border .page-menu-item:not(.current)>a {
        background-color: transparent !important;
        border-color: rgba(255, 255, 255, .3)
    }
    .dark .dots-menu.dots-menu-border .page-menu-item:not(.current)>a:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

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

.dark .i-bordered {
    border-color: rgba(255, 255, 255, .1);
    color: #eee
}

.dark .i-plain {
    color: #eee;
    text-shadow: none
}

.dark .i-light {
    color: #eee;
    text-shadow: 1px 1px 1px none;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .2)
}

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

.dark .i-bordered:hover {
    background-color: rgba(255, 255, 255, .15) !important;
    color: #fff;
    border-color: rgba(255, 255, 255, .15)
}

.dark .social-icon {
    color: #eee;
    border-color: #aaa
}

.dark .si-dark {
    color: #fff !important;
    border-color: transparent
}

.dark .si-light {
    color: #ccc !important;
    border-color: transparent
}

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

.dark .tab-nav li a {
    color: #eee;
    background-color: rgba(0, 0, 0, .2)
}

.dark .tabs-alt .tab-nav li {
    border-color: transparent
}

.dark .tabs-tb .tab-nav li.ui-tabs-active a {
    border-top: 2px solid #04abcc
}

.dark .pricing-simple .pricing-features,
.dark .pricing-simple .pricing-title,
.dark .tabs-bb .tab-nav li a,
.pricing-simple.dark .pricing-features,
.pricing-simple.dark .pricing-title {
    background-color: transparent
}

.dark .tab-nav-lg.tab-nav-section li.ui-tabs-active::after,
.dark .tab-nav-lg.tab-nav-section li.ui-tabs-active::before {
    border-color: rgba(255, 255, 255, .15) transparent transparent
}

.dark .sidenav li a {
    border-color: rgba(255, 255, 255, .15);
    color: #bbb
}

.dark .sidenav>li>a:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #eee
}

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

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

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

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

.dark .flip-card-inner p,
.dark .pagination.pagination-inside-transparent .page-item .page-link:not(:hover),
.dark .pricing-title h3 {
    color: rgba(255, 255, 255, .95)
}

.dark .nav-tree li a,
.dark .pricing-price,
.dark .rounded-skill,
.dark .skills li>span,
.dark .widget-filter-links li a,
.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: rgba(255, 255, 255, .9)
}

.dark .before-heading,
.dark .pricing-extended .pricing-meta,
.dark .pricing-price .price-tenure,
.dark .title-block>span,
.dark .widget-filter-links li:hover a {
    color: rgba(255, 255, 255, .7)
}

.dark .pricing-features {
    border-top-color: rgba(255, 255, 255, .15)
}

.dark .pricing-simple,
.dark .pricing-simple .pricing-features,
.dark .pricing-simple .pricing-title,
.pricing-simple.dark,
.pricing-simple.dark .pricing-features,
.pricing-simple.dark .pricing-title {
    border: 0
}

.dark .pricing-minimal .pricing-price {
    background-color: rgba(0, 0, 0, .2);
    border-bottom: rgba(255, 255, 255, .15)
}

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

.dark .skills li .progress-percent {
    background-color: #666;
    color: rgba(255, 255, 255, .95)
}

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

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

.dark .highlight {
    background-color: rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .95)
}

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

.dark .sm-form-control {
    color: #eee;
    background-color: rgba(0, 0, 0, .3);
    border-color: rgba(255, 255, 255, .15)
}

.dark .form-control:active,
.dark .form-control:focus,
.dark .sm-form-control:focus {
    border-color: rgba(255, 255, 255, .25)
}

.dark .sm-form-control::-moz-placeholder {
    color: #aaa
}

.dark .sm-form-control:-ms-input-placeholder {
    color: #aaa
}

.dark .sm-form-control::-webkit-input-placeholder {
    color: #aaa
}

.dark .sm-form-control[disabled],
.dark .sm-form-control[readonly],
.dark fieldset[disabled] .sm-form-control {
    background-color: #eee
}

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

.dark .heading-block>span:not(.before-heading) {
    color: rgba(255, 255, 255, .65)
}

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

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

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

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

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

.dark .read-more-wrap .read-more-mask {
    background-image: linear-gradient(rgba(0, 0, 0, 0), #000)
}

.dark .gdpr-settings {
    background-color: #111
}

#footer.dark,
.dark #footer {
   
}

.dark .footer-widgets-wrap a:hover {
    color: rgba(255, 255, 255, .85)
}

#footer.dark .social-icon.si-borderless,
.dark #footer .social-icon.si-borderless {
    color: rgba(255, 255, 255, .5) !important
}

#copyrights.dark,
.dark #copyrights {
    color: rgba(255, 255, 255, .4);
background: rgb(84,121,41);
background: linear-gradient(180deg, rgba(84,121,41,1) 10%, rgba(75,130,107,1) 52%);
}

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

.dark .tagcloud a,
.dark .widget-twitter-feed small a:not(:hover) {
    color: rgba(255, 255, 255, .6)
}

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

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

.dark .widget .testimonial.twitter-scroll .testi-image i {
    background-color: rgba(0, 0, 0, .2);
    color: rgba(255, 255, 255, .7)
}

.dark .widget-filter-links li span {
    color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .3)
}

.dark .pagination.pagination-3d .page-item .page-link {
    border-bottom-color: rgba(255, 255, 255, .15) !important
}

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

.dark .pagination.pagination-danger .page-item.active .page-link,
.dark .pagination.pagination-danger .page-link:focus,
.dark .pagination.pagination-danger .page-link:hover,
.dark .pagination.pagination-info .page-item.active .page-link,
.dark .pagination.pagination-info .page-link:focus,
.dark .pagination.pagination-info .page-link:hover,
.dark .pagination.pagination-light .page-item.active .page-link,
.dark .pagination.pagination-light .page-link:focus,
.dark .pagination.pagination-light .page-link:hover,
.dark .pagination.pagination-primary .page-item.active .page-link,
.dark .pagination.pagination-primary .page-link:focus,
.dark .pagination.pagination-primary .page-link:hover,
.dark .pagination.pagination-secondary .page-item.active .page-link,
.dark .pagination.pagination-secondary .page-link:focus,
.dark .pagination.pagination-secondary .page-link:hover,
.dark .pagination.pagination-success .page-item.active .page-link,
.dark .pagination.pagination-success .page-link:focus,
.dark .pagination.pagination-success .page-link:hover {
    background-color: rgba(0, 0, 0, .1) !important;
    border-color: rgba(0, 0, 0, .1) !important;
    color: rgba(255, 255, 255, .95)
}

.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark .nav .nav-divider,
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly],
.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,
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark fieldset[disabled] .sm-form-control:not(.not-dark),
.dark input.switch-toggle-round+label::before,
.dark kbd {
    background-color: rgba(255, 255, 255, .1)
}

.dark .show-grid [class^=col-],
.dark a.list-group-item:focus,
.dark a.list-group-item:hover {
    background-color: rgba(255, 255, 255, .05)
}

.dark input.switch-toggle-flat+label::after,
.dark input.switch-toggle-round+label::after {
    background-color: rgba(255, 255, 255, .5)
}

.dark input.switch-toggle-round:checked+label::after {
    background-color: rgba(255, 255, 255, .85)
}

.dark .shape-divider-fill {
    fill: #383838
}

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

.dark code,
.dark pre {
    background-color: rgba(0, 0, 0, .3)
}

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

.dark pre {
    color: #fff;
    border-color: rgba(255, 255, 255, .15)
}

.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 legend {
    color: #ddd;
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark .navbar-default .navbar-nav>.disabled>a,
.dark .navbar-default .navbar-nav>.disabled>a:focus,
.dark .navbar-default .navbar-nav>.disabled>a:hover,
.dark .navbar-default .navbar-text,
.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(255, 255, 255, .15)
}

.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(255, 255, 255, .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 .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 .dropdown-menu {
    background-color: #333;
    border-color: #3f3f3f
}

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

.dark .input-group-text {
    color: #999;
    background-color: rgba(0, 0, 0, .25);
    border-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
}

@media (min-width:768px) {
    .dark .grid-filter {
        border-color: rgba(255, 255, 255, .15)
    }
    .dark .grid-filter:not(.style-3) li a {
        border-left-color: rgba(255, 255, 255, .15)
    }
    .dark .side-tabs .tab-nav {
        border-right-color: rgba(255, 255, 255, .1)
    }
    .dark .side-tabs .tab-nav li {
        border-color: rgba(255, 255, 255, .1)
    }
    .dark .side-tabs .tab-nav li:first-child {
        border-top-color: rgba(255, 255, 255, .1);
        border-left-color: rgba(255, 255, 255, .1)
    }
    .dark .tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a {
        border-right-color: #383838
    }
    .dark .tabs-bordered.side-tabs .tab-container {
        border-left: 0;
        border-top-color: rgba(255, 255, 255, .1)
    }
    .dark .nav-tabs-justified>li>a,
    .dark .nav-tabs.nav-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,
    .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 .navbar-default {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1)
}

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

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

.dark .navbar-default .navbar-toggle .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) {
    .table-responsive {
        border-color: rgba(255, 255, 255, .1)
    }
    .dark .navbar-default .navbar-nav .open .dropdown-item {
        color: #bbb
    }
    .dark .navbar-default .navbar-nav .open .dropdown-item:focus,
    .dark .navbar-default .navbar-nav .open .dropdown-item:hover {
        color: #eee
    }
    .dark .navbar-default .navbar-nav .open .dropdown-item.active,
    .dark .navbar-default .navbar-nav .open .dropdown-item.active:focus,
    .dark .navbar-default .navbar-nav .open .dropdown-item.active:hover {
        background-color: rgba(0, 0, 0, .25);
        color: #eee
    }
    .dark .navbar-default .navbar-nav .open .dropdown-item.disabled,
    .dark .navbar-default .navbar-nav .open .dropdown-item.disabled:focus,
    .dark .navbar-default .navbar-nav .open .dropdown-item.disabled:hover {
        color: #999
    }
}

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

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

.dark .disabled .page-link,
.dark .disabled .page-link:focus,
.dark .disabled .page-link:hover {
    color: #999;
    background-color: rgba(255, 255, 255, .2);
    border-color: #777
}

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

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

.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 .card-footer {
    background-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .1)
}

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

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