.transition, .transition *, .transition *:before, .transition *:after {
    -webkit-transition: 0.2s ease-in-out !important;
    -moz-transition: 0.2s ease-in-out !important;
    -ms-transition: 0.2s ease-in-out !important;
    -o-transition: 0.2s ease-in-out !important;
    transition: 0.2s ease-in-out !important;
}

body.dark-mode, .dark-mode .box-bordered .more, .dark-mode .box-bordered .title-text, .dark-mode .box-bordered .meta span {
    background: #32363a;
	
}
body.dark-mode
{
color:#fff;	
}

.dark-mode article p {
    color: #eee;
}

.dark-mode .each-ad {
    background: rgba(255, 255, 255, .1)
}

.dark-mode .top-nav {
    background: #0277bd
}

.dark-mode .logo-responsive:before {
    background-position: 0 -35px;
}

.dark-mode #search-controller:before {
    color: rgba(255, 255, 255, 1)
}

.dark-mode #menu-controller span {
    background: rgba(255, 255, 255, 1)

}

.dark-mode header a, .dark-mode .title-text {
    color: #fff;
}

.dark-mode article.box-bordered .more, .dark-mode article.box-bordered .title-text, .dark-mode article.box-bordered, .dark-mode .box-bordered .meta span {
    border-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8) !important;
}

.dark-mode article.box-bordered:hover .more, .dark-mode article.box-bordered:hover .title-text, .dark-mode article.box-bordered:hover, .dark-mode .box-bordered:hover .meta span {
    border-color: rgba(255, 255, 255, .3);

}

.dark-mode aside .box,.dark-mode .page-title {
    background: rgba(0, 0, 0, .2);
    color: #fff;
}

.dark-mode .default-list a, .dark-mode .form2-list a {
    color: rgba(255, 255, 255, .8)
}

.dark-mode .top-nav button {
    color: rgba(255, 255, 255, .5)
}

.dark-mode .top-nav {
    border-bottom: none;
}

.dark-mode .cat-menu {
    top: 54px
}
.dark-mode .modern-background:before,.dark-mode  .modern-background:after, .dark-mode .modern-background span:before, .dark-mode .modern-background span:after
{
    background:rgba(255,255,255,.2)
}
.dark-mode .top-nav .search,.dark-mode .top-nav .search input
{
    background:#333;
    color:#fff;
}
.dark-mode .navigation
{
	    background: rgba(255,255,255,.1);

    border: none;
}
.dark-mode .content a
{
	color:#00bcd4;
	border-bottom:1px dashed #00bcd4
}
.dark-mode .comments li {
	border-color:rgba(255,255,255,.1);
}
.dark-mode #comments input,.dark-mode #comments textarea
{
		background:rgba(255,255,255,.1);
	color:#fff
}
.dark-mode #comments input:focus,.dark-mode #comments textarea:focus {
	background:rgba(255,255,255,.2);
}

.dark-mode .weblinks a
{
	color:#eee
}
.dark-mode .content span
{
	color: #ffc107 !important;
}
@media screen and (min-width: 768px) {
    .dark-mode .top-nav {
        background: none;
        border-bottom: 1px solid rgba(255, 255, 255, .1);

    }

    .dark-mode .cat-menu {
        background: rgba(0, 0, 0, .2);
    }

    .dark-mode .top-nav input {
        background: none;
        color: #fff;
    }

    .mode-switch.active {
        border-color: rgba(255, 255, 255, .2)
    }

    .mode-switch {
        margin-top: 2px;
    }

    .dark-mode .logo:before {
        background: url(../images/logo-light.png) no-repeat center;
    }
    .top-nav .search
    {
        display: block !important;
    }
}