/* CSS Document */

body{
	width: 100%;
	max-width: 100%;
	overflow: auto;
	background-size:cover !important;
	background-image:url() !important;
	background-repeat:repeat-y !important;
}
.profile-panel__inner-panel:after{background-color:rgba(0,0,0,0) !important}.settings-box__content .panel:after{background-color:rgba(0,0,0,0) !important}
.profile-panel__inner-panel .online_status.online .offline{display:none}.profile-panel__inner-panel .online_status.offline .online{display:none}
.btn-follow .following{display:none}.btn-follow .follow{display:inline}.btn-follow.following .following{display:inline}.btn-follow.following .follow{display:none}
.member-thumb__bg{background-position-x:center;background-position-y:center;background-repeat:repeat}.member-thumb__bg.bg-cover{background-size:cover}
.cover-fit{object-fit:cover}</style>
.toggle-btn .active{display:none}.toggle-btn .inactive{display:inline}.toggle-btn.active .active{display:inline}.toggle-btn.active .inactive{display:none}
.adult-visible{display:none}.adult .adult-visible{display:block}.adult-hidden{display:flex}.adult .adult-hidden{display:none}</style>

/*
    Styles for color-schemes
*/
/* define variables */
/*
Bootstrap styles (scss) are hosted here: \frontend\web\css\scss\bootstrap\
We use Bootstrap variables
We can change Bootstrap variables for our own purpose ( \frontend\web\css\scss\_bootstrap-variables.scss )
We compile Bootstrap styles
All our own styles and Bootstrap styles are compiled into one file: \frontend\web\css\styles.css
*/
/***************************************************************/
/* #FFFFFF */
/* #222B32 */
/***************************************************************/
/* #E4EDF1 */
/* #000000 */
/***********************New Design variables********************/
/***************************************************************/
/***************************************************************/
/* #7C8B96 */
/***************************************************************/
/***************************************************************/
/* 15px */
/* 13px */
/* #0086E6 */
/* #FFFF67 */
/* 0086E6 */
/***************************************************************/
/* #0086E6 */
/* 13px */
/* 11px */
/***************************************************************/
/***************************************************************/
/*********************Dokchain variables************************/
a {
  color: #A832BF;
}
.dark-scheme a {
  color: #A832BF;
}
a:hover, a:focus {
  color: #932AA7;
}
.dark-scheme a:hover, .dark-scheme a:focus {
  color: #932AA7;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.btn-default,
.btn-primary,
.btn-success {
  background-color: #A832BF;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
  background-color: #932AA7;
}
.btn-default.active,
.btn-primary.active,
.btn-success.active {
  background-color: #932AA7;
}
.btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus {
  background-color: #932AA7;
}
.btn-default:active,
.btn-primary:active,
.btn-success:active {
  background-color: #932AA7;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus {
  background-color: #932AA7;
}

.btn.btn-more-details:hover {
  color: #A832BF;
}
.btn.btn-more-details:hover:after {
  border-top-color: #A832BF;
}

.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: rgba(147, 42, 167, 0.8);
}

.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #263238;
}

.open > .btn-default.dropdown-toggle,
.l-tweet_link-textarea .message-link {
  color: #A832BF;
}

.dropdown .dropdown-menu button:hover,
.dropdown .dropdown-menu a:hover,
.dropdown .dropdown-menu .dropdown-menu-item:hover {
  color: #A832BF;
}
.dark-scheme .dropdown .dropdown-menu button:hover,
.dark-scheme .dropdown .dropdown-menu a:hover,
.dark-scheme .dropdown .dropdown-menu .dropdown-menu-item:hover {
  color: #A832BF;
}
.dark-scheme .dropdown .dropdown-menu .delete_chat_btn:hover,
.dark-scheme .dropdown .dropdown-menu .btn-report:hover,
.dark-scheme .dropdown .dropdown-menu .btn-link-delete:hover {
  color: #A832BF;
}

/*--------------------------------------------------------------
## FORM ELEMENTS: Input, Select, Checkbox
--------------------------------------------------------------*/
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
select:focus,
textarea:focus,
#modal-messages .chat-form-wrapper .chat_input_wrapper .chat_message_text_input:focus,
.l-tweet_link-textarea.m-focus {
  background-color: rgba(168, 50, 191, 0.1);
}

.stripe-card-number .form-control:focus {
  background: rgba(168, 50, 191, 0.1);
}

.bootstrap-select.open .btn.btn-default {
  background-color: rgba(168, 50, 191, 0.1);
}
.bootstrap-select.dropdown .dropdown-menu li a:hover {
  color: #A832BF;
}
.dark-scheme .bootstrap-select.dropdown .dropdown-menu li a:hover {
  color: #A832BF;
}

.material-switch > input[type=checkbox]:checked label:before {
  background-color: #A832BF;
  border-color: #A832BF;
}
.material-switch > input[type=checkbox]:checked + label:before {
  background-color: #A832BF;
  border-color: #A832BF;
}
.material-switch > input[type=checkbox]:checked + label:after {
  background-color: #fff;
  border-color: #A832BF;
}

.subscriptions-list .nav-tabs > li > a:hover {
  color: #A832BF;
}
.subscriptions-list .nav-tabs > li.active > a span.badge {
  color: #A832BF;
}
.subscriptions-list .nav-tabs > li.active:after {
  background: #A832BF;
}
.subscriptions-list .nav-tabs > li a span.badge {
  color: rgba(168, 50, 191, 0.6);
}
.subscriptions-list__advanced-search > button.btn:hover {
  color: #A832BF;
}
.subscriptions-list__advanced-search:hover .subscription-search .form-group button.btn-icon:hover {
  color: #A832BF;
}
.dark-scheme .subscriptions-list__advanced-search:hover .subscription-search .form-group button.btn-icon:hover {
  color: #A832BF;
}
.subscriptions-list__advanced-search:hover > button.btn:hover {
  color: #A832BF;
}
.dark-scheme .subscriptions-list__advanced-search:hover > button.btn:hover {
  color: #A832BF;
}

.hints > div .btn-link {
  color: #A832BF;
}

.qrcode-link a:hover {
  color: #A832BF;
}

@media (max-width: 479px) {
  .box-qr-code__footer > a.btn,
.box-qr-code__footer > .btn.btn-cancel,
.dark-scheme .box-qr-code__footer > a.btn.btn-primary,
.dark-scheme .box-qr-code__footer > .btn.btn-cancel {
    color: #A832BF;
  }
}

.box-qr-code__nav-tabs > li > a:hover {
  color: #A832BF;
}
.box-qr-code__nav-tabs > li.active > a {
  color: #A832BF;
}

@media (max-width: 479px) {
  .box-qr-code__footer .squaredOne input[type=checkbox]:checked + label:hover i,
.box-qr-code__footer .squaredOne input[type=checkbox]:checked + label:hover em {
    color: #A832BF;
  }
}

.box-qr-code .eyes-box .form-group button:hover {
  color: #A832BF;
}

@media (max-width: 479px) {
  .box-qr-code__footer > a.btn.btn-primary:hover {
    color: rgba(168, 50, 191, 0.6);
    background: none;
    box-shadow: none;
  }
}

.box-qr-code .nav-block > li.active label.nav-block-link,
.box-qr-code .nav-block > li.active a,
.box-qr-code .nav-block > li a:hover,
.box-qr-code .nav-block > li a:focus,
.dark-scheme .box-qr-code .nav-block > li a:hover,
.dark-scheme .box-qr-code .nav-block > li a:focus,
.dark-scheme .box-qr-code .nav-tabs > li a:hover,
.dark-scheme .box-qr-code .nav-tabs > li a:focus,
.box-qr-code__nav-tabs > li.active > a,
.dark-scheme .box-qr-code__nav-tabs.nav-tabs > li.active > a {
  color: #A832BF;
}

.box-qr-code__nav-tabs.nav-tabs > li > a:hover,
.box-qr-code__nav-tabs.nav-tabs > li > a:focus {
  color: #A832BF;
}

.box-qr-code .btn-group > label.btn.active,
.box-qr-code .btn-group > label.btn.focus {
  color: #A832BF;
}

@media (max-width: 479px) {
  .box-qr-code__footer > a.btn.btn-success:hover {
    color: rgba(168, 50, 191, 0.6);
    background: none;
    box-shadow: none;
  }
}

.box-qr-code .body-bg-box.form-horizontal .form-group .color-box {
  box-shadow: 0 0 0 3px #A832BF;
}
.box-qr-code__carousel.carousel-design a.thumbnail:hover {
  border-color: #A832BF;
}
.box-qr-code__carousel.carousel-design a.thumbnail.selected {
  border-color: #A832BF;
}
.box-qr-code__footer .swap-btn:active {
  color: #A832BF;
}
.box-qr-code__footer .swap-btn:hover {
  color: #A832BF;
}
.box-qr-code .nav-block > li a:hover, .box-qr-code .nav-block > li a:focus {
  color: #A832BF;
}
.box-qr-code .nav-block .nav-block-link:hover {
  color: #A832BF;
}
.dark-scheme .box-qr-code .nav-block .nav-block-link:hover {
  color: #A832BF;
}
.box-qr-code .form-group .minus-plus:hover {
  background: #A832BF;
}
.dark-scheme .box-qr-code .form-group .minus-plus:hover {
  background: #A832BF;
}
.box-qr-code .form-group .single-icon.reset-icon:hover {
  color: #A832BF;
}
.box-qr-code .form-group.load-image > div .progress .progress-bar {
  background: #A832BF;
}
.box-qr-code .form-group.load-image .load-icon:hover {
  color: #A832BF;
}
.box-qr-code .btn-group > label.btn:hover {
  color: #A832BF;
}
.box-qr-code .btn-group > label.btn:focus {
  color: #A832BF;
}

.dark-scheme.guest-role .navbar-nav .dropdown .dropdown-menu > span button:hover {
  color: #db346c;
}

