/*
 * Copyright (c) Byteflow (https://byteflow.pro) 2018-2019.
 */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=cyrillic,cyrillic-ext');

body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #5a5a5a;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 0.9rem;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown-menu {
    /* Hover disappear fix */
    top: 89%;
}

.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.navbar-brand {
    padding-top: 0;
}
.navbar-brand img {
    width: 140px;
}
header .navbar.bg-dark {
    border-bottom: 1px solid #762b0b;
    background: linear-gradient(to bottom, #111111, #101111, #101111, #0f1010, #0f100f);
}
.navbar .nav-link img, .navbar .nav-link i {
    width: 26px;
}
.navbar-dark .navbar-nav .nav-link.highlighted {
    color: #e74c09;
}
.navbar-dark .navbar-nav .nav-link.highlighted:hover, .navbar-dark .navbar-nav .nav-link.highlighted:focus {
    color: #762b0b;
}
.navbar li.nav-item {
    margin-right: 15px;
}
.subnavbar {
    margin-top: 1.5rem;
}
.subnavbar ul.navbar-center > li > a {
    border: 1px solid #50220f;
    padding: 5px 20px !important;
}
.subnavbar ul.navbar-center {
    /*margin-left: 20px;*/
}
/** Header **/
header .nav-item .nav-link.notifications-link .badge {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: unset;
    margin-top: -16px;
    margin-left: 0;
    right: unset;
}
.nav-link {
    position: relative;
}
header .nav-item .nav-link .badge {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
}
/** header-user-block  **/
.header-user-block img {
    width: 40px;
    margin-right: 10px;
    border: 1px solid #762b0b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.header-user-block .dropdown-toggle::after {
    content: unset;
}
.header-user-block button, .header-user-block .btn {
    border: 0;
}
.header-user-block a.username {
    margin-right: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #ffffff;
}

.show > .btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #414141;
    border-color: #414141;
}
.header-user-block .dropdown-menu {
    border-radius: 0 0 2px 2px;
    top: 98%;
    color: #fff;
    background-color: #101111;
    min-width: 13rem;
    -webkit-box-shadow: 0 10px 16px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 10px 16px -5px rgba(0,0,0,0.75);
    box-shadow: 0 10px 16px -5px rgba(0,0,0,0.75);
}
.header-user-block .dropdown-divider {
    border-top: 1px solid #762b0b;
}
.btn-outline-light:hover {
    color: #fff;
    background-color: #414141;
    border-color: #414141;
}
.header-user-block .dropdown-item:focus, .header-user-block .dropdown-item:hover {
    color: #fff;
    background-color: #2c2c2c;
}
.header-user-block .dropdown-item {
    color: #fff;
}

/* Basic */
.container-fluid {
    /*padding-right: 5rem;*/
    /*padding-left: 5rem;*/
}

