@import url(../css/ads.min.css?v=1.1.0);
@import url(../css/bootstrap.min.css);
@import url(../css/waves.min.css);
@import url(../css/animate.min.css);
@import url(../css/socicon.css);



/* icons */
@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/material-symbols-rounded.woff2) format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/rubik-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/rubik-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/rubik-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/rubik-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/rubik-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/rubik-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/rubik-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/rubik-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
    --h-h: 70px;
    --h-lh: 70px;
    --tb-h: 70px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #dddddd;
    background-color: #1e252d;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img:-moz-loading {
    visibility: hidden;
}

.msr {
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    width: 24px;
    font-variation-settings:
        'FILL'0,
        'wght'200,
        'GRAD'0,
        'opsz'24;
    padding-bottom: 3px;
}

.msr.s24 {
    position: relative;
    top: 2px;
}

.msr.f16 {
    position: relative;
    height: 16px;
    width: 16px;
    top: -4px;
    left: -3px;
}

.msr.vam {
    vertical-align: middle;
}

.msr.mr5 {
    margin-right: 5px;
}


input {
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
}


#noty_bottomRight_layout_container {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


#upload-rules .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}


.overflow-hide {
    overflow: hidden;
}


.item .google-auto-placed {
    display: none;
}

.abi {
    height: 100% !important;
    margin: 0 7px;
}


textarea.form-control {
    height: auto;
    background: #1b2431;
    border-color: #2f3c51;
    color: #a3b4d0;
    font-size: 13px;
}

textarea.form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}


.s19 {
    font-size: 19px;
}



.sn-bottom {
    padding: 0 20px;
    right: 50%;
    margin-left: -50%;
    transform: translateX(50%);
    position: fixed;
    width: 100%;
    max-width: 700px;
    bottom: 16px;
    z-index: 999;
}

.sn-bottom .alert {
    margin-bottom: 0px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
    border: none;
}

.tooltip {
    font-family: 'Rubik', sans-serif;
}

.b-tooltip+.tooltip>.tooltip-inner {
    background-color: #399bff;
}

.b-tooltip+.tooltip>.tooltip-arrow {
    border-bottom-color: #399bff;
}

.alert {
    padding-left: 50px;
    position: relative;
}

.alert .alert-link {
    color: #ffffff;
}

.alert .alert-link,
.alert strong {
    font-weight: 500;
}

.alert .close,
.alert .close:focus,
.alert .close:hover {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
    text-shadow: none;
    font-weight: 500;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 24px;
    position: absolute;
    right: 5px;
    top: 7px;
}

.alert:before {
    position: absolute;
    font-family: 'Material Symbols Rounded';
    font-size: 31px;
    left: 10px;
    top: 50%;
    margin-top: -22px;
}

.alert-success {
    color: #c8ffc5;
    background-color: rgba(58, 170, 53, 0.6);
    border-color: #3aaa35;
}

.alert-info {
    color: #bcddff;
    background-color: rgba(57, 155, 255, 0.4);
    border-color: #399bff;
}

.alert-warning {
    color: #ffffff;
    background-color: rgb(138 111 226);
    border-color: #ffffff;
}


.alert-danger {
    background-color: rgba(244, 68, 85, 0.35);
    border-color: #f44455;
    color: #ffcbca;
}

.alert-success:before {
    content: "\e2e6";
}

.alert-info:before {
    content: "\e88e";
}

.alert-warning:before {
    content: "\e160";
}

.alert-danger:before {
    content: "\e99a";
}

.btn {
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
    outline: none !important;
}

.btn-primary {
    color: #fff;
    background-color: #399bff;
    border-color: #399bff;
}

.btn-success {
    color: #fff;
    background-color: #3aaa35;
    border-color: #3aaa35;
}

.btn-info {
    color: #fff;
    background-color: #8a6fe2;
    border-color: #8a6fe2;
}

.btn-danger {
    color: #fff;
    background-color: #f44455;
    border-color: #f44455;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #79bbff;
    border-color: #79bbff;
}

.btn-success:hover,
.btn-success:focus {
    background: #35c32e;
    border-color: #35c32e;
}

.btn-info:hover,
.btn-info:focus {
    color: #fff;
    background-color: #9c83f0;
    border-color: #9c83f0;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #ff7885;
    border-color: #ff7885;
}





.modal {
    background-color: rgba(0, 0, 0, 0.2);
}


:-webkit-full-screen {
    overflow: auto !important;
    width: 100%;
}

:-moz-full-screen {
    overflow: auto !important;
    width: 100%;
}

:-ms-fullscreen {
    overflow: auto !important;
    width: 100%;
}

:fullscreen {
    overflow: auto !important;
    width: 100%;
}



::selection {
    background: #399bff;
    color: #fff;
    text-shadow: none;
}

a {
    color: #a289eb;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

#header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
    height: var(--h-h);
}


#header.shadow {
    /* box-shadow: 0px 5px 15px rgb(0 0 0 / 60%); */
}

#header.static {
    box-shadow: none;
    position: static;
}


#sidebar {
    width: 300px;
    height: calc(100% - var(--h-h) - var(--h-h));
    position: absolute;
    background: #14191f;
    z-index: 9;

}


#sidebar .nav-grup {
    padding-left: 0;
    list-style: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.side-min {
    width: 88px !important;
}


.side-min .btn-upload {
    font-size: 0;
    text-align: center;
    line-height: 48px;
}

.side-min .btn-upload span {
    margin-right: 0px;
}

.side-min .categories_list,
.side-min #resolution_list {
    display: none;
    overflow-y: auto;
}

.side-min .nav-grup:hover .categories_list,
.side-min .nav-grup:hover #resolution_list {
    position: absolute;
    width: 280px;
    display: block !important;
    left: 88px;
    background: #14191f;
    top: 0px;
    height: 100%;
    border-right: 1px solid #35445d;
    box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.2);
}


.side-min .nav-grup:hover .categories_list:after,
.side-min .nav-grup:hover #resolution_list:after {
    left: -93px;
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    pointer-events: none;
    background: #399bff;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 2px rgba(57, 155, 255, 0.4);
}

.side-min .nav-grup:hover .categories_list:after {
    top: 30px;
}

.side-min .nav-grup:hover #resolution_list:after {
    top: 91px;
}


.side-min .nav-grup:hover ul {
    margin-top: 0;
    margin-bottom: 0px;
}

.side-min .global_msg .btn-sm {
    position: relative;
    left: -10px;
    top: -21px;
    font-size: 9px;
    background-color: transparent;
    height: 10px;
    min-width: 10px;
}

.side-min .global_msg .btn-danger {
    left: -8px;
}


.side-min .global_msg .btn-sm i {
    margin: 2px;
}


.side-min .slimscroll,
.side-min .slimScrollDiv {
    overflow: visible !important;
}

.side-min .side-label {
    font-size: 0;
    width: 88px;
    margin: 20px 0px 10px 0px;
    padding-left: 11px;
}

.side-min .side-label .s16 {
    font-size: 24px;
}

.main-min {
    margin-left: 88px !important;
}

.footer-min {
    padding-left: 108px !important;
}

.logo-min {
    width: 68px !important;
}

.logo-min a {
    font-size: 0;
}


#main {
    margin-left: 300px;
    /*padding: var(--h-h) 0px 70px;*/
    padding: 0px 0px 0px;
    position: relative;
    background-color: #14191f;
}

#footer {
    background: #1e252d;
    border-top: 1px solid #2f3c51;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    /* padding-left: 320px; */
    padding-right: 20px;
    z-index: 8;
    line-height: 70px;
}

.container-fluid {
    padding: 0 20px;
}

#header .container {
    height: 80px;
}

#header .navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    background: #1e252d;
    box-shadow: none;
    color: #fff;
    height: var(--h-h);
}

#header .container-fluid.flex {
    height: var(--h-h);
}

#header .navbar-header {
    line-height: var(--h-lh);
    width: max-content;
}

#header figure {
    float: left;
    padding: 0px;
    line-height: var(--h-lh);
    margin-left: 0px;
    font-weight: 500;
    font-size: 24px;
    padding-right: 20px;
}

#header .logo {
    color: rgba(255, 255, 255, 0.92);
    text-shadow: none;
    letter-spacing: 1.5px;
}

#header .logo .logo-icon {
    float: left;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.15) url(../svg/logo.png) center center / 33px no-repeat;
    border-radius: 5px;
    margin: 15px 0px 0px 0px;
}

#header .logo .logo-text {
    margin-left: 10px;

}

#header .navbar-left {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    line-height: var(--h-lh);
    padding: 0px 10px;
    height: var(--h-h);
    width: max-content;
}

#header .navbar-right {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    line-height: var(--h-lh);
    padding: 0px 10px;
    height: var(--h-h);
    margin-right: 0px;
    width: max-content;
}


#header .navbar-right.guest {
    margin-left: 20px;
}



#header .user-bar {
    margin-right: -15px;
}


#header .navbar-left .btn-default {
    font-size: 17px;
    text-align: left;
    cursor: pointer;
    background: none;
    color: #fff;
    text-shadow: none;
    border: none;
    box-shadow: none;
    margin: 0px;
    height: 79px;
    padding: 0px 10px;
    outline: none;
}



#header .navbar-left .btn-default .ti-menu {
    font-size: 17px;
}

#header .navbar-left li a,
#header .navbar-right li a {
    line-height: var(--h-lh);
    height: var(--h-h);
    padding: 0 10px;
    color: #ffffff;
    text-shadow: none;
    font-weight: 500;
}



#header #nav-menu li .item-icon {
    margin-right: 7px;
    width: 24px;
    float: left;
    line-height: var(--h-lh);
}

#header .navbar-left .dropdown.open a:hover,
#header .navbar-left .dropdown.open .dropdown-toggle,
#header .navbar-right .dropdown.open .dropdown-toggle {
    background: rgb(19 21 24);
    /*box-shadow: none;*/
    /* text-decoration: underline; */
}

.dropdown-menu.animated {
    -webkit-animation-duration: 0.55s;
    animation-duration: 0.55s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


#nav-menu {
    width: max-content;
}


#header #lang_list {
    padding: 0px 0px;
    margin-left: 20px
}


#header #lang_list .dropdown-toggle {
    background: rgb(0 0 0 / 15%);
    height: 26px;
    line-height: 28px;
    top: 22px;
    border-radius: 5px;
    width: 30px;
    padding: 0px;
    text-align: center;
}

#header #lang_list.navbar-right .dropdown.open a:hover {
    background: rgb(0 0 0 / 15%);
}

#header #lang_list .dropdown-menu {
    top: var(--h-h);
    min-width: 95px;
    left: -62px;
}


#header #top-list ul,
#header #more-list ul,
#header #lang_list ul {
    background: #2f3c51;
    border: none;
    padding: 0px;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 5px;
}

#header #top-list ul li a,
#header #more-list ul li a,
#header #lang_list ul li a {
    height: 35px;
    line-height: 35px;
    margin-right: 0px;
    color: #687996;
    font-size: 13px;
}

#header #top-list ul li a span,
#header #more-list ul li a span,
#header #lang_list ul li a span {
    margin-right: 7px;
    vertical-align: middle;
}

#header #top-list ul li,
#header #more-list ul li,
#header #lang_list ul li {
    border-left: 2px solid #2f3c51;
}

#header #top-list ul li:hover,
#header #more-list ul li:hover,
#header #lang_list ul li:hover {
    background: #3c4d67;
    border-left: 2px solid #08A8FE;
}

#header #top-list ul li:hover a,
#header #more-list ul li:hover a,
#header #lang_list ul li:hover a {
    color: #a3b4d0;
}

#header #lang_list .lang-name span {
    display: none;
}

#header .navbar-left ul li a:hover {
    color: #a3b4d0;
}

#header .more-menu {
    border-left: none;
    padding-left: 0px;
}

#header #more-list {
    margin-left: -10px;
}

#header #more-list .dropdown-toggle .item-icon {
    padding: 0px;
    margin-right: 0px;
    font-weight: 600;
}

#header #more-list .dropdown-toggle {
    font-size: 0;
}




#header .nobd {
    border-left: none;
}

#header .nobd span {
    line-height: var(--h-lh);
}

#header .nopd {
    padding: 0px;
}

#header .nopd li a {
    margin-left: 5px;
    padding: 0 0px;
    margin-right: 10px;
    height: 80px;
}

#header .navbar-right .dropdown a {
    height: var(--h-h);
    padding-left: 10px;
}



#header .navbar-right .img-circle {
    float: right;
    margin: 15px 0px 0px 10px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
}


#header .navbar-right span.img-circle,
#header .navbar-right i.img-circle {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 15%);
    border: unset;
}


#header .navbar-right .m-profile.open .dropdown-toggle .img-circle {
    box-shadow: 0 0px 0px 2px rgb(0 0 0 / 15%);
    border: 2px solid rgb(0 0 0 / 15%);
}

#header .navbar-right .user-name {
    float: left;
    line-height: var(--h-lh);
}



#header .mini-profile {
    background: #2f3c51;
    border: none;
    padding: 0px 0px 10px 0px;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 5px;
    width: 210px;
    position: absolute;
}


#header .mini-profile.guest {
    padding: 10px 0px 10px 0px;
    width: unset;
}


#header .mini-profile .user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    position: relative;
}

#header .mini-profile .img-circle {
    width: 100px;
    float: none;
    margin: 0;
}


#header .mini-profile .no-ava {
    border: 2px dashed #687996;
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
}

#header .mini-profile .no-ava-link {
    line-height: 0px;
    padding: 0px !important;
    margin: 0px auto;
    display: block;
    height: unset !important;

}

#header .mini-profile .no-ava-link:hover img {
    border-color: #399bff;
}


#header .mini-profile a.user-avatar-set {
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #38475f;
    padding-left: 0px;
    border-radius: 50%;
    color: #a3b4d0;
    right: 50px;
    bottom: 0px;
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 10%);
    margin: 0;
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
}

#header .mini-profile a.user-avatar-set:hover {
    background: #8a6fe2;
    color: #fff;
}

.mini-profile .account_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 7px;
}

.mini-profile .mp-user-name {
    font-size: 14px;
}

.mini-profile .mp-user-email {
    color: #687996;
}


.mini-profile .account_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 15px 15px;
}


#header .mini-profile .btn.account {
    background-color: #3aaa35;
    padding: 0px 15px;
    height: 30px !important;
    line-height: 30px;
    font-size: 13px;
    margin: 0;
    border-radius: 5px;
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
}


#header .mini-profile .btn.settings {
    height: 30px !important;
    line-height: 30px;
    width: 30px;
    margin-right: 0px;
    transition: all 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
    font-size: 16px;
    color: #ffffff;
    padding-left: 0px;
    background: #de9833;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 10%);
}

#header .mini-profile .btn.settings:hover span {
    animation-name: spin;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}


#header .mini-profile .btn.account:hover {
    background-color: #59d254;
}

#header .mini-profile .divider {
    height: 2px;
    background: #14191f;
}


#header .mini-profile .user-info {
    line-height: 18px;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}


#header .mini-profile li a {
    line-height: 30px;
    height: 30px !important;
    font-size: 13px;
    margin-right: 0px;
    color: #687996;
}

#header .mini-profile li a span {
    margin-right: 5px;
    float: left;
    line-height: 30px;
}

#header .mini-profile li a:hover {
    color: #a3b4d0;
    background: rgba(255, 255, 255, 0.0) !important;
}

#header .sign-up,
#header .login {
    color: #fff;
}

.s16 {
    font-size: 17px;
    position: relative;
    top: 2px;
}

.s13 {
    font-size: 13px;
    position: relative;
    top: 1px;
}

#header .sign-up,
#header .login {
    color: #fff;
    font-weight: 500;
}

#header .sign-up {
    padding: 0px 7px 0px 20px;
}

#header .login {
    text-align: center;
    width: 120px;
    height: 30px;
    line-height: 30px;
    float: right;
    margin-right: 15px;
    margin-top: 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.2);
}

#header .sign-up span,
#header .login span {
    margin-right: 7px;
}


.s-con1 {
    background: #14191f;
    border-right: 1px solid #14191f;
    padding: 20px;
    border-bottom: 1px solid #2f3c51;
    height: var(--tb-h);
    display: flex;
    align-items: center;
}

.s-con2 {
    background: #14191f;
    border-right: 1px solid #2f3c51;
    height: 100%;
}



.btn-upload {
    border: 1px solid;
    border-width: 1px;
    border-color: #399bff;
    border-radius: 5px;
    background-color: rgba(57, 155, 255, 0.4);
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    color: #fff;
    transition: background 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
    display: block;
}

.btn-upload span {
    margin-right: 10px;
}

.btn-upload:hover {
    color: #fff;
    background-color: rgba(57, 155, 255, 0.5);
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);

}

.side-label {
    margin: 20px 20px 10px 0px;
    display: inline-block;
    width: 280px;
}

.side-label .line {
    letter-spacing: 1.5px;
    width: 20px;
    display: inline-block;
}

.side-label .s16 {
    margin-right: 15px;
}


.categories_list ul li,
.categories_list ul li ul li {
    line-height: 40px;
    position: relative;
}

.categories_list li a {
    display: block;
    color: #a3b4d0;
    font-weight: 500;
    padding: 0 20px;
}

.categories_list li a .pull-right {
    margin-right: 15px;
    background: #35445d;
    line-height: 17px;
    padding: 0 5px;
    border-radius: 17px;
    margin-top: 11px;
    color: #687996;
}

.categories_list li a .ti-angle-right,
.categories_list li ul li a .ti-angle-right {
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 8px;
    color: #a3b4d0;
}

.categories_list li.has-child:before {
    content: "\e64b";
    font-family: 'themify';
    position: absolute;
    right: 20px;
    font-size: 8px;
    color: #a3b4d0;
}

.categories_list li.has-child.active:before {
    content: "\e648";
}