.navbar-nav .dropdown .dropdown-menu .follow-value {
  color: #A832BF;
}
.navbar-nav .dropdown .dropdown-menu .additional-links > span,
.navbar-nav .dropdown .dropdown-menu .additional-links > span a {
  color: #A832BF;
}
.navbar-nav .dropdown .dropdown-menu .additional-links > span:hover,
.navbar-nav .dropdown .dropdown-menu .additional-links > span a:hover {
  color: #932AA7;
}
.dark-scheme .navbar-nav .dropdown .dropdown-menu .additional-links > span:hover,
.dark-scheme .navbar-nav .dropdown .dropdown-menu .additional-links > span a:hover {
  color: #932AA7;
}
.navbar-nav .dropdown .dropdown-menu .badge,
.navbar-nav .dropdown .dropdown-menu .unread-messages {
  background: #A832BF;
}
.navbar-nav .dropdown .dropdown-menu > span > a:hover,
.navbar-nav .dropdown .dropdown-menu > span button:hover {
  color: #932AA7;
}
.dark-scheme .navbar-nav .dropdown .dropdown-menu > span > a:hover,
.dark-scheme .navbar-nav .dropdown .dropdown-menu > span button:hover {
  color: #932AA7;
}
.navbar-nav .dropdown .dropdown-menu .name-link:hover .hashtag {
  color: #A832BF;
}
.navbar-nav .dropdown .dropdown-menu .follow-section > a:hover .follow-title,
.navbar-nav .dropdown .dropdown-menu .follow-section > a:hover .follow-value {
  color: #932AA7;
}
.navbar-nav .dropdown-toggle:hover .nav-username {
  color: #A832BF;
}
.navbar-nav .dropdown-toggle:hover .nav-avatar {
  color: #A832BF;
}

.navbar-default .btn-link:focus {
  color: #A832BF;
}
.navbar-default .navbar-nav > .dropdown > a:hover {
  color: #932AA7;
}
.navbar-default .navbar-nav > .dropdown > a:focus {
  color: #932AA7;
}
.navbar-default.navbar-bottom .navbar-nav > li > a:hover {
  color: #A832BF;
}
.dark-scheme .navbar-default.navbar-bottom .navbar-nav > li > a:hover {
  color: #A832BF;
}
.navbar-default.navbar-bottom .navbar-nav > li > a:focus {
  color: #A832BF;
}
.dark-scheme .navbar-default.navbar-bottom .navbar-nav > li > a:focus {
  color: #A832BF;
}
.navbar-default.navbar-bottom .navbar-text a:hover {
  color: #A832BF;
}
.dark-scheme .navbar-default.navbar-bottom .navbar-text a:hover {
  color: #A832BF;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #A832BF;
}

.box-qr-code__header .squaredOne input[type=checkbox]:checked + label i,
.box-qr-code__header .squaredOne input[type=checkbox]:checked + label em,
.box-qr-code__header .squaredOne input[type=checkbox]:checked + label:hover i,
.box-qr-code__header .squaredOne input[type=checkbox]:checked + label:hover em {
  color: #A832BF;
}

.navbar-bottom .navbar-text a:hover {
  color: #A832BF;
}

.btn-link,
.link-text,
.top-button,
.cost-label,
.pie-wrapper .pie-legend .total,
#profile-tweet .message-input::after {
  color: #A832BF;
}

.settings-box .row-settings.notify-block .form-group .radio > label label.inner-label input[type=radio]:checked + span i, .settings-box .row-settings.payouts-block .form-group .radio > label label.inner-label input[type=radio]:checked + span i {
  background-color: #A832BF;
}
.settings-box .row-settings.notify-block .form-group .checkbox > label > input[type=checkbox]:checked + label, .settings-box .row-settings.payouts-block .form-group .checkbox > label > input[type=checkbox]:checked + label {
  background-color: #A832BF;
  border-color: #A832BF;
}
.settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox-switch > label .inner-wrap span.switch-on, .settings-box .row-settings.payouts-block .form-group.field-user-notify_by_email .checkbox-switch > label .inner-wrap span.switch-on {
  background-color: #A832BF;
  border-color: #A832BF;
}
.settings-box .profile-page-url {
  color: #A832BF;
}
.settings-box .btn.btn-primary.toggle-subscription-btn:hover,
.settings-box .btn.btn-default.toggle-subscription-btn:hover {
  color: #A832BF;
}

.site-profile .nav-tabs > li.active:after {
  background: #A832BF;
}
.site-profile .nav-tabs > li > a:hover {
  color: #A832BF;
}
.site-profile .tabs-wrapper .more-links:hover {
  color: #A832BF;
  background-color: rgba(168, 50, 191, 0.1);
}
.dark-scheme .site-profile .tabs-wrapper .more-links:hover {
  color: #A832BF;
  background-color: rgba(168, 50, 191, 0.1);
}
.site-profile .tabs-wrapper .less-links:hover {
  color: #A832BF;
  background-color: rgba(168, 50, 191, 0.1);
}
.dark-scheme .site-profile .tabs-wrapper .less-links:hover {
  color: #A832BF;
  background-color: rgba(168, 50, 191, 0.1);
}

.notification-index .nav-tabs > li.active a:not(.btn-icon) {
  color: #A832BF;
}
.notification-index .nav-tabs > li.active:after {
  background: #A832BF;
}
.notification-index .nav-tabs > li > a:hover {
  color: #A832BF;
}
.notification-price {
  color: #A832BF;
}
.notification .notification-thumb .notification-username a:hover {
  color: #A832BF;
}
.notification__link.link-related .link-related__info {
  color: #A832BF;
}
.notification__link.link-related .link-related__info > a span.name-site {
  color: #A832BF;
}
.notification__link.link-related .link-related__info > a:hover em {
  color: #A832BF;
}
.notification__link.link-related .link-related__info > a:hover span {
  color: #932AA7;
}
.notification .label-info {
  color: #A832BF;
}
.dark-scheme .notification .label-info {
  color: #A832BF;
}
.notification__date {
  color: #A832BF;
}
.dark-scheme .notification__date {
  color: #A832BF;
}

.bootbox .modal-dialog .modal-footer .btn {
  color: #A832BF;
}
.bootbox .modal-dialog .modal-footer .btn:hover, .bootbox .modal-dialog .modal-footer .btn:active, .bootbox .modal-dialog .modal-footer .btn:focus {
  color: #932AA7;
}

.subscription-followers-page .member-thumb__caption-inner > .btn-follow,
.subscription-following-page .member-thumb__caption-inner > .btn-follow {
  background-color: #A832BF;
}
.subscription-followers-page .member-thumb__caption-inner > .btn-follow:hover,
.subscription-following-page .member-thumb__caption-inner > .btn-follow:hover {
  background-color: #932AA7;
}
.subscription-followers-page .member-thumb__caption-inner > .btn-follow.following,
.subscription-following-page .member-thumb__caption-inner > .btn-follow.following {
  background-color: rgba(146, 159, 169, 0.6);
}
.subscription-followers-page .member-thumb__caption-inner > .btn-follow.following:hover,
.subscription-following-page .member-thumb__caption-inner > .btn-follow.following:hover {
  background-color: #929fa9;
}
.subscription-followers-page .member-thumb__caption-inner > a:hover,
.subscription-following-page .member-thumb__caption-inner > a:hover {
  color: #A832BF;
}
.subscription-followers-page .member-thumb__title a:hover,
.subscription-following-page .member-thumb__title a:hover {
  color: #A832BF;
}
.subscription-followers-page .member-thumb__title a:hover span,
.subscription-following-page .member-thumb__title a:hover span {
  color: #A832BF;
}

.link-form .nav-tabs > li.active:after {
  background: #A832BF;
}
.link-form .nav-tabs > li > a:hover {
  color: #A832BF;
}

.image-position-arrow span:after {
  color: #A832BF;
}

.colorpicker.dropdown-menu .btn.btn-save.btn-default {
  color: #A832BF;
}
.colorpicker.dropdown-menu .btn.btn-save.btn-default:hover {
  background: #A832BF;
}

.datepicker .datepicker-days .table-condensed thead tr:nth-child(2n) {
  background: rgba(168, 50, 191, 0.2);
}
.dark-scheme .datepicker .datepicker-days .table-condensed thead tr:nth-child(2n) {
  background: rgba(168, 50, 191, 0.2);
}
.datepicker .table-condensed thead {
  background: rgba(168, 50, 191, 0.2);
}
.dark-scheme .datepicker .table-condensed thead {
  background: rgba(168, 50, 191, 0.2);
}
.datepicker .table-condensed tfoot tr:last-child th:hover {
  background: #A832BF;
}
.datepicker .table-condensed tbody tr td span.focused {
  background: #A832BF;
}
.datepicker .table-condensed tbody tr td span.active {
  background: #A832BF;
}
.datepicker .table-condensed tbody tr td span:hover {
  background: rgba(168, 50, 191, 0.4);
}
.datepicker .table-condensed tbody tr td.day:not(.old):not(.new).focused {
  background: #A832BF;
}
.datepicker .table-condensed tbody tr td.day:not(.old):not(.new).active {
  background: #A832BF;
}
.datepicker .table-condensed tbody tr td.day:not(.old):not(.new):hover {
  background: rgba(168, 50, 191, 0.4);
}
.datepicker .table-condensed tbody tr td.day.old, .datepicker .table-condensed tbody tr td.day.new {
  pointer-events: none;
  opacity: 0.25;
}

.btn-parent:hover .btn.btn-icon:hover {
  color: #A832BF;
}
.dark-scheme .btn-parent:hover .btn.btn-icon:hover {
  color: #A832BF;
}

.btn-parent-nested:hover .btn.btn-icon-nested:hover {
  color: #A832BF;
}
.dark-scheme .btn-parent-nested:hover .btn.btn-icon-nested:hover {
  color: #A832BF;
}

.navbar-form .search__hovering .form-group button:hover {
  color: #A832BF;
}
.dark-scheme .navbar-form .search__hovering .form-group button:hover {
  color: #A832BF;
}

.form-group-custom .btn-group-load .avatar_style .source_link-avatar .modal-trigger:hover {
  color: #A832BF;
}
.dark-scheme .form-group-custom .btn-group-load .avatar_style .source_link-avatar .modal-trigger:hover {
  color: #A832BF;
}
.form-group-custom .btn-group-load label:hover {
  color: #A832BF;
}
.dark-scheme .form-group-custom .btn-group-load label:hover {
  color: #A832BF;
}

.modal-edit-link__top-block button:hover {
  color: #A832BF;
}

.modal_get-access .modal_add-card__info-link {
  color: #A832BF;
}

.modal-payouts__description p {
  color: #A832BF;
}

.modal-payouts-reply .user-reply .user-name__message {
  background-color: rgba(168, 50, 191, 0.2);
}
.modal-payouts-reply .form-group.field-linkpurchase-reply .form-control:focus {
  background-color: rgba(168, 50, 191, 0.1);
}

.search-block .btn-icon:hover {
  color: #A832BF;
}
.dark-scheme .search-block .btn-icon:hover {
  color: #A832BF;
}

.form-wrap .form-group .form-control:focus {
  background-color: rgba(168, 50, 191, 0.1);
}

.squaredOne:hover label i {
  color: #A832BF;
}
.squaredOne:hover label em {
  color: #A832BF;
}
.squaredOne input[type=checkbox]:checked + label:hover i {
  color: #A832BF;
}
.squaredOne input[type=checkbox]:checked + label:hover em {
  color: #A832BF;
}