body {
    background: #414141 linear-gradient(0deg, rgb(65, 65, 65) 70%, rgba(17, 17, 17, 1) 100%);
    color: #fff;
}
html {
    background: #454545;
}
main {
    /*margin-top: 3rem;*/
    min-height: 25rem;
}
a {
    color: #e74c09;
}
a:hover, a:focus {
    color: #762b0b;
    text-decoration: none;
}
.card.card-styled {
    /*margin: 10px;*/
    /*border-top: none;*/
    border-radius: 0;
    border: none;
    background: linear-gradient(to bottom, #101010, #1d1d1d, #2a2a2a, #373737, #454545);
    /*-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);*/
    /*box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);*/
}
.card.card-styled .card-header {
    border-bottom: 1px solid #e74c09;
    margin: 0 0.35rem;
    padding: .35rem .65rem;
    font-weight: bold;
}
.card.card-styled .card-header h4 {
    display: inline-block;
}
.card.card-styled-dark {
    background: rgb(17,17,17);
    background: linear-gradient(180deg, rgba(17,17,17,1) 0%, rgba(28,28,27,1) 20%, rgba(55,55,55,1) 45%, rgba(66,66,67,1) 80%, rgba(68,68,68,1) 100%);
}
.ad-block {
    margin-top: 2rem;
    margin-bottom: 2rem;
    -webkit-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
}
.p-ad {
    padding: 3rem 0;
}
.text-styled {
    color: #e74c09;
}
html {
    height: 100%;
}
body {
    min-height: 100%;
}
footer {
    border-top: 1px solid #762b0b;
    padding-top: 20px;
    /*margin-top: 10rem;*/
}
footer p {
    margin: 0;
}
footer .right-block {
    text-align: right;
}
.socials {
    display: block;
}
.socials a {
    display: inline-block;
    margin: 5px;
}
.socials i {
    font-size: 30px;
}

/** Pagination **/
.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #343434;
    border-color: #111111;
}
.page-item.active .page-link {
    color: #fff;
    background-color: #e74c09;
    border-color: #111111;
}
.page-link {
    color: #e74c09;
    background-color: #414141;
    border: 1px solid #111111;
}
.page-link:hover, .page-link:focus {
    color: #762b0b;
    background-color: #e74c09;
    border-color: #111111;
}
/** Vex **/
.vex-custom-field-wrapper {
    margin: 1em 0;
}
.vex-custom-field-wrapper > label {
    display: inline-block;
    margin-bottom: .2em;
}
/** Dropdown styled **/
.dropdown-menu {
    background-color: #414141 !important;
}
.dropdown-styled > a {
    border: 1px solid #50220f;
    padding: 5px 20px !important;
}
.dropdown-toggle-disabled.dropdown-toggle::after {
    display: none;
}
.nav-item.active .dropdown-styled > a.nav-link {
    color: #fff;
}
/** Form **/
.dropdown-menu.club-menu {
    width: 250px;
}
.dropdown-item-text {
    color: rgba(255,255,255,.5);
}
.dropdown-divider {
    border-top: 1px solid #762b0b;
}
.dropdown-item-text {
    border-bottom: 1px solid #762b0b;
}
.dropdown-menu {
    max-height: 80vh;
    overflow-y: auto;
}
.dropdown-club button {
    border: 0;
}
.dropdown-club .dropdown-item img {
    max-width: 100%;
    max-height: 30px;
}
.dropdown-club .dropdown-item {
    text-align: center;
}
.dropdown-club .dropdown-toggle::after {
    margin-left: unset;
    vertical-align: unset;
    border: none;
}
.navbar-brand {
    margin-right: 0;
}
button.btn > span.loading-text {
    vertical-align: text-bottom;
}
iframe {
    border: 0;
}
table {
    color: #fff !important;
}
.navbar-nav.navbar-center.mr-auto > .nav-item {
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}
table.table-photos img {
    width: 10rem;
    -webkit-box-shadow: 8px 10px 15px -3px #000000;
    box-shadow: 8px 10px 15px -3px #000000;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(118, 43, 11, 0.25);
}
.popover {
    max-width: 576px;
}
.popover-header {
    color: #cccfd0;
    background: #555555;
    border-color: #762b0b;
}
.popover-body {
    color: #CCCFD0;
    background: #414141;
}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
    border-right-color: #414141;
}
.filters-group {
    width: 13rem;
    margin-bottom: 1rem;
    height: 25px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.input-group-text {
    color: #fff;
    background-color: #762b0b;
    border: 1px solid #762b0b;
}
.multi-select-container {
    padding: 10px;
    background: linear-gradient(to bottom, #101010, #1d1d1d, #2a2a2a, #373737, #454545);
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
}
.multi-select-container label {
    color: #444444;
}
select.custom-select[multiple] {
    height: 8.8rem;
    overflow: auto;
}
select.custom-select {
    border: 0;
    background-color: transparent;
    color: #fff;
}
select.custom-select:focus {
    border-color: #762b0b;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(118, 43, 11, 0.5);
}
.text-muted {
    color: #9b9d9e !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #e74c09;
    border-color: #e74c09 #e74c09 #762b0b;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #762b0b;
    color: #fff;
}
.nav-tabs {
    border-bottom: 1px solid #762b0b;
}
.container-fluid-l {
    padding-right: 10rem;
    padding-left: 10rem;
}
hr {
    border-top: 1px solid #762b0b;
}
hr.light {
    border-top: 1px solid #cacaca;
}
.alert-primary {
    background: #e74c09;
    color: #fff;
    border-color: #762b0b;
}
button.badge {
    cursor: pointer;
}
.text-primary {
    color: #e74c09 !important;
}
.text-danger {
    color: #f7000e !important;
}
.img-circle {
    max-width: 100%;
    height: auto;
    border-radius: 50em;
}
.btn-outline-primary {
    color: #e74c09;
    background-color: transparent;
    background-image: none;
    border-color: #e74c09;
}
.btn-outline-primary:hover {
    background-color: #d44609;
    border-color: #d44609;
}
.btn-round {
    border-radius: 50%;
}
.list-group-item {
    background: #454545;
    border: 1px solid #762b0b;
}
.badge-primary {
    background: #e74c09;
}
.form-control {
    color: #fff;
    border: 1px solid #762b0b;
    background-color: #444444;
}
.form-control:focus {
    background-color: #575757;
    border-color: #8a2d0b;
    box-shadow: 0 0 0 0.2rem rgba(138, 45, 11, 0.25);
    color: #fff;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #686868;
    color: #3a3a3a;
    opacity: 1;
}
textarea.form-control, textarea[readonly].form-control {
    background-color: #dfddde;
    color: #111111;
    border-radius: 0;
}
span.chevron {
    background: url("/img/chevron.png");
    width: 28px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
span.chevron:hover, .span.chevron:focus, .style-link > .span.chevron:hover, .style-link > .span.chevron:focus {
    background: url("/img/chevron_hover.png");
}
.style-link {
    padding-right: 35px !important;
    background: url("/img/chevron.png") no-repeat right;
}
.style-link:hover, .style-link:focus {
    background-image: url("/img/chevron_hover.png");
}
.form-inline.form-styled {
    position: relative;
    margin-right: 15px;
    margin-top: 10px;
    width: 15rem;
    height: 24px;
}
.form-inline.form-styled .form-control {
    border: 1px solid #C7430A;
}
.form-inline.form-styled i {
    margin-right: 5px;
}
.form-inline.form-styled > input {
    width: 100%;
    background: #b0b3b4;
    height: 24px;
    color: #000;
    font-size: 0.9rem;
    border-radius: 0;
    margin-right: 0 !important;
    padding-right: 0;
}
.form-inline.form-styled > button {
    position: absolute;
    right: -5%;
    background: url("/img/chevron.png") no-repeat right;
    width: 28px;
    height: 24px;
    border: none;
    border-radius: 0;
    top: 0;
}
.form-inline.form-styled > button:hover, .form-inline.form-styled > button:focus  {
    background: url("/img/chevron_hover.png") no-repeat right;
}

/** Modal  **/
.modal-header {
    border-bottom: 1px solid #762b0b;
}
.modal-footer {
    border-top: 1px solid #762b0b;
}
.modal-content {
    background: #414141;
    background: linear-gradient(0deg, rgb(65, 65, 65) 70%, rgba(17,17,17,1) 100%);
    color: #fff;
}
/** Dropdown **/
.dropdown-header {
    padding: 8px 20px;
    background: linear-gradient(to bottom, #101010, #1d1d1d, #2a2a2a, #373737, #454545);
    border-bottom: 1px solid #762b0b;
    font-size: .765625rem;
    white-space: nowrap;
}
.dropdown-menu {
    padding: 0;
    border: 1px solid #762b0b;
}
.dropdown-menu-12 {
    min-width: 12rem;
}
.dropdown-menu-lg {
    /*min-width: 250px;*/
    /*max-width: 350px;*/
    width: 350px;
}
header .dropdown-menu {
    line-height: 1.5;
}
.dropdown-divider {
    margin: 0;
}
.dropdown-item i {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    margin-left: -10px;
    color: #73818f;
    text-align: center;
}
.notifications-drop .dropdown-item {
    font-size: 12px;
}
.notification-item {
    cursor: pointer;
}
.notification-item.unreaded {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.notification-item.unreaded a {
    color: #c08f05;
}
.notification-item.unreaded:hover, .notification-item.unreaded:focus {
    color: #6f5404;
    background-color: #ece0bf;
    border-color: #f4e3b3;
}
.notification-item.unreaded:hover a, .notification-item.unreaded:focus a {
    color: #6f5404;
}
header .badge-pill {
    padding: 0.3rem 0.4rem;
}
.notification-item a {
    /*color: #ffffff;*/
}
.dropdown-item {
    word-wrap: break-word;
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #373737;
    font-weight: 400;
    color: #ffffff;
    text-align: inherit;
    white-space: unset !important;
    background-color: #454545;
}
.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: #1d1d1d;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #373737;
}
/** Buttons **/
.btn-styled {
    color: #cccfd0;
    background: #444444;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.36);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.36);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.36);
}
.btn-styled:hover, .btn-styled:focus {
    background: #555555;
}
.btn-primary {
    background-color: #e74c09;
    border: 1px solid #762b0b;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #9e3406;
    border-color: #4b1b07;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover {
    background-color: #d44609;
    border-color: #69280b;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(118, 43, 11, 0.5);
}
/** DEBUG **/
.xdebug-var-dump {
    margin-top: 30px;
    border: 1px dashed red;
    padding: 10px;
}
.xdebug-var-dump small {
    color: #fff;
}
/** PROFILE **/
.profile-contacts .content p {
    margin: 0;
}
.profile-rating {
    position: absolute;
    bottom: -10%;
    width: 128px;
    right: 0;
}
.profile-cover {
    object-fit: cover;
}
.profile-pills {
    padding-left: 20.7%;
    background: #111111;
}
.profile-pills a {
    color: rgba(255,255,255,.5);
}
.profile-pills a:focus, .profile-pills a:hover {
    color: #d44609;
}
.profile-pills a:active, .profile-pills a.active {
    color: #d44609;
}
.profile {
    position: relative;
    margin-bottom: 4rem;
}
.profile img.image-lg {
    z-index: 0;
    width: 100%;
    height: 250px;
}
.profile-avatar {
    position: absolute;
    bottom: -10%;
    left: 5%;
}
.profile-text {
    position: absolute;
    bottom: 90px;
    left: 150px;
}
.image-profile {
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    float: left;
    border: 2px solid #762b0b;
}
.image-profile-sm {
    width: 4rem;
    height: 4rem;
}
.profile-block {
    margin-bottom: 25px;
}
/** Profile block **/
.user-profile-block {
    text-align: center;
}
.user-profile-block .profile-controls a {
    display: inline-block;
}
.user-profile-block img {
    border-radius: 50%;
    border: 2px solid #762b0b;
}
.user-profile-block a {
    display: block;
}
.user-profile-block.profile-block-small img {
    width: 50px;
    height: 50px;
}
.profile-map .content #map {
    height: 300px;
}
.upload-map #map {
    height: 300px;
    width: 100%;
}
.profile-info-block {
    text-align: center;
}
.profile-info-block p:last-child {
    color: rgba(255,255,255,.5);
}
.profile-info-block p {
    margin-bottom: 5px;
}
.profile-friends-block p, .profile-devices-block .alert > p, .profile-friends-requests-block .alert > p {
    margin: 0;
}
.profile-right-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}
.card {
    background: #414141;
}
.card {
    margin-bottom: 15px;
}
.card i.ico {
    font-size: 120px;
}
.card-p-no-margin p {
    margin: 0;
}
.card.card-styled-alt {
    margin: 10px;
    border-top: none;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: 8px 10px 15px -3px #000000;
    box-shadow: 8px 10px 15px -3px #000000;
}
.card.card-styled-shadowed {
    margin: 10px;
    border-top: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.75);
}
/** PHOTO PAGE **/
#photo-preview {
    object-fit: cover;
}
.photo-error {
    text-align: center;
    background-color: #000;
    padding-top: 5rem;
    padding-bottom: 10rem;
}
.photo-big {
    position: relative;
    /*height: 80vh;*/
}
.photo-big > a {
    height: inherit;
}
.photo-big img {
    width: auto;
    object-fit: cover;
    /*height: inherit;*/
    max-height: 80vh;
    margin: 20px 0;
    -webkit-box-shadow: 0 0 15px 5px #000000;
    box-shadow: 0 0 15px 5px #000000;
}
.photo-big .photo-header {
    position: absolute;
    top: 1.2rem;
    padding: 5px;
    width: 100%;
    height: 4rem;
    background: rgba(0, 0, 0, 0.5);
}
.photo-footer {
    color: #cccfd0;
    /*margin-bottom: 3rem;*/
    position: relative;
    /*margin-top: 5rem;*/
}
.photo-footer .photo-info {
    overflow: hidden;
}
.photo-footer .photo-info-block.controls button {
    white-space: normal;
    width: 160px;
    font-size: 1rem;
    text-align: center;
    margin-left: 10px;
}
.photo-footer .photo-info-block.controls button:first-child {
    margin-left: 0;
}
.photo-footer .photo-info {
    background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(68,68,68,1) 100%);
    box-shadow: 8px 10px 15px -3px #111111;
    padding-left: 17rem;
    padding-top: 20px;
    padding-bottom: 20px;
}
.photo-footer .image-profile {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.photo-footer img.image-lg {
    z-index: 0;
    width: 100%;
    height: 250px;
}
.photo-avatar {
    position: absolute;
    top: 0.5rem;
    left: 5%;
}
.photo-info-block:first-child {
    margin-left: 0;
}
.photo-info-block.stats {
    font-size: 1.2rem;
    margin: 0 40px;
    margin-top: 1rem;
}
.photo-info-block.stats p {
    display: block;
    margin-bottom: 2px;
}
.photo-info-block.stats p:last-child {
    margin-bottom: 0;
}

/* Gradient background selector */
.photo-footer .gradient {
    position: absolute;
    top: -1.5rem;
    right: 1px;
    width: auto;
    height: 1.5rem;
    border: 1px solid #762b0b;
    border-bottom: 0;
    border-right: 0;
}
.photo-footer .gradient span {
    width: 1.2rem;
    display: block;
    background: #ffffff;
    cursor: pointer;
    -webkit-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}
.photo-footer .gradient span.active {
    width: 4rem;
}
.photo-footer .gradient i {
    -webkit-transition: font-size 0.2s ease-in-out;
    transition: font-size 0.2s ease-in-out;
}
.photo-footer .gradient span:hover, .photo-footer .gradient span:focus {
    width: 2rem;
}
.photo-footer .gradient span:nth-child(1) {
    background-color: #fefefe;
}
.photo-footer .gradient span:nth-child(2) {
    background-color: #d9d9d9;
}
.photo-footer .gradient span:nth-child(3) {
    background-color: #b6b6b6;
}
.photo-footer .gradient span:nth-child(4) {
    background-color: #929292;
}
.photo-footer .gradient span:nth-child(5) {
    background-color: #6e6e6e;
}
.photo-footer .gradient span:nth-child(6) {
    background-color: #4a4a4a;
}
.photo-footer .gradient span:nth-child(7) {
    background-color: #262626;
}
.photo-footer .gradient span:nth-child(8) {
    background-color: #020202;
}
.photo-footer .gradient span:nth-child(9) {
    text-align: center;
    background: #414141;
}

.photo-footer .gradient span:nth-child(9):hover i, .photo-footer .gradient span:nth-child(9):focus i {
    font-size: 1.7em;
}

/** Photo comments **/
.photo-comments-list, .comment-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.photo-comment-top-block a {
    color: #e74c09 !important;
}
.photo-comments-list li {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.photo-comments-list li:last-child {
    margin-bottom: 0;
}
.photo-comments-list .photo-comment-right {
    /*float: left;*/
    margin-left: 1rem;
}
.photo-comments-list .photo-comment-top-block a:not(.d-inline-block) {
    font-size: 1.4rem;
    line-height: 1;
}
.photo-comments-list .photo-comment-top-block small {
    display: block;
    font-size: 0.7rem;
}
.photo-comments-list .photo-comment-top-block p {
    margin-top: 10px;
}
.photo-comments-list .photo-comment-controls button {
    margin-right: 10px;
}
.photo-comments-list .photo-comment-controls button:last-child {
    margin-right: 0;
}
.photo-comment-controls a {
    display: inline-block !important;
    cursor: pointer !important;
}
.photo-comment .comment-content {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
/** Albums **/
.albums-container .album img {
    object-fit: cover;
    width: 13rem;
    height: 13rem;
    cursor: pointer;
}
.albums-container .album {
    position: relative;
    margin: 0.75rem;
    background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(68,68,68,1) 100%);
    box-shadow: 8px 10px 15px -3px #000000;
}
.albums-container .album-info {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0.3rem;
    background: rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** Gallery **/
.top-photo {
    display: inline-block;
}
.top-photo img {
    max-height: 80vh !important;
}
.top-photo-home img {
    max-height: 17rem !important;
    width: auto;
    object-fit: cover;
}
.top-photo-home .photo {
    overflow: hidden;
}
.btn-overlay-container {
    /*position: absolute;*/
    /*display: flex;*/
    /*height: 100%;*/
}
.mainGalleryContainer {
    position: relative;
}
.btn-overlay {
    top: 50%;
    position: absolute;

    text-align: center;
    display: inline-block;
    z-index: 10;
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.mainGallery {
    text-align: center;
}
.btn-overlay:hover, .btn-overlay:focus {
    background-color: rgba(0,0,0,0.5);
}
.btn-overlay i {
    font-size: 2rem;
    z-index: 11;
}
.btn-previous {
    left: 0;
}
.btn-next {
    right: 0;
}
.blurred {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.import-block {
    border: dashed #762b0b 3px;
    padding: 1rem;
}
.photo-info-container {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.photo.album {
    width: 38.125rem;
    height: 25.3125rem;
}
.photo.portrait {
    width: 17.8125rem;
    height: 25.3125rem;
}
.photo {
    position: relative;
}
.photo-card {
    background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(68,68,68,1) 100%);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
}
.photo-card .photo-card-bottom {
    padding: 1rem;
}
.photo-card .photo-info {
    position: absolute;
    bottom: 0;
    /*padding: 5px;*/
    width: 100%;
    height: 100%;
    display: none;
    /*background: rgba(0, 0, 0, 0.5);*/
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photo-card .photo-info p {
    margin-bottom: 5px;
}
.photo-card .photo-info a.title, .contest-photo .photo-card .photo a.title {
    font-size: 1.2rem;
    width: 100%;
    height: 100%;
    display: block;
    padding: 5px;
}
.photo-card .photo-info-bottom {
    padding: 5px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
}
.photo-card .photo-info-top {
    display: block;
    height: 2.5rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
}
.photo-card:hover .photo-info, .photo-card:focus .photo-info {
    display: block;
}
.photo-card .photo img:not(.photo-medal) {
    width: 100%;
    object-fit: cover;
    /*height: 25.3125rem;*/
}
.photo-card:first-of-type.photo-card:last-of-type .photo img {
    /*max-height: 80vh;*/
}
.photo-medal {
    position: absolute;
    top: -3px;
    left: -4px;
    width: 80px;
    height: 80px;
}
.photo-badge {
    position: absolute;
    top: 1rem;
    right: 0;
    padding: 5px;
    min-width: 80px;
    text-align: center;
    background: #454545;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    font-size: 0.7rem;
    z-index: 10;
}
.photo-badge-second {
    top: 3rem;
}
.photo-badge-third {
    top: 5rem;
}
.photo-badge-bottom {
    top: 13.3rem;
}
.photo-badge-auto {
    min-width: unset;
}
.photo-badge-primary {
    background: #762b0b;
}
.photo-badge-top {
    top: 15%;
    z-index: 10000;
}
.photo-text .photo-title {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** Grid **/
.stamp {
    position: absolute;
    right: 3.4rem;
    top: 0;
    width: 45%;
    /*height: 16rem;*/
}
.grid {
    /*min-height: calc(100vh - 100px);*/
    position: relative;
    margin: 0 auto;
}
/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}
.grid-item {
    float: left;
    padding: 0.5rem;
}
/* fluid 5 columns */
.grid-item {
    width: 25%;
}
.grid-item.album img {
    height: 15rem;
}
.grid-item.portrait img {
    height: 31.1rem;
}
.grid-item.journal.portrait img {
    height: 41.1rem;
}
.grid-item.album {
    width: 25%;
}
.grid-item.portrait {
    width: 25%;
}
.grid-item.article {
    min-height: 33.125rem;
}
.grid-item.contest {
    width: 25%;
}
/* For home page */
.grid-item.portrait-sm {

}
.grid-item.portrait-sm img {
    height: 7rem;
    object-fit: cover;
}
.grid-item.portrait-top img {
    width: 100%;
    object-fit: cover;
}
.grid-item-100 {
    width: 100% !important;
}
/* Small grid */
.grid-item-sm {
    width: 20%;
}
.grid-item-sm.album img {
    height: 10rem;
}
.grid-item-sm.portrait img {
    height: 21.65rem;
}
.grid-item-sm.album {
    width: 22%;
}
.grid-item-sm.portrait {
    width: 17%;
}
/* 2 columns */
.grid-item--width2 {
    width: 40%;
}
/** -- End grid -- **/

/** AUTHORS **/
.authors-map {
    height: 20rem;
}
.author img {
    width: 5rem;
    float: left;
    border-radius: 50%;
}
.author li::after {
    content: "";
    display: table;
    clear: both;
}
.author {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #828282;
    /*max-width: 80%;*/
}
.authors-list {
    list-style: none;
    padding-left: 0;
}
.authors-list-simple .author-username {
    margin-left: 1rem !important;
}
.authors-list-simple .author {
    border-bottom: 0;
}
.author .author-username {
    float: left;
    margin-left: 1rem;
    margin-top: 25px;
    vertical-align: middle;
    word-break: break-word;
    /*min-width: 13rem;*/
}
.author .author-info {
    display: block;
    /*float: left;*/
    /*min-width: 6rem;*/
    /*margin-right: 2rem;*/
    /*margin-left: 2rem;*/
    margin-top: 10px;
}
.author .author-info span {
    display: block;
    text-align: center;
}
.authors-page .ad-block {
    /*width: 500px;*/
    /*height: 300px;*/
    background: #343434;
}
/** Diaries and journals **/
.diary-page {
    margin-bottom: 5rem;
    margin-top: 6rem;
}
.journal-small img, .resource-small img {
    width: 12rem;
    height: 12rem;
    object-fit: cover;
}
.diary-small img, .article-small img, .journal-small img, .resource-small img {
    width: 8rem;
    height: 8rem;
    object-fit: cover;
    float: left;
    margin-right: 1.2rem;
}
.article-small img, .diary-small img {
    height: 8.4rem;
}
div .diary-small:not(:last-child), div .article-small:not(:last-child) {
    margin-bottom: 1.3rem;
}
.journal-small a, .resource-small a, .diary-small a {
    /*font-size: 1.25rem;*/
}
.journal-small .journal-content, .resource-small .resource-content, .diary-small .diary-content, .article-small .article-content, .contest-small .contest-content {
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    word-break: break-word;
    margin-top: 0;
}
.article-short-content, .diary-short-content, .journal-short-content, .resource-short-content {
    word-break: break-word;
}
.journal-small .journal-content img, .resource-small .resource-content img, .diary-small .diary-content img, .article-small .article-content img, .contest-small .contest-content img, .journal-content img, .resource-content img, .diary-content img, .article-content img, .contest-content img, .diary-content img {
    max-width: 100%;
    height: auto;
}
.diary-card .diary-card-bottom {
    margin-top: 1rem;
}
.diary-card .diary-card-bottom button:not(:last-child) {
    margin-right: 1rem;
}
.diary-card, .journal-card, .article-card, .contest-card, .event-card {
    /*overflow: hidden;*/
    /*word-break: break-all;*/
    /*text-overflow: ellipsis;*/
}
.diary-card img, .journal-card img, .article-card img, .contest-card img, .event-card img, .resource-card img {
    width: 100%;
    object-fit: cover;
    min-height: 15rem;
    background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(68,68,68,1) 100%);
    /*box-shadow: 8px 10px 15px -3px #000000;*/
    height: 25.3125rem;
}
.contest-row {
    margin-bottom: 10px;
}
.contest-row img {
    border-radius: 4px;
    border: 2px solid #762b0b;
}
.contest-card img {
    height: 15rem;
}
.diary-card a:not(.badge), .journal-card a:not(.badge), .article-card a:not(.badge), .contest-card a:not(.badge), .event-card a:not(.badge), .resource-card a:not(.badge) {
    font-size: 2.3rem;
}
.contest-card a:not(.badge) {
    font-size: 1.5rem;
}
.contest-card p {
    color: #9b9d9e;
}
.diary-picture, .journal-picture, .article-picture, .contest-picture, .group-picture, .listing-picture, .event-picture {
    max-width: 70%;
    text-align: center;
}
.diary-picture img, .journal-picture img, .article-picture img, .contest-picture img, .group-picture img, .event-picture img {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    object-fit: contain;
}
.diary-title, .journal-title, .article-title, .contest-title, .listing-title {
    margin-top: 2rem;
    color: #e74c09;
}
.diary-content, .journal-content, .article-content, .contest-content, .listing-content {
    margin-top: 2rem;
    word-break: break-word;
}
.diary-info a, .journal-info a, .article-info a, .contest-info a, .listing-info a {
    display: inline-block;
}
.diary-info a, .diary-info span, .diary-info button {
    font-size: 0.8rem;
}
.diary-info span, .diary-author span {
    cursor: default;
}
/** Comment form **/
.comment-group .list-group-item {
    background: none;
}
.comment-form {
    /*margin-top: 1rem;*/
}
.comment-form button {
    margin-top: 0.5rem;
}
/** Comment **/
.comment-replies {
    padding-left: 5rem;
}
.diary-page .comment-replies {
    padding-left: 0;
}
.comment-group {
    list-style-type: none;
}
.comment-group time {
    color: #e74c09;
}
.comment-group time, .comment-group a {
    font-size: 80%;
    font-weight: 400;
}
.comment-group a {
    display: block;
    color: #b0b3b4;
}
.comment-group a:hover, .comment-group a:focus {
    color: #d3d6d7;
}
.comment-controls {
    border-top: 1px solid #e74c09;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}
.comment {
    border-bottom: 0;
}
/** Devices **/
.picture-wrapper {
    position: relative;
}
.picture-wrapper a {
    position: absolute;
    top: 10px;
    left: 10px;
}
.devices-list img, .device-small img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.device-small img {
    border-radius: 4px;
    margin-bottom: 10px;
}
.device-small {
    text-align: center;
    width: 150px;
    padding: 10px;
}
.device-small:first-of-type {
    padding-left: 0;
}
.device-small:last-of-type {
    padding-right: 0;
}
.devices-list .list-group-item {
    border-radius: .25rem !important;
    margin-bottom: 1rem;
}
.devices-list .list-group-item:last-child {
    margin-bottom: 0;
}
.devices-list a {
    font-size: 1.75rem;
}
.devices-list.market-list a {
    font-size: unset !important;
}
.devices-list.market-list a.listing-title {
    font-size: 1.25rem !important;
}
.market-list .right-block p {
    margin-top: 0.5rem;
    margin-bottom: 0;
}
.devices-list .list-group-item {
    background: rgb(18,18,17);
    background: linear-gradient(180deg, rgba(18,18,17,1) 0%, rgba(35,34,34,1) 30%, rgba(61,61,61,1) 50%, rgba(68,68,68,1) 100%);
}
.devices-list.lenses-list a {
    font-size: 1.25rem;
}
.devices-list.lenses-list p {
    font-size: 0.85rem;
    line-height: 1.30;
}
.devices-list .first-block {
    min-width: 25rem;
}
span.dimmed {
    color: #868686;
}
.users-round-list {
    margin-top: 2rem;
}
.users-round-list li.list-inline-item {
    margin-right: 0.77rem;
    margin-top: 0.77rem;
}
.users-round-list li.list-inline-item img {
    width: 4rem;
    height: 4rem;
}
.lens-types-page h4 {
    font-size: 1.2rem !important;
}
.devices-page .basic-data p {
    margin: 0;
    line-height: 1.1;
    font-weight: 600;
    color: #f7f7f7;
}
.devices-page .basic-data ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
}
.devices-page .basic-data ul > li {
    line-height: 1.1;
}
.lens-type-block {
    width: 100%;
    text-align: center;
}
.lens-type-block .card.card-styled {
    height: inherit;
}

/* 404 */
div.error-message {
    font-size: 10rem;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;
    color: red;
}
div.error-message p {
    margin: 0;
}
div.error-message #code:hover {
    text-shadow: 0 0 100px red,0 0 40px FireBrick,0 0 8px DarkRed;
}
div.error-message #code span:nth-of-type(2) {
    -webkit-animation: lower 10s linear infinite;
}
div.error-message #code span:nth-of-type(1) {
    text-shadow: none;
    opacity:.4;
}
@keyframes upper {
    0%,19.999%,22%,62.999%,64%, 64.999%,70%,100% {
        opacity:.99; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
    }
    20%,21.999%,63%,63.999%,65%,69.999% {
        opacity:0.4; text-shadow: none;
    }
}
@keyframes lower {
    0%,12%,18.999%,23%,31.999%,37%,44.999%,46%,49.999%,51%,58.999%,61%,68.999%,71%,85.999%,96%,100% {
        opacity:0.99; text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;
    }
    19%,22.99%,32%,36.999%,45%,45.999%,50%,50.99%,59%,60.999%,69%,70.999%,86%,95.999% {
        opacity:0.4; text-shadow: none;
    }
}

/* Parsley JS */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    /*color: #468847;*/
    /*background-color: #DFF0D8;*/
    /*border: 1px solid #D6E9C6;*/
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error,
input:focus.parsley-error,
select:focus.parsley-error {
    color: #ffffff;
    background-color: red;
    border: 1px solid #762b0b;
}
.parsley-type {
    background-color: red;
}
.parsley-group span {
    display: inline-block;
    margin-right: 5px;
}
.parsley-group span:last-child {
    margin-right: 0;
}

/** Market page **/
.listing-colored {
    border: dashed 4px #e74c09;
}
.market-list > li img {
    width: 10rem;
    height: 8rem;
    object-fit: cover;
}
.market-list .listing-title, .market-list .listing-price {
    font-size: 1rem;
}
.market-list .list-group-item {
    overflow: hidden;
    position: relative;
}
.market-list-small .market-item {
    display: inline-block;
    margin: 1rem;
    text-align: center;
}
.market-list-small .market-item:first-of-type {
    margin-left: 0;
}
.market-list-small .market-item:last-of-type {
    margin-right: 0;
}
.market-list-small .market-item img {
    max-width: 10rem;
}

/** Home page **/
.activity-short {
    display: block;
}
.last-activity-block {
    border-bottom: 1px solid #762b0b;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.home-block-size {
    min-height: 21rem;
}
.home-block-size-sm {
    min-height: 21rem;
}
.gallery-block {
    margin-bottom: 2rem;
}
.gallery-block h4 {
    text-align: left !important;
}
.gallery-block .photo-top .photo-card .photo img:not(.photo-medal) {
    width: auto !important;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
}
.gallery-block .photo-top .photo-card {
    background: unset !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.s {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    background: transparent;
}

/** Select2 **/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 24px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: #CCCFD0;
    border: 1px solid #762b0b;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    color: #111111;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}
/* Bootstrap 4 select2 */
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: #757575;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 3px;
    width: 20px;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    left: 50%;
    margin-left: -7px;
    position: absolute;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 1.44rem;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #762b0b;
    background: #b0b3b4;
    border-radius: 0.25rem;
    color: #000;
}

.select2-results__message {
    color: #6c757d;
}

.select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(2.25rem + 2px) !important;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #343a40;
    border: 1px solid #d44609;
    border-radius: 0.2rem;
    padding: 0;
    padding-right: 5px;
    cursor: pointer;
    float: left;
    margin-top: 0.3em;
    margin-right: 5px;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #d44609;
    font-weight: bold;
    margin-left: 3px;
    margin-right: 1px;
    padding-right: 3px;
    padding-left: 3px;
    float: left;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #343a40;
}

.select2-container *:focus {
    outline: 0;
}

.select2-container--bootstrap4 .select2-selection {
    border: 0;
    background-color: #CCCFD0;
    color: #111111;
    width: 100%;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #762b0b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(118, 43, 11, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(118, 43, 11, 0.25);
}

.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

select.is-invalid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #dc3545;
}