.categories_list ul li ul {
    background: #202836;
}

.categories_list ul .active {
    background: #202836;
}

.categories_list ul .active .selected,
.categories_list ul .active .selected:hover {
    color: #399bff;
    background: #1b2431;
}


.categories_list li a.selected,
.categories_list li a.selected:hover {
    color: #399bff;
    /* box-shadow: inset 3px 0px 0px 0px #399bff; */
    background: #202836;
    border-radius: 18px;
}





.categories_list ul .selected .pull-right {
    background: #399bff;
    color: #fff;
}


.categories_list ul li ul li a {
    padding-left: 25px;
}

.categories_list li a:hover {
    color: #399bff;
    background: #2c374a;
}

.categories_list li a:hover .pull-right {
    color: #399bff;
}

.categories_list .selected:hover .pull-right {
    color: #fff;
}

.categories_list ul>li ul li a:hover {
    color: #399bff;
    background: #2c374a;
}

.categories_list>ul>li>ul {
    margin-left: 0 !important;
}


.categories_list li.has-child {
    cursor: pointer;
}


.global_msg {
    float: right;
    margin-top: 3px;
}

.global_msg .screen {
    font-weight: 400;
}

.global_msg .btn {
    border-radius: 10px;
    height: 16px;
    min-width: 29px;
    background-color: #1b2431;
    margin-left: 9px;
    padding: 0;
    font-size: 12px;
    border: none;
}

.global_msg .btn i {
    margin: 3px 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.global_msg .btn-danger i {
    background: #3aaa35;
}

.global_msg .btn-success i {
    background: #f44455;
}


.resolution_group .group_name:after {
    content: "\e648";
    font-family: 'themify';
    position: absolute;
    right: 20px;
    font-size: 8px;
    color: #a3b4d0;
}

.resolution_group .group_name.collapsed:after {
    content: "\e64b";
}





#resolution_list .resolution_group.panel {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: block;
    color: #a3b4d0;
    font-weight: 500;
    line-height: 40px;
    position: relative;
}

.resolution_group div {
    background: #202836;
}

.resolution_group .collapsed {
    background: #14191f;
}

#resolution_list .resolution_group .group_name {
    padding: 0 20px;
}



#resolution_list .resolution_group .group_data {
    margin: 0;
    background: #202836;
    color: #a3b4d0;
}




#resolution_list .resolution_group .group_data .gldata li a:hover {
    color: #f44455;
    background: #2c374a;
}

#resolution_list .resolution_group .group_data .gldata li.active a {
    color: #f44455;
}

#resolution_list .resolution_group .group_data .gldata li.active a,
#resolution_list .resolution_group .group_data .gldata li.active a:hover {
    box-shadow: inset 3px 0px 0px 0px #f44455;
    background: #1b2431;
}


#resolution_list .resolution_group .group_data .gldata li a {
    display: block;
    color: #a3b4d0;
    padding: 0 20px;
}

#resolution_list .resolution_group .group_data .gldata li a .ti-angle-right {
    float: left;
    font-size: 8px;
    margin-top: 16px;
    margin-right: 5px;
}

#resolution_list .resolution_group .group_data .gldata li a .pull-right {
    background: #35445d;
    line-height: 17px;
    padding: 0 5px;
    border-radius: 17px;
    margin-top: 11px;
    color: #687996;
}

#resolution_list .resolution_group .group_data .gldata .active a .pull-right {
    background: #f44455;
    color: #fff;
}

#resolution_list .resolution_group .group_data .gldata .active a:hover .pull-right {
    color: #fff;
}

#resolution_list .resolution_group .group_data .gldata a:hover .pull-right {
    color: #f44455;
}


#footer .col-md-4 {
    text-align: right;
}

#footer .col-md-8 .f-link {
    color: #a3b4d0;
    margin-right: 25px;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
}

#footer .col-md-8 .f-link:hover {
    color: #399bff;
}

#footer .col-md-8 .last {
    border-right: 2px solid #687996;
    padding-right: 20px;
    margin-right: 15px;
}

#footer .col-md-8 .f-label {
    font-weight: 500;
}

#footer .col-md-8 .soc-link {
    margin: 0px 5px;
    display: inline-block;
}

#footer .col-md-8 .vk {
    font-size: 16px;
}

#footer .col-md-8 .soc-link:hover {
    animation-name: swing;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.vk {
    color: #4d75a3;
}

.gl {
    color: #dc4e41;
}

.tw {
    color: #55acee;
}


#footer .col-xs-6 .go-top {
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}


.top-bar {
    height: var(--tb-h);
    background: #1a1f26;
    /* border-bottom: 1px solid #2f3c51; */
    padding: 0px 20px;
    position: sticky;
    z-index: 10;
    display: flex;
    justify-content: space-between;
}

.top-bar.static {
    position: static !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.top-bar.fixed {
    top: var(--h-h);
    box-shadow: 0px 5px 15px rgb(0 0 0 / 60%);
    background: #14191ff0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.top-bar .page-title {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: max-content;
}


.top-bar h1 {
    margin: 0;
    font-size: 17px;
    color: #f7f7f7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-bar small {
    font-size: 13px;
    font-weight: 500;
    margin-left: 12px;
    margin-right: 20px;
    min-width: max-content;
    line-height: 19px;
    height: unset;
    border-left: unset;
    background: #020202;
    padding: 0px 5px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
}


.top-bar .filters {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: max-content;
}


.top-bar .homesearch {
    margin: 0px;
    width: 396px;
    margin-top: 20px;
}

.top-bar .search_box {
    margin-right: 8px;
    width: 350px;
    height: 40px;
    background: #212a38;
    font-size: 13px;
    border-radius: 5px !important;
    border: 1px solid #2f3c51;
    color: #a3b4d0;

}

.top-bar .search_box:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}


.top-bar .search_box::-webkit-input-placeholder {
    color: #687996;
    font-weight: 500;
}

.top-bar .search_box::-moz-placeholder {
    color: #687996;
    font-weight: 500;
}

/* Firefox 19+ */
.top-bar .search_box:-moz-placeholder {
    color: #687996;
    font-weight: 500;
}

/* Firefox 18- */
.top-bar .search_box:-ms-input-placeholder {
    color: #687996;
    font-weight: 500;
}

.top-bar .color_picker .color_pallet {
    position: absolute;
    top: 8px;
    z-index: 3;
    right: 69px;
    height: 25px;
    padding: 0;
    margin: 0;
    border: 0;
    background: url("../img/palette.png") no-repeat 0 0 transparent;
    width: 25px;
    cursor: pointer;
}

.top-bar .input-group .form-control.search_box {
    padding-right: 120px;
}

.top-bar .color_picker .html5_color {
    position: absolute;
    visibility: hidden;
}

.top-bar .color_picker .show_hash {
    position: absolute;
    top: 10px;
    right: 102px;
    z-index: 9;
}

.top-bar .minicolors-position-left .minicolors-panel {
    left: -47px;
}

.top-bar .minicolors-position-bottom .minicolors-panel {
    top: 12px;
}


.top-bar .go-search {
    float: right;
    width: 37px;
    margin-top: 1px;
    height: 37px;
    padding: 0;
    border-radius: 5px;
    background-color: #3aaa35;
    border: none;
    outline: none;
}

.top-bar .go-search span {
    transition: all 0.1s cubic-bezier(0.42, 0, 1, 1) 0s;
}

.top-bar .go-search:focus {
    outline: none;
}

.top-bar .go-search:hover span {
    font-size: 23px;
}

.top-bar .items-view {
    display: flex;
    align-items: center;
}

.top-bar .items-view .iv-label {
    font-weight: 500;
    line-height: var(--tb-h);
    float: left;
    margin: 0 20px;
}



.top-bar .items-view .iv-btns .btn,
#show-hide_filters {
    background: transparent;
    border-color: #38475f;
    height: 36px;
    line-height: 36px;
    padding: 0;
    width: 36px;
    font-size: 17px;
    color: #687996;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-bar .items-view .iv-btns .btn span {
    line-height: 36px;
}


#show-hide_filters.active {
    background: #8a6fe2;
    color: #ffffff;
    border-color: #8a6fe2;
}



.sort-pane {
    display: flex;
    align-items: center;
}




#main .items .alert {
    margin: 0 7px;
}

.viewhide {
    opacity: 0;
}

.viewshow {
    opacity: 1;
}




.parent-categories {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    height: 50px;
    align-items: center;
    margin: 20px 20px 0px 20px;
}

.parent-categories .pc-content {
    display: flex;
}


.parent-categories .cat-link {
    width: max-content;
    background: #14191f;
    border-radius: 36px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    color: #a3b4d0;
    font-weight: 500;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
    transition: all .1s linear;
    padding: 0px 10px 0px 0px;
}

.parent-categories .cat-link:last-child {
    margin-right: 0px;

}

.parent-categories .cat-link:hover {
    background: #2f3c51;
}

.parent-categories .cat-name {
    margin-left: 10px;
    line-height: 34px;
}

.parent-categories .cat-link img {
    height: 34px;
    width: 31px;
    padding: 3px 0px 3px 3px;
}




.parent-categories .cat-link .cat-count {
    margin-left: 8px;
    border-radius: 10px;
    color: #687996;
}





/* //// flex thumbnails ////// */
.grid-row {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-row .item {
    float: left;
    margin: 0 8px 16px 8px;
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 40%);
    border-radius: 7px;
    background: #14191f;
}


.grid-row .item figcaption {
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    padding: 8px 30px 40px 15px;
    width: 100%;
    color: rgb(255 255 255 / 85%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgb(0 0 0 / 40%) 0, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity .2s linear;
}

.grid-row .item figcaption {
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    padding: 8px 30px 40px 15px;
    width: 100%;
    color: rgb(255 255 255 / 85%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgb(0 0 0 / 40%) 0, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity .2s linear;
}

.grid-row .item img {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* height: calc(100% + 0.4%); */
    transition: opacity .2s linear;
    background: url(../img/custom/preloader.svg) no-repeat center center #6855a875;
    background-size: auto 10%;
}

.grid-row .item img.loading {
    opacity: 0;
}

.grid-row .item img.loaded {
    opacity: 1;
}


.grid-row .item .info {
    width: 100%;
    padding: 40px 15px 5px 15px;
    position: absolute;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgb(255 255 255 / 85%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgb(0 0 0 / 70%) 0, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity .2s linear;
}

.grid-row figure:hover .info,
.grid-row figure:hover figcaption,
.grid-row figure:hover .dropdown {
    opacity: 1;
}


.grid-row .item .info .counts {
    display: flex;
}

.grid-row .item .info .counts .count {
    display: flex;
    align-items: center;
    margin-left: 7px;
}

.grid-row .item .info .counts .count span {
    margin-right: 5px;
    font-size: 22px;
    width: 22px;
}

.grid-row figure {
    position: relative;
}

.grid-row figure .dropdown {
    position: absolute;
    right: 8px;
    top: 3px;
    z-index: 3;
    opacity: 0;
    transition: all .2s linear;
}

.grid-row figure .more {
    width: 30px;
    height: 30px;
    border: none;
    padding: 0px;
    background: transparent;
    color: #fff;
    z-index: 3;
}

.grid-row figure .more span {
    vertical-align: middle;
}


.grid-row .item .more span {
    vertical-align: middle;
}


.wall-status {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #fff;
}

.wall-status span {
    font-size: 22px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: rgb(39 49 66 / 70%);
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 40%);
}


.wall-status span.app-disabled {
    background: rgb(244 68 85 / 80%);
}

.wall-status span.not-approved {
    background: rgb(251 122 2 / 80%);
}




/* /// portrait item ///*/
.grid-row .item .info.portrait {
    flex-direction: column-reverse;
}

.grid-row .item .info.info.portrait .counts {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-around;
    padding: 5px 0px;
}

.grid-row .item .info.portrait .counts .count {
    margin-left: 0px;
    flex-direction: column;
}

.grid-row .item .info.portrait .counts .count span {
    margin-right: 0px;
}

/* //// flex thumbnails end ////// */





/*////// image-view MODE /////////*/

.image-view .top-bar .items-view .iv-btns #iv-image-view {
    background: rgb(57 155 255 / 30%);
    color: #ffffff;
    border-color: #399bff;
    margin-left: 0px;
}

#main.image-view .items {
    padding: 20px 10px 7px 10px;
}




/*////// card-view MODE /////////*/

.card-view .top-bar .items-view .iv-btns #iv-card-view {
    background: rgb(57 155 255 / 30%);
    color: #ffffff;
    border-color: #399bff;
    margin-right: 1px;
}

#main.card-view .items {
    padding: 20px 14px 7px 14px;
}



.pagination {
    margin: 0px 0px 15px 0px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-color: #399bff;
    background-color: rgba(57, 155, 255, 0.4);
}

.pagination>li>a,
.pagination>li>span {
    color: #687996;
    background-color: #14191f;
    border: 1px solid #2f3c51;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s ease;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 3;
    color: #fff;
    background-color: rgba(57, 155, 255, 0.4);
    border-color: #399bff;
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
}


.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.bf-bar {
    padding: 0 20px;
    border-bottom: 1px solid #2f3c51;
}

.bf-bar .row {
    padding: 0 15px;
}

.bf-bar .row .sort-pane {
    width: 523px;
    text-align: right;
    float: right;
}

.bf-bar .row .bc-pane {
    float: left;
}

.breadcrumb {
    background-color: transparent;
    line-height: 80px;
    margin-bottom: 0px;
    padding: 0px;
    color: #a3b4d0;
}

.breadcrumb>li+li:before {
    padding: 0 3px;
    color: #687996;
}

.breadcrumb a {
    color: #a3b4d0;
    transition: all 0.3s ease;
}

.breadcrumb a:hover {
    color: #399bff;
}

.breadcrumb>.active {
    color: #687996;
}

.breadcrumb .ti-home {
    margin-right: 3px;
}

.sort-label {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.sort-label .msr {
    margin-right: 5px;
}



.sort {
    background-color: transparent;
    border-color: #3b4551;
    color: #ddd;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    width: 165px;
    text-align: left;
    margin-left: 20px;
    line-height: 34px;
    height: 36px;
    padding: 0px 30px 0px 8px;
    transition: all 0.3s ease;
    outline: none !important;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}


.sort .arrow {
    position: absolute;
    right: 3px;
    top: 0px;
    width: 24px;
    height: 34px;
    line-height: 34px;
}

.sort .icon,
.sort-list .icon {
    margin-right: 5px;
    vertical-align: middle;
}

.open>.sort-list {
    color: #399bff !important;
    background-color: #14191f !important;
    border-color: #2f3c51 !important;
}

.open>.sort.btn-default {
    color: #dddddd !important;
    background-color: #29333d !important;
    border-color: #38475f !important;
}

.sort:focus,
.sort:hover {
    color: #dddddd;
    background-color: #29333d !important;
    border-color: #3b4551 !important;
}


.sort-list {
    width: 165px;
    min-width: 150px;
    padding: 0;
    border-radius: 5px;
    background: #14191f;
    border: none;
    font-size: 13px;
    margin: 10px 0 0;
}



.sort-list:after {
    bottom: 100%;
    right: 9px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #2f3c51;
    border-width: 5px;
    margin-right: 0;
}



.sort-list li {
    /* margin-bottom: 2px; */
}

.sort-list li:last-child {
    margin-bottom: 0px;
    border-radius: 5px;
}

.sort-list li:last-child a,
.sort-list li:last-child button {
    border-radius: 0px 0px 5px 5px;
}

.sort-list li:first-child a,
.sort-list li:first-child button {
    border-radius: 5px 5px 0px 0px;
}


.sort-list li a,
.sort-list li button {
    font-weight: 500;
    color: #dddddd;
    line-height: 40px;
    padding: 0px 12px;
    background: #29333d;
    border-left: 2px solid #1a1f26;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sort-list button {
    all: unset;
}

.sort-list li button {
    display: block;
    cursor: pointer;
    width: calc(100% - 26px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.sort-list li a:hover,
.sort-list li a:focus,
.sort-list li button:hover,
.sort-list li button:focus {
    background: #1b2128;
    color: #dddddd;
    outline: none;
}

.sort-list li a span,
.sort-list li button span {
    padding-right: 5px;
}



.order,
.order.active {
    background-color: transparent;
    border-color: #38475f;
    color: #a3b4d0;
    border-radius: 5px;
    text-align: left;
    margin-left: 5px;
    line-height: 34px;
    height: 36px;
    transition: all 0.3s ease;
    outline: none !important;
    padding: 0px;
}

.order .icon {
    vertical-align: middle;
}


.order:focus,
.order:hover {
    color: #8a6fe2 !important;
    background-color: #38475f !important;
    border-color: #38475f !important;
}


.cut h2 {
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #a3b4d0;
}


/*//////////// single page //////////////*/


.wall-title {
    display: flex;
    align-items: center;
    overflow: hidden;
}

h1 .edit {
    padding: 0 5px;
}

.single {
    padding: 0px;
    border-right: 340px solid #14191f;
    box-shadow: inset -1px 0px 0px 0px rgb(0 0 0);
    margin-bottom: 0px;
    border-bottom: 1px solid #000000;
}


.top-bar-single .heading {
    display: flex;
    align-items: center;
}









#moder_panel {
    background: none;
    color: #687996;
    padding: 0;
    width: 24px;
    height: 32px;
    line-height: 32px;
}

#moder_panel:hover {
    color: #a3b4d0;
}


.dropdown-default .dropdown-menu {
    background: #2f3c51;
    border: none;
}

.dropdown-default .dropdown-menu>li>a {
    color: #687996;
    font-size: 13px;
    height: 30px;
    padding: 0px 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.dropdown-default .dropdown-menu>li>a:focus,
.dropdown-default .dropdown-menu>li>a:hover {
    background-color: #37455b;
    color: #a3b4d0;
}


.dropdown-default .dropdown-menu>li>a .icon {
    margin-right: 5px;
}

.dropdown-default .dropdown-menu .divider {
    height: 2px;
    margin: 5px 0;
    background-color: #14191f;
}


.t-red {
    color: #f44455;
}

.t-orange {
    color: #fb7a02;
}

.t-blue {
    color: #399bff;
}




.single .nopd {
    padding: 0px;
}

#single_static_wall {
    background: #14191f;
    padding-bottom: 22px;
}

.container-left {
    width: 100%;
    float: left;
    padding-bottom: 33px;
}

.container-right {
    width: 340px;
    z-index: 8;
    float: right;
    margin-right: -340px;
    border: 0px;
}

.wallpaper-preview {
    text-align: center;
    position: relative;
    /* border-bottom: 1px solid #2f3c51; */
    /*background: #171f2a;*/
}

#single_static_wall .wallpaper-preview {
    margin-right: 1px;
}