.checkbox > label > input[type=checkbox]:checked + label {
  background-color: #A832BF;
  border-color: #A832BF;
}

a.thumbnail:hover {
  border-color: #A832BF;
}
a.thumbnail:focus {
  border-color: #A832BF;
}
a.thumbnail.active {
  border-color: #A832BF;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: rgba(168, 50, 191, 0.8);
}
.dark-scheme .pagination > .active > a,
.dark-scheme .pagination > .active > a:hover,
.dark-scheme .pagination > .active > a:focus,
.dark-scheme .pagination > .active > span,
.dark-scheme .pagination > .active > span:hover,
.dark-scheme .pagination > .active > span:focus {
  background-color: rgba(168, 50, 191, 0.8);
}
.pagination > li > a {
  color: #A832BF;
}

.switch-icon:hover {
  color: #A832BF;
}

.ckeckbox-label > label > input[type=checkbox]:checked + label {
  background-color: #A832BF;
  border-color: #A832BF;
}

.selectable-set .selectable.selected {
  border-color: #A832BF;
}

.sensitive-links-quiz__buttons button:hover {
  color: #A832BF;
}
.dark-scheme .sensitive-links-quiz__buttons button:hover {
  color: #A832BF;
}

.left-sidebar-box .btn-notifications.btn-icon.active,
.dark-scheme .left-sidebar-box .btn-notifications.btn-icon.active {
  color: #A832BF;
}
.left-sidebar-box .btn-notifications.btn-icon.active:hover,
.dark-scheme .left-sidebar-box .btn-notifications.btn-icon.active:hover {
  color: white;
}

.left-sidebar-box .btn-notifications.btn-icon.active:hover {
  color: #263238;
}

.radio > label label.inner-label input[type=radio]:checked + span i {
  background-color: #A832BF;
}
.radio > label label.inner-label input[type=radio]:checked + span em {
  border-color: #A832BF;
}

.modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label input[type=radio]:checked + span i {
  background-color: #A832BF;
}

.modal-report-profile .profile-report .modal_profile span.modal_username {
  color: #A832BF;
}
.modal-report-profile .profile-report .report-form .form-group.field-report-reason .form-control:focus {
  background-color: rgba(168, 50, 191, 0.1);
}

.search-block .btn-icon:hover {
  color: #A832BF;
}
.dark-scheme .search-block .btn-icon:hover {
  color: #A832BF;
}

.modal-source-link-covers .source-link-covers .cover-picker:hover {
  background-color: rgba(168, 50, 191, 0.1);
}
.modal-source-link-covers .source-link-covers .cover-picker__info_link {
  color: #A832BF;
}

.search-cancel-btn.btn-link:hover {
  background: rgba(168, 50, 191, 0.8);
}
.dark-scheme .search-cancel-btn.btn-link:hover {
  background: rgba(168, 50, 191, 0.8);
}
.search-cancel-btn.btn-link:focus {
  color: #fff;
}

.payments-info-block__title-cost a {
  color: #A832BF;
}
.payments-info-block__title-cost a:hover {
  color: #932AA7;
}

.payments-statements .table-striped .btn:hover {
  color: #A832BF;
}

.stripe-card-number .StripeElement--focus.form-control {
  background-color: rgba(168, 50, 191, 0.1);
}

.navbar-default em.unread-notifications-flag {
  background: #A832BF;
}

.modal-links .field-link-type .bootstrap-select:after {
  color: #A832BF;
}

.bootstrap-select.btn-group .btn-default.active {
  background-color: rgba(168, 50, 191, 0.1);
}
.bootstrap-select.btn-group .btn-default.active:hover, .bootstrap-select.btn-group .btn-default.active:focus, .bootstrap-select.btn-group .btn-default.active.focus {
  background-color: rgba(168, 50, 191, 0.1);
}
.bootstrap-select.btn-group .btn-default:active {
  background-color: rgba(168, 50, 191, 0.1);
}
.bootstrap-select.btn-group .btn-default:active:hover, .bootstrap-select.btn-group .btn-default:active:focus, .bootstrap-select.btn-group .btn-default:active.focus {
  background-color: rgba(168, 50, 191, 0.1);
}
.bootstrap-select.btn-group .dropdown-menu > li.active > a {
  color: rgba(146, 159, 169, 0.5);
}
.bootstrap-select.btn-group .dropdown-menu > li > a:hover {
  background-color: #A832BF;
}

.modal-payouts-reply .user-reply .user-message {
  background-color: rgba(168, 50, 191, 0.2);
}

.pie-wrapper .btn-icon {
  color: #A832BF;
}
.pie-wrapper .btn-icon:hover {
  color: rgba(168, 50, 191, 0.5);
}

.material-switch > input[type=checkbox]:checked + label:before {
  background-color: #A832BF;
  border-color: #A832BF;
}

.settings-box .row-settings.notify-block .form-group .radio > label label.inner-label input[type=radio]:checked + span em,
.settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox-switch > label input#user-notify_by_email:checked + span + strong {
  border-color: #A832BF;
}

.settings-box .row-settings.notify-block .form-group .radio > label label.inner-label input[type=radio][disabled=disabled]:checked + span i,
.settings-box .row-settings.payouts-block .form-group .radio > label label.inner-label input[type=radio][disabled=disabled]:checked + span i {
  color: rgba(146, 159, 169, 0.6);
  background-color: rgba(146, 159, 169, 0.6);
  cursor: not-allowed;
}

.box-info-card .settings-box__subtitle .btn-icon.btn-icon-edit:hover,
.box-info-personal .settings-box__subtitle .btn-icon.btn-icon-edit:hover {
  color: #A832BF;
}

.settings-box .row-settings.notify-block .form-group .radio > label label.inner-label input[type=radio][disabled=disabled]:checked + span em,
.settings-box .row-settings.payouts-block .form-group .radio > label label.inner-label input[type=radio][disabled=disabled]:checked + span em {
  border-color: rgba(146, 159, 169, 0.6);
  cursor: not-allowed;
}

.profile-search-page .collapse-search_wrapper .search__hovering:hover .advanced-search-collapse-btn:hover,
.searching .collapse-search_wrapper .search__hovering:hover .advanced-search-collapse-btn:hover {
  color: #A832BF;
}

.profile-search-page.dark-scheme .collapse-search_wrapper .search__hovering:hover .advanced-search-collapse-btn:hover,
.searching.dark-scheme .collapse-search_wrapper .search__hovering:hover .advanced-search-collapse-btn:hover {
  color: #A832BF;
}

.navbar-nav .dropdown .dropdown-menu > span.name-section > a:hover .hashtag {
  color: #263238;
}

.dark-scheme .navbar-nav .dropdown .dropdown-menu > span.name-section > a:hover .hashtag {
  color: white;
}

.histogram_category_axis {
  background: rgba(168, 50, 191, 0.82);
}

#map_tbl .stat-legend__item:before {
  background: #A832BF;
}

.settings-box .row-settings .form-group.field-user-email.verified .control-label:after {
  color: #A832BF;
}
.settings-box .row-settings .form-group.field-legalentity-verification-document #legalentity-verification-document {
  background-color: #A832BF;
}
.settings-box .row-settings .form-group.field-legalentity-verification-document #legalentity-verification-document:hover {
  background-color: rgba(168, 50, 191, 0.9);
}
.settings-box .row-settings .form-group.field-legalentity-verification-document.disabled .control-label:after {
  background-color: rgba(168, 50, 191, 0.6);
}
.settings-box .row-settings .form-group.field-legalentity-verification-document.uploaded .control-label:after {
  background-color: rgba(168, 50, 191, 0.6);
}
.settings-box .row-settings .form-group.field-legalentity-verification-document .control-label:after {
  background-color: rgba(168, 50, 191, 0.8);
}
.settings-box .row-settings .form-group.field-legalentity-verification-document .control-label:hover:after {
  background-color: rgba(168, 50, 191, 0.6);
}

.settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .help-block {
  color: #A832BF;
}

.mops .pay-btn-group .btn.btn-success {
  background-color: rgba(168, 50, 191, 0.8);
}
.mops .pay-btn-group .btn.btn-success:hover {
  background-color: rgba(168, 50, 191, 0.6);
}
.mops .modal_btn-group .btn.btn-primary,
.mops .modal_btn-group .btn.btn-default {
  color: #A832BF;
}
.mops .modal_btn-group .btn.btn-primary:hover,
.mops .modal_btn-group .btn.btn-default:hover {
  color: #263238;
}
.dark-scheme .mops .modal_btn-group .btn.btn-primary:hover,
.dark-scheme .mops .modal_btn-group .btn.btn-default:hover {
  color: white;
}

.payments-info-block__link-message .pending {
  color: #A832BF;
}

.preloader .loader {
  color: rgba(168, 50, 191, 0.6);
}


.circular i {
  color: rgba(168, 50, 191, 0.6);
}

.list-group .list-group-item .simple-text .sold {
  color: #A832BF;
}

.stat-legend__item:before {
  background-color: #A832BF;
}

.stats-controls input:focus {
  background: rgba(168, 50, 191, 0.1);
}

.daterangepicker .calendar-date .table-condensed tbody tr td.active {
  background-color: #A832BF;
}
.daterangepicker .calendar-date .table-condensed tbody tr td.active.start-date {
  background-color: #A832BF;
}
.daterangepicker .calendar-date .table-condensed tbody tr td.active.end-date {
  background-color: #A832BF;
}
.daterangepicker .calendar-date .table-condensed tbody tr td.active.end-date:after {
  background: rgba(168, 50, 191, 0.1);
}
.daterangepicker .calendar-date .table-condensed tbody tr td.in-range:after {
  background: rgba(168, 50, 191, 0.1);
}
.daterangepicker .calendar-date .table-condensed thead tr:first-child {
  background: rgba(168, 50, 191, 0.1);
}
.dark-scheme .daterangepicker .calendar-date .table-condensed thead tr:first-child {
  background: rgba(168, 50, 191, 0.1);
}