select.is-valid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #28a745;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: #762b0b;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: #762b0b;
    color: #ffffff;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #e74c09;
    color: #fff;
}

.select2-container--bootstrap4 .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--bootstrap4 .select2-results__options {
    max-height: 15em;
    overflow-y: auto;
}

.select2-container--bootstrap4 .select2-results__group {
    padding: 6px;
    display: list-item;
    color: #6c757d;
}

.select2-container--bootstrap4 .select2-selection__clear {
    width: 1.2em;
    height: 1.2em;
    line-height: 1.15em;
    padding-left: 4px;
    margin-top: 0.2em;
    border-radius: 100%;
    background-color: #6c757d;
    color: #f8f9fa;
    float: right;
    margin-right: 0.3em;
}
.select2-container--bootstrap4 .select2-selection__clear:hover {
    background-color: #343a40;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    background: url(/img/chevron.png);
    width: 28px;
    height: 24px;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b:hover, .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b:focus {
    background: url(/img/chevron_hover.png);
}
/* Themes */
body.theme-light {
    color: #111111;
}
.theme-light table {
    color: #111111 !important;
}
body.theme-light .navbar-dark .navbar-nav .nav-link.style-link {
    color: #111111;
}
body.theme-light .navbar-dark .navbar-nav .nav-link.style-link:hover, body.theme-light .navbar-dark .navbar-nav .nav-link.style-link:focus {
    color: #515151;
}
.navbar-black {
    background-color: #000 !important;
}
body.theme-light .photo-footer .photo-info {
    background: linear-gradient(to bottom, rgb(107, 107, 107) 0%, rgb(95, 95, 95) 100%);
    box-shadow: 8px 10px 15px -3px #414141;
}
body.theme-light .photo-big img {
    -webkit-box-shadow: 0 0 15px 5px #616161;
    box-shadow: 0 0 15px 5px #616161;
}
/** Groups **/
.regional-groups-list-page #map, .articles-list-page #map {
    width: 100%;
    height: 25rem;
}

