body {
    color: rgba(255, 255, 255, .7);
    background: #000
}

.text-dark {
    color: rgba(0, 0, 0, .6)
}

::selection {
    background: rgba(255, 255, 255, .1);
    color: #fff
}

::-moz-selection {
    background: rgba(255, 255, 255, .1);
    color: #fff
}

::-webkit-selection {
    background: rgba(255, 255, 255, .1);
    color: #fff
}

.text-dark ::selection {
    background: rgba(0, 0, 0, .05);
    color: #000
}

.text-dark ::-moz-selection {
    background: rgba(0, 0, 0, .05);
    color: #000
}

.text-dark ::-webkit-selection {
    background: rgba(0, 0, 0, .05);
    color: #000
}

h1, h2, h3, h4, h5, h6 {
    color: #fff
}

.text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, h1.text-dark, h2.text-dark, h3.text-dark, h4.text-dark, h5.text-dark, h6.text-dark {
    color: #000
}

.title-alt {
    color: rgba(255, 255, 255, .5)
}

.text-dark .title-alt {
    color: rgba(0, 0, 0, .35) !important
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #fff
}

.text-dark h1 a, .text-dark h2 a, .text-dark h3 a, .text-dark h4 a, .text-dark h5 a, .text-dark h6 a {
    color: #000
}

::-webkit-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff
}

::-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

.text-dark ::-webkit-input-placeholder {
    color: #000
}

.text-dark :-moz-placeholder {
    color: #000
}

.text-dark ::-moz-placeholder {
    color: #000
}

.text-dark :-ms-input-placeholder {
    color: #000
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff
}

.text-dark:not(.transparent) input[type=text], .text-dark:not(.transparent) input[type=password], .text-dark:not(.transparent) input[type=email], .text-dark:not(.transparent) input[type=number], .text-dark:not(.transparent) input[type=tel], .text-dark:not(.transparent) textarea {
    color: #fff;
    border-color: rgba(0, 0, 0, .2)
}

input[type=submit], input[type=button], .button, button {
    color: #000;
    background: #fff
}

.text-dark input[type=submit], .text-dark input[type=button], .text-dark .button, .text-dark button {
    background: #000;
    color: #fff
}

input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover {
    background: rgba(255, 255, 255, .85);
    color: #000
}

.text-dark input[type=submit]:hover, .text-dark input[type=button]:hover, .text-dark .button:hover, .text-dark button:hover {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

select {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    background-image: url(../assets/select-arrow-light.png)
}

.text-dark select {
    color: #000;
    border-color: rgba(0, 0, 0, .2);
    background-image: url(../assets/select-arrow.png)
}

label {
    color: rgba(255, 255, 255, .5)
}

.text-dark label {
    color: rgba(0, 0, 0, .35)
}

label abbr {
    color: rgba(255, 255, 255, .5)
}

.text-dark abbr {
    color: rgba(0, 0, 0, .35)
}

a {
    color: #fff
}

a:hover {
    color: rgba(255, 255, 255, .7)
}

.text-dark a, a.text-dark {
    color: #000
}

.text-dark a:hover, a.text-dark:hover {
    color: rgba(0, 0, 0, .6)
}

p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) {
    border-bottom: 1px solid #fff
}

.text-dark p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) {
    border-color: #000
}

ul.biglist li, ol.biglist li, ul.nolist li, ol.nolist li {
    color: #fff
}

.text-dark ul.biglist li, .text-dark ol.biglist li, .text-dark ul.nolist li, .text-dark ol.nolist li {
    color: #000
}

blockquote {
    color: #fff
}

.text-dark blockquote, blockquote.text-dark {
    color: #000
}

blockquote > p a {
    color: #fff
}

blockquote > p a:hover {
    color: rgba(255, 255, 255, .7)
}

blockquote cite {
    color: rgba(255, 255, 255, .7)
}

.text-dark blockquote cite, blockquote.text-dark cite {
    color: rgba(0, 0, 0, .6)
}

pre {
    background: rgba(255, 255, 255, .12)
}

.text-dark pre {
    background: rgba(0, 0, 0, .06)
}

code {
    background: rgba(255, 255, 255, .12)
}

.text-dark code {
    background: rgba(0, 0, 0, .06)
}

i[class*='ion-'], i[class*='fa-'] {
    color: #fff
}

.text-dark i[class*='ion-'], .text-dark i[class*='fa-'] {
    color: #000
}

header #logo img#dark-logo {
    opacity: 0;
    visibility: hidden
}

header #logo img#dark-logo + img#light-logo {
    opacity: 1;
    visibility: visible
}

.loading-end header:not(.hero-invisible) #logo.text-dark img#dark-logo {
    opacity: 0;
    visibility: hidden
}