#modal-messages body#page_404 .profile_avatar:after {
  color: #A832BF;
}
#modal-messages body#page_404 #content a {
  color: #A832BF;
}
#modal-messages .close_all_sessions_button,
#modal-messages .session-online,
#modal-messages label[for=tfv-code-input] {
  color: #A832BF;
}
#modal-messages .new-msg-select-list .new-msg-select-item {
  background-color: rgba(168, 50, 191, 0.1);
}
#modal-messages .load-new-posts-btn {
  background: rgba(168, 50, 191, 0.2);
  color: #A832BF;
}
#modal-messages .load-new-posts-btn:before {
  background: rgba(168, 50, 191, 0.08);
}
#modal-messages .make-post-preloader:before {
  border-left-color: #A832BF;
  border-right-color: rgba(168, 50, 191, 0.2);
  border-top-color: rgba(168, 50, 191, 0.2);
  border-bottom-color: rgba(168, 50, 191, 0.2);
}
#modal-messages .explore-search-form {
  background: rgba(168, 50, 191, 0.2);
}
#modal-messages .explore-search-form:before {
  background: rgba(168, 50, 191, 0.1);
}
#modal-messages .chat-user_username:after {
  color: #A832BF;
}
#modal-messages .chat-body-header .dropdown > span:hover {
  color: #A832BF;
}
#modal-messages .chat-user_link:hover .chat-user_username {
  color: #A832BF;
}

.price-shown #modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button:before,
#modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button:not(.disabled):hover:before,
#modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button.active:before {
  color: #A832BF;
}

.featherlight.featherlight-loading .featherlight-close-icon {
  color: #A832BF;
}
.featherlight.featherlight-loading .featherlight-close-icon:hover:before {
  color: #A832BF;
}
.dark-scheme .featherlight.featherlight-loading .featherlight-close-icon:hover:before {
  color: #A832BF;
}
.featherlight.featherlight-loading .featherlight-close-icon:before {
  color: #A832BF;
}

#modal-messages .new-chat-form .available-user.selected:after {
  color: #A832BF;
}

#modal-messages .new-chat-select-all.selected {
  color: #A832BF;
}
#modal-messages .new-chat-select-all.selected:after {
  color: #A832BF;
}

#modal-messages body#page_404 .profile_avatar:after,
#modal-messages body#page_404 #content a,
#modal-messages .close_all_sessions_button,
#modal-messages .session-online,
#modal-messages label[for=tfv-code-input] {
  color: #A832BF;
}

#modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn {
  color: #A832BF;
}
#modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn:hover {
  color: #932AA7;
}

#modal-messages .new-chat-form .available-user.online .user-name span:after {
  color: #A832BF;
}

#modal-messages .chats-item.online .chat-header .username span:after {
  color: #A832BF;
}

.price-shown #modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button:before,
#modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button:not(.disabled):hover:before,
#modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button.active:before {
  color: #A832BF;
}

#modal-messages .chat-form-wrapper .chat_send_button:not([disabled]):hover,
#modal-messages .cm_attach_file_photo:not(.disabled):hover:before {
  color: #A832BF;
}

#modal-messages .chat_messages_list .chat_message_from_me .msg_body {
  background-color: #A832BF;
}

.left-sidebar-box__followers .follow-section > a:hover .follow-value {
  color: #932AA7;
}

#modal-messages .chats-item.unread .chat-header .username {
  color: #A832BF;
}
#modal-messages .chats-item.unread .chat-header .timestamp {
  color: #A832BF;
}

#modal-messages .chat_messages_list .chat_message_from_notme.sale:not(.purchased) .msg_body,
#modal-messages .chat_messages_list .chat_message_from_notme.sale:not(.purchased) .msg_body_media {
  color: #A832BF;
}

#modal-messages .chat_messages_list .chat_message_from_me.sale.purchased .msg_body_media:before {
  color: #A832BF;
}
#modal-messages .chat_messages_list .chat_message_from_me.sale.purchased .msg_body {
  background-color: #A832BF;
}
#modal-messages .chat_messages_list .chat_message_from_me.sale.purchased .msg_body:before {
  color: #A832BF;
}
#modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body_media:before {
  color: rgba(168, 50, 191, 0.4);
}
#modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body {
  background-color: rgba(168, 50, 191, 0.4);
}
#modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body:before {
  color: rgba(168, 50, 191, 0.4);
}

#modal-messages #cm_progress .progress-bar,
.followers-nav span:after {
  background-color: #A832BF;
}

#modal-messages .chat-form-wrapper-inner .send__tips:hover::before,
.btn-text-mobile {
  color: #A832BF;
}

.btn-text-mobile:hover {
  color: #932AA7;
}

.site-faq-page .tabs-wrapper__nav-block .nav-tabs li > a:hover {
  color: #A832BF;
}

.accordion-wrap .card-header h5 span:before, .accordion-wrap .card-header h5 span:after {
  color: #A832BF;
}

.link-price__container i.inactive:hover {
  color: #A832BF;
}

.list-group .list-group-item .list-item-wrapper .btn-icon-nested.verified {
  color: #A832BF;
}

.list-group .list-group-item.unavailable .list-item:hover {
  color: #932AA7;
}
.list-group .list-group-item.unavailable .list-item:hover .cost-label,
.list-group .list-group-item.unavailable .list-item:hover .all-my-icon-i87 {
  color: #932AA7;
}

.left-sidebar-box__followers .btn-link i,
.left-sidebar-box__followers .follow-section .follow-value,
.profile-username a i {
  color: #A832BF;
}

.profile-username a:hover {
  color: #932AA7;
}

.shortcut-nav-wrap > div span.active a,
.shortcut-nav-wrap > div span a:hover {
  color: #A832BF;
}

.shortcut-nav-wrap > div span.active a:after,
.shortcut-nav-wrap > div span.has-updates a:before,
.profile-panel__inner-panel .btn-link {
  background-color: #A832BF;
}

#left-nav-menu li a {
  color: #929fa9;
}
#left-nav-menu li.active a, #left-nav-menu li a:hover {
  color: #A832BF;
}
#left-nav-menu li.active a span, #left-nav-menu li a:hover span {
  color: #263238;
}

.profile-panel__inner-panel .btn-link:hover {
  background-color: #932AA7;
}

@media (max-width: 767px) {
  .under-navbar-scroll .profile-panel__inner-panel .dropdown .btn-link {
    color: #A832BF;
  }
}

.profile-panel__inner-panel .btn-follow .follow {
    background-color: rgb(248 87 87);
}
.profile-panel__inner-panel .btn-follow .follow:hover {
    background-color: rgb(244 139 139);
}

.profile-index-page .navbar-wrapper .btn.modal-trigger:hover,
.qr-code-style .modal-dialog .modal-content .btn-cancel:hover {
  background-color: #A832BF;
}

.link-price__container i:not(.all-my-icon-i54):not(.faded) {
  color: #A832BF;
}
.link-price__container i:not(.all-my-icon-i54):not(.faded):hover {
  color: #932AA7;
}
.link-name i {
  color: #A832BF;
}
.link-online-indicator {
  background-color: #A832BF;
}
.link__add-btn {
  background-color: #A832BF;
  color: white;
}
.link__add-btn:hover {
  color: white;
  background-color: rgba(147, 42, 167, 0.6);
}

/*
@media (max-width: 991px) {
  .navbar-wrapper .btn.modal-trigger:after {
    color: #A832BF;
  }
}
*/
.navbar-wrapper .back-btn i {
  color: #A832BF;
}

.link-name i {
  color: #A832BF;
}

.adult-text,
.sensitive-links-quiz__buttons button {
  color: #A832BF;
}
.adult-text:hover,
.sensitive-links-quiz__buttons button:hover {
  color: #932AA7;
}

.navbar-nav .dropdown .dropdown-menu .username i {
  color: #A832BF;
}

.profile-panel__inner-panel .btn-link.btn-qr {
    color: rgb(212 44 44);
}

.sensitive-links-wrapper .link-wrapper,
.sensitive-links-wrapper .sensitive-links-notice {
  background-color: rgba(168, 50, 191, 0.1);
}

.category-divider {
  background-color: rgba(168, 50, 191, 0.1);
  color: rgba(147, 42, 167, 0.9);
}

.list-group .list-group-item .list-item-wrapper:hover:after {
  background-color: rgba(168, 50, 191, 0.02);
}

.chat-unread-msg,
.chat-online-indicator,
#modal-messages .chats-item:after,
.online_status .online_status__led {
  background-color: #A832BF;
}

.new-message-btn-chat {
  color: #A832BF;
  border-color: #A832BF;
}
.new-message-btn-chat:hover {
  border-color: #932AA7;
  color: #932AA7;
}

#modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel,
.member-thumb__title > a strong i,
#modal-messages .chats-item .chat-header .username i,
#modal-messages .chat-body-header .btn-back,
.main-content #modal-messages .chat_messages_list .purchase_status,
.chat_message.chat_message_from_me .msg_body:before,
#modal-messages .chat-form-wrapper .chat-form-wrapper-inner .send__tips.active,
#modal-messages .chat_messages_list .unread_label,
.image-position-arrow span {
  color: #A832BF;
}

#modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel:hover,
#modal-messages .chat-body-header .btn-back:hover {
  color: #932AA7;
}

#modal-messages .new-msg-select-list-all:hover,
#modal-messages .new-msg-select-list .btn-icon.clear-btn:hover {
  color: #A832BF;
}

#modal-messages .new-msg-select-list-all.selected {
  color: #A832BF;
}

#modal-messages .cm_send_tip_block__endorse,
#modal-messages .chat-message-price-apply,
#modal-messages .chat_messages_list .unread_label:before,
#modal-messages .chat_messages_list .unread_label:after {
  background-color: #A832BF;
}
#modal-messages .chat-message-price-apply:before:hover {
  background-color: #932AA7;
}
#modal-messages .cm_attach_file_photo:hover {
  color: #A832BF;
}
#modal-messages .cm_send_tip_block__endorse:hover,
#modal-messages .chat-message-price-apply:hover {
  background-color: #932AA7;
}

.navbar-wrapper .btn-settings:after,
.navbar-wrapper .btn-messages:after,
.navbar-nav .dropdown .dropdown-menu > span.close-drop a {
  color: #A832BF;
}

.message-index-page .navbar-wrapper .btn-messages {
  color: #A832BF;
}

.close-drop,
.modal-links .popup-header .close,
.modal-dialog .link-form .field-link-cost .input-group .input-group-addon.focused,
.modal-dialog .link-form .priced .field-link-cost .input-group .input-group-addon {
  color: #A832BF;
}

.link-form .modal-links__footer-list > label:hover i {
  color: #A832BF;
}

.link-form .modal-links__footer-list .field-link-icon_swap .checkbox .control-label:hover i:before {
  color: #A832BF;
}

.link-form .cover-display-rule .bootstrap-select:after {
  color: #A832BF;
}

@media (min-width: 767px) {
  .settings-box__navigation ul li.active a:after,
.settings-box__navigation ul li a:hover:after {
    color: #A832BF;
  }
}