.wallpaper-preview .thumbnail {
    width: 80%;
    height: auto;
    display: inline-block;
    margin: 20px 0;
    /* padding: 0 20px; */
    border: none;
    background-color: transparent;
    border-radius: 0px;
    background-clip: content-box;
}

.next_prev {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -25px;
    line-height: 50px;
    height: 0px;
    /* z-index: 1; */
}


.next_prev a {
    color: rgb(255 255 255 / 60%);
    transition: all 0.3s ease;
    margin: 0 9px;
}

.next_prev a span {
    font-size: 48px;
    width: 45px;
}




@media (min-width: 992px) and (max-width: 1455px) {
.btn-group.special .btn {
    font-weight: 500;
    text-align: center;
    padding: 0px;
    line-height: 40px;
    transition: all 0.3s ease;
    font-size: 14px;
    border-radius: 5px;
    height: 57px;
}

    
    #single_static_wall .next_prev {
        padding: 0 20px;
        max-width: 1024px;
        right: 50%;
        margin-left: -50%;
        transform: translateX(50%);
        /* top: 33%; */
    }
}

.next_prev a:hover {
    color: #fff;
}



.next_prev .loading {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 26px;
    border-radius: 50px;
    z-index: 3;
}

.loading .ti-reload {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
    position: relative;
    top: 3px;
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


.wallpaper-description {
    padding: 20px;
    background: #14191f;
    border-left: 2px solid #399bff;
    text-align: left;
    right: 2px;
    margin-top: 20px;
    border-radius: 0px 5px 5px 0px;
}



.box-label {
    line-height: 50px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #a3b4d0;
    display: flex;
    align-items: center;
}

.box-label .msr {
    margin-right: 5px;
}

.box-label small {
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    color: #687996;
    margin-left: 25px;
    display: flex;
    align-items: center;
}

.ares,
.ures {
    display: flex;
    align-items: center;
}

.ures>span {
    margin: 0 2px;
}


.resblocks {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #212932;
    margin-bottom: 20px;
}


.resblocks td.res_info {
    width: 130px;
    background: #212932;
    font-weight: 500;
}

.resblocks td.res_list {
    border-top: 1px solid #33425a;
    background: #14191f;
    font-weight: 500;
}

.resblocks .table tbody tr td {
    padding: 10px;
}



.resblocks .res_g_0 .res_info,
.resblocks .res_g_0 .res_list {
    border-top: none;
}

.resblocks .table {
    margin-bottom: 0px;
}




.resblocks ul {
    margin-bottom: 0;
    margin-left: 0;
    color: #dddd;
}

.resblocks ul li {
    transition: all 0.3s ease;
    padding: 0;
    /* float: left; */
}

.resblocks ul li a {
    border-radius: 5px;
    background: #212932;
    transition: all 0.3s ease;
    display: block;
    width: 92px;
    text-align: center;
    margin: 2px;
    line-height: 22px;
    color: #dddddd;
}

.resblocks ul li.active a {
    color: #ffffff;
    background: #a289eb;
}


.resblocks ul li a:hover {
    color: #fff;
    background: #1b2128;
}


.comment_single {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #2f3c51;
}


.comment_data .comment_single:last-child {
    border-bottom: 1px solid transparent;
}



.com_ava {
    margin-right: 15px;
    float: left;
    width: 50px;
    height: 50px;
}

.com_data {
    padding-left: 65px;
    padding-top: 5px;
}

.com_data p {
    margin: 5px 0px 0px 0px;
}

.com_user {
    font-weight: 500;
    color: #a3b4d0;
    padding-right: 5px;
}

.com_date {
    border-left: 2px solid #687996;
    padding-left: 5px;
    line-height: 11px;
    display: inline-block;
}

.reported_msg {
    color: #de9833;
}

.report_comment:hover {
    color: #de9833;
}

.report_comment {
    padding-right: 5px;
    cursor: pointer;
}


.com_awaiting_approval {
    margin-left: 10px;
    color: #f44455;
}

.load_more_comments {
    color: #a3b4d0;
    background-color: #14191f;
    border: none;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    transition: all 0.3s ease;
    outline: none;
}

.load_more_comments:hover,
.load_more_comments:focus,
.load_more_comments:active {
    outline: none !important;
    color: #fff !important;
    background-color: #3aaa35 !important;
}

.comment_form {
    margin-bottom: 20px;
    position: relative;
}



.comment_form .com_field {
    padding-left: 65px;
}

.comment_form .input-sm {
    border: 1px solid #2f3c51;
    border-radius: 5px;
    min-height: 50px;
    height: 50px;
    background: #212a38;
    resize: none;
    color: #a3b4d0;
    padding-right: 180px;
    overflow: hidden;
}


.comment_form .input-sm:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}

.comment_form .input-sm::-webkit-input-placeholder {
    color: #687996;
}

.comment_form .input-sm::-moz-placeholder {
    color: #687996;
}

/* Firefox 19+ */
.comment_form .input-sm:-moz-placeholder {
    color: #687996;
}

/* Firefox 18- */
.comment_form .input-sm:-ms-input-placeholder {
    color: #687996;
}

.submit-com {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
}


.comment_form .btn-sm {
    border-radius: 5px;
    padding: 6px 30px;
    font-weight: 500;
    background-color: #3aaa35;
    border: none;
    outline: none;
    float: right;
}

.comment_form .reset {
    padding: 0px 1px;
    float: left;
    margin: 0px 10px 0px 0px;
    background: none;
    border: none;
    color: #f44455;
    outline: none;
    display: flex;
}


.comment_form .btn-sm:hover,
.comment_form .btn-sm:focus,
.comment_form .btn-sm:active {
    outline: none !important;
}

.comment_form form #recaptcha_widget {
    min-height: 0;
}

.comment_form form #recaptcha_widget>.row {
    margin: 0 -5px;
}


.rs-hr {
    margin: 20px 0;
    height: 1px;
}

.rside-label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 9px;
    margin-bottom: 15px;
    margin-top: 44px;
}

.rside-label-preview {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 9px;
    margin-bottom: 15px;
    /* margin-top: 44px; */
}


.remaining-walls {
    float: left;
    width: 100%;
    /* padding: 0 20px; */
}

.remaining-walls-landscape a {
    float: left;
    /* width: 32%; */
    height: auto;
    /* margin-right: 1%; */
    margin-bottom: 15px;
}

.remaining-walls-landscape a:nth-child(4n+1) {
    /* margin-right: 0; */
}


.remaining-walls-landscape img {
    width: 100%;
    height: auto;
    transition: all .2s linear;
    border-radius: 5px;
}

.remaining-walls-landscape a:hover img {
    filter: brightness(130%)
}

.remaining-walls a {
    float: left;
    /* width: 32%; */
    height: auto;
    /* margin-right: 2%; */
    margin-bottom: 2%;
}

.remaining-walls a:nth-child(7n+1) {
    margin-right: 0;
}


.remaining-walls img {
    width: 100%;
    height: auto;
    transition: all .2s linear;
    border-radius: 5px;
}

.remaining-walls a:hover img {
    filter: brightness(130%)
}


.rside-box-nl {
    padding: 20px 20px 0px 20px;
}

.rating {
    background: #2f3c51;
    border-radius: 5px 5px 0px 0px;
    height: 87px;
    text-align: center;
    font-weight: 500;
}

.rating .rate-num {
    margin-top: 9px;
    display: inline-block;
}

.rating .stars {
    height: 30px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.rating .stars .star {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.rating .stars .star svg {
    fill: #fff;
    width: 40px;
    height: auto;
    position: relative;
    left: -5px;
    top: -4px;
}

.rating .stars .star.y svg {
    fill: #de9833;
}

.rating .stars .star svg {
    fill: #687996;
}


.votes {
    margin-top: 1px;
    line-height: 34px;
    cursor: pointer;
}

.votes .voteup {
    background: #2f3c51;
    text-align: center;
    font-size: 16px;
    color: #3aaa35;
    float: left;
    width: 50%;
    box-shadow: inset -1px 0px 0px 0px #14191f;
    border-bottom-left-radius: 5px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    line-height: 34px;
}

.votes .votedown {
    background: #2f3c51;
    text-align: center;
    font-size: 16px;
    color: #f44455;
    float: left;
    width: 50%;
    border-bottom-right-radius: 5px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    line-height: 34px;
}

.votes .voteup:hover {
    background-color: #3aaa35;
    color: #fff;
}

.votes .voteup span,
.votes .votedown span {
    display: inline-block;
}

.votes .msr {
    margin: 0 5px;
    font-size: 22px;
}

.votes .voteup:hover .like {
    animation-name: slideInUp;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.votes .votedown:hover .dlike {
    animation-name: slideInDown;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.votes .votedown:hover {
    background-color: #f44455;
    color: #fff;
}


.favorites {
    margin-top: 15px;
    display: block;
    background: #2f3c51;
    color: #a3b4d0;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.favorites .heart {
    margin-right: 5px;
    vertical-align: middle;
}

.favorites .fav-icon {
    float: right;
    height: 40px;
    width: 41px;
    background: #37455b;
    box-shadow: inset 1px 0px 0px 0px #14191f;
    border-radius: 0px 5px 5px 0px;
}

.favorites .fav-icon span {
    top: 0px;
    line-height: 40px;
}

.favorites .delete {
    color: #f44455;
}

.favorites .fav-icon:hover .delete {
    animation-name: swing;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.favorites .fav-icon:hover .add {
    animation-name: spin;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.favorites:hover {
    background: #37455b;
    color: #399bff;
}

.rside-box {
    padding: 0px 20px 0px 20px;
}

.no-pd-r {
    padding-right: 0px;
}

.wallpaper_colors {
    padding-right: 17px;
    width: 100%;
    display: flex;
    justify-content: center; /* horizontal center */
}

.wallpaper_colors span.color_block {
    border: 3px solid #212a38;
    float: left;
    height: 27px;
    width: 27px;
    margin-right: 3px;
    margin-bottom: 3px;
    border-radius: 50%;
}


.wallpaper_colors span.color_block {
    border: 1px solid #000000;
    /* float: left; */
    height: 25px;
    width: 25px;
    margin-right: 5px;
    margin-bottom: 3px;
    border-radius: 50%;
}


.wallpaper_stats {
    font-weight: 500;
    color: #dddddd;
}

.wallpaper_stats a {
    transition: all 0.3s ease;
}

.wallpaper_stats a:hover {
    color: #fff;
}


.wallpaper_stats .details_title {
    display: inline-block;
    width: 142px;
    margin-bottom: 5px;
    color: #aaa;
}

.wallpaper_stats .details_title .msr {
    vertical-align: middle;
    margin-right: 5px;
}


.wallpaper_stats .details_title .s16 {
    margin-right: 9px;
}

.wallpaper_stats .last {
    margin-bottom: 0px;
}



.starting_download,
.starting_view {
    border-radius: 5px;
    font-weight: 500;
    text-align: center;
    border: none;
    padding: 0px;
    line-height: 40px;
    transition: all 0.3s ease;
    color: #fff !important;
    font-size: 14px;
    height: 57px;
}

.starting_download .s16,
.starting_view .s16 {
    margin-right: 7px;
    display: inline-block;
}


.starting_download {
    background: #399bff;
}


.starting_view {
    margin-top: 15px !important;
    background: #3aaa35;
}

.dl_original {
    margin-bottom: 15px !important;
    background: #8a6fe2;
}

.dl_original:hover {
    background: #9a7ff2 !important;
}

.starting_download:hover {
    background: #5bacff;
}


.starting_view:hover {
    background: #35c32e;
}

.dl_links_error .alert {
    margin-bottom: 0px;
}






.btn-group.crop {
    display: flex;
}

.btn-group.crop .btn {
    font-weight: 500;
    text-align: center;
    padding: 0px;
    line-height: 40px;
    transition: all 0.3s ease;
    font-size: 13px;
    border-radius: 5px;
}

.btn-group.crop .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e38f47;
    border-color: rgb(0 0 0 / 30%);
    color: #fff;
}



.btn-group.crop .btn:hover {
    background: #fda050;
}

.btn-group.crop .btn .s16 {
    top: 0px;
}

.btn-group.crop .res_down {
    width: 100%;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.btn-group.crop .res_down .s16 {
    margin-right: 7px;
}

.btn-group.crop .res_view {
    width: 70px;
    border-top: none;
    border-bottom: none;
}

.btn-group.crop .res_crop {
    width: 70px;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.btn-group.crop .res_crop .msr {
    font-size: 22px;
    width: 22px;
}



#res-show_hide {
    width: 100%;
    margin-top: 15px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 40px;
    background: #212932;
    color: #ddd;
    border-radius: 5px;
    position: relative;
    box-shadow: none;
    display: none;
    height: 57px;
    font-size: 14px;
    /* margin-left: 22px; */
    /* margin-right: 22px; */
}


#res-show_hide .icon {
    font-size: 17px;
    margin-right: 7px;
}

#res-show_hide:after {
    content: "\e5cf";
    font-family: 'Material Symbols Rounded';
    position: absolute;
    right: 13px;
    color: #a3b4d0;
    font-size: 24px;
}

#res-show_hide.active:after {
    content: "\e5ce";

}




#res-desctop-show_hide {
    width: 100%;
    margin-top: 15px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 40px;
    background: #212932;
    color: #dddddd;
    border-radius: 5px;
    position: relative;
    box-shadow: none;
    display: none;
    height: 57px;
    font-size: 14px;
    /* margin-left: 22px; */
    /* margin-right: 22px; */
}


#res-desctop-show_hide .icon {
    font-size: 17px;
    margin-right: 7px;
}

#res-desctop-show_hide:after {
    content: "\e5cf";
    font-family: 'Material Symbols Rounded';
    position: absolute;
    right: 13px;
    color: #a3b4d0;
    font-size: 24px;
}

#res-desctop-show_hide.active:after {
    content: "\e5ce";

}


#mobile-res .resblocks {
    margin-top: -5px;
    border: 1px solid #212932;
    /* background: #212a38; */
    display: block !important;
    padding-top: 10px;
    border-radius: 0px 0px 5px 5px;
    /* margin-left: 22px; */
    /* margin-right: 22px; */
}




#mobile-res .resblocks .res_info {
    float: left;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: none;
    border-top: 2px solid #14191f;
    color: #ddd;
    background-color: #212932;
}

#mobile-res .resblocks .res_g_0 .res_info {
    border-top: none;
}

#mobile-res .resblocks .res_list {
    float: left;
    display: block;
    width: 100%;
    background: none;
    border-top: none;
    padding: 0px 10px 10px 10px;
}



#mobile-res .resblocks ul li a {
    margin-left: 0px;
    margin-right: 4px;
    line-height: 25px;
}



.wallpaper-tags {
    margin-bottom: -5px;
}

.wallpaper-tags a {
    color: #687996;
    font-weight: 500;
    background: #212a38;
    padding: 0px 10px 0px 20px;
    border: 1px solid #37455b;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    transition: all 0.3s ease;
    line-height: 23px;
}


.wallpaper-tags a:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 8px;
    float: left;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #399bff;
    transition: all 0.3s ease;
}

.wallpaper-tags a:hover {
    background: #399bff;
    color: #fff;
    border: 1px solid #399bff;
}

.wallpaper-tags a:hover:after {
    background: #14191f;
}

.share-wall {
    margin-bottom: 20px;
}


.share-wall .share-link,
.share-wall .more {
    background: #212a38;
    border: 1px solid #37455b;
    border-radius: 50%;
    transition: all 0.3s ease;
    line-height: 48px;
    height: 48px;
    width: 48px;
    float: left;
    text-align: center;
    margin-right: 15px;
}


.share-wall .share-link:hover {
    -webkit-animation: swing 0.8s linear infinite;
    -moz-animation: swing 0.8s linear infinite;
    animation: swing 0.8s linear infinite;
}



.share-wall .share-link .s16 {
    font-size: 17px;
    position: relative;
    top: 1px;
}

.share-wall .more .msr {
    top: -2px;
    font-weight: 600;
}













.share-wall .vk {
    color: #4d75a3;
}

.share-wall .facebook {
    color: #1e4389;
}

.share-wall .google {
    color: #dc4e41;
}

.share-wall .pinterest {
    color: #e60019;
}

.share-wall .twitter {
    color: #55acee;
}





.share-wall .more {
    padding: 0px;
    margin-right: 0;
    color: #a3b4d0;
}

.share-wall .open .more,
.share-wall .open .more:focus,
.share-wall .open .more:hover {
    color: #fff;
    border-color: #399bff;
    background-color: rgba(57, 155, 255, 0.4);
    box-shadow: none;
}

.share-wall .dropdown-menu {
    background: #2f3c51;
    border: none;
    padding: 0px 0px 10px 0px;
    border-radius: 5px;
    width: 250px;
    text-align: center;
    bottom: 55px;
}

.share-wall .dropdown-menu:after {
    top: 100%;
    right: 16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #2f3c51;
    border-width: 6px;
    margin-right: 0px;
}