.loading-end header:not(.hero-invisible) #logo.text-dark img#dark-logo + img#light-logo {
    opacity: 1;
    visibility: visible
}

body:not(.loading-end) #page-loader.show-logo.text-dark + #page-content #logo img#dark-logo {
    opacity: 0;
    visibility: hidden
}

body:not(.loading-end) #page-loader.show-logo.text-dark + #page-content #logo img#dark-logo + img#light-logo {
    opacity: 1;
    visibility: visible
}

body #logo.bg-light img#dark-logo {
    opacity: 0;
    visibility: hidden
}

body #logo.bg-light img#dark-logo + img#light-logo {
    opacity: 1;
    visibility: visible
}

header.menu-is-open #logo img#dark-logo, header.action-is-active #logo img#dark-logo {
    opacity: 1 !important;
    visibility: visible !important
}

header.menu-is-open #logo img#dark-logo + img#light-logo, header.action-is-active #logo img#dark-logo + img#light-logo {
    opacity: 0 !important;
    visibility: hidden !important
}

header.text-light.menu-is-open #logo img#dark-logo, header.text-light.action-is-active #logo img#dark-logo {
    opacity: 0 !important;
    visibility: hidden !important
}

header.text-light.menu-is-open #logo img#dark-logo + img#light-logo, header.text-light.action-is-active #logo img#dark-logo + img#light-logo {
    opacity: 1 !important;
    visibility: visible !important
}

#hero.text-dark {
    background: #fff
}

.portfolio-category {
    color: rgba(255, 255, 255, .5)
}

.text-dark .portfolio-category {
    color: rgba(0, 0, 0, .35)
}

.post-date {
    color: rgba(255, 255, 255, .5)
}

.text-dark .post-date {
    color: rgba(0, 0, 0, .35)
}

#page-title .post-date {
    color: rgba(255, 255, 255, .65)
}

.text-dark #page-title .post-date, #page-title.text-dark .post-date {
    color: rgba(0, 0, 0, .65)
}

.comments .time {
    color: rgba(255, 255, 255, .5)
}

.text-dark .comments .time {
    color: rgba(0, 0, 0, .35)
}

.pagination li a {
    color: #fff
}

.text-dark .pagination li a {
    color: #000
}

.do-anim-modern::after {
    background: #262626
}

.text-dark .do-anim-modern::after {
    background: #f2f2f2
}

.sr-button {
    background: #fff;
    color: #000000 !important
}

.text-dark .sr-button {
    background: #000;
    color: #ffffff !important
}

.sr-button:not(.header-button):hover {
    background: rgba(255, 255, 255, .85)
}

.text-dark .sr-button:not(.header-button):hover {
    background: rgba(0, 0, 0, .8)
}

.sr-button.style-2 {
    background: rgba(255, 255, 255, .22) !important;
    color: #ffffff !important
}

.sr-button.style-2:hover {
    background: rgba(255, 255, 255, .34) !important;
    color: #ffffff !important
}

.text-dark .sr-button.style-2 {
    background: rgba(0, 0, 0, .08) !important;
    color: #000000 !important
}

.text-dark .sr-button.style-2:hover {
    background: rgba(0, 0, 0, .14) !important;
    color: #000000 !important
}

.sr-button.style-3 {
    color: #ffffff !important;
    border-color: #ffffff !important
}

.sr-button.style-3:hover {
    color: rgba(255, 255, 255, .75) !important
}

.text-dark .sr-button.style-3 {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important
}

.text-dark .sr-button.style-3:hover {
    color: rgba(0, 0, 0, .65) !important
}

.sr-button-icon {
    background: #fff;
    color: #000
}

.text-dark .sr-button-icon {
    background: #000;
    color: #fff
}

.sr-button-icon i {
    color: #000
}

.text-dark .sr-button-icon i {
    color: #fff
}

.team-role {
    color: rgba(255, 255, 255, .5)
}

.text-dark .team-role {
    color: rgba(0, 0, 0, .35)
}

.widget ul:not(.socialmedia-widget) li a {
    color: #fff
}

.widget ul:not(.socialmedia-widget) li a:hover {
    color: rgba(255, 255, 255, .5)
}

.text-dark .widget ul:not(.socialmedia-widget) li a {
    color: #000
}

.text-dark .widget ul:not(.socialmedia-widget) li a:hover {
    color: rgba(0, 0, 0, .5)
}

.socialmedia-widget li a {
    color: #fff
}

.text-dark:not(.transparent) .socialmedia-widget li a {
    color: #000
}

.load-isotope:after {
    background: #fff
}

.text-dark .load-isotope:after {
    background: #000
}
.color-gray {
    color: #8e8f91 !important;
}
.color-gray :hover{
    color: white !important;
}