.squaredOne input[type=checkbox]:checked + label i,
.squaredOne input[type=checkbox]:checked + label em {
  color: #A832BF;
}

.link-form form .field-link-content:before,
.modal-links__stripe-saletype-block .field-link-sale_type .bootstrap-select:after,
.modal-links .add-new-link button.add-new-link__button.active:after,
.modal-links .add-new-link button.add-new-link__button.active i {
  color: #A832BF;
}

.modal-links .add-new-link button.add-new-link__button.active {
  background: rgba(168, 50, 191, 0.5);
}

.settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date:hover i {
  color: #A832BF;
}

.bootstrap-select:not(.disabled):hover:after {
  color: #A832BF;
}

.navbar-nav .dropdown .dropdown-menu span a:hover, .navbar-nav .dropdown .dropdown-menu span button:hover,
.navbar-nav .dropdown .dropdown-menu .user-menu > article > span a:hover,
.navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:hover {
  color: #A832BF;
}
.dark-scheme .navbar-nav .dropdown .dropdown-menu span a:hover, .dark-scheme .navbar-nav .dropdown .dropdown-menu span button:hover,
.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span a:hover,
.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:hover {
  color: #A832BF;
}

.profile-info a:hover .profile-username {
  color: #A832BF;
}
.profile-info a .all-my-icon-i60 {
    color: #fa493e;
}
/*
@media (max-width: 991px) {
  .under-navbar-scroll.default-bg .profile-info a .all-my-icon-i60 {
    color: #fa493e;
  }
}
*/
.modal-links .popup-header__save-btn button {
  color: #A832BF;
}
.dark-scheme .modal-links .popup-header__save-btn button {
  color: #A832BF;
}

.link-form .modal-links__icon.active i {
  color: #A832BF;
}

.qr-code-view .modal_btn-group .btn-messages:hover {
  color: #A832BF;
}

.box-qr-code .form-horizontal .gradient-indent:first-child .single-icon.active,
.box-qr-code .form-horizontal .gradient-indent .dropper.active,
.box-qr-code .form-horizontal .dropper.active {
  color: #A832BF;
}
.box-qr-code .form-horizontal .gradient-indent:first-child .single-icon:hover,
.box-qr-code .form-horizontal .gradient-indent .dropper:hover,
.box-qr-code .form-horizontal .dropper:hover {
  color: #A832BF;
}

#modal-messages .new-chat-form .available-user .user-name i,
.profile-index-page.guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span,
.profile-index-page.guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span button,
.dark-scheme #modal-messages .chat-body-header .dropdown-menu .dropdown-menu-item:hover {
  color: #A832BF;
}

.profile-index-page.guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span:hover,
.profile-index-page.guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span button:hover,
.profile-username .btn-link:hover,
.dark-scheme .profile-username .btn-link:hover {
  color: #932AA7;
}

.settings-box .btn-group-set .btn.btn-primary,
.settings-box .btn-group-set .btn.btn-default,
.profile-changes-controls .save-btn {
  color: #A832BF;
}

.profile-changes-controls .save-btn:hover {
  color: #932AA7;
}

.settings-box .btn-group-set .btn.btn-primary:hover,
.settings-box .btn-group-set .btn.btn-default:hover {
  color: #932AA7;
}

.back-to-top-btn:hover {
  background-color: #A832BF;
}

.left-sidebar-box__bg-profile,
.default-bg .profile-panel__bg:after {
  background-color: #A832BF;
}

.link-list-wrapper.empty-link-list .list-group-item .btn.btn-link:hover,
.link-list-guest.empty-link-list .list-group-item .btn.btn-link:hover,
#modal-messages .chat-form-wrapper .chat_send_button {
  color: #A832BF;
}

.box-qr-code .form-group.load-image > div .btn-group label.single-icon:hover,
.link-header .avatar-dropdown button.dropdown-toggle:hover,
.b-goal-item .dropdown.open button.dropdown-toggle,
.b-announcement-item .dropdown.open button.dropdown-toggle,
.link-header .dropdown.open button.dropdown-toggle,
#modal-messages .chat-body-header .dropdown.open > span,
.settings-box__back-btn {
  color: #A832BF;
}

.promotions .promo button.close:hover {
  color: #A832BF;
}

.link-list-wrapper.empty-link-list .list-group-item .btn.btn-link {
  color: #A832BF;
}
.link-list-wrapper.empty-link-list .list-group-item .btn.btn-link:hover {
  color: #932AA7;
}

.dropdown-menu > li.active > a {
  color: rgba(146, 159, 169, 0.5);
}
.dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus {
  background-color: transparent;
  color: rgba(146, 159, 169, 0.5);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #A832BF;
}

.notification-index-page .btn-settings:after {
  color: #A832BF;
}
.notification-index-page .btn-settings:hover {
  color: #932AA7;
}
.notification-index-page .btn-settings:hover span {
  color: #932AA7;
}
.notification-index-page .btn-settings:hover:after {
  color: #932AA7;
}
/*
@media (max-width: 990px) {
  .site-start-sharing-page .sharing-block .btn.btn-primary:not([disabled]) {
    color: #A832BF;
  }
  .site-start-sharing-page .sharing-block .btn.btn-primary:not([disabled]):hover {
    color: #932AA7;
  }
}
*/

@media (max-width: 767px) {
  .profile-panel__inner-panel .btn-link.dropdown-toggle:hover,
.profile-panel__inner-panel .dropdown.open .btn-link.dropdown-toggle,
.subscriptions-box .close i:before,
.modal-dialog .subscriptions-box .close i:before,
.modal-dialog .close.m-profile-tweet {
    color: #A832BF;
  }
}
@media (max-width: 767px) {
  .site-start-sharing-page .sharing-block .btn.btn-cancel:hover {
    color: #932AA7;
  }
}

.modal-report-profile .profile-report .close,
.modal-report .modal-dialog .close {
  color: #A832BF;
}

span.link-text {
  color: #A832BF;
}

.list-group .list-group-item .list-item:hover {
  color: #A832BF;
}

.simple-text a:hover {
  color: #A832BF;
}
.simple-text a:hover .link-title {
  color: #A832BF;
}
.simple-text a:hover span.link-text {
  color: #932AA7;
}

.left-sidebar-box__followers .follow-section > a:hover .follow-value {
  color: #932AA7;
}

.left-sidebar-box .btn.no-style {
  color: #A832BF;
}

.left-sidebar-box__followers .btn-link:hover i {
  color: #932AA7;
}

.link-hyperlink:hover .link-name {
  color: #A832BF;
}

.list-group .list-group-item .list-item-wrapper {
    border-color: rgb(29 98 191 / 50%);
}
.list-group .list-group-item .list-item-wrapper:hover:after {
  background-color: rgb(44 103 11, 0.02);
}

.list-group-item .list-item-wrapper,
.b-category-divider__wrap.category-divider {
  border-color: rgba(168, 50, 191, 0.5);
}
.list-group-item .list-item-wrapper:hover:after,
.b-category-divider__wrap.category-divider:hover:after {
  background-color: rgba(168, 50, 191, 0.02);
}

.under-navbar-scroll .profile-panel__inner-panel .back-btn {
  color: #A832BF;
}

#modal-messages .chats-item .hov-blck {
  background-color: rgba(168, 50, 191, 0.02);
}

.chat_message.chat_message_from_me.type-tip .msg_body:after {
  color: #A832BF;
}

.notification__link.link-related .link-related__aside span.toggle-btn .inactive:hover {
  color: #A832BF;
}
.notification__link.link-related .link-related__aside span.toggle-btn .active {
  color: #A832BF;
}
.notification__link.link-related .link-related__aside span.toggle-btn .active:hover {
  color: rgba(146, 159, 169, 0.6);
}

.table-striped .subscription .controls button:hover,
.payments-info-block__title-cost strong,
.payments-info-block .btn-link i.all-my-icon-i60,
.table-striped .label time,
.block-info-card__head-btn-group a.btn-icon:hover,
.payments-info-block .btn-link:hover,
.dark-scheme .payments-info-block .btn-link:hover,
.table-striped .subscription .controls button:hover,
.mybio-box__link a:hover,
.dark-scheme .mybio-box__link a:hover,
.subscriptions-box__search .btn-icon:hover,
.dark-scheme .subscriptions-box__search .btn-icon:hover,
.subscriptions-box__head-content .link-text-wrapper-inner .link-text a,
.subscriptions-box__head-content .simple-text a:hover,
.subscriptions-box__user-info .name i:before,
.subscriptions-box__user-info-desc > a:hover .name,
.subscriptions-box .close:hover i:before,
.subscriptions-box .close:hover,
.dark-scheme .subscriptions-box .close:hover,
.dark-scheme .subscriptions-box__head-content .simple-text a:hover,
.popover .payments-info-block a:hover span.btn,
.funding-amount-add-btn,
.b-goal-form .funding-amount-field:before,
.modal-links .add-new-link button.m-campaign i,
.modal-links .add-new-link button.m-campaign:after {
  color: #A832BF;
}

.pie-wrapper .pie-left:after {
  border-color: rgba(168, 50, 191, 0.2);
}

.payments-statements .settings-box__subtitle button.active {
  border-color: #A832BF;
}

.payments-info-block__title-cost strong:hover,
.subscriptions-box__head-content .link-text-wrapper-inner .link-text a:hover,
.funding-amount-add-btn:hover,
.funding-amount-add-btn:active,
.funding-amount-add-btn:focus {
  color: #932AA7;
}

.list-group .list-group-item:focus .list-item-wrapper,
.list-group .list-group-item:hover .list-item-wrapper {
  background-color: rgba(168, 50, 191, 0.01);
}

.b-goal__progress-bar .progress-bar {
  background-color: #A832BF;
}

.b-goal-item__wrap-btn .btn {
  color: #A832BF;
  border-color: rgba(168, 50, 191, 0.4);
}
.b-goal-item__wrap-btn .btn:hover {
  color: #932AA7;
  border-color: rgba(147, 42, 167, 0.4);
}

.statistics-box .header .back-btn i:before {
  color: #A832BF;
}

.statistics-box .header .back-btn:hover i:before {
  color: #932AA7;
}

.multi-select-list .multi-select-item {
  background-color: rgba(168, 50, 191, 0.1);
}

.live-link-label {
  background-color: #A832BF;
}

.add-new-link__buttons li a {
  color: #929fa9;
}

.add-new-link__buttons li a:hover {
  color: #263238;
}

.add-new-link__buttons li.active a, .add-new-link__buttons li.active a:hover, .add-new-link__buttons li.active a:focus {
  color: #A832BF;
}

.add-new-link__content .link-button {
  color: #ffffff;
  background-color: #A832BF;
}

