.second-nav.dark-nav {
    background-color: rgba(24, 24, 24, .95)
}
.relative-nav .dark-nav {
    background-color: #1b1b1b
}
.dark-nav .nav-menu ul.dropdown-menu {
    background-color: rgba(33, 33, 33, 1)
}
.dark-nav .search-form button {
    background-color: #2b2b2b;
    color: #aaa
}
.dark-nav .nav-menu ul.dropdown-menu a:hover {
    background-color: #2b2b2b!important
}
.dark-btn,
.dark-icon,
.dark-note,
.page-content {
    background-color: #161616
}
.boxes.boxes-type-3 .box-icon a.changeable-icon.dark-icon {
    background-color: #222
}
.bottom-page-texts .bottom-page-buttons a {
    background-color: #9a1b24
}
.boxes.boxes-type-2 .box-icon a.changeable-icon {
    background-color: #2a2a2a
}
#pageloader.dark-loader {
    background-color: #111
}
.soft {
    color: #a4a4a4
}
.dark {
    color: #333!important
}
.dark-s.header.header-style-2+p,
.dark.header-style-2,
.dark.header.header-style-1+p,
.dark.header.header-style-2+p {
    color: #333
}
.dark-s.header-style-2 {
    color: #656565!important
}
.dark-layout {
    background-color: #1d1d1d
}
.matt-layout {
    background-color: #575757
}
.black-bg,
.black-bg>*,
.changeable_bg_tone,
.dark-bg,
.dark-bg>*,
.sdark-bg,
.sdark-bg>*,
.xdark-bg,
.xdark-bg>*,
.xxdark-bg,
.xxdark-bg>* {
    position: relative
}
.black-bg:before,
.changeable_bg_tone:before,
.dark-bg:before,
.map_bg:before,
.sdark-bg:before,
.xdark-bg:before,
.xxdark-bg:before,
body.dark-layout .light-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: ''
}
.sdark-bg:before {
    background-color: rgba(0, 0, 0, .2)
}
.dark-bg:before {
    background-color: rgba(0, 0, 0, .5)
}
.map_bg:before {
    background-color: rgba(0, 0, 0, .2)!important
}
.xdark-bg:before {
    background-color: rgba(24, 24, 24, .5)
}
.xxdark-bg:before,
body.dark-layout .light-bg:before {
    background-color: rgba(0, 0, 0, .75)
}
.black-bg:before {
    background-color: #9a1b24
}
.changeable_bg_tone:before {
    background-color: rgba(0, 0, 0, 1);
    opacity: 0
}
.video_section .black-bg:before,
.video_section .dark-bg:before,
.video_section .xdark-bg:before,
.video_section .xxdark-bg:before {
    z-index: 1
}
.tp-caption.black-bg:before,
.tp-caption.dark-bg:before,
.tp-caption.xdark-bg:before,
.tp-caption.xxdark-bg:before {
    z-index: 2
}
.boxes.boxes-type-3 .box:hover .box-icon a.changeable-icon {
    background-color: #323232
}
footer.big-footer.dark-footer {
    background-color: #fff
}
footer.big-footer.dark-footer .footer_bottom {
    background-color: #9a1b24
}
.copyright{color:#fff;}
.black-gradient,
.skills .progress-bar.black-type {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDFkMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3e3e3e 0, #1d1d1d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(100%, #1d1d1d));
    background: -webkit-linear-gradient(top, #3e3e3e 0, #1d1d1d 100%);
    background: -o-linear-gradient(top, #3e3e3e 0, #1d1d1d 100%);
    background: -ms-linear-gradient(top, #3e3e3e 0, #1d1d1d 100%);
    background: linear-gradient(to bottom, #3e3e3e 0, #1d1d1d 100%)
}
.matt-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3OTc5NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTc1NzU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, #797979 0, #575757 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #797979), color-stop(100%, #575757));
    background: -webkit-radial-gradient(center, ellipse cover, #797979 0, #575757 100%);
    background: -o-radial-gradient(center, ellipse cover, #797979 0, #575757 100%);
    background: -ms-radial-gradient(center, ellipse cover, #797979 0, #575757 100%);
    background: radial-gradient(ellipse at center, #797979 0, #575757 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#575757', GradientType=1)
}
body.dark-layout {
    background-color: #151515
}
body.dark-layout .dark-layout {
    background-color: #171717
}
body.dark-layout .gray-bg {
    background-color: #202020!important
}
body.dark-layout #blog.masonry-blog .item .details h2.head,
body.dark-layout #member-modals .modal-dialog h2.member-header,
body.dark-layout #shop .box .item_details .shop_item_header,
body.dark-layout #team.type-2 .team-boxes .member-details h3,
body.dark-layout .about_with_slider .texts .head,
body.dark-layout .about_with_slider .texts .subhead,
body.dark-layout .boxes.boxes-type-2 .box-header,
body.dark-layout .boxes.boxes-type-3 .box-texts h4,
body.dark-layout .content .gray-bg .texts h2.content-header,
body.dark-layout .dark-s.header-style-2,
body.dark-layout .feature-boxes .feature-box .feature-text h4,
body.dark-layout .feature-boxes.type-3 .feature-box .feature-icon,
body.dark-layout .feature-boxes.type-3 .feature-box:hover .feature-icon,
body.dark-layout .feature-boxes.type-3 .feature-box:hover .feature-text h4,
body.dark-layout .media-heading,
body.dark-layout .post .post-inner .post-header,
body.dark-layout .timeline-texts h2,
body.dark-layout .widget .widget-head,
body.dark-layout section#features .feature-boxes.type-3 .feature-box:hover .feature-icon,
body.dark-layout ul.mobile-boxes li h4 {
    color: #d5d5d5
}
body.dark-layout #blog,
body.dark-layout .boxes.boxes-type-1 .box:hover .box-icon a.changeable-icon,
body.dark-layout .boxes.boxes-type-2 .box:hover .box-icon a.changeable-icon,
body.dark-layout .boxes.boxes-type-5 .box-icon a.changeable-icon,
body.dark-layout .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
body.dark-layout .nav-tabs>li.active>a,
body.dark-layout .nav-tabs>li.active>a:focus,
body.dark-layout .nav-tabs>li.active>a:hover,
body.dark-layout .post .post-inner .post-more:hover {
    color: #fff!important
}
blockquote,
body.dark-layout #member-modals .modal-dialog .modal-body p,
body.dark-layout #shop .box .item_buttons a,
body.dark-layout #team.type-2 .team-boxes .member-details h5,
body.dark-layout #team.type-2 .team-boxes .member-details p,
body.dark-layout .boxes .box-header,
body.dark-layout .boxes.boxes-type-3 .box-texts h4+p,
body.dark-layout .cbp-l-filters-alignCenter .cbp-filter-item,
body.dark-layout .dark-s.header.header-style-2+p,
body.dark-layout .load-more-button.circle-button,
body.dark-layout .news .box .details h3,
body.dark-layout .post .post-inner .post-more,
body.dark-layout .skills .skill h4,
body.dark-layout .testimonials.type-2 .testimonial-slide h2,
body.dark-layout .widget .search,
body.dark-layout .widget .search-button,
body.dark-layout ul.mobile-boxes li h4+p {
    color: #b6b6b6!important
}
.votes a,
body.dark-layout #shop .box .item_details .shop_item_description,
body.dark-layout #shop .single_item_details .right p.description,
body.dark-layout #shop .single_item_details .right ul li,
body.dark-layout .boxes.boxes-type-2 .box-header+p,
body.dark-layout .content .gray-bg .texts p,
body.dark-layout .media-body,
body.dark-layout .news .box .details p.post_message,
body.dark-layout .note,
body.dark-layout .post .dates .date,
body.dark-layout .skills .skill h4+p,
body.dark-layout .testimonials.type-2 .testimonial-slide p,
body.dark-layout .timeline-texts h2+p,
body.dark-layout select {
    color: #9a9a9a!important
}
body.dark-layout #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item,
body.dark-layout #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child,
body.dark-layout #featured-works,
body.dark-layout #features-mobile .f-collapse div,
body.dark-layout #member-modals .modal-dialog a.close,
body.dark-layout #portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item,
body.dark-layout #portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child,
body.dark-layout #portfolio-items.type2 .item .center-details .details,
body.dark-layout #shop .box .box_inner,
body.dark-layout #team.type-2 .team-boxes .member-details .member-more,
body.dark-layout .contact .contact_form.type-2.white-form button,
body.dark-layout .contact .contact_form.type-2.white-form input,
body.dark-layout .contact .contact_form.type-2.white-form textarea,
body.dark-layout .load-more-button.circle-button,
body.dark-layout .nav-tabs>li.active>a,
body.dark-layout .nav-tabs>li.active>a:focus,
body.dark-layout .nav-tabs>li.active>a:hover,
body.dark-layout .sidebar .widget a.tag,
body.dark-layout .soft-border,
body.dark-layout .table-bordered>tbody>tr>td,
body.dark-layout .table-bordered>tbody>tr>th,
body.dark-layout .table-bordered>tfoot>tr>td,
body.dark-layout .table-bordered>tfoot>tr>th,
body.dark-layout .table-bordered>thead>tr>td,
body.dark-layout .table-bordered>thead>tr>th,
body.dark-layout .timelineFlat a.t_line_node:after,
body.dark-layout .widget .search,
body.dark-layout div.pagination ul li a,
div.pagination ul li a:focus {
    border-color: #222
}
body.dark-layout #shop .single_item_details .right .panel,
body.dark-layout .contact .contact_form.type-2.white-form input:focus,
body.dark-layout .contact .contact_form.type-2.white-form input:hover,
body.dark-layout .contact .contact_form.type-2.white-form textarea:focus,
body.dark-layout .contact .contact_form.type-2.white-form textarea:hover,
body.dark-layout .light-form button,
body.dark-layout .light-form input,
body.dark-layout .light-form select,
body.dark-layout .light-form textarea,
body.dark-layout .reply-form input,
body.dark-layout .reply-form textarea,
body.dark-layout div.pagination ul li.active a,
body.dark-layout div.pagination ul li.active a:hover,
body.dark-layout select {
    border-color: #444
}
body.dark-layout #pagetop.white-pagetop a:last-child,
body.dark-layout .timelineFlat .t_line_m {
    border-right-color: #333
}
blockquote,
body.dark-layout #pagetop.white-pagetop a,
body.dark-layout .timelineFlat .t_line_m.right {
    border-left-color: #333
}
body.dark-layout #features-mobile,
body.dark-layout #timeline,
body.dark-layout .comments-header,
body.dark-layout .nav-tabs,
body.dark-layout .post .dates .date,
body.dark-layout .widget ul.categories li {
    border-bottom-color: #333
}
body.dark-layout #blog.masonry-blog .item a.posted_button,
body.dark-layout #shop .box .item_buttons {
    border-top-color: #333
}
body.dark-layout .boxes.boxes-type-5 .box-icon a.changeable-icon,
body.dark-layout .boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after {
    border-color: #fff
}
body.dark-layout #team.type-2 .team-boxes .member-details .member-more {
    background-image: url(../../images/plus-mini-dark.png)
}
body.dark-layout footer.big-footer.dark-footer {
    background-color: #131313
}
body.dark-layout footer.big-footer.dark-footer .footer_bottom {
    background-color: #151515
}
body.dark-layout #blog.masonry-blog,
body.dark-layout #features-mobile .f-collapse div,
body.dark-layout #member-modals .modal-dialog a.close,
body.dark-layout #portfolio-items.type2 .item .cbp-caption-activeWrap,
body.dark-layout #shop .box .item_buttons a:hover,
body.dark-layout #shop .single_item_details .right .panel,
body.dark-layout .contact .white-form .error_message,
body.dark-layout .contact .white-form .submit_message,
body.dark-layout .light-form button,
body.dark-layout .light-form input,
body.dark-layout .light-form select,
body.dark-layout .light-form textarea,
body.dark-layout .modal-backdrop,
body.dark-layout .nav-tabs>li.active>a,
body.dark-layout .nav-tabs>li.active>a:focus,
body.dark-layout .nav-tabs>li.active>a:hover,
body.dark-layout .news .box .details a.post_read_more_button,
body.dark-layout .post .dates .details ul li:hover,
body.dark-layout .post .post-inner .post-more,
body.dark-layout .table-striped>tbody>tr:nth-of-type(odd),
body.dark-layout .timelineFlat #t_line_left,
body.dark-layout .timelineFlat #t_line_right,
body.dark-layout .timelineFlat a.t_line_node:after,
body.dark-layout .widget .search,
body.dark-layout select {
    background: #171717
}
body.dark-layout #blog.masonry-blog .item div,
body.dark-layout #shop span.strip,
body.dark-layout .contact .contact_form.type-2.white-form button,
body.dark-layout .contact .contact_form.type-2.white-form input,
body.dark-layout .contact .contact_form.type-2.white-form textarea,
body.dark-layout .media-body .details,
body.dark-layout .votes a:hover {
    background: #252525
}
body.dark-layout .boxes.boxes-type-1 .box-icon a.changeable-icon,
body.dark-layout .boxes.boxes-type-2 .box-icon a.changeable-icon,
body.dark-layout .boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon {
    color: #3a3a3a!important;
    background: #fff
}
body.dark-layout .boxes.boxes-type-1 .box-icon a.changeable-icon:before {
    background: #e5e5e5
}
body.dark-layout .media {
    background: 0 0
}
@media only screen and (max-width: 1000px) {
    .dark-nav .nav-inner div.nav-menu ul.nav {
        background-color: rgba(34, 34, 34, .95)
    }
    .dark-nav .nav-inner div.nav-menu ul.nav a:hover {
        background-color: #333!important
    }
}