.share-wall .dropdown-menu .dropdown-soc-link {
    display: inline-block;
}

.icon-mymail {
    font-style: normal;
    position: relative;
    top: -2px;
}

.share-wall .dropdown-menu .dropdown-soc-link a {
    width: 32px;
    color: #399bff;
    font-size: 17px;
    text-align: center;
    margin-top: 5px;
    border-radius: 5px;
    padding: 0px;
    line-height: 32px;
}


.share-wall .dropdown-menu .dropdown-soc-link a:hover {
    background-color: #14191f;
}

.share-wall .divider {
    height: 2px;
    background: #14191f;
    margin: 5px 0 9px 0;
}

.share-wall .input-group {
    padding: 0 10px;
    margin-bottom: 7px;
}

.share-wall .last-group {
    margin-bottom: 0px;
}

.share-wall .form-control {
    background: #212a38;
    font-size: 13px;
    border: 1px solid #3f506b;
    color: #687996;
}

.share-wall .form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}

.share-wall .input-group .btn-default {
    color: #399bff;
    background-color: #3f506b;
    border-color: #3f506b;
}

.share-wall .input-group .btn-default:hover {
    color: #3AAA35;
}

.share-wall .input-group-btn:last-child>.btn,
.share-wall .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: 0px;
}

.input-label {
    font-weight: 500;
    font-size: 11px;
    margin-left: 10px;
    margin-bottom: 0px;
    color: #a3b4d0;
}

#tooltip_copy_preview img {
    padding: 10px 0;
}

.share-wall .dropdown-soc-link .odnoklassniki {
    color: #EE8208;
}

.share-wall .dropdown-soc-link .icon-mymail {
    color: #168DE2;
}

.share-wall .dropdown-soc-link .fa-delicious {
    color: #0076E8;
}

.share-wall .dropdown-soc-link .fa-digg {
    color: #356AA0;
}

.share-wall .dropdown-soc-link .fa-stumbleupon {
    color: #EA4924;
}

.share-wall .dropdown-soc-link .reddit {
    color: #FF4500;
}

.share-wall .dropdown-soc-link .fa-pinterest {
    color: #BD081C;
}

.share-wall .dropdown-soc-link .telegram {
    color: #2AABEE;
}

.share-wall .clipboard .msr {
    font-size: 20px;
    position: relative;
    left: -4px;
    width: 13px;
}


/*//////////// Wallpaper single preview /////////////////*/

.main-empty {
    margin-left: 0px !important;
}

.footer-empty {
    padding-left: 20px !important;
}

.back-or-dl {
    display: flex;
    align-items: center;
}

.back-or-dl .starting_download,
.back-or-dl .btn-danger,
.back-or-dl .btn-info,
.back-or-dl .btn-success,
.back-or-dl .crop-btn {
    padding: 0px 17px;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    line-height: 54px;
    transition: all 0.3s ease;
    color: #fff !important;
    font-size: 14px;
    height: 57px;
}

.preview-download, .preview-fullscreen {
    padding: 0px 17px;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    line-height: 36px;
    transition: all 0.3s ease;
    color: #fff !important;
    font-size: 13px;
    margin-top: 12px;
    text-align: center;
    position: absolute;
}

.back-or-dl .crop-btn {
    width: 50px;
    padding: 0px;
}

.back-or-dl .crop-btn .msr {
    font-size: 21px;
    width: 21px;
    position: relative;
    top: -1px;
}








.back-or-dl .btn-danger .s16 {
    margin-right: 7px;
    display: inline-block;
    top: 3px;
}

.wall-prev-cl {
    margin-top: 30px;
}

.wall-prev-cl .wallpaper_colors span.color_block {
    border: 2px solid #212a38;
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 3px;
    margin-bottom: 0px;
    border-radius: 29px;
}

.wall-prev-res {
    margin-left: 15px;
}

.wallpaper-preview-area {
    text-align: center;
    position: relative;
}

.preview-area-img {
    width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 0 20px;
    display: inline-block;
}

.wallpaper-preview-area .thumbnail {
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 0px;
    /* margin-bottom: 120px; */
    position: relative;
    z-index: 2;
    cursor: zoom-in;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.4);
    display: inline-block;
}

.main-empty .nopd {
    padding: 0px;
}

.share-wall-pr {
    /* display: flex; */
    margin-left: 15px;
    align-items: center;
    text-align: center;
    width: 100%;
    padding-top: 27px;
}

.share-wall-pr .share-link {
    margin: 0 5px;
}

.share-wall-pr .share-wall {
    display: inline-block;
    margin-bottom: 0;
}

.share-wall-pr .share-wall .more {
    padding: 0px;
    color: #a3b4d0;
    background: #14191f;
    border: 0px solid #37455b;
    border-radius: 0px;
    transition: all 0.3s ease;
    line-height: 23px;
    height: 32px;
    width: 32px;
    text-align: center;
    margin-left: 5px;
}




.share-wall-pr .share-wall .dropdown-menu {
    bottom: inherit;
    right: -6px;
}

.share-wall-pr .share-wall .dropdown-menu:after {
    bottom: 100%;
    border-bottom-color: #2f3c51;
    top: initial;
    border-top-color: transparent;
}

.share-wall-pr .share-wall .open .more,
.share-wall-pr .share-wall .open .more:focus,
.share-wall-pr .share-wall .open .more:hover {
    color: #399bff;
    background-color: transparent;
}

.share-wall-pr .vk {
    color: #4d75a3;
    font-size: 24px;
}

.share-wall-pr .facebook {
    color: #1e4389;
}

.share-wall-pr .twitter {
    color: #55acee;
}

.share-wall-pr .pinterest {
    color: #e60019;
}




/*//////////// Login / Reg /////////////////*/


.backstretch-opacity-X .backstretch {
    opacity: 0.X;
}

.page-sl-overlay {
    background-color: rgba(27, 36, 49, 0.96);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -999;
    top: 0;
    bottom: 0;
}


.wrapper-hv-center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: fixed;
    width: 100%;
}


#loginbox {
    position: absolute;
    width: 365px;
}


#loginbox {
    -webkit-animation: bounceInDown 0.8s;
    -moz-animation: bounceInDown 0.8s;
    animation: bounceInDown 0.8s;
}


#loginbox .recaptcha-wrap .g-recaptcha {
    transform: scale(1.006);
    margin-left: 1px;
}

#loginbox .reset-pass {
    padding: 0px 20px;
    border-radius: 35px;
    transition: all 0.3s ease;
    outline: none;
    line-height: 36px;
}

.box-body {
    background: #14191f;
    border-radius: 5px;
    padding: 100px 30px 15px 30px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}

.lb-links {
    margin-top: 15px;
    font-weight: 500;
}

.lb-links a {
    transition: all 0.3s ease;
}

.lb-links a:hover {
    color: #fff;
}

.lb-logo {
    position: absolute;
    top: -31px;
    width: 100%;
    margin-left: -30px;
}

.lb-logo .logo {
    background: #399bff url(../svg/logo.svg) center center / 45px no-repeat;
    display: inline-block;
    height: 64px;
    width: 64px;
    border-radius: 64px;
}

.lb-logo h1 {
    letter-spacing: 1.5px;
    margin-top: 0px;
    margin-bottom: 23px;
    color: #daeffe;
}

.box-body .input-group-addon {
    background: #212a38;
    border-color: #2f3c51;
    color: #687996;
}

.box-body .s16 {
    top: 1px;
}

.box-body .form-control {
    background: #1b2431;
    border-color: #2f3c51;
    color: #a3b4d0;
    font-size: 13px;
    line-height: 35px;
    height: 35px;
}

.box-body .form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}

.box-body .form-control::-webkit-input-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

.box-body .form-control::-moz-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

/* Firefox 19+ */
.box-body .form-control:-moz-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

/* Firefox 18- */
.box-body .form-control:-ms-input-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

.box-body .form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}

.box-body .col-md-6 .btn-primary {
    height: 36px;
    width: 150px;
    border-radius: 40px;
    transition: all 0.3s ease;
    outline: none;
}

.lb-logo .logo {
    -webkit-animation: bounceInDown 1s;
    -moz-animation: bounceInDown 1s;
    animation: bounceInDown 1s;
    animation-delay: 0.2s;
}

.lb-logo h1 {
    -webkit-animation: bounceInDown 1s;
    -moz-animation: bounceInDown 1s;
    animation: zoomInDown 1.3s;
    animation-delay: 0.3s;
}

.box-body .remember-me {
    margin-bottom: 0px;
}

.box-body .input-group-addon a:hover {
    transition: all 0.3s ease;
    color: #fff;
}


.box-body .has-error .input-group:after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    font-size: 16px;
    font-family: "Material Symbols Rounded";
    color: #ffffff;
    background: #f44455;
    content: "\e645";
    border-radius: 20px;
    line-height: 16px;
    text-align: center;
    z-index: 10;
}

.box-body .has-error .input-group:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 6px;
    top: 6px;
    border: 2px solid rgba(244, 68, 85, 0.5);
    border-radius: 20px;
    z-index: 3;
}

.box-body .help-block {
    font-size: 11px;
    color: #f44455;
    margin-top: 5px;
}

.control-label {
    font-weight: 500;
}

.full-empty-notification {
    width: 100%;
    padding: 20px;
}

.full-empty-notification .alert {
    margin-bottom: 20px;
}


#sign-up-box {
    position: absolute;
    width: 800px;
}

.panel-left {
    float: left;
    background-image: url(/themes/default/assets/img/reg-panel.png);
    padding: 30px;
    height: 100%;
    position: absolute;
    width: 370px;
    color: #daeffe;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.panel-right {
    float: right;
    width: 430px;
    padding: 30px;
    border-radius: 0px 5px 5px 0px;
    min-height: 450px;
}

.panel-logo .logo {
    background: rgba(0, 0, 0, 0.15) url(../svg/logo.svg) center center / 45px no-repeat;
    display: inline-block;
    height: 64px;
    width: 64px;
    border-radius: 64px;
}

.panel-logo h1 {
    letter-spacing: 1.5px;
    margin: 0px;
    color: #daeffe;
}

.panel-logo span {
    letter-spacing: 0.3px;
    display: inline-block;
}

.panel-left .features {
    position: absolute;
    bottom: 17px;
    letter-spacing: 0.3px;
}

.panel-left .features span {
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.panel-left .features .msr {
    font-weight: 400;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 8px;
}

.panel-left .features ul li {
    margin-bottom: 5px;
    margin-left: -2px;
}

.panel-left .features ul li i {
    margin-right: 10px;
}


.panel-right .panel-title {
    margin-bottom: 15px;
    display: block;
    color: #a3b4d0;
    letter-spacing: 0.5px;
}

.panel-right .reg-btn {
    padding: 0 50px;
    line-height: 40px;
    border-radius: 40px;
    transition: all 0.3s ease;
    margin-bottom: 15px;
    outline: none;
}

.panel-right .reg-btn:focus {
    outline: none;
}

.panel-right .reg-btn span {
    margin-right: 5px;
}

.panel-right .float-bottom {
    position: absolute;
    bottom: 13px;
    width: 100%;
    margin-left: -30px;
}

.panel-right a {
    transition: all 0.3s ease;
}

.panel-right a:hover {
    color: #fff;
}


#sign-up-box {
    -webkit-animation: bounceInDown 0.8s;
    -moz-animation: bounceInDown 0.8s;
    animation: bounceInDown 0.8s;
}


#sign-up-box .logo {
    -webkit-animation: bounce 1s;
    -moz-animation: bounce 1s;
    animation: bounce 1s;
    animation-delay: 0.2s;
}

#sign-up-box .panel-left h1 {
    -webkit-animation: flipInX 1s;
    -moz-animation: flipInX 1s;
    animation: flipInX 1.3s;
    animation-delay: 0.3s;
}

#sign-up-box .panel-left .panel-logo span {
    -webkit-animation: slideInUp 1s;
    -moz-animation: slideInUp 1s;
    animation: slideInUp 1.3s;
    animation-delay: 0.4s;
}

#sign-up-box .recaptcha-wrap {
    text-align: center;
}

#sign-up-box .recaptcha-wrap .g-recaptcha {
    display: inline-block;
}

.go-top {
    cursor: pointer;
    margin-left: 5px;
}


/*//////////// Upload Image /////////////////*/

.main-em {
    margin: 40px auto;
    width: 1000px;
}

.panel-default {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    background-color: #14191f;
}


.main-em .panel-default .panel-heading {
    color: #fff;
    background-color: #399bff;
    border: none;
    height: 80px;
    padding: 0px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.panel-body {
    padding: 30px;
    letter-spacing: 0.2px;
}

.main-em .panel-default .panel-footer {
    padding: 20px 30px;
    background-color: #2f3c51;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


.panel-heading .logo .logo-icon {
    float: left;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.15) url(../svg/logo.svg) center center / 39px no-repeat;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin: 16px 15px 0px 0px;
}

.upload-title {
    font-size: 24px;
    margin: 0px;
    display: inline-block;
    line-height: 80px;
}

.panel-control {
    line-height: 80px;
    height: 80px;
}

.panel-control .btn-link {
    color: #fff;
    margin-left: 15px;
    padding: 0;
    margin-right: -5px;
    width: 30px;
    height: 30px;
}

.panel-control .btn-link#page-close .msr {
    font-size: 28px;
    width: 28px;
}

.panel-control .btn-link:focus,
.panel-control .btn-link:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.6;
}

.panel-control .panel-lang {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

@media screen and (max-width: 380px) {
    .panel-control .panel-lang {
        display: none;
    }
}



.panel-control .panel-lang .dropdown-toggle {
    background: rgb(0 0 0 / 15%);
    height: 26px;
    line-height: 28px;
    border-radius: 5px;
    width: 30px;
    padding: 0px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    font-weight: 500;
}


.panel-control .panel-lang ul {
    background: #2f3c51;
    border: none;
    padding: 0px;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 5px;
    min-width: 100px;
}

.panel-control .panel-lang ul li {
    border-left: 2px solid #2f3c51;
}

.panel-control .panel-lang ul li:hover {
    background: #3c4d67;
    border-left: 2px solid #f44455;
}

.panel-control .panel-lang ul li:hover a {
    color: #a3b4d0;
}



.panel-control .panel-lang ul li a {
    height: 35px;
    line-height: 35px;
    margin-right: 0px;
    color: #687996;
    font-size: 13px;
    padding: 0 10px;
    text-shadow: none;
    font-weight: 500;
    background: transparent;
}



.panel-footer .btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.panel-footer .btn-tx {
    line-height: 38px;
    padding: 0 25px;
}

.panel-footer .mr-8 {
    margin-right: 8px;
}


.panel-body .form-control {
    background: #1b2431;
    border-color: #2f3c51;
    color: #a3b4d0;
    font-size: 13px;
    line-height: 35px;
    height: 35px;
}

.panel-body .input-group .input-group-addon {
    background: #212a38;
    border-color: #2f3c51;
    color: #687996;
}

.panel-body .form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}

.panel-body .form-control::-webkit-input-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

.panel-body .form-control::-moz-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

/* Firefox 19+ */
.panel-body.form-control:-moz-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

/* Firefox 18- */
.panel-body .form-control:-ms-input-placeholder {
    color: #687996;
    font-family: 'Rubik', sans-serif;
}

.panel-body .form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}

.panel-body .form-group label {
    font-weight: 400;
}


.panel-body .select-control {
    background: #2f3c51;
    border-color: #38475f;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 0px 10px;
}

.panel-body .select-fl {
    position: relative;
}

.select-fl:after {
    top: 51%;
    content: "\e5cf";
    font-family: 'Material Symbols Rounded';
    position: absolute;
    z-index: 100;
    right: 10px;
    font-size: 16px;
}

.form-group .bootstrap-tagsinput {
    display: block;
    margin-bottom: 0;
    background: #1b2431;
    border-color: #2f3c51;
    color: #a3b4d0;
    padding: 5px 6px;
    min-height: 35px;
}

.form-group .bootstrap-tagsinput .label-info {
    background-color: #1a97f3;
    font-weight: 500;
}

.upload_by_label {
    position: absolute;
    z-index: 999;
    background: #2f3c51;
    border-radius: 20px;
    left: 30px;
    top: 13px;
}


.upload_by_label input[type=radio] {
    display: none;
}



.upload_by_label .radio-inline {
    margin-left: 0px;
    padding-left: 0px;
    float: left;
}

.upload_by_label span {
    float: left;
    width: 45px;
    text-align: center;
    font-size: 11px;
    color: #a3b4d0;
    line-height: 19px;
}

.upload_by_label input[type=radio]:checked+span {
    background-color: #399bff;
    color: #fff;
}

.rd-file {
    border-radius: 10px 0px 0px 10px;
}

.rd-url {
    border-radius: 0px 10px 10px 0px;
}




.ezdz-dropzone {
    position: relative;
    border-radius: 5px;
    text-align: center;
    border: 2px dashed #2f3c51;
    overflow: hidden;
    height: 308px;
    background: #1b2431;
    transition: all 0.3s ease;
}

.ezdz-dropzone .icon-block {
    margin-top: 65px;
}

.ezdz-dropzone .or-block {
    margin-top: 5px;
}

.ezdz-dropzone .btn-success {
    padding: 8px 35px;
    margin-top: 10px;
}

.ezdz-dropzone .icon-block span {
    color: #2f3c51;
    font-size: 72px;
    width: 72px;
    display: inline-block;
}

.ezdz-dropzone img {
    border-radius: 5px;
    max-width: 425px;
    max-height: 238px;
    margin-top: 40px;
    vertical-align: middle;
}