.add-new-link__content .link-button:hover {
  color: #ffffff;
  background-color: #932AA7;
}

.add-new-link__content .link-button[disabled] {
  background-color: rgba(147, 42, 167, 0.8);
}

/*# sourceMappingURL=color-scheme-11.css.map */

/*====================================================================
slick
====================================================================*/

html, body {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}

.sliderArea {
max-width: 100%;
margin: 0 auto;
padding: 0 25px;
}
.sliderArea.w300 {
max-width: 300px;
}
.slick-slide {
margin: 0 5px;
}
.slick-slide img {
width: 100%;
height: auto;
}
.slick-prev, .slick-next {
z-index: 1;
}
.slick-prev:before, .slick-next:before {
color: #000;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}
.thumb {
margin: 20px 0 0;
}
.thumb .slick-slide {
cursor: pointer;
}
.thumb .slick-slide:hover {
opacity: .7;
}

/*====================================================================
以下は不要です。
====================================================================*/
body {
  font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.8;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 14px;
  }
}
.section {
  max-width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}


.cp_list {
	padding: 0.5em !important;
	list-style: none !important;
}
.cp_list li:nth-child(even) {
    position: relative !important;
    padding: 0.5em 1em 0.5em 1.8em !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid rgba(255,143,0,1);
    font-size: 16px !important;
    font-weight: bold !important;
}

.list208 {
  padding: 0.3em 0.5em !important;
  list-style-type: none !important;
  border: none !important;
}
.list208 li:nth-child(odd) {
    padding: 0.5em 0.5em 0.5em 1.4em !important;
    margin: 0 0 7px 0 !important;
    line-height: 1.5 !important;
    background: #ffefef !important;
    vertical-align: middle !important;
    border-radius: 17px 0px 0px 17px !important;
    font-size: 16px;
}


contents dl dd li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 0;
}

contents dl dd li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 0;
}
contents dl dd h2 {
    font-weight: bold;
    font-size: 1.1em;
}
contents dl dd > p {
    margin-bottom: 20px;
}

contents h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, div, object, ul, ol, li, dl, dt, dd, fieldset, form, legend {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

/*=======　footer　=======*/
/* list_simple */
ul.list_simple {
	border-top: 1px solid #ebe5e5;
}
ul.list_simple li a {
	display: block;
	color: #7f7f7f;
	padding: 1em;
	border-bottom: 1px solid #ebe5e5;
	position: relative;
}
ul.list_simple li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* copyright */
.copyright {
	font-size: 0.7em;
	padding: 5% 0 15vh;
	text-align: center;
}

.mainImage video {
    width: 100%;
  }
dt.mainImage p span.on:before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f111";color:#11D846;margin-right: 5px;font-size: 12px;}
dt.mainImage p span.on{font-size: 12px;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
  .prof dd:nth-of-type(2) {background-color: #eee; margin: 0 1em; border-radius: 10px;}

contents{width:100%;height: 100%;}

*{text-decoration:none;}

/*通知*/
div#push {
    position: fixed;
    top: 8px;
    left: 2%;
    width: 96%;
    background: rgba(255,255,255);
    border-radius: 1.3em;
    z-index: 1;
    padding: 0 6px;
    box-shadow: 8px 8px 8px -8px;
    font-size: 1.1em;
	display: none;
}

div#push p{position:absolute;top:-3px;right:-3px;display:inline-block;background: #F00;color:#FFF;border-radius:50%;text-align: center;width: 24px;height: 24px;font-weight:bold;font-family:  Arial, Helvetica, "sans-serif";font-size:1.1em;}
div#push span{font-weight:bold;}
div#push .box_flex {
    display: -webkit-box;
    margin: 2%;
}

div#push .box_flex .image {
/*    width: 10%;*/
    margin-right: 4%;
}

div#push .box_flex .image > img {
    width: 15vw !important;
    height: 15vw;
    border-radius: 50%;
    object-fit: cover;
}

div#push .box_flex .text {
    width: 85%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

/* popup */
#popup{position:fixed;top:50%;left:50%;width: 86%;height: 74%; background: #EFEFF4;border-radius:0.5em;z-index: 1;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-shadow: 8px 8px 8px -8px;display:none;}
#popup h3{position:absolute;top:-10px;right:-10px;display:inline-block;background: #666;color:#FFF;border-radius:50%;text-align: center;padding:2px 8px;border:2px solid #FFF;}
#connectBefore{padding:10px;}
#connectBefore p{margin-bottom:15px;}
#connectBefore p img{width:60px;margin-bottom: 5px;}
#connectBefore a{display:block;width: 80%;background: #F94452;color:#FFF;text-align: center;font-size: 1.2em;font-weight:bold;padding:15px;margin:30px auto;border-radius:5px;}
#connectBefore a:hover{background: #FB717B;}
#connectBefore #spin{padding:20px 0;display:none;}
#connectBefore #spin > p{margin-bottom:20px;}

#connectAfter{display:none;text-align: center;color:#263147;}
#connectAfter h2{background: #263147;font-size:1.2em;font-weight: bold;color:#FFF;padding:10px;position:relative;}
#connectAfter img{display:block;width: 40%;border-radius:50%;margin:50px auto 20px;}
#connectAfter a{background: #17B610;display:block;width: 50%;padding:10px;text-align: center;color:#FFF;font-weight:bold;margin:20px auto;border-radius:3px;}

/*--すぐに友達追加版--*/
#connectInner{padding: 10px;font-size: 1.2em;text-align: center;}
#connectInner .close {display: block;text-align: right;padding-bottom: 3px;}
#connectInner p {margin-bottom: 10px;}
#connectInner p img{width:100px;}
#connectInner .btn_line a { background: #21ce27; display: block;width: 60%;padding: 10px;text-align: center;color: #FFF;font-weight: bold;margin: 20px auto;border-radius: 30px;}