.regional-group-grid-item img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    background: linear-gradient(to bottom, #101010, #1d1d1d, #2a2a2a, #373737, #454545);
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    margin-bottom: 12px;
}
.regional-group-page .curator-block img {
    width: 96px;
    height: 96px;
}
.regional-group-page .curator-block {
    margin-top: 5rem;
}
.regional-group-page .curator-block p {
    margin: 0;
}
.curator-info {
    padding-left: 7rem;
}
.regional-group-page #map {
    margin-top: 3rem;
    height: 20rem;
    width: 100%;
}

/** Ribbon **/

.cr {
    width: 11rem;
    position: absolute;
    text-align: center;
    color: #f0f0f0;
}

.cr-top    { top: 25px; }
.cr-bottom { bottom: 25px; }
.cr-left   { left: -50px; }
.cr-right  { right: -50px; }

.cr-top.cr-left,
.cr-bottom.cr-right {
    transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
    transform: rotate(45deg);
}

.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #e82; }

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.ribbon-bottom-left::before {
    bottom: 0;
    right: 0;
}
.ribbon-bottom-left::after {
    top: 0;
    left: 0;
}
.ribbon-bottom-left span {
    right: -25px;
    bottom: 30px;
    transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ribbon-bottom-right::before {
    bottom: 0;
    left: 0;
}
.ribbon-bottom-right::after {
    top: 0;
    right: 0;
}
.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-225deg);
}
/** STATIC PAGES **/
.static-page-content {
    margin-top: 4rem;
}
/** END STATIC PAGES **/