.ezdz-dropzone [type="file"] {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ezdz-focus,
.ezdz-dropzone:hover {
    border: 2px dashed #399bff;
}


.ezdz-enter {
    border: 2px dashed #399bff;
}

.ezdz-accept {
    border: 2px dashed #2f3c51;
}

.ezdz-reject {
    border: 10px solid darkred;
    color: darkred;
}



.ezdz-accept .icon-block,
.ezdz-accept .or-block,
.ezdz-accept .btn-success {
    display: none;
}


.ezdz-accept .img-info {
    position: absolute;
    top: 12px;
    right: 15px;
    background: #de9833;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 11px;
    color: #fff;
}

.img-name {
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 94%;
    display: inline-block;
}

.img-rules {
    margin-top: 8px;
    line-height: 13px;
}

.img-rules small {
    font-size: 11px;
}


#url-img-prev {
    position: relative;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #2f3c51;
    overflow: hidden;
    height: 259px;
    background: #1b2431;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

#url-img-prev .icon-block {
    margin-top: 85px;
}

#url-img-prev .icon-block span {
    font-size: 72px;
    width: 72px;
    color: #2f3c51;
    margin-bottom: 5px;
    display: inline-block;
}

#url-img-prev .img-block img {
    border-radius: 5px;
    max-width: 425px;
    max-height: 190px;
    margin-top: 47px;
    vertical-align: middle;
}

#url-img-prev .img-info {
    position: absolute;
    top: 12px;
    right: 15px;
    background: #de9833;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 11px;
    color: #fff;
    display: none;
}

.edit-thumbnail {
    border-radius: 5px;
    text-align: center;
    border: 1px solid #2f3c51;
    overflow: hidden;
    background: #1b2431;
    transition: all 0.3s ease;
    margin-bottom: 15px;
    padding: 10px;
}

.edit-thumbnail img {
    width: 100%;
}



.modal-content {
    background-color: #14191f;
    border: none;
    overflow: hidden;
}

.modal-header {
    padding: 15px;
    border-bottom: none;
    background: #2f3c51;
}

.modal-footer {
    border-top: none;
    background: #2f3c51;
}

.close {
    color: #a3b4d0;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    outline: none !important;
}



.close:focus,
.close:hover {
    color: #a3b4d0;
    opacity: 0.8;
}



.modal-title {
    font-size: 16px;
    color: #a3b4d0;
}

.rules-tx {
    color: #a3b4d0;
}

/*////////////// Tags index page ///////////////*/
.custab {
    background: #14191f;
    padding: 5px;
    margin-top: 20px;
    transition: 0.5s;
    border-radius: 5px;
}

.table>thead>tr>th {
    padding: 15px;
    border-bottom: 2px solid #35445d;
    color: #a3b4d0;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #212a38;
}

.table>tbody>tr>td {
    padding: 12px 15px;
    border-top: 1px solid #212932;
    font-weight: 500;
    vertical-align: middle;
}


.progress.tag {
    margin: 10px 0;
}

.progress-sm {
    height: 5px;
}

.progress {
    background-color: #35445d;
    border-radius: 5px;
    box-shadow: none;
}

.progress-bar-success {
    background-color: #3aaa35;
}

.progress-bar-warning {
    background-color: #de9833;
}

.progress-bar-danger {
    background-color: #f44455;
}

/*////////////// Search index page ///////////////*/

.search-bar {
    height: 80px;
    background: #14191f;
    border-bottom: 1px solid #2f3c51;
    padding: 0px 20px;
}


.search-bar .search_filters {
    padding-top: 20px;
}



.search-bar .form-control {
    background: #1b2431;
    border-color: #2f3c51;
    color: #a3b4d0;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
}

.search-bar .form-group .form-control:focus,
.search-bar .input-group .form-control:focus {
    box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(57, 155, 255, 0.2);
    border: 1px solid #399bff;
}


.search-bar .form-group .select-control {
    background: #2f3c51;
    border-color: #38475f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 0px 10px;
}

.search-bar .select-fl {
    position: relative;
    z-index: 9
}

.search-bar .select-fl:after {
    top: 36%;
    content: "\e64b";
    font-family: 'themify';
    position: absolute;
    z-index: 100;
    right: 15px;
    font-size: 10px;
}

.search-bar .search_box::-webkit-input-placeholder {
    color: #687996;
    font-weight: 500;
}

.search-bar .search_box::-moz-placeholder {
    color: #687996;
    font-weight: 500;
}

/* Firefox 19+ */
.search-bar .search_box:-moz-placeholder {
    color: #687996;
    font-weight: 500;
}

/* Firefox 18- */
.search-bar .search_box:-ms-input-placeholder {
    color: #687996;
    font-weight: 500;
}


.search-bar .go-search {
    float: right;
    height: 38px;
    background-color: #3aaa35;
    margin-left: 10px !important;
    border-radius: 5px !important;
    line-height: 38px;
    padding: 0px 15px;
}

.search-bar .go-search span {
    margin-left: 5px;
}

.search-bar .search_box {
    border-radius: 5px !important;
}

.search-bar .color_picker .color_pallet {
    position: absolute;
    top: 0px;
    z-index: 3;
    right: 122px;
    height: 40px;
    width: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    background: url(../img/palette.png) no-repeat 8px 8px transparent;
    cursor: pointer;
}


.search-bar .minicolors-theme-default.minicolors {
    top: 45px;
    right: 307px;
}

.search-res {
    line-height: 80px;
}

.search-res b {
    font-weight: 500;
}

.panel-body .textarea-contact {
    height: auto;
    min-height: 181px;
    line-height: inherit;
    resize: vertical;
}

/*////////////// Account index page ///////////////*/

.account_sidebar {
    padding-top: 20px;
}

.account_sidebar .list-group-item {
    padding: 15px 20px;
    background-color: #14191f;
    border: none;
    box-shadow: inset 3px 0px 0px 0px rgb(39, 49, 66);
    border-radius: 0px;
    margin-bottom: 0px;
    color: #687996;
    font-weight: 500;
    letter-spacing: 0.1px;
    transition: all 0.3s ease;
}

.account_sidebar .list-group-item .item-title {
    margin-left: 5px;
}

.account_sidebar .active .list-group-item,
.account_sidebar .active .list-group-item:hover {
    box-shadow: inset 3px 0px 0px 0px rgb(57, 155, 255);
    background-color: #212a38;
    color: #a3b4d0;
}


.account_sidebar .list-group-item .s16 {
    margin-right: 12px;
}


.account_sidebar .list-group-item:hover {
    text-decoration: none;
    background-color: #232c3c;
    color: #a3b4d0;
    box-shadow: inset 3px 0px 0px 0px rgb(35, 44, 60);
}

.account_sidebar .label {
    padding: 2px 6px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 13px;
    margin-top: 2px;
}



.label-primary {
    background-color: #1a97f3;
}

.label-success {
    background-color: #3aaa35;
}

.label-info {
    background-color: #8a6fe2;
}

.label-warning {
    background-color: #de9833;
}

.label-danger {
    background-color: #f44455;
}

.side-min .account_sidebar .nav li a {
    line-height: 51px;
    padding: 0px 20px;
    height: 51px;
}

.side-min .account_sidebar .nav li a .label,
.side-min .account_sidebar .nav li a .item-title {
    display: none;
}

.side-min .account_sidebar .list-group-item .s16 {
    margin-right: 20px;
    font-size: 21px;
    left: 12px;
}


.side-min .account_sidebar .nav li:hover {
    width: 250px;
    z-index: 999;
}

.side-min .account_sidebar .nav li:hover a {
    font-size: 13px;
}

.side-min .account_sidebar .nav li:hover a .label,
.side-min .account_sidebar .nav li:hover a .item-title {
    display: inline-block;
}

.side-min .account_sidebar .nav li:hover a .label {
    margin-top: 17px;
}







.account-page {
    margin-top: 20px;
}

.account-page .panel-default {
    border-radius: 5px;
    box-shadow: none;
    background-color: #14191f;
    border: 1px solid #35445d;
}

.account-page .panel-default .panel-body {
    padding: 20px;
    letter-spacing: 0.2px;
}

.account-page .panel-default .panel-body .thumbnail {
    background-color: #212a38;
    border: 1px solid #35445d;
}

.account-page .panel-default .panel-body .table {
    margin-bottom: 0px;
}

hr {
    border-top: 1px solid #35445d;
}

.ava-set {
    text-align: center;
}

.ava-set #user_profile_pic {
    line-height: inherit;
}

.ava-set .help-block {
    color: #687996;
}


.text-right-desk {
    text-align: right;

}


.avatar-setting {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.avatar-setting .btn-success {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 6px 15px;
}


.avatar-setting .btn-success i {
    font-size: 16px;
    margin-right: 7px;
}



.shape {
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0px;
    width: 0px;
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.shape .shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -40px;
    top: 2px;
    white-space: nowrap;
    -ms-transform: rotate(30deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.shape.shape-danger {
    border-color: transparent #d9534f transparent transparent;
}

.shape.shape-success {
    border-color: transparent #5cb85c transparent transparent;
}

.shape.shape-default {
    border-color: transparent #999999 transparent transparent;
}

.shape.shape-info {
    border-color: transparent #5bc0de transparent transparent;
}

.shape.shape-warning {
    border-color: transparent #f0ad4e transparent transparent;
}

.shape.shape-primary {
    border-color: transparent #428bca transparent transparent;
}





@media screen and (min-width: 992px) {
    .col-sm-25 {
        width: 20.833333335%;
    }

}

.form-horizontal label,
.label_normal label {
    font-weight: normal;
}

.alert,
.well {
    background-image: none;
}

.hr-sm {
    margin: 5px 0;
}

@media screen and (min-width: 992px) {

    .pull-right-desk {
        float: right;
    }

}

#recaptcha_widget {
    min-height: 151px;
}

#recaptcha_widget .input-group-addon {
    padding: 0;
}

#recaptcha_widget .input-group-addon .btn {
    padding-top: 0;
    padding-bottom: 0;
}

.page-header {
    padding: 10px;
    background: #FFFFFF;
    margin: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    border-bottom: 1px solid #D3D3D3;
}

.page-header.next {
    margin-top: 15px;
}

.page-header h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.page-header h4 .fa-rss-square {
    color: #D56C27;
}

.account_sidebar .panel-body {
    padding: 0;
}

.account_sidebar .panel-body .list-group {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
}

.account_sidebar .panel-body .list-group .list-group-item {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.account_sidebar .panel-body .list-group .list-group-item span.fa {
    color: #ccc;
}

.account_sidebar .panel-body .list-group .list-group-item:first-child {
    border-radius: 0;
}

.account_sidebar .panel-body .list-group .list-group-item:last-child {
    border-radius: 0;
    border-bottom: 0;
}

.help-block.help-block-sm {
    margin-bottom: 0;
}



.block_404 {
    text-align: center;
    margin-top: 22vh;
    height: 51vh;
}

@media screen and (min-width: 992px) {
    .block_404 {
        margin-top: 22vh;
        height: 51vh;
    }
}

.block_404 h1 {
    font-size: 170px;
}







#footer .list-menu li {
    border-right: 1px solid #D8D8D8;
    padding-right: 10px;
    margin-right: 5px;
}

#footer .list-menu li:last-child {
    border: 0;
    padding-right: 0;
    margin-right: 0;
}


.wallpaper_filter {
    padding: 10px 0;
    margin-bottom: 25px;
}


.wallpaper_title h2 {
    margin-top: 0;
    font-size: 18px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    line-height: 24px;
}

.wallpaper_image {
    position: relative;
}

.wallpaper_image .thumbnail {
    margin-bottom: 0;
    padding: 8px;
}





.filtration {
    margin: 20px 5px;
}

.filtration .latest {
    color: #35B823;
}

.filtration .views {
    color: #BB551C;
}

.filtration .downloads {
    color: #258FCA;
}

.filtration .favourites {
    color: #BE2828;
}

.filtration .rating {
    color: #98AC2F;
}

.filtration li.active {
    background: #E2E2E2;
}




img.img-center {
    margin: 0 auto;
}

.m_t_5 {
    margin-top: 5px;
}

.m_t_10 {
    margin-top: 10px;
}

@media screen and (min-width: 992px) {
    .row_no_pad_right {
        padding-right: 0;
    }

    .row_no_pad_left {
        padding-left: 0;
    }
}

.social_buttons_details {
    display: inline-block;
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .social_buttons_details {
        margin-left: 30px;
    }
}

@media screen and (max-width: 767px) {
    .social_buttons_details li {
        padding-right: 0;
    }
}

.row.row-sm {
    margin-left: -5px;
    margin-right: -5px;
}

.row.row-sm .col-xs-1,
.row.row-sm .col-sm-1,
.row.row-sm .col-md-1,
.row.row-sm .col-lg-1,
.row.row-sm .col-xs-2,
.row.row-sm .col-sm-2,
.row.row-sm .col-md-2,
.row.row-sm .col-lg-2,
.row.row-sm .col-xs-3,
.row.row-sm .col-sm-3,
.row.row-sm .col-md-3,
.row.row-sm .col-lg-3,
.row.row-sm .col-xs-4,
.row.row-sm .col-sm-4,
.row.row-sm .col-md-4,
.row.row-sm .col-lg-4,
.row.row-sm .col-xs-5,
.row.row-sm .col-sm-5,
.row.row-sm .col-md-5,
.row.row-sm .col-lg-5,
.row.row-sm .col-xs-6,
.row.row-sm .col-sm-6,
.row.row-sm .col-md-6,
.row.row-sm .col-lg-6,
.row.row-sm .col-xs-7,
.row.row-sm .col-sm-7,
.row.row-sm .col-md-7,
.row.row-sm .col-lg-7,
.row.row-sm .col-xs-8,
.row.row-sm .col-sm-8,
.row.row-sm .col-md-8,
.row.row-sm .col-lg-8,
.row.row-sm .col-xs-9,
.row.row-sm .col-sm-9,
.row.row-sm .col-md-9,
.row.row-sm .col-lg-9,
.row.row-sm .col-xs-10,
.row.row-sm .col-sm-10,
.row.row-sm .col-md-10,
.row.row-sm .col-lg-10,
.row.row-sm .col-xs-11,
.row.row-sm .col-sm-11,
.row.row-sm .col-md-11,
.row.row-sm .col-lg-11,
.row.row-sm .col-xs-12,
.row.row-sm .col-sm-12,
.row.row-sm .col-md-12,
.row.row-sm .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (min-width: 768px) {
    .text-right-no-xs {
        text-align: right;
    }

}




.noty_text {
    font-weight: normal;
}

.noty_text p {
    margin-bottom: 5px;
    font-weight: normal;
}


.modal-backdrop {
    background: #fff;
}

.modal-backdrop.in {
    opacity: 0;
}



.form-control.white {
    background: #f6f6f6;
}

.input-group .form-control.search_box {
    padding-right: 105px;
}

@media screen and (min-width: 992px) {
    .text-center-desk {
        text-align: center;
    }
}

.color_picker .color_pallet {
    position: absolute;
    top: 3px;
    z-index: 2;
    right: 50px;
    height: 25px;
    padding: 0;
    margin: 0;
    border: 0;
    background: url("../img/color-spectrum.png") no-repeat 0 0 transparent;
    width: 25px;
    cursor: pointer;
}

.color_picker .html5_color {
    position: absolute;
    visibility: hidden;
}




.color_picker .show_hash {
    position: absolute;
    top: 5px;
    right: 83px;
    z-index: 9;
}


.search_form .color_picker .show_hash {
    line-height: 26px;
    right: 164px;
    top: 7px;
    padding: 0 5px;
    border-radius: 5px;
    color: #fff;
    text-shadow: rgb(0 0 0 / 60%) 0px 0px 7px;
}

@media (max-width: 480px) {
    .color_picker .show_hash {
        font-size: 12px;
    }
}

.color_picker .show_hash .msr {
    cursor: pointer;
    float: left;
    font-size: 20px;
    line-height: 26px;
}

.display_inline {
    display: inline-block;
}

.cover_upload ul {
    padding-left: 10px;
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}

.pr10 {
    padding-right: 10px;
}

.help-block {
    color: #BDBDBD;
}

.redactor_editor,
.redactor_editor:focus {
    min-height: 140px;
}


.li-counter {
    display: none;
}










/*///////// Awesome Bootstrap Checkbox //////////////*/

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #2f3c51;
    border-radius: 3px;
    background: #1b2431;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"]:focus+label::before {
    outline: none;
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox input[type="checkbox"]:indeterminate+label::after,
.checkbox input[type="radio"]:indeterminate+label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: #399bff;
    border-color: #399bff;
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before {
    background-color: #f44455;
    border-color: #f44455;
}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before,
.checkbox-warning input[type="radio"]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {
    color: #de9833;
}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
    background-color: #3aaa35;
    border-color: #3aaa35;
}

.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::before,
.checkbox-primary input[type="radio"]:indeterminate+label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::after,
.checkbox-primary input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::before,
.checkbox-danger input[type="radio"]:indeterminate+label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::after,
.checkbox-danger input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::before,
.checkbox-info input[type="radio"]:indeterminate+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::after,
.checkbox-info input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::before,
.checkbox-warning input[type="radio"]:indeterminate+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::after,
.checkbox-warning input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::before,
.checkbox-success input[type="radio"]:indeterminate+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::after,
.checkbox-success input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.radio input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"]+label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"]+label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"]+label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"]+label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked+label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked+label:after,
input[type="radio"].styled:checked+label:after {
    font-family: 'Material Symbols Rounded';
    content: "\e5ca";
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {
    color: #fff;
}


#codeigniter_profiler {
    padding-bottom: 80px !important;
    overflow: scroll;
}

#codeigniter_profiler fieldset {
    overflow: hidden;
}