header{background: #EDEDED;padding:10px;text-align: center;border-bottom:1px solid #FFF;}
header span{font-size:1.1em;font-weight:bold;}

contents dl{padding-bottom: 0px;}
contents dl dt{position:relative;}
contents dl dt > img{width:100%;}
contents dl dt h1{position:absolute;bottom:0;display:flex;align-items: center; padding:5px;}
contents dl dt h1 img{width:28px;}
contents dl dt h1 span{display:inline-block;margin-right:10px;font-weight: bold;color:#FFF;text-shadow:1px 1px 3px #000;font-size:1.2em;}
contents dl dd{padding:10px;}
contents dl dd h2{font-weight:bold;font-size:1.1em;}
contents dl dd > p{margin-bottom: 20px;}
contents dl dd li{display:flex;justify-content: space-between;border-bottom:1px solid #DCDCDC;padding:10px 0;}
contents dl dd li p:first-child{font-weight:bold;}


#connectBefore .close{display:block;text-align:right;padding-bottom: 3px;}
#connectAfter h2 .close{position:absolute;right:10px;top:7px;}
.close{font-size:30px;margin: 0!important;font-weight: lighter!important;}


/*----------    other    ----------*/
.center{text-align:center;}
.bold{font-weight:bold;}

.f_red{color: #FF0000;}
.f_green{color: #21ce27;}
.f_L{font-size: 1.2em;}

.mb_S{margin-bottom: 0.5em !important;}
.mb_M{margin-bottom: 1em !important;}
.mb_L{margin-bottom: 1.5em !important;}

/*--------------------  animation --------------------  */

.dot-spin {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 #9CF795, 12.72984px -12.72984px 0 0 #9CF795, 18px 0 0 0 #9CF795, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0);
  animation: dotSpin 1.5s infinite linear;
}

@keyframes dotSpin {
  0%,
  100% {
    box-shadow: 0 -18px 0 0 #9CF795, 12.72984px -12.72984px 0 0 #9CF795, 18px 0 0 0 #9CF795, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9CF795, 18px 0 0 0 #9CF795, 12.72984px 12.72984px 0 0 #9CF795, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9CF795, 12.72984px 12.72984px 0 0 #9CF795, 0 18px 0 0 #9CF795, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9CF795, 0 18px 0 0 #9CF795, -12.72984px 12.72984px 0 0 #9CF795, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9CF795, -12.72984px 12.72984px 0 0 #9CF795, -18px 0 0 0 #9CF795, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9CF795, -18px 0 0 0 #9CF795, -12.72984px -12.72984px 0 0 #9CF795;
  }
  75% {
    box-shadow: 0 -18px 0 0 #9CF795, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9CF795, -12.72984px -12.72984px 0 0 #9CF795;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #9CF795, 12.72984px -12.72984px 0 0 #9CF795, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9CF795;
  }
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.animated {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@charset "utf-8";
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
/* ------------------------------
   Universal Reset
   Default Style
   Content
   ClearFix
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,fieldset,form,legend{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,caption,th,address{font-style:normal;font-weight:normal;}
img{border:0 none;vertical-align:bottom;_vertical-align:text-bottom;max-width: 100%!important}
input,select,textarea{margin:0;padding:0;vertical-align:middle;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
input{-webkit-appearance:none;appearance:none;}
input[type="submit"],input[type="reset"]{border:none;border-radius:0;}
input[type="radio"]{-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*==================================================================
   Default Style
==================================================================*/
body{font-size:13px;margin:0 auto;font-family: Verdana, Geneva, "sans-serif";-webkit-text-size-adjust:100%;color:#282828;height:100%;min-height:100%;}

.right{text-align: right;}
.center{text-align: center;}

dl.prof{padding-bottom:80px;}
dl.prof dt{position:relative;}
dl.prof dt img{width:100%;}
dl.prof dt > p{position:absolute;bottom:0;left:0;width:100%;padding:8px;color:#FFF;font-weight:bold;font-size:1.4em;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(0,0,0,0.31) 99%, rgba(0,0,0,0.31) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(0,0,0,0.31) 99%,rgba(0,0,0,0.31) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(0,0,0,0.31) 99%,rgba(0,0,0,0.31) 100%);}
dl.prof dt > p span{display:inline-block;margin-right: 10px;}

dl.prof dd{padding:1em;}
dl.prof dd h2{text-align:right;}
dl.prof dd h2:before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f111";color:#11D846;margin-right: 5px;}
dl.prof dd h4{font-weight:bold;font-size:1.2em;margin-bottom:1em;}
dl.prof dd > p{margin-bottom:1em;}
dl.prof dd.flex{display:-webkit-flex;display:flex;justify-content: flex-start;align-items: center;}

dl.prof dd ul.thumbnails li{margin-right:0.6em;width: 28%;}
dl.prof dd ul.thumbnails li img{border-radius:50%;border:3px solid #f1f1f1;}
dl.prof dd ul.thumbnails li img:hover,
dl.prof dd ul.thumbnails li img:active{border:3px solid #333355;}
.flex{display: flex;justify-content: center;}


div#inMessage {position:fixed;bottom:0;left:0;width: 100%;height: 100%; background:#EEE;display:none;z-index: 5;}
div#inMessage h3 {
    background: #ff89d1;
    color: #FFF;
    text-align: center;
    padding: 10px 5px;
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    z-index: 12151;
    margin-top: 0;
    margin-bottom: 0;
}
div#inMessage h3 span{position:absolute;right:5px;top:5px;display:inline-block;background: #FFF;color:#999;padding:2px 6px;font-size:0.9em;border-radius:10px;}
div#inMessage ul{/*padding-bottom:90px;*/}
div#inMessage ul li dl{display:-webkit-flex;display:flex;width: 100%;}
div#inMessage ul li dt{width:20%;margin-right: 10px;}
div#inMessage ul li dt img{border-radius:50%;width:60px!important;}
div#inMessage ul li dd{width:80%;}
div#inMessage ul li dd p{border-radius:1em;background:#FFF;position:relative;padding:5px;}
div#inMessage ul li dd.image p{padding:0;}
div#inMessage ul li dd p > img{border-radius:1em;}
div#inMessage p a {
    background: rgb(0, 187, 0);
    color: rgb(255, 255, 255);
    border-radius: 30px;
    display: inline-block;
    padding: 3px 10px;
    width: 300px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 160px;
    transform: translate(-50%, -50%);
    z-index: 4641;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 4px 5px 3px rgb(0 0 0 / 15%);
}

@media(max-width:767px){
	div#inMessage p a {
		background: rgb(0, 187, 0);
		color: rgb(255, 255, 255);
		border-radius: 30px;
		display: inline-block;
		padding: 3px 10px;
		width: 80%;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 4641;
		height: 25px;
		font-size: 12px;
		font-weight: bold;
		box-shadow: 4px 5px 3px rgb(0 0 0 / 15%);
	}
}
div#inMessage ul li > p{font-size:0.8em;text-align:right;margin-top:5px;}
div#inMessage ul li.d1,
div#inMessage ul li.d2,
div#inMessage dd.d3,
div#inMessage dd.d4{display:none;}





#fountainG{position:relative;height: 25px;}
.fountainG{
	position:absolute;
	top:0;
	color:#ADADAD;
	background-color:rgb(255,255,255);
	width:10px;
	height:10px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:2.1s;
		-o-animation-duration:2.1s;
		-ms-animation-duration:2.1s;
		-webkit-animation-duration:2.1s;
		-moz-animation-duration:2.1s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.2);
		-o-transform:scale(.2);
		-ms-transform:scale(.2);
		-webkit-transform:scale(.2);
		-moz-transform:scale(.2);
	border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
}

#fountainG_1{top:7px;left:16px;
		animation-delay:0.91s;
		-o-animation-delay:0.91s;
		-ms-animation-delay:0.91s;
		-webkit-animation-delay:0.91s;
		-moz-animation-delay:0.91s;
}

#fountainG_2{top:7px;left:33px;
		animation-delay:1.14s;
		-o-animation-delay:1.14s;
		-ms-animation-delay:1.14s;
		-webkit-animation-delay:1.14s;
		-moz-animation-delay:1.14s;
}

#fountainG_3{top:7px;left:49px;
		animation-delay:1.37s;
		-o-animation-delay:1.37s;
		-ms-animation-delay:1.37s;
		-webkit-animation-delay:1.37s;
		-moz-animation-delay:1.37s;
}

#fountainG_4{top:7px;left:66px;
		animation-delay:1.59s;
		-o-animation-delay:1.59s;
		-ms-animation-delay:1.59s;
		-webkit-animation-delay:1.59s;
		-moz-animation-delay:1.59s;
}

#fountainG_5{top:7px;left:82px;
		animation-delay:1.82s;
		-o-animation-delay:1.82s;
		-ms-animation-delay:1.82s;
		-webkit-animation-delay:1.82s;
		-moz-animation-delay:1.82s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(173,173,173);
	}

	100%{
	transform:scale(.2);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(173,173,173);
	}

	100%{
	-o-transform:scale(.2);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(173,173,173);
	}

	100%{
	-ms-transform:scale(.2);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(173,173,173);
	}

	100%{
	-webkit-transform:scale(.2);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(173,173,173);
	}

	100%{
	-moz-transform:scale(.2);
		background-color:rgb(255,255,255);
	}
}



p#notification{position:fixed;bottom:0;left:0;width: 100%;background:rgba(51,51,85,1);padding:5px;z-index: 3; color:#FFF;}
p#notification img{width: 26px;border-radius:50%;margin-right: 5px;}
p#notification span{display:inline-block;background: #F00;color:#FFF;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;margin-left: 5px;}

div#chat{position:fixed;bottom:0;left:0;width: 100%;background: #FFF;padding:0.5em;}
div#chat input[type="text"]{border:1px solid #ebe5e5;padding:0.5em;width: 75%;font-size: initial;margin-right: 5px;}
div#chat input[type="submit"]{background: #ff89d1;color:#FFF;text-align: center; padding:0.3em;width: 20%;border-radius:0.5em;font-size:1.2em;}

p#icon_mail{position:fixed;top:10px;left:10px;color:#FFF;border-radius:50%;display:none;z-index: 3;}
p#icon_mail span{position:absolute;top:-5px;left:-5px;background: #F00;display:inline-block;border-radius:30px;width: 20px;height: 20px;text-align: center;line-height: 20px;z-index: 4;}

#appDlbox {
    background: rgb(247, 247, 247);
    padding: 0em;
    width: 80%;
    position: fixed;
    left: 10%;
    top: 15%;
    border-radius: 15px;
    z-index: 18645315;
    display: none;
}

#appDlbox > p.title {
    font-size: 1.1em;
    margin-bottom: 0em;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
}

#appDlbox > p {
    font-size: 1.1em;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
}

#appDlbox > p.top {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px;
}
#appDlbox > p span{color:#F00;font-weight:bold;}

#appDlbox > p.fd {
/*    background: rgb(255, 255, 255);*/
    padding: 1em;
    position: relative;
    border-radius: 10px;
    margin-bottom: 1em;
    font-weight: normal;
}

/*
#appDlbox > p.fd:before{
  content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #FFF;
}
*/

#appDlbox dl dt{ display:-webkit-flex;display:flex;}
#appDlbox dl dt img{width:50px;}
#appDlbox dl dt p:first-child{padding-right:10px;}
#appDlbox dl dd a {
    display: block;
    background: rgb(0, 185, 0);
    color: rgb(255, 255, 255);
    width: 80%;
    padding: 5px;
    text-align: center;
    margin: 0.5em auto;
    font-weight: bold;
    font-size: 1.7em;
}

#appDlbox dl dd a.fri {
    display: block;
    background: rgb(0, 185, 0);
    color: rgb(255, 255, 255);
    width: 80%;
    padding: 5px;
    text-align: center;
    margin: 0.5em auto;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0px 0px 5px #00b900;
    -moz-box-shadow: 0px 0px 10px #FF4500;
    box-shadow: 0px 0px 5px #00b900;
}

#appDlbox dl dd a.cancel {
    background: rgb(247, 247, 247);
    font-weight: normal;
    font-size: 1.3em;
    color: cornflowerblue;
    padding: 0px;
}

#appDlbox dl {
    margin-top: 0;
    margin-bottom: 0px;
}

#appDlbox hr {
    margin: 10px;
    border: 0;
    border-top: 1px solid rgba(124,139,150,.2);
}

.appDlbox-bg-cover{
	position: fixed; /* ブラウザの定位置に固定 */
	background: rgba(0, 0, 0, .5); /* 背景色を半透明の黒色に */
	width: 100%; /* 要素の横幅を画面全体に */
	height: 100%; /* 要素の高さを画面全体に */
	top: 0; /* 要素の固定位置をブラウザ最上部に合わせる */
	left: 0; /* 要素の固定位置をブラウザ左側に合わせる */
	z-index: 18645314; /* 要素をコンテンツより前面に（要調整） */
	display: none;
}

#appDlbox .box_flex {
    display: -webkit-box;
    margin: 10% 10% 5%;
}

#appDlbox .box_flex .image {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#appDlbox .box_flex .image > img {
    width: 30vw !important;
    height: 30vw;
    border-radius: 50%;
    object-fit: cover;
	border: solid 5px #FFF;
}

#under-link dl dd a {
    display: block;
    background: rgb(0, 185, 0);
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 5px;
    text-align: center;
    margin: 0.5em auto;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 18px;
    box-shadow: rgb(0 185 0) 0px 0px 5px;
}

/* ANIMATION */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}


@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}


@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.profile {
  width: 90%;
  margin: 0px auto;
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 6px #ff66cc;/*左線*/
//  border-bottom: solid 3px #d7d7d7;/*下線*/
}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 10px 0px 10px 0px;
  padding: 7px 10px;
  width: 86%;
  color: #555555;
  font-size: 1.2em;
  background: #ffffee;
  border: solid #333355;
  border-radius:10px;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 17%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #ffffee;
  z-index: 2;
}

.balloon1-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 17%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #333355;
  z-index: 1;
}

.balloon1-top p {
  text-align:left;
  margin: 0;
  padding: 0;
//  font-weight: bold; /*好みで太字に*/
}

div#list ul, ol {
  padding: 0;
  position: relative;
}

div#list ul li, ol li {
  color: #555;
  border-left: solid 6px #333355;/*左側の線*/
  background: #ffddee;/*背景色*/
  margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}

div#list2 ul {
  padding: 0;
  position: relative;
}

div#list2 ul li {
  color: white;
  background: #333355;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2.5em;
  border-bottom: 2px solid white;
  list-style-type: none!important;
  font-weight: bold; /*好みで太字に*/
  font-size: 1.2em;
}

div#list2 ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f2bb";
  position: absolute;
  left : 1.0em; /*左端からのアイコンまでの距離*/
  color: white; /*アイコン色*/
}

.photo {
	text-align:center;
	font-size:1.8em;
	color:#cccccc;
	margin-top:-10px;
	margin-bottom:10px;
}

/* LINE@　友だちボタン*/
#line_atto a {
    background:#00bb00;
//    box-shadow:0 5px 0 #219900;
    font-size:1.2em;
    position:relative;
    display:block;
    padding:10px;
    color:#fff;
    border-radius:30px;
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    width:280px;
    margin:10px 0px 10px 0px;
z-index: 0;
}