/** SETTINGS PAGE **/
.settings-tab-content {
    margin-bottom: 5rem;
    background: #414141;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    min-height: 10rem;
    padding: 1rem;
}
/** END SETTINGS PAGE **/

/** Mobile **/
.mobile-header {
    text-align: left;
}
@media (max-width:768px) {
    .grid-item.album img {
        height: 22rem;
    }
    .grid-item.portrait img {
        height: 38.1rem;
    }
    .profile-text > h1 {
        font-weight: 700;
        font-size:16px;
    }
    .image-profile {
        /*margin: -45px 10px 0 25px;*/
        z-index: 9;
        /*width: 100%*/
        float: unset;
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .profile .profile-avatar {
        left: unset;
        bottom: unset;
        position: relative;
        text-align: center;
    }
    .profile .profile-text {
        position: relative;
    }
}

@media screen and (max-width: 1280px) {
    .subnavbar ul.navbar-center {
        margin-left: 0;
    }
    .notifications-drop {
        display: none;
    }
    .home-block-size {
        min-height: 25rem;
    }
    .home-block-size-sm {
        min-height: 20rem;
    }
    .header-user-block .dropdown, .header-user-block .dropdown button {
        width: 100%;
    }
    .chat-container-toggle {
        top: 1rem;
        bottom: unset !important;
    }
    .chat-container-toggle .card-body {
        width: 91vw !important;
        height: 80vh;
    }
    .chat-container-toggle .list-chats {
        width: 100% !important;
    }
    .chat-container-toggle .chat-content {
        width: 100% !important;
    }
    .chat-container-toggle > .accordion > .card {
        margin-bottom: unset !important;
        border: none !important;
        margin-top: 8%;
    }
    .msgHistory {
        height: 66.5vh !important;
    }
    .chat-left-block {
        max-height: 29vh;
        overflow: auto;
        border: none !important;
    }
    .profile-rating {
        bottom: 0;
        right: 31%;
    }
}
@media screen and (max-width: 1536px) and (max-height: 2048px) {
    .nav-link:not(.notifications-link) i {
        display: none;
    }
    .grid-item {
        width: 25% !important;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mainGallery img {
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width:1440px) {
    .subnavbar ul.navbar-center {
        margin-left: 0;
    }
    .nav-link:not(.notifications-link) i {
        display: none;
    }
    .profile-text > h1 {
        font-weight: 700;
        font-size:16px;
    }
    .image-profile {
        /*margin: -45px 10px 0 25px;*/
        z-index: 9;
        /*width: 100%*/
        float: unset;
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .profile .profile-avatar {
        left: unset;
        bottom: unset;
        position: relative;
        text-align: center;
    }
    .profile .profile-text {
        position: relative;
        display: block;
        left: unset;
        bottom: unset;
    }
}

@media screen and (max-height: 768px) and (max-width: 1024px) {
    .grid-item.regional-group-grid-item {
        width: 25% !important;
    }
    .regional-group-grid-item img {
        width: 10rem;
        height: 10rem;
    }
}
@media screen and (max-width: 768px) {
    .subnavbar ul.navbar-center {
        margin-left: 0;
    }
    .grid-item {
        width: 100% !important;
    }
    .grid-item.regional-group-grid-item {
        width: 50% !important;
    }
    .grid-item.portrait-sm img {
        max-height: 25rem;
        height: unset;
    }
    .stamp {
        width: 100%;
    }
    .photo-big img {
        width: 100%;
        height: unset;
    }
    .photo-footer .photo-info {
        padding: 0;
    }
    .photo-avatar {
        text-align: center;
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem;
        left: unset;
        top: unset;
    }
    .photo-text {
        padding-top: 1rem;
    }
    .photo-footer .photo-info {
        padding: 1rem;
    }
    .photo-info-block.stats {
        /*margin: 0;*/
    }
    .profile-info-block {
        float: unset;
    }
    .photo-info-block {
        text-align: center;
    }
    .photo-info-block .btn.btn-lg {
        display: block;
        width: 100%;
    }
    .image-profile-sm {
        width: 2rem;
        height: 2rem;
    }
    .profile .profile-avatar {
        left: unset;
        bottom: unset;
        position: relative;
        text-align: center;
    }
    .profile-text {
        bottom: unset;
        left: unset;
    }
    .profile-pills {
        padding-left: 0;
    }
}
@media screen and (max-device-width: 567px) {
    .photo-big img {
        width: 100%;
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .grid-item {
        width: 100% !important;
        height: unset;
    }

    .form-inline.form-styled i {
        display: none;
    }

    .subnavbar ul.navbar-center {
        margin-left: 0;
    }

    body {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    main {
        margin-top: 0;
    }
    .notifications-link {
        display: none;
    }
    .notifications-link-alt {
        display: unset !important;
    }
    footer {
        text-align: left !important;
    }
    footer .right-block {
        text-align: center !important;
        margin-top: 1rem;
    }
    .stamp {
        width: 100%;
    }
    .photo-footer .photo-info {
        padding: 0;
    }
    .photo-avatar {
        text-align: center;
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem;
        left: unset;
        top: unset;
    }
    .photo-text {
        padding-top: 1rem;
    }
    .photo-footer .photo-info {
        padding: 1rem;
    }
    .photo-info-block.stats {
        /*margin: 0;*/
    }
    .profile-info-block {
        float: unset;
    }
    .photo-info-block {
        text-align: center;
    }
    .photo-info-block .btn.btn-lg {
        display: block;
        width: 100%;
    }
    .image-profile-sm {
        width: 2rem;
        height: 2rem;
    }
    .profile .profile-avatar {
        left: unset;
        bottom: unset;
        position: relative;
        text-align: center;
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .profile-pills {
        padding-left: 0;
    }
    .profile-text {
        bottom: unset;
        left: unset;
    }
    .article-small img, .journal-small img, .diary-small img {
        float: unset;
        margin-right: 0;
    }
    .diary-small .img-block, .article-small .img-block, .journal-small .img-block {
        text-align: center;
        margin-bottom: 1rem;
    }

}
.photo-info-block .btn.btn-lg {
    margin-top: 1rem;
}
.photo-description {
    width: 45%;
}
.dateSelectorBlockMain.stamp {
    width: 100%;
}
.dateSelectorBlock {
    /*width: 50%;*/
}
.hello-week .datepicker table {
    color: #fff !important
}
.hello-week .bootstrap-datetimepicker-widget table td.old, .hello-week .bootstrap-datetimepicker-widget table td.new, .hello-week .bootstrap-datetimepicker-widget table td {
    color: #fff !important;
}
.hello-week .bootstrap-datetimepicker-widget table td span {
    color: #fff !important;
    transition: color 500ms, background-color 500ms;
}
.hello-week .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    color: #000 !important;
    background-color: #d1d1d1 !important;
}
.hello-week .bootstrap-datetimepicker-widget table td span:hover {
    color: #000 !important;
    background: #d1d1d1 !important;
}

.datepicker-days table {
    color: #212529 !important;
}
.fa-clock-o:before {
    content: "\f017" !important;
}
a[data-action="togglePicker"] {
    color: #e74c09 !important;
}
.bootstrap-datetimepicker-widget table td {
    color: #212429 !important;
}
.action-links .badge {
    right: 1.2rem;
    bottom: 0;
}
/** CONTEST **/
.promo-list-group img {
    width: 10rem;
    height: 7rem;
    object-fit: cover;
}
.promo-list-group .list-group-item {
    background: linear-gradient(to bottom, #101010, #1d1d1d, #2a2a2a, #373737, #454545);
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.75);
    border: none;
}
.promo-list-group a:not(.badge) {
    font-size: 2rem;
}
.promo-list-group .list-group-item p {
    color: #9b9d9e !important;
}
.nav-dark {
    background-color: #111111;
}
.nav-market {
    background-color: #111111;
    border-bottom-left-radius: 7px;
}
.contest-win-photo img {
    max-height: 300px;
}
.contest-win-photo {
    text-align: center;
}
/**
CHAT
 */
.delete-chat {
    text-align: right;
    position: absolute;
    right: 1rem;
    top: 1.25rem;
    display: none;
}
.delete-chat:hover, .delete-chat:focus {
    color: #2b7aac;
}
.list-chats > li:hover > .delete-chat {
    display: inline-block;
}
.chat-container-toggle {
    position: fixed;
    right: 1rem;
    bottom: 5%;
    z-index: 10000;
}
.chat-container-toggle .btn-link {
    text-decoration: none;
    color: white;
}
.chat-container-toggle .card-header {
    background: #414141;
    border: 2px solid #8a2d0b;
    padding: 0 1.25rem;
}
.chat-container-toggle .card {
    background: rgba(65, 65, 65, 0.9);
    min-width: 90px;
}
.chat-container-toggle .card-body {
    border: 2px solid #8a2d0b;
    border-top: 0;
    padding: 0;
    width: 850px;
}
.chat-container-toggle .list-chats img {
    width: 40px;
    height: 40px;
}
.chat-container-toggle .chat-messages img {
    width: 40px;
    height: 40px;
}
.chat-container-toggle .chat-messages img.chat-logo {
    width: 120px;
    height: auto;
}
#noChatsBlock {
    border-right: 1px solid #8a2d0b;
    padding: 10px 0;
}
.chat-container-toggle .list-chats {
    border-right: 1px solid #8a2d0b;
    height: 100%;
    width: 300px;
}
.chat-container-toggle .list-group-item {
    border-radius: 0;
    border: 0;
}
.chat-container-toggle .list-group-item a {
    color: #ffffff !important;
}
.chat-container-toggle .list-group-item a:hover, .chat-container-toggle .list-group-item a:focus {
    color: #d6d6d6 !important;
}
.chat-container-toggle .chat-content {
    width: 570px;
}
.chat-container-toggle .chat-content input {
    border-radius: 0;
}
.chat-container-toggle .list-group-item.active {
    background-color: #e74c09;
}
.receivedMsg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
}
.receivedMsgContainer p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}
.timeDate {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}
.receivedMsgContainer {
    width: 57%;
}
.messageList {
    /*float: left;*/
    width: 100%;
    padding: 10px;
}

.sentMsg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #646464;
    padding: 5px 10px 5px 12px;
    width:100%;
}
.outgoingMsg {
    overflow: hidden;
    margin: 26px 0 26px;
}
.sentMsg {
    float: right;
    width: 46%;
}
.inputMsgWrite input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.typeMsg {
    border-top: 1px solid #c4c4c4;
    position: relative;
}
.msgSendBtn {
    background: #e0e0e0 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
}
.msgSendBtn {
    padding: 0;
}
.msgSendBtn img {
    width: 30px !important;
    height: 30px !important;
}
input:focus {
    outline-offset: 0;
    outline: none !important;
}
.messaging {
    padding: 0 0 50px 0;
}
.msgHistory {
    height: 516px;
    overflow-y: auto;
    margin: 10px;
    z-index: 1000;
}
/**
END CHAT
 */

/**
FEED
 */
.post-card.post-reply {
    width: 80%;
    float: right;
}
.post-card .post-controls .btn-link {
    text-decoration: none;
}
.post-card .card-header img {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
}
.post-card .post-content {
    position: relative;
}
.post-card .post-content img {
    /*height: auto;*/

}
.post-card .post-content img, .post-card .post-content iframe {
    /*max-width: 100%;*/
    width: auto;
    height: 350px;
}
/**
END FEED
 */
.home-container .col, .home-container .col-1, .home-container .col-10, .home-container .col-11, .home-container .col-12, .home-container .col-2, .home-container .col-3, .home-container .col-4, .home-container .col-5,
.home-container .col-6, .home-container .col-7, .home-container .col-8, .home-container .col-9, .home-container .col-auto, .home-container .col-lg, .home-container .col-lg-1, .home-container .col-lg-10,
.home-container .col-lg-11, .home-container .col-lg-12, .home-container .col-lg-2, .home-container .col-lg-3, .home-container .col-lg-4, .home-container .col-lg-5, .home-container .col-lg-6, .home-container .col-lg-7,
.home-container .col-lg-8, .home-container .col-lg-9, .home-container .col-lg-auto, .home-container .col-md, .home-container .col-md-1, .home-container .col-md-10, .home-container .col-md-11, .home-container .col-md-12,
.home-container .col-md-2, .home-container .col-md-3, .home-container .col-md-4, .home-container .col-md-5, .home-container .col-md-6, .home-container .col-md-7, .home-container .col-md-8, .home-container .col-md-9,
.home-container .col-md-auto, .home-container .col-sm, .home-container .col-sm-1, .home-container .col-sm-10, .home-container .col-sm-11, .home-container .col-sm-12, .home-container .col-sm-2, .home-container .col-sm-3,
.home-container .col-sm-4, .home-container .col-sm-5, .home-container .col-sm-6, .home-container .col-sm-7, .home-container .col-sm-8, .home-container .col-sm-9, .home-container .col-sm-auto, .home-container .col-xl,
.home-container .col-xl-1, .home-container .col-xl-10, .home-container .col-xl-11, .home-container .col-xl-12, .home-container .col-xl-2, .home-container .col-xl-3, .home-container .col-xl-4, .home-container .col-xl-5,
.home-container .col-xl-6, .home-container .col-xl-7, .home-container .col-xl-8, .home-container .col-xl-9, .home-container .col-xl-auto {
    padding-right: 7px;
    padding-left: 7px;
}

.scroller-status {
    text-align: center;
    display: none;
    padding: 2rem 0;
    color: #777;
    font-size: 2rem;
}
.scroller-status i {
    font-size: 6rem;
}
.overlay-container {
    overflow-y: auto;
    display: none;
    opacity: 0;

    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;

    z-index: 998 !important;
    background: #414141 linear-gradient(0deg, rgb(65, 65, 65) 70%, rgba(17, 17, 17, 1) 100%);
}
.overlay-container.show {
    opacity: 1;
}
.overlay-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overlay-inner {
    top: 0;
    width: auto;
    height: 100%;
    margin: 0;
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.overlay-modal-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
}
body.overlay-active {
    overflow: hidden;
}
body.overlay-active #content-container {
    /*display: none;*/
}
body.overlay-active #overlay-container {
    display: block;
}
.overlay-btn {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    transition: background-color 0.1s ease 0s;
    border-radius: 40px;
    position: absolute;
    z-index: 1000;
}
.overlay-btn.close-overlay {
    top: 1rem;
    left: 1rem;
}
.overlay-btn.open-photo {
    top: 4rem;
    left: 1rem;
}
.overlay-btn:hover, .overlay-btn:focus {
    color: #ff000e;
    background-color: rgba(255, 255, 255, 0.15);
}
.forum-header-dropdown .dropdown-item {
    width: 19rem;
}
.comment-content-editor {
    height: auto;
}
body.chat-opened, body.overlay-opened {
    overflow: hidden;
}
.alert-a {
    border-radius: 0;
    margin-bottom: 0;
}
.want-more-card h5 {
    color: #fff !important;
}
.page-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 997;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.page-overlay i {
    font-size: 5rem;
}
.share-left #st-1 {
    text-align: left !important;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.select2-result-device .select2-result-device_meta, .listing-device .listing-device-meta {
    margin-left: 10px;
    display: inline-block;
}
.select2-result-device .select2-result-device_img, .listing-device .listing-device-img {
    display: inline-block;
}
.select2-result-device .select2-result-device_img img, .listing-device .listing-device-img img {
    height: 48px;
    width: 48px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #762b0b;
}
.v-align-m {
    vertical-align: middle;
}
/**
 * OVERRIDE
 * ~~OVERDRIVE :)~~
 */
.tox .tox-edit-area__iframe {
    background-color: unset !important;
}
body {
    padding-top: 4.3rem;
}
.fixed-top {
    z-index: 996;
}
.vex {
    z-index: 11111 !important;
}