.spin_anim {
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.page-info {
    border: 1px solid #2f3c51;
    background: #14191f;
    text-align: justify;
    white-space: normal;
    margin: 0px 20px 20px 20px;
    padding: 30px 20px;
    border-radius: 5px;
}

.page-info h1 {
    font-size: 26px;
    margin-top: 0px;
}


.static-page {
    margin-top: 20px;
    max-width: 1200px;
}


.static-page .panel-default {
    border-radius: 5px;
    box-shadow: none;
    background-color: #14191f;
    border: 1px solid #2f3c51;
}

.static-page .panel-default .panel-body {
    padding: 20px;
    letter-spacing: 0.2px;
}

.static-page .panel-default .panel-body.text {
    font-size: 14px;
    text-align: justify;
    white-space: normal;
    color: #a3b4d0;
}


.static-page .panel-body h1 {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .static-page .panel-body h1 {
        font-size: 24px;
        margin-bottom: 20px;
        margin-top: 0;
    }

}


@media (min-width: 768px) {

    
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }

    .equal>div[class*='col-'] {
        display: flex;
    }
}


.static-page .thumbnail.feature {
    background-color: #14191f;
    border: 1px solid #2f3c51;
    color: #a3b4d0;
}


.feature .icon {
    font-size: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    color: #399bff;
}

.feature .icon .msr {
    font-size: 80px;
    width: 80px;
}


.thumbnail.feature .caption {
    color: #a3b4d0;
}



#load-loader {
    width: 300px;
    height: 400px;
    margin: 0 auto;
    text-align: center;
    /* position: relative; */
}


#load-loader .loader {
    position: absolute;
    top: 32%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
}

#load-loader img {
    display: inline-block;
    width: 150px;
    background: url(/themes/default/assets/img/load-logo.png) no-repeat 42px 40px;
}

#load-loader span {
    display: block;
}

.back-or-dl a.disabled {
    pointer-events: none;
    cursor: wait !important;
}

#upload_progress .progress {
    margin-bottom: 0px;
    background-color: #1b2431;
}

#upload_progress .progress-bar {
    background-color: #399bff;
}

#upload_progress .progress-bar-success {
    background-color: #3aaa35 !important;
}

#upload_progres .progress-bar-danger {
    background-color: #f44455 !important;
}

#upload_error a {
    color: #de9833;
}


.qr-well {
    margin: 0px 10px;
    background: #212a38;
    font-size: 13px;
    border: 1px solid #3f506b;
    padding: 10px;
    border-radius: 3px;
}



/*///////////////////// 1.5 UI /////////////////////////*/


@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);
    }

    70% {
        -moz-box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

#header .search-form {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    width: 100%;
}


.search-form .input-group .form-control.search_box {
    height: 40px;
    border-radius: 5px;
    background: rgb(0 0 0 / 15%);
    color: #fff;
    font-size: 13px;
    padding-left: 40px;
    font-weight: 500;
    line-height: 40px;
    z-index: 1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border: 1px solid rgb(0 0 0 / 0%);
    padding-right: 40px;
}


.red-pulse {
    animation: pulse 2s infinite;
}

.search-form .input-group .form-control.color-active {
    padding-right: 130px;
}


.search-form .input-group .form-control.search_box:focus {
    border: 1px solid rgb(0 0 0 / 10%);
}

.search-form .input-group .form-control.search_box::placeholder {
    color: rgb(255 255 255 / 70%);
}

.search-form .go-search {
    position: absolute;
    left: 0px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    background-color: unset;
    border-color: unset;
    border: unset;
    z-index: 2;
    padding: 0px 0px;
    border-radius: 5px 0px 0px 5px;
    color: rgb(255 255 255 / 70%);
}

.search-form .go-search .msr {
    vertical-align: middle;
    line-height: 38px;
}

.search-form .go-search:active:focus {
    background: unset;
    box-shadow: unset;
}

.search-form .go-search:hover {
    color: #fff;
}




.search-form .input-group {
    display: block;
    height: 40px;
}

.minicolors {
    display: none;
}

.minicolors.minicolors-focus {
    display: block;
}

.search-form .color_picker .color_pallet,
.search-form .voice_search {
    position: absolute;
    top: 0px;
    z-index: 2;
    padding: 0;
    margin: 0;
    border: 0;
    background: unset;
    cursor: pointer;
    height: 40px;
    width: 30px;
    line-height: 38px;
    text-align: center;
    color: rgb(255 255 255 / 72%);
    transition: all 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
}

.search-form .color_picker .color_pallet {
    right: 5px;
}

.search-form .voice_search {
    right: 35px;
}



.search-form .color_picker .color_pallet .msr,
.search-form .voice_search .msr {
    vertical-align: middle;
}

.search-form .color_picker .color_pallet:hover,
.search-form .voice_search:hover {
    color: #fff;
}



.search-form .color_picker .show_hash {
    line-height: 26px;
    right: 40px;
    top: 7px;
    padding: 0 5px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    border-radius: 5px;
    text-shadow: rgb(0 0 0 / 60%) 0px 0px 7px;
    padding-right: 8px;
    padding-top: 1px;
}


.minicolors-theme-default .minicolors-swatch {
    display: none;
}


.flex {
    display: flex;
}

.nav-profile-bar {
    margin-left: auto;
}

.nav-search-bar {
    width: 100%;
    /* max-width: 500px; */
}

#nav-menu .dropdown .dropdown-toggle.active:after {
    content: " ";
    width: 60%;
    height: 4px;
    border-radius: 4px;
    background: rgb(0 0 0 / 20%);
    position: relative;
    bottom: 6px;
    margin: 0 auto;
    display: block;
    margin-bottom: -4px;
}

#nav-menu .dropdown.dropdown-animating:after {
    display: none;
}

#categories-list .dropdown-menu {
    border-radius: 5px;
    background-color: rgb(30 37 45);
    box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 40%);
    width: max-content;
    /* max-width: 380px; */
    left: 0;
    padding: 5px 10px;
    margin-top: 5px;
    border: unset;
    max-width: 300px;
    min-width: 300px;
    min-height: 530px;
    max-height: 530px;
    padding: 0;
    overflow-x: auto;
    border-radius: inherit;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .35);
}

#categories-list .dropdown-menu li {
    float: left;
    width: unset;
    margin: 0;
    width: 100%;
}

#categories-list .dropdown-menu li:nth-child(4n) a {
    margin-right: 0px;
}



#categories-list .dropdown-menu li a {
    height: 6rem;
    /* line-height: 30px; */
    color: #dddddd;
    /* margin: 3px 0px 3px 0px; */
    /* padding: 0; */
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    /* padding: 8px 12px 10px 8px; */
    ont-size: 1.1rem;
    padding: .4rem 2rem .4rem 2rem;
}


#categories-list .dropdown-menu li a img {
    margin-right: 7px;
    width: 30px;
    height: 30px;
    transition: all .2s linear;
    background: #35445d;
}

#categories-list .dropdown-menu li a span {
    margin-top: 0px !important;
    margin-right: 0px;
    font-size: 13px;
    background: #35445d;
    line-height: 17px;
    border-radius: 17px;
    padding: 0px 7px 0 5px;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
    color: #687996;
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
    margin-left: auto;
}

#categories-list .dropdown-menu li a:hover {
    color: #fff !important;
}

#categories-list .dropdown-menu li a:focus {
    background-color: unset;
    outline: none;
}

#categories-list .dropdown-menu li a:hover img {
    filter: brightness(130%);
}

#categories-list .dropdown-menu li a:hover span {
    color: #a3b4d0;
    background: #415370;
}

#categories-list .dropdown-menu li a.selected,
#categories-list .dropdown-menu li a.selected:hover {
    color: #a386ff !important;
}

#categories-list .dropdown-menu li a.selected span {
    background: #8a6fe2 !important;
    color: #fff;
}

#resolutions-list .dropdown-menu {
    border-radius: 5px;
    background-color: rgb(47, 60, 81);
    box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 40%);
    width: max-content;
    /*max-width: 807px;*/
    left: 0;
    padding: 0;
    margin-top: 5px;
    border: unset;
}


#resolutions-list .dropdown-menu .resolution_group {
    float: left;
    box-shadow: unset;
    border: unset;
    margin: 0px;
    background-color: unset;
}


#resolutions-list .resolution_group .group_name,
#resolutions-list .resolution_group .collapsed {
    background: #38475f;
    line-height: 30px;
    border-bottom: 2px solid #14191f;
    width: 115px;
    text-align: center;
    z-index: 8;
    margin: 0px 1px 0px 1px;
    font-size: 13px;
    color: #a3b4d0;
    font-weight: 500;
}

#resolutions-list .dropdown-menu .resolution_group .group_name:after {
    content: " ";
}

#resolutions-list .resolution_group .collapse {
    display: block;
}

#resolutions-list .resolution_group.active .group_name {
    border-bottom: 2px solid #399bff;
}

#resolutions-list .resolution_group:first-child .group_name {
    border-radius: 5px 0px 0px 0px;
    margin-left: 0px;

}

#resolutions-list .resolution_group:nth-last-of-type(2) .group_name {
    border-radius: 0px 5px 0px 0px;
    margin-right: 0px;
}


#resolutions-list .gldata {
    line-height: unset;
    height: unset;
    background: unset;
}

#resolutions-list .gldata .active a {
    color: #f44455;

}

#resolutions-list .gldata li,
#resolutions-list .gldata li a {
    line-height: 25px;
    height: 25px;
    text-align: center;
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;

}

#resolutions-list .gldata li {
    background: #38475f;
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 15%);
}

#resolutions-list .gldata li:hover {
    background: #399bff;
}

#resolutions-list .gldata li:hover a,
#resolutions-list .gldata li a:hover {
    color: #fff !important;
}



#resolutions-list .gldata li a {
    padding: 0;
    margin: 0;
    color: #a3b4d0;
    display: block;
    font-size: 13px;
}

#resolutions-list .res_info {
    float: left;
    width: 100%;
    margin-top: 10px;
    background: #38475f;
    border-radius: 0px 0px 5px 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #a3b4d0;
    font-weight: 400;
    font-size: 13px;
}

#resolutions-list .user_screen_res {
    float: left;
}

#resolutions-list .user_screen_res .screen {
    font-weight: 500;
}

#resolutions-list .global_msg {
    float: right;
    margin-top: 0px;
}

#resolutions-list .global_msg .btn {
    margin-top: 12px;
    margin-left: 10px;
    background-color: #14191f;
}

#resolutions-list .g_label {
    cursor: help;
}

#resolutions-list .g_res_on {
    border-radius: 5px;
    background-color: #fb7a02;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 30%);
    position: absolute;
    top: 24px;
    right: 0px;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    padding: 0 4px;
    cursor: help;
}


#r_list.fixed-right {
    right: 10px;
    position: fixed;
    top: var(--h-h);
    left: unset;
}


.page-indicator {
    position: fixed;
    bottom: 10px;
    right: 30px;
    background: rgb(39 49 66 / 80%);
    line-height: 24px;
    padding: 0 10px;
    border-radius: 5px;
    color: rgb(255 255 255 / 70%);
    margin: 0 auto;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 2px 3px rgb(0 0 0 / 50%);
    z-index: 20;
}






/*////////////////// @media styles ////////////////////*/


@media (max-width: 1199px) {
.wallpaper_mobile {/* width: 100%; */height: auto;display: inline-block;margin: 20px 0;/* padding: 0 20px; */border: none;background-color: transparent;border-radius: 0px;background-clip: content-box;}
    
.wallpaper_colors span.color_block {
    
height: 3rem;
    
width: 3rem;
}




    

    #header figure {
        padding-right: 0px;
    }

    #header .logo .logo-text {
        display: none;
    }

    #header #nav-menu .navbar-left {
        border-left: none;
    }

    #header .user-name {
        display: none;
    }

    #header .profile-setting {
        display: none;
    }

    #header .m-profile .dropdown-toggle {
        padding-left: 0px !important;
        margin-right: 12px;
    }

    #header .navbar-right .ti-more-alt {
        display: none;
    }

    #header .m-profile .dropdown-toggle .img-circle {
        margin: 15px 0px 0px 10px;
    }



    #sidebar {
        width: 88px !important;
    }

    .btn-upload {
        font-size: 0;
        text-align: center;
    }

    .btn-upload span {
        margin-right: 0px;
    }

    .categories_list,
    #resolution_list {
        display: none;
        overflow-y: auto;
    }

    .nav-grup:hover .categories_list,
    .nav-grup:hover #resolution_list {
        position: absolute;
        width: 280px;
        display: block !important;
        left: 88px;
        background: #14191f;
        top: 0px;
        height: 100%;
        border-right: 1px solid #35445d;
        box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.2);
    }


    .nav-grup:hover .categories_list:after,
    .nav-grup:hover #resolution_list:after {
        left: -93px;
        content: " ";
        height: 10px;
        width: 10px;
        position: absolute;
        pointer-events: none;
        background: #399bff;
        border-radius: 20px;
        box-shadow: 0px 0px 5px 2px rgba(57, 155, 255, 0.4);
    }

    .nav-grup:hover .categories_list:after {
        top: 30px;
    }

    .nav-grup:hover #resolution_list:after {
        top: 91px;
    }


    .nav-grup:hover ul {
        margin-top: 0;
        margin-bottom: 0px;
    }




    .slimscroll,
    .slimScrollDiv {
        overflow: visible !important;
    }



    .side-label {
        font-size: 0;
        width: 88px;
        margin: 20px 0px 10px 0px;
        padding-left: 11px;
    }

    .side-label .s16 {
        font-size: 24px;
    }

    #main {
        margin-left: 88px;
    }

    #footer {
        padding-left: 108px;
    }



    .account_sidebar .nav li a {
        line-height: 51px;
        padding: 0px 20px;
        height: 51px;
    }

    .account_sidebar .nav li a .label,
    .account_sidebar .nav li a .item-title {
        display: none;
    }

    .account_sidebar .list-group-item .msr {
        margin-right: 15px;
        font-size: 27px;
        left: 10px;
        position: relative;
    }


    .account_sidebar .nav li:hover {
        width: 250px;
        z-index: 999;
    }

    .account_sidebar .nav li:hover a {
        font-size: 13px;
    }

    .account_sidebar .nav li:hover a .label,
    .account_sidebar .nav li:hover a .item-title {
        display: inline-block;
    }

    .account_sidebar .nav li:hover a .label {
        margin-top: 17px;
    }

    .main-em {
        width: 960px;
    }

    .sort,
    .sort-list {
        width: 150px;
    }

    .sort {
        margin-left: 15px;
    }

    .sort-label {
        display: none;
    }

}


@media only screen and (min-device-width: 1199px) and (max-device-width: 1280px) {

    #header .navbar-right .user-name {
        display: none;
    }

    #header .m-profile .dropdown-toggle .img-circle {
        margin: 15px 0px 0px 0px;
    }

}


@media only screen and (min-device-width: 1280px) and (max-device-width: 1400px) {

    #header .navbar-right .user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 70px;
    }

}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px) {

    #header .navbar-right .user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
    }

}







/*//////////////////*/



#header #menu-logo,
#header .nav-menu .divider,
#header #menu-global_res,
#header .nav-menu .more,
#show-hide_filters,
#mobile-comms,
.wall-prev-res .wall-prev-res-icon,
.wallpaper_stats hr,
#menu-lang_switch,
.filters-bar {
    display: none;
}



/*///////////////*/