@charset "utf-8";
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
/* ------------------------------
   Universal Reset
   Default Style
   Content
   ClearFix
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,fieldset,form,legend{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,caption,th,address{font-style:normal;font-weight:normal;}
img{border:0 none;vertical-align:bottom;_vertical-align:text-bottom;max-width: 100%!important}
input,select,textarea{margin:0;padding:0;vertical-align:middle;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
input{-webkit-appearance:none;appearance:none;}
input[type="submit"],input[type="reset"]{border:none;border-radius:0;}
input[type="radio"]{-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*==================================================================
   Default Style
==================================================================*/
div#list2 ul {
  padding: 0;
  position: relative;
}

div#list2 ul li {
  color: white;
  background: #2cc4cb;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2.5em;
  border-bottom: 2px solid white;
  list-style-type: none!important;
  font-weight: bold; /*好みで太字に*/
  font-size: 1.2em;
}

div#list2 ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f2bb";
  position: absolute;
  left : 1.0em; /*左端からのアイコンまでの距離*/
  color: white; /*アイコン色*/
}



* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, sans-serif;
    font-size: 13px;
    margin: 0 auto;
    font-family: Verdana, Geneva, "sans-serif";
    -webkit-text-size-adjust: 100%;
    color: #282828;
    height: 100%;
    min-height: 100%;
}

body, html {
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
}

.hide {
	display: none;
}

#js-spinner {
	position: fixed;
	top: 14%;
	left: 50%;
	margin-left: -32px;
	z-index: 10;
}

.header {
	background: #fff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
	padding: 10px 15px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.header .user-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: block;
	background: url("../images/default-ava.jpg") center no-repeat;
	background-size: cover;
	position: relative;
}
.header .user-avatar:before {
    background-color: #37e103;
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 7;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.header .user-name {
	font-size: 14px;
	font-weight: bold;
}
.header .user-status {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
    font-weight: bold;
    margin: 5px 0 0 -10px;
}

.location {
	font-size: 14px;
	background: url("../images/location.svg") left no-repeat;
	padding-left: 20px;
	background-size: 10px;
}

#username {
	font-size: 18px;
	font-weight: 700;
}

/*□□□□□□□□□□□□□*/
/* 自動チャット */
/*□□□□□□□□□□□□□*/

.messenger {
    padding: 0 10px;
    position: fixed;
	left: 0;
    right: 0;
    bottom: 70px;
    min-height: 80px;
}

.messenger .date {
	font-size: 16px;
	color: #c5c5c5;
	text-align: center;
	margin-bottom: 10px;
}

.inputmessenger {
    padding: 0 10px;
    position: fixed;
	left: 0;
    right: 0;
    bottom: -5px;
    min-height: 80px;
}

.inputmessenger .date {
	font-size: 16px;
	color: #c5c5c5;
	text-align: center;
	margin-bottom: 10px;
}

.messages {
	list-style: none;
	margin: 0;
	padding: 0 5px 0 40px;
}

.inputmessages {
	list-style: none;
	margin: 0;
	padding: 0 5px 0 0;
}

.messages > li {
	margin: 0 0 15px;
	position: relative;
	display: none;
}

.messages > li:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 0;
	left: -8px;
	border-width: 0 12px 12px 0;
	border-color: transparent #fff2f2 transparent transparent;
}

.messages .user-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: -40px;
	display: block;
	background: url("../images/default-ava.jpg") center no-repeat;
	background-size: cover;
}

.message-text {
    display: inline-block;
    margin: 0;
    padding: 8px 12px;
    -webkit-box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
    box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
    border-radius: 0 8px 8px;
    font-size: 14px;
    color: #000;
    line-height: 1.3;
    background: #fff2f2;
	filter:blur(5px);
}

.inputmessages > li {
	margin: 0 0 15px;
	position: relative;
	display: none;
	animation: flash 5s linear infinite;
	color: rgb(0 50 183);
	font-weight: bold
}

@keyframes flash {
	0%,100% {
	opacity: 1;
	}

	50% {
	opacity: 0;
	}
}

.input-message-text {
    display: inline-block;
    margin: 0;
    padding: 8px 12px;
    -webkit-box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
    box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
    border-radius: 0 8px 8px;
    font-size: 14px;
    color: #000;
    line-height: 1.3;
    background: #fff2f2;
	color: transparent;
	text-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.user-image {
    display: block;
    max-width: 100%;
    border-radius: 8px;
}

.add-message {
	padding: 6px 50px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .14);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .14);
}

.add-message input {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 15px;
	display: block;
	width: 100%;
	height: 44px;
	font-size: 14px;
	color: #777;
	outline: none;
	border: 1px solid #ededed;
	border-radius: 22px;
}

.add-message input::placeholder,
.add-message input::-webkit-input-placeholder {
	color: #c5c5c5;
}

.add-message .icon {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 16px;
	left: 14px;
	cursor: pointer;
}

.add-message .icon2 {
	left: auto;
	right: 14px;
}

body.style3 {
	background: #fff url(../images/bg/cells-yellow.png) top center;
}

/* RTL */
.rtl {
	direction: rtl;
}
.rtl .messages {
	padding: 0 40px 0 5px;
}
.rtl .message-text {
	border-radius: 8px 0 8px 8px;
}
.rtl .messages .user-avatar {
	left: auto;
	right: -40px;
}
.rtl .messages > li:before {
	left: auto;
	right: -12px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.rtl .location {
	padding-right: 20px;
	padding-left: 0;
	background-position: right;
}
.rtl .add-message .icon {
	right: 14px;
	left: auto;
}
.rtl .add-message .icon2 {
	right: auto;
	left: 14px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*header*/

.head-prof{
	position: relative;
	width: 100%;
	height: 20vw;
/*
	background-color:rgb(255, 237, 248);
	
	background-image:
		repeating-linear-gradient(to bottom,
		transparent 25px,
		rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
		transparent 27px,  transparent 51px, 
		rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
		transparent 53px,  transparent 77px, 
		rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
		transparent 79px,  transparent 103px, 
		rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
		transparent 105px,  transparent 129px, 
		rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),

		repeating-linear-gradient(to right,
		transparent 25px,
		rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
		transparent 27px,  transparent 51px, 
		rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
		transparent 53px,  transparent 77px, 
		rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
		transparent 79px,  transparent 103px, 
		rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
		transparent 105px,  transparent 129px, 
		rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px
	);
*/
}




.head-prof p{
	position: absolute;
	width: 100%;
	height: 6vw;
	vertical-align: middle;
	font-size: 4vw;
	font-weight:  bold;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center
}

.head-prof p:before,
.head-prof p:after {
	font-family: 'Font Awesome 5 Free';
	color: #20B536;
}

.head-prof p:before {
	padding: 20px;
	content: '\f101';
	font-family: FontAwesome;
}

.head-prof p:after {
	padding: 20px;
	content: '\f100';
	font-family: FontAwesome;
}


/*本体プロフ画面*/
.dub {
    position: relative;
    top: -2%;
    z-index: 0;
}

.dub-inner{
	min-height:100%;
	height:auto;
	position:relative;
	overflow-x:clip;
	padding:0px 0 70px
	z-index: 1;
}

.dub-con {
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.dub-con:before,.dub-con:after{
	content:" ";
	display:table
	z-index: 2;
}
.dub-con:after{
	clear:both
	z-index: 2;
}

.dub-con-bg{
	background-image: linear-gradient(90deg, #ffedf8, rgba(240, 226, 226, 1));
	max-height: 100%;
	height: 100%;
	transition: all .3s ease;
}

.pro-ava-inner {
    height: 80px;
    position: relative;
    top: -12vw;
}

.pro-ava img {
    width: 100vw;
    object-fit: cover;
}

.pro-ava {
    position: relative;
    top: 0px;
    left: 15px;
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    transition: all .3s ease;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    z-index: 100;
}

.prof-name {
    /*left: 20px;*/
    max-width: calc(100% - 30px);
    position: relative;
    color: #263238;
    font-weight: bold;
    font-size: 6vw;
    line-height: 6vh;
    overflow: hidden;
    white-space: nowrap;
}

.prof-disp {
    max-width: calc(100% - 30px);
    color: #263238;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    /*padding-left: 10px;*/
}

@media(min-width:425px){
	.pro-ava {
		position:relative;
		top: 0px;
		left: 25px;
		width: 150px;
		height: 150px;
		border: 4px solid #fff;
		transition: all .3s ease;
		border-radius: 50%;
		overflow: hidden;
		background-color: #fff;
		z-index: 100;
	}

	.dub {
		position: relative;
		top: -2%;
		z-index: 0;
	}
}

@media(min-width:768px){
	.pro-ava {
		position:relative;
		top: 0px;
		left: 25px;
		width: 220px;
		height: 220px;
		border: 4px solid #fff;
		transition: all .3s ease;
		border-radius: 50%;
		overflow: hidden;
		background-color: #fff;
		z-index: 100;
	}

	.pro-ava-inner {
		height: 230px;
	}

	.dub {
		position: relative;
		top: -1.2%;
		z-index: 0;
	}

	.prof-name {
		left: 20px;
		max-width: calc(100% - 30px);
		position: relative;
		color: #263238;
		font-weight: bold;
		font-size: 4vw;
		line-height: 6vh;
		overflow: hidden;
		white-space: nowrap;
	}
}

@media(min-width:1024px){
	.pro-ava {
		position:relative;
		top: -30px;
		left: 40px;
		width: 250px;
		height: 250px;
		border: 4px solid #fff;
		transition: all .3s ease;
		border-radius: 50%;
		overflow: hidden;
		background-color: #fff;
		z-index: 100;
	}

	.pro-ava-inner {
		height: 230px;
	}

	.dub {
		position: relative;
		top: -1.2%;
		z-index: 0;
	}

}

@media(min-width:1440px){
	.pro-ava {
		position:relative;
		top: -30px;
		left: 40px;
		width: 250px;
		height: 250px;
		border: 4px solid #fff;
		transition: all .3s ease;
		border-radius: 50%;
		overflow: hidden;
		background-color: #fff;
		z-index: 100;
	}

	.pro-ava-inner {
		height: 230px;
	}

	.dub {
		position: relative;
		top: -1.2%;
		z-index: 0;
	}

}

@media(min-width:2560px){
	.pro-ava {
		position:relative;
		top: -30px;
		left: 40px;
		width: 250px;
		height: 250px;
		border: 4px solid #fff;
		transition: all .3s ease;
		border-radius: 50%;
		overflow: hidden;
		background-color: #fff;
		z-index: 100;
	}

	.pro-ava-inner {
		height: 230px;
	}

	.dub {
		position: relative;
		top: -1.2%;
		z-index: 0;
	}
}