@media screen and (max-width: 992px) {


    .search-form .go-search .msr,
    .search-form .color_picker .color_pallet .msr,
    .h-upload-link .msr,
    .search-form .voice_search .msr {
        font-size: 28px;
        width: 28px;
    }

    /* .search-form .color_picker .color_pallet,
    .search-form .voice_search {
        width: 40px;
    }

    .search-form .color_picker .color_pallet{
        right: 10px;
    }

    .search-form .voice_search{
        right: 45px;
    } */




    #header #lang_list,
    .order {
        display: none;
    }

    #menu-lang_switch {
        display: block;
        float: left;
        width: 100%;
        padding: 15px 20px;
    }

    #nav-menu .m-lang-label {
        float: left;
        color: #a3b4d0;
        font-weight: 500;
        font-size: 14px;
        line-height: 30px;
    }

    #nav-menu .m-lang-list {
        float: right;
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
    }


    #nav-menu .m-lang-list .lang-name {
        font-size: 0;
    }

    #nav-menu .m-lang-list .lang-name span {
        font-size: 13px;
        line-height: 13px;
        font-weight: 500;
    }

    #nav-menu .m-lang-list .lang-name a {
        width: 30px;
        height: 30px;
        display: flex;
        background: #1b2430;
        margin-left: 10px;
        border: 1px solid #38475f;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        color: #a3b4d0;
    }

    #nav-menu .m-lang-list .lang-name a.active {
        background: rgb(57 155 255 / 30%);
        border-color: #399bff;
        color: #ffffff;
    }








    #header .nav-menu .navbar-nav.more-menu {
        padding: 15px 0;
    }



    #header #more-list {
        margin-left: 0px;
    }


    #header #more-list .dropdown-toggle {
        font-size: 13px;
        padding: 0 20px;
        color: #687996;
        line-height: 18px;
        height: 18px;
        margin-bottom: 10px;
    }

    #header #more-list .dropdown-menu {
        animation-duration: unset;
    }

    #header #more-list .dropdown-toggle .waves-ripple {
        display: none;
    }


    #header #more-list:before {
        display: none;
    }

    #header #more-list .dropdown-toggle .item-icon {
        display: none;
    }


    #header #more-list.dropdown.open .dropdown-toggle {
        box-shadow: none;
        background: unset !important;
    }


    #header #more-list ul {
        background: unset;
        position: static;
        width: 100%;
        display: block;
        box-shadow: none;
        margin-top: 0px;
    }


    #header #more-list ul li {
        border-left: none;
    }

    #header #more-list ul li a {
        color: #a3b4d0;
        font-size: 14px;
    }


    #header #more-list ul li:hover,
    #header #more-list ul li a:hover {
        background: none;
        border-left: none;
    }







    .nav-search-bar {
        max-width: unset;
    }


    #single_static_wall .wallpaper-preview {
        margin-right: 0px;
    }


    .top-bar-single {
        border-bottom: none;
    }

    #single_static_wall .wallpaper-preview {
        border-bottom: none;
    }

    #single_static_wall {
        margin-bottom: -20px;
    }


    #wall_single_modal .close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: unset !important;
        top: auto;
    }




    #res-show_hide {
        display: flex;
    }


    #mobile-comms {
        display: block;
        padding: 0 20px 10px 20px;
    }

    #res-com-block {
        display: none;
    }

    #header .container-fluid.flex {
        padding: 0;
    }


    .sort-label,
    .iv-label {
        display: none;
    }

    .iv-btns {
        margin-left: 15px;
    }


    #header figure {
        padding-right: 20px;
    }

    #header .nav-menu {
        position: fixed;
        background: #14191f;
        width: 320px;
        left: 0px;
        top: 0px;
        padding: 0px;
        transition: all 0.3s linear;
        z-index: 999;
        height: 100%;
        overflow-y: auto;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    #header .menu-open {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 40%);
    }

    #header .menu-toggle.open.overley:after {
        content: '';
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 998;
    }


    #header #menu-logo {
        display: flex;
        padding: 0 20px;
        width: 100%;
        background: #1e252d;
        border-bottom: 2px solid rgba(0, 0, 0, 0.15);
        justify-content: space-between;
        align-items: center;
    }

    #header #menu-logo figure .logo-icon {
    }


    #header #menu-logo figure .logo-text {
        display: unset;
        color: #dddddd;
    }


    #menu-logo #menu-close {
        background: unset;
        border: none;
        height: 40px;
        width: 40px;
        position: relative;
        right: -12px;
        color: #ddd;
        display: flex;
        align-items: center;
    }

    #menu-logo #menu-close .msr {
        font-size: 28px;
    }

    #header .nav-menu .navbar-nav {
        border-left: none;
        height: unset;
        padding: 0px;
        height: unset;
        margin: 0;
        width: 100%;
        float: left;
    }

    .nav-menu .navbar-nav>li {
        width: 100%;
        float: left;
    }

    .nav-menu .navbar-nav>li.dropdown:before {
        content: "\e5cf";
        font-family: 'Material Symbols Rounded';
        position: absolute;
        right: 20px;
        color: #ddd;
        line-height: 48px;
        top: 0;
        z-index: 999;
        font-size: 16px;
    }

    .nav-menu .navbar-nav>li.dropdown.open:before {
        content: "\e5ce";
    }

    #header .nav-menu .navbar-nav>li>a {
        line-height: 48px;
        height: 48px;
        padding: 0 20px;
        color: #ddd;
        font-size: 14px;
        background-color: #1e252d;
    }


    #header #nav-menu li .item-icon {
        margin-right: 10px;
        line-height: 48px;
    }

    #nav-menu .dropdown .dropdown-toggle.active:after {
        display: none;
    }

    #header .navbar-left .dropdown.open>a {
        background: #1e252d !important;
    }

    #header #top-list>ul {
        margin-top: 0px;
        border-radius: unset;
        background: #212a38;
        padding: 10px 0;
        position: static;
        float: none;
        box-shadow: none;
        width: auto;
    }

    #header #top-list ul li {
        border-left: 2px solid transparent;
    }


    #header #top-list ul li a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 18px;
        color: #a3b4d0;
    }


    #header #top-list ul li a span {
        line-height: 40px;
        margin-right: 10px;
    }


    #categories-list .dropdown-menu {
        border-radius: unset;
        max-width: unset;
        /* box-shadow: unset; */
        background-color: #181d24;
        margin: 0px;
        /* padding: 10px 0px; */
        position: static;
        width: 100%;
        /* border: 0px; */
    }

    #categories-list .dropdown-menu li {
        float: unset;
        width: unset;
        margin: unset;
    }

    #categories-list .dropdown-menu li:nth-child(4n) {
        margin-right: unset;
    }

    #categories-list .dropdown-menu li a {
        /* height: 30px; */
        padding: .4rem 2rem .4rem 2rem;
        font-size: 14px;
        width: 100%;
        /* margin: 7px 0px 7px 0px; */
    }

    #categories-list .dropdown-menu li a img {
        margin-right: 10px;
    }

    #categories-list .dropdown-menu li a:hover {
        color: #a3b4d0 !important;
    }

    #categories-list .dropdown-menu li a:hover img {
        filter: unset;
    }

    #categories-list .dropdown-menu li a:hover span {
        color: #687996;
        background: #2c374a;
    }

    #categories-list .dropdown-menu li a span {
        margin-top: 0px !important;
        line-height: 16px;
        background: #2c374a;
    }


    #resolutions-list .dropdown-menu,
    #r_list.fixed-right {
        right: unset;
        position: unset;
        top: unset;
        left: unset;
        width: unset;
        box-shadow: unset;
        border-radius: unset;
        margin-top: 0px;
        background-color: #212a38;
        float: left;
        padding-bottom: 25px;
    }

    #resolutions-list .dropdown-menu .resolution_group {
        width: 100%;
        margin-top: 15px;
    }

    #resolutions-list .resolution_group .collapse {
        float: left;
        background: unset;
    }

    #resolutions-list .resolution_group .collapsed {
        background: unset;
    }

    #resolutions-list .gldata {
        float: left;
        margin-left: 15px;
        margin-right: 20px;
    }


    #resolutions-list .resolution_group .group_name,
    #resolutions-list .resolution_group .collapsed {
        width: unset;
        text-align: unset;
        background: unset;
        padding: 0 0px;
        margin: 0 20px;
        color: #687996;
        font-weight: 500;
        border-bottom: 2px dashed #38475f;
        font-size: 14px;
        margin-bottom: 5px;
    }


    #resolutions-list .resolution_group:first-child .group_name {
        border-radius: unset;
        margin-left: 20px;
    }

    #resolutions-list .resolution_group:nth-last-of-type(2) .group_name {
        border-radius: unset;
        margin-right: 20px;
    }

    #resolutions-list .resolution_group.active .group_name {
        border-bottom: 2px dashed #a3b4d0;
        color: #a3b4d0;
    }


    #resolutions-list .gldata li {
        background: #2c374a;
        width: 91px;
        float: left;
        margin-right: 0px;
        margin-left: 4px;
        margin-top: 4px;
    }

    #resolutions-list .gldata li,
    #resolutions-list .gldata li a {
        line-height: 25px;
        height: 25px;
    }


    #header .nav-menu .divider {
        display: unset;
        height: 2px;
        background: #212a38;
        float: left;
        width: 100%;
    }

    #resolutions-list .res_info {
        display: none;
    }


    #header #menu-global_res {
        display: unset;
        float: left;
        width: 100%;
        padding: 15px 20px;
    }

    #menu-global_res .user_screen_res {
        color: #687996;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
    }

    #menu-global_res .global_msg {
        float: left;
        width: 100%;
        color: #a3b4d0;
        margin-top: 10px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }


    #menu-global_res .global_msg .btn {
        height: 24px;
        min-width: 45px;
        border-radius: 13px;
    }

    #menu-global_res .global_msg .btn i {
        width: 16px;
        height: 16px;
        margin: 4px 4px;
    }

    #resolutions-list .g_res_on {
        display: none;
    }


    #header .nav-menu .more {
        display: unset;
        float: left;
        width: 100%;
        padding: 15px 0;
    }


    #header .nav-menu .more .grup-label {
        display: block;
        padding: 0 20px;
        color: #687996;
        font-weight: 500;
        margin-bottom: 10px;
    }



    #header .nav-menu .m-link {
        font-weight: 500;
        line-height: 35px;
        padding: 0 20px;
        color: #a3b4d0;
        font-size: 14px;
        display: block;
    }










    #header .m-profile .dropdown-toggle {
        margin-right: 18px;
    }


    #header .mini-profile {
        box-shadow: 0 6px 12px rgb(0 0 0 / 70%);
        width: 250px;
        right: 10px;
    }


    #header .dropdown.open .overley:after {
        content: '';
        position: fixed;
        top: var(--h-h);
        height: 100%;
        width: 100%;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 20;
    }

    #header .mini-profile li a {
        line-height: 40px;
        height: 40px !important;
        font-size: 14px;
    }

    #header .mini-profile li a span {
        line-height: 40px;
    }


    #header .mini-profile .user-info .btn {
        height: 35px !important;
        line-height: 35px;
    }


    #header .mini-profile .btn.account {
        padding: 0px 15px;

    }

    #header .mini-profile .btn.settings {
        width: 35px;
    }


    #header .mini-profile a.user-avatar-set {
        width: 35px;
        right: 65px;
    }


    #header .nopd {
        float: right;
        margin: 0;
    }

    #header .nobd {
        float: right;
        margin: 0;
    }

    #header .nobd li,
    #header .nopd li {
        padding: 0px 8px;
        border: none !important;
        padding: 0;
    }


    #header .profile-toggle {
        color: #fff !important;
        font-size: 24px;
        text-decoration: none !important;
        padding: 0px 20px 0px 20px;
        text-align: center;
        height: var(--h-h);
        line-height: var(--h-lh);
        vertical-align: unset;
    }

    #sidebar {
        display: none;
    }

    #main {
        margin-left: 0px;
        padding: 0px 0px 20px 0px;
    }

    #main.page-preview {
        padding: 0px 0px 120px 0px;
    }

    #footer {
        position: static;
        padding-left: 20px;
        line-height: 40px;
    }

    #footer.page-preview {
        position: absolute;

    }

    #footer .col-md-8 .f-label {
        display: none;
    }

    .soc-link-grup {
        display: block;
        line-height: 20px;
    }

    #footer .col-md-8,
    #footer .col-md-4 {
        text-align: center;
    }

    #footer .col-md-8 .last {
        border-right: none;
        padding-right: 0px;
        margin-right: 0px;
    }

    #header .navbar-header {
        float: left;
        margin-left: 0px;
    }

    #header figure .logo-text {
        display: none;
    }


    #header .sign-up {
        padding: 0;
        font-size: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: 25px;
        margin-left: 20px;
    }

    #header .login {
        text-align: center;
        width: 30px;
        height: 30px;
        float: right;
        background: none;
        font-size: 0;
        margin-left: 20px;
        border-radius: 0px;
    }

    #header .sign-up .s16,
    #header .login .s16 {
        font-size: 24px;
    }


    #header .menu-toggle {
        height: var(--h-h);
        padding-left: 15px;
        padding-right: 15px;
        display: flex !important;
        align-items: center;
        color: #fff !important;
        justify-content: flex-start;
        font-size: 24px;
        text-decoration: none !important;
        transition: none;
    }



    .menu-toggle span {
        line-height: 40px;
        font-size: 31px;
        font-weight: 600;
        width: 31px;
    }

    .menu-active {
        background: #3083d9 !important;
    }


    .top-bar .homesearch {
        margin-top: 0px;
    }

    .top-bar .homesearch .search_box,
    .top-bar .homesearch .color_picker {
        display: none;
    }

    .top-bar .homesearch {
        width: 38px;
        float: right;
    }

    .top-bar .homesearch .s-col {
        float: right;
        width: 67px;
        margin-top: 20px;
    }


    .top-bar small {
        line-height: 19px;
        height: unset;
        font-size: 13px;
        font-weight: 500;
        border-left: unset;
        margin-left: 7px;
        margin-right: 10px;
        background: #020202;
        padding: 0px 5px;
        border-radius: 10px;
        position: relative;
        /* top: -5px; */
        box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
    }

    .top-bar small span {
        display: none;
    }

    .grid-row figure .info,
    .grid-row figure figcaption,
    .grid-row figure .dropdown {
        display: none !important;
    }



    .bf-bar {
        display: none;
    }

    .search-bar {
        height: inherit;
        padding-bottom: 20px !important;
        padding: 0px 15px;

    }

    .search-bar .go-search {
        font-size: 0;
        line-height: 49px;
        padding: 0px 10px;
    }

    .search-bar .go-search span {
        margin-left: 0px;
    }

    .single {
        border-right: 0px solid #14191f;
        box-shadow: none;
    }

    .container-right {
        width: 100%;
        z-index: 8;
        float: left;
        margin-right: 0px;
        background: #14191f;
        margin-top: 20px;
    }

    .search-bar .color_picker .color_pallet {
        right: 67px;
    }

    .search-bar .color_picker .show_hash {
        right: 106px;
    }

    .search-bar .minicolors-theme-default.minicolors {
        right: 251px;
    }

    .wallpaper-preview .thumbnail {
        padding: 0 0px;
        margin: 0px 0;
        padding-bottom: 20px;
        width: 100%;
    }

    .next_prev .pull-left {
        margin-left: 9px;
    }

    .next_prev .pull-right {
        margin-right: 9px;
    }

    .next_prev .pull-left a,
    .next_prev .pull-right a {
        color: rgba(255, 255, 255, 0.8);
    }

    .resblocks td.res_info {
        width: 150px;
    }

    .dw-btns {
        display: flex;
        margin-bottom: 15px;
    }

    .dw-btns a:first-child {
        margin-left: 0 !important;
    }

    .dw-btns a:last-child {
        margin-right: 0 !important;
    }

    .starting_download,
    .starting_view {
        text-align: center;
        padding: 0px 5px 0px 5px;
        margin: 0px 15px 0px 0px !important;
    }

    .back-or-dl .starting_download {
        text-align: center;
        margin: 0px 0px !important;
    }


    .dw-btns .screen_width {
        margin-right: 2px;
    }

    .dw-btns .screen_height {
        margin-left: 2px;
    }

    .remaining-walls a {
        /* width: 15%; */
        height: auto;
    }

    .remaining-walls a:nth-child(3n+1) {
        margin-right: 2%;
    }

    .remaining-walls a:last-of-type {
        margin-right: 0;
    }

    .share-wall {
        text-align: center;
    }

    .share-wall .share-link {
        float: none;
        display: inline-block;
        margin: 0 2px;
    }


    .share-wall .btn-group {
        vertical-align: top;
    }

    .share-wall.share-wall .more {
        margin: 0 2px !important;
    }





    .main-em {
        margin: 0px;
        width: 100%;
    }

    .main-em .panel-default .panel-heading {
        padding: 0px 20px;
        border-radius: 0px;
    }

    .panel-body {
        padding: 20px;
    }

    .main-em .panel-default .panel-footer {
        padding: 20px 20px;
    }


    .panel-heading .logo .logo-icon {
        width: 40px;
        height: 40px;
        background: url(../img/custom/logo.png) no-repeat -4px -4px;
        background-color: rgba(0, 0, 0, 0.15);
        margin: 20px 10px 0px 0px;
    }

    .panel-default {
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 0px;
    }


    .static-page .panel-default {
        margin-bottom: 20px;

    }

    .upload-title {
        font-size: 15px;
    }

    .edit-thumbnail img {
        width: 100%;
    }

    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-left: 0px;
        display: block;
    }


    .full-empty-notification {
        position: static;
        top: 0;
        padding: 0px;
    }

    .full-empty-notification .alert {
        margin-bottom: 0px;
    }

    .page-sl-overlay {
        background-color: #14191f;
    }


    #sign-up-box {
        position: static;
        width: 100%;
    }

    .panel-left {
        float: none;
        padding: 30px;
        height: 100%;
        position: static;
        width: 100%;
        border-radius: 0px;
        box-shadow: none;
        background-color: #30a0f2;
    }

    .panel-left .features {
        display: none;
    }

    .panel-right {
        float: none;
        border-radius: 0px;
        margin: 0 auto;
        width: 500px;
    }

    .panel-right .panel-title {
        text-align: center;
    }

    .wrapper-hv-center {
        align-items: start;
        position: static;
    }

    #loginbox {
        width: 400px;
        margin-top: 60px;
        position: static;
    }

    .lb-logo {
        position: static;
        margin-left: 0px;
    }

    .box-body {
        box-shadow: none;
        padding: 15px 20px 15px 20px;
    }

    .dropdown-default .dropdown-menu>li>a {
        font-size: 14px;
        height: 40px;
        padding: 0px 20px
    }

    .backstretch {
        display: none;
    }

    .panel-right .float-bottom {
        margin-left: 0px;
        position: static;
    }


}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation:portrait) {

    .wallpaper_stats {
        display: flex;
        justify-content: space-between;
    }


    .wallpaper_stats>div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .wallpaper_stats>div span {
        text-align: center;
    }

    .wallpaper_stats .details_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: max-content;
        margin-bottom: 5px;
    }

    .wallpaper_stats .details_title .s16 {
        margin-right: 0px;
        font-size: 19px;
        margin-bottom: 5px;
    }

    .wallpaper_stats .last {
        margin-bottom: 5px;
    }

    .wallpaper_stats hr {
        display: block;
        border-left: 1px dashed #37455b;
        border-right: 1px dashed #37455b;
        height: 60px;
        margin: auto 0;
        border-top: none;
    }




}

.dw-btns-top {
	/* width: 100%; */
	/* margin-left: 22px; */
	/* margin-right: 22px; */
}

@media screen and (max-width : 767px) {



    .back-or-dl .btn-danger,
    .back-or-dl .crop-btn {
        padding: 0px !important;
    }

    .pagination {
        display: flex;
        justify-content: space-between;
    }

    .pagination .next a,
    .pagination .prev a {
        border-radius: 5px !important;
        padding: 7px 20px !important;
    }


    #footer .col-md-8 .soc-link {
        margin: 0px 5px;
        line-height: 40px;
        width: 40px;
        font-size: 21px;
    }

    #footer .col-md-8 .vk {
        font-size: 29px;
    }


    .container-fluid.static-page,
    .container-fluid.tags-page,
    .container-fluid.account-page {
        padding: 0 15px
    }

    #header .navbar-right.guest {
        margin-left: 0px;
    }

    .parent-categories {
        margin: 20px 15px 0px 15px;
    }

    #loginbox {
        width: 100%;
    }

    .box-body .col-md-6 .btn-primary {
        width: 140px;
    }

    .panel-right {
        width: 100%;
    }


    .back-or-dl {
        width: 100%;
    }


    .share-wall-pr {
        /* display: none; */
        /* font-size: 10px; */
    }
    .share-wall-pr h1{
        /* display: none; */
        font-size: 10px;
        /* word-wrap: normal; */
        /* width: 50%; */
        overflow-wrap: normal;
    }
    
    .wall-prev-res {
        margin-left: auto;
        display: flex;
        width: max-content;
        min-width: max-content;
        align-items: center;
    }


    .wall-prev-res .wall-prev-res-icon {
        display: inline-block;
        margin-right: 5px;
    }

    .wall-prev-res .wall-prev-res-label {
        display: none;
    }


    .back-or-dl .btn-danger {
        width: 40px;
        text-align: center;
    }

    .back-or-dl .btn-danger .s16 {
        margin-right: 0;
    }

    .back-or-dl .starting_download {
        margin: 0px !important;
    }

    .back-or-dl .starting_download .s16 {
        margin-right: 0px;
    }


    .preview-area-img {
        padding: 0 15px;
        margin: 20px 0;
    }


    #header .menu-toggle {
        padding-right: 5px;
    }


    .top-bar-single .heading {
        width: 100%;
        justify-content: space-between;
    }

    .heading .dropdown-menu {
        left: auto;
        right: 0;
    }

    .search-form .input-group .form-control.color-active {
        padding-right: 110px;
    }


    .comment_form .input-sm {
        padding-right: 10px;
    }

    .comment_form .com_field {
        padding-left: 0px;
    }

    .comment_form .com_ava {
        display: none;
    }

    .submit-com {
        display: block;
        position: static;
        float: left;
        margin-top: 10px;
    }

    .comment_form .reset {
        float: right;
        margin: 0px 0px 0px 10px;
        height: 32px;
        width: 32px;
        align-items: center;
    }

    .comment_form .reset span {
        vertical-align: middle;
    }

    .report_comment {
        display: none;
    }

    .com_ava {
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }

    .com_data {
        padding-left: 50px;
        padding-top: 0px;
    }

    @media only screen and (max-device-width : 400px) {
        .com_date {
            display: none;
        }
    }

    .dw-btns {
        display: block;
        margin-bottom: 0px;

    }

    .dw-btns-top {
        /* width:100%; */
    }

    .starting_download,
    .starting_view {
        text-align: center;
        padding: 0px 5px 0px 5px;
        margin: 0px 0px 15px 0px !important;
    }

    .starting_view {
        margin-bottom: 0px !important;
    }


    .remaining-walls a {
        width: 100%;
        height: auto;
    }

    .remaining-walls a:nth-child(3n+1) {
        margin-right: 0;
    }

    .page-indicator {
        right: 50%;
        bottom: 18px;
        margin-left: -50%;
        transform: translateX(50%);
        font-size: 11px;
        padding: 0 8px;
        line-height: 23px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    }



    #show-hide_filters {
        display: flex;
    }

    .iv-btns {
        margin-left: 10px;
    }

    .sort-label {
        display: flex;
    }

    .nav-search-bar {
        transition: background .1s linear;
    }


    .full-width,
    .tt {
        position: absolute;
        background: #399bff;
        z-index: 999;
        padding-right: 14px;
        padding-left: 4px;
        max-width: 100% !important;
    }

    #header .menu-toggle {
        padding-left: 10px;
    }

    #header .m-profile .dropdown-toggle {
        margin-right: 0px;
        padding-right: 12px;
    }

    .top-bar {
        padding: 0px 14px;
    }

    #header figure {
        padding-right: 0px;
    }

    #header .search-form {
        border-left: none;
        padding-left: 10px !important;
        padding-right: 10px;
    }

    .h-upload-link {
        display: none !important;
    }


    #header .navbar-right {
        border-left: none;
        padding: 0px;
    }

    #header .m-profile .dropdown-toggle {
        margin-left: 0px;
    }

    .iv-label {
        display: none;
    }

    .top-bar .sort-pane {
        display: none;
    }

    .filters-bar {
        z-index: 20;
        box-shadow: 0 5px 10px rgb(0 0 0 / 40%);
        background: #1e252d;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 20px;
        /* top: 145px; */
        /* right: 8rem; */
        border-radius: 5px;
        position: fixed;
        display: block;
        position: absolute; /* ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ, max-width ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ */
        top: 7rem; /* ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ ГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅГѓЖ’Г‚ВЇГѓвЂљГ‚ВїГѓвЂљГ‚ВЅ */
        right: 0;
    }

    #show-hide_filters.active:after {
        content: '';
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 998;
    }

    .filters-bar .sort-pane {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .filters-bar .sort-pane .dropdown {
        margin-top: 10px;
    }

    .filters-bar .sort-pane .dropdown .sort {
        margin-left: 0px;
    }

    .pagination .prev a {
        border-radius: 3px 0px 0px 3px;
    }

    .pagination .next a {
        border-radius: 0px 3px 3px 0px;
    }

    .aditem {
        margin-bottom: 14px;
        height: auto !important;
        overflow: visible !important;
        ;
    }


    #main.image-view .items {
        padding: 20px 5px 7px 5px;
    }

    #main.card-view .items {
        padding: 20px 7px 7px 7px;
    }

    .wallpaper-preview {
        border-bottom: none;
        margin-right: 0px;
    }


    .res-info,
    .resblocks {
        display: none;
    }

    .wallpaper-description {
        margin-bottom: 20px;

    }

    .container-right {
        margin-top: 0px;
    }

    .wp_rec {
        padding: 0px;
    }

    .rec1 {
        margin-bottom: 20px;
    }

    .rec2 {
        margin-top: 20px;
    }

    .aditem {
        margin-bottom: 14px;
        height: auto !important;
        overflow: visible !important;
        ;
    }

    .back-or-dl .starting_download {
        padding: 0px 12px;
    }


}


@media only screen and (min-device-width : 768px) and (max-device-width : 992px) {
    #header figure {
        width: inherit;
    }

    #header figure a {
        font-size: inherit;
    }

    .top-bar h1 span {
        display: initial;
    }

}

/*-------------ads---------------*/




@media (max-width: 1760px) {
    .wp_rec {
        padding: 0 60px;
    }
}

@media (max-width: 992px) {
    .wp_rec {
        padding: 0 20px;
    }

}

@media only screen and (max-device-width: 992px) and (min-device-width: 768px) {
    .wp_rec {
        padding: 0 70px;
    }

}

.entry_links {
    height: 30px;
    max-width: 1024px;
    margin-bottom: 10px;
}

@media only screen and (max-width:600px) {
    .entry_links {
        height: 90px
    }
}


.im-proro {
    display: block;
    height: 90px;
    width: 728px;
    background: url(/themes/default/assets/promo/WC-yb72890.png);
}

@media only screen and (max-width:1449px) {
    .im-proro {
        display: block;
        height: 60px;
        width: 468px;
        background: url(/themes/default/assets/promo/WC-yb46860.png);
    }
}



/*------------------- ajax UI ------------*/


.load_more_walls {
    border-color: #399bff;
    background-color: rgba(57, 155, 255, 0.4);
    color: #fff;
    width: 200px;
    margin-bottom: 20px;
    line-height: 34px;
    padding: 0;
}

.load_more_walls:hover,
.load_more_walls:focus {
    color: #fff;
    background-color: rgba(57, 155, 255, 0.5);
    box-shadow: 0px 0px 10px 1px rgb(57 155 255 / 20%);
    border-color: #399bff;

}

.load_more_walls.disabled,
.load_more_walls.disabled:hover {
    border-color: #399bff;
    color: #fff;
    background-color: rgba(57, 155, 255, 0.5);
}

.end_results {
    padding-bottom: 30px;
}




#wall_single_modal {
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}



#wall_single_modal .modal-lg {
    max-width: 1325px;
    width: 100%;
}

#wall_single_modal.fade .modal-dialog {
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    transform: translate(0, 25%);
}

#wall_single_modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}


#wall_single_modal .modal-content {
    background-color: #1b2431;
    overflow: visible;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 60%);
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 60%);
}





#wall_single_modal .modal-header {
    border-radius: 10px 10px 0px 0px;
    background: #14191f;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
}

#wall_single_modal .modal-flex {
    display: flex;
    align-items: center;
}

#wall_single_modal .modal-header:before,
#wall_single_modal .modal-header:after {
    content: unset;
}


#wall_single_modal .heading {
    overflow: hidden;
}


#wall_single_modal .modal-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#wall_single_modal .modal-content {
    border-radius: 10px;
    background: #14191f;
}


#wall_single_modal .wallpaper-preview {
    padding: 0px 20px 0px 20px;
    border-radius: 5px;
}


#wall_single_modal .rside-box-nl {
    padding: 0px 20px 0px 20px;
}


#wall_single_modal .wallpaper-preview .thumbnail {
    margin: 0;
    padding: 0;
    border-radius: 5px;
}

#wall_single_modal .single {
    border-radius: 0px 0px 10px 0px;
    box-shadow: none;
}

#wall_single_modal .next_prev .pull-right {
    -webkit-transform: translateX(390px);
    transform: translateX(390px);
}

#wall_single_modal .next_prev .pull-left {
    -webkit-transform: translateX(-90px);
    transform: translateX(-90px);
}

#wall_single_modal .next_prev a {
    color: rgb(255 255 255 / 60%);
}

#wall_single_modal .next_prev a:hover {
    color: rgb(255 255 255 / 100%);
}

#wall_single_modal .wallpaper-preview {
    border-bottom: none;
    background: none;
}

#wall_single_modal .rs-hr {
    margin: 20px 0;
    height: 1px;
    background: #14191f;
}

#wall_single_modal .close {
    color: #a3b4d0;
    transition: all 0.3s ease;
    margin-top: 0px;
}

#wall_single_modal .close:focus,
#wall_single_modal .close:hover {
    opacity: 0.6;
}

#wall_single_modal .close .msr {
    font-size: 32px;
}

#wall_single_modal #moder_panel {
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: unset;
}


#moder_panel span {
    display: block;
    font-size: 28px;
    font-weight: 600;
}

#wall_single_modal #moder_panel:hover {
    background: none;
    color: #a3b4d0;
}

#wall_single_modal h1 {
    font-size: 17px;
}




@media (max-width: 767px) {

    .res-info,
    .resblocks {
        display: none;
    }

    #wall_single_modal .modal-flex {
        width: 100%;
        justify-content: space-between;
    }

    #wall_single_modal #moder_panel {
        margin-left: 5px;
        margin-right: 25px;
    }

    #wall_single_modal .modal-flex .dropdown-menu {
        left: auto;
        right: 0;
    }

    #wall_single_modal .rside-box-nl {
        padding: 20px 20px 0px 20px;
    }
}

@media screen and (max-width: 992px) {

    #wall_single_modal h1 {
        font-size: 16px;
    }


    #wall_single_modal .modal-lg {
        margin: 10px 0px 0px 0px;
    }

    #wall_single_modal .wallpaper-preview {
        padding: 0;
    }

    #wall_single_modal .wallpaper-preview .thumbnail {
        margin: 0;
        padding: 0;
        border-radius: 0;
    }

    .res-info,
    .resblocks {
        display: none;
    }

    #wall_single_modal .next_prev .pull-right {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    #wall_single_modal .next_prev .pull-left {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }



    #wall_single_modal .modal-header {
        /* background: #2f3c51; */
        height: 52px;
    }

    .img-mobile {
        border-radius: 5px !important;
    }


    #wall_single_modal .close span {
        font-size: 21px;
    }


    #wall_single_modal .modal-flex .dropdown-menu {
        box-shadow: 0 6px 12px rgb(0 0 0 / 60%);
    }

}

@media (min-width: 993px) and (max-width: 1450px) {
    #wall_single_modal .next_prev .pull-right {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px);
    }

    #wall_single_modal .next_prev .pull-left {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

}


.img_loader {
    position: absolute;
    z-index: 1;
}


.item .img_loader {
    width: 120px;
    height: 40px;
    margin-left: -60px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
}


.wallpaper-preview .img_loader {
    width: 120px;
    height: 40px;
    top: -10px;
    left: 50%;
    margin-left: -60px;
}

.im_loader,
.im_loader:before,
.im_loader:after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.im_loader {
    color: rgb(255 255 255 / 70%);
    font-size: 10px;
    margin: 0px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.im_loader:before,
.im_loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.im_loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.im_loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}


#walls-loader {
    width: 200px;
    height: 36px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

#walls-loader .img_loader {
    position: static;
}


#walls-loader .im_loader {
    color: #38475f;
    top: -16px;
}


.not_approve_count {
    font-size: 11px !important;
    float: none !important;
    display: inline-block;
    background: #f44455;
    line-height: 15px !important;
    padding: 0 5px;
    color: #fff;
    border-radius: 16px;
    margin-right: 0px !important;
    margin-left: 5px;
    position: relative;
    top: -1px;
    min-width: 18px;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 30%);
}

#android_promo {
    position: fixed;
    z-index: 999;
    border-radius: 7px;
    overflow: hidden;
    bottom: 45px;
    right: 30px;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 60%);
    background: rgb(39 49 66 / 93%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 300px;
}


#android_promo .ab_close {
    position: absolute;
    right: 5px;
    top: 5px;
    border: none;
    outline: none;
    background: none;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    color: #a4b3cf;
    font-size: 15px;
    z-index: 1;
}


#android_promo .part1 {
    width: 270px;
    padding-right: 0;
}

#android_promo .part2 {
    width: 220px;
    padding-left: 0;
}


#android_promo .ab_icon {
    margin: 30px auto 20px;
    width: 96px;
    position: relative;
}


#android_promo .ab_app_logo {
    height: auto;
    display: block;
    border-radius: 20px;
    width: 96px;
}

#android_promo .ab_app_logo_blur {
    position: absolute;
    filter: blur(10px);
    opacity: 55%;
    bottom: -8px;
    z-index: -1;
    width: 80px;
    margin: 0 auto;
    right: 50%;
    margin-left: -50%;
    transform: translateX(50%);
}

#android_promo .ab_app_name {
    font-weight: 500;
    text-align: center;
    font-size: 30px;
    color: #a3b4d0;
    letter-spacing: 1.5px;
}

#android_promo .ab_app_desc {
    font-weight: 500;
    text-align: center;
}

#android_promo .ab_google-play-badge {
    margin-top: 0px;
    width: 220px;
    margin: 0 auto;
    display: block;
}


#android_promo .ab_smartphone {
    position: relative;
    width: 160px;
    bottom: -27px;
}


@media only screen and (max-device-width : 768px) {
    #android_promo {
        width: 100%;
        right: 0;
        bottom: 0;
        border-radius: 0px;
    }

    #android_promo .part1 {
        width: 100%;
        padding-right: 15px;
    }

}


.app_link {
    height: unset;
}

.app_link a {
    display: block !important;
    height: unset !important;
}

.app_link img {
    width: 100%;
    max-width: 230px;
    height: auto;
    margin: 0 auto;
    display: block;
}


/* Crop Page */

#crop-btn button {
    border: 1px solid #399bff;
    background: rgba(57, 155, 255, 0.4);
    padding: 0px 10px;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    transition: all 0.3s ease;
    color: #fff !important;
    font-size: 13px;
}

#crop-btn button:hover {
    background-color: rgba(57, 155, 255, 0.5);
    box-shadow: 0px 0px 10px 1px rgb(57 155 255 / 20%);
}

#crop-btn #cr_download {
    padding: 0px 17px;
}

#crop-btn #cr_download .s16 {
    padding-right: 7px;
}

@media only screen and (max-device-width : 767px) {

    #crop-btn button {
        padding: 0px !important;
        width: 50px;
    }

    #crop-btn #cr_download span {
        padding-right: 0px !important;
    }

}


#crop.thumbnail {
    z-index: unset;
    cursor: unset;
    max-height: 800px;
}

#image_name_form .twitter-typeahead {
    display: block !important;
}

#image_name_form #image_name {
    background-color: #1b2431 !important;
}


.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    background-color: #2f3c51;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
    cursor: pointer;
    z-index: 999 !important;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #a3b4d0;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #399bff;
}

#tags-form .tag {
    font-size: 90%;
}

#tags-form .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
    top: -1px;
    position: relative;
}

.description {
    border-radius: 5px;
    max-width: 984px;
    margin: 0 auto;
    padding-bottom:7px;
    text-align: center;
}

.border-right {
	border-right: 1px solid #2f3c51;
}

.border-left {
	border-left: 1px solid #2f3c51;
}

.plr {
	padding-left:15px;
	padding-right:15px;
}


.pt20 {
	padding-top:20px;
}



#res-com-block {
 	display: none;
}

.image-view {
  padding-bottom:22px;
}

.btn-group.special {
    display: flex;
}

.btn-group.special .btn {
    font-weight: 500;
    text-align: center;
    padding: 0px;
    line-height: 40px;
    transition: all 0.3s ease;
    font-size: 14px;
    border-radius: 5px;
    height: 57px;
}

.btn-group.special .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4898fc;
    border-color: rgb(0 0 0 / 30%);
    color: #fff;
}



.btn-group.special .btn:hover {
    background: #5bacff;
}

.btn-group.special .btn .s16 {
    top: 0px;
}

.btn-group.special .res_down {
    width: 100%;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.btn-group.special .res_down .s16 {
    margin-right: 7px;
}

.btn-group.special .res_view {
    width: 70px;
    border-top: none;
    border-bottom: none;
}

.btn-group.special .res_crop {
    width: 70px;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.btn-group.special .res_crop .msr {
    font-size: 22px;
    width: 22px;
}

.wallpaper_mobile {/* width: 80%; */height: auto;display: inline-block;margin: 20px 0;/* padding: 0 20px; */border: none;background-color: transparent;border-radius: 0px;background-clip: content-box;}