.king-q-view {

  background-color: #fff;

  border: 1px solid #dbdbdb;

  display: block;

  position: relative;

  margin-bottom: 5px;

  border-radius: 5px;

  padding: 5px 5px 5px 5px

}



.king-related-q-list {

  list-style: none;

  padding-left: 0

}



.king-related-q-item {

  margin-bottom: 1px;

  padding: 3px 2px 3px 3px;

  border-bottom: 1px solid #efefef

}



.king-related-q-item a {

  color: #516064;

  font-weight: bold

}



.king-body-in {

  width: 100%;

  display: block;

  position: relative;

  box-sizing: border-box;

  padding-left: 2%;

  padding-right: 2%;

  padding-top: 20px

}



.king-nav-main-clear,

.king-nav-sub-clear,

.king-q-item-clear,

.king-q-view-clear,

.king-a-item-clear,

.king-c-item-clear,

.king-footer-clear,

.king-vote-count-clear,

.king-page-links-clear {

  clear: both

}



h1,

h2,

h3,

h4,

h5 {

  font-weight: 600

}



h1 {

  font-size: 22px;

  line-height: 36px

}



h2 {

  font-size: 21px;

  line-height: 32px;

  text-align: left

}



h3 {

  font-size: 17px;

  line-height: 28px

}



h4 {

  font-size: 16px;

  line-height: 24px

}



.king-favoriting {

  position: relative;

  margin-right: 8px

}







.king-error {

  color: #fff;

  background-color: rgb(0 0 0 / 82%);

  font-size: 14px;

  font-weight: 300;

  padding: 15px 0;

  text-align: center;

  line-height: 18px;

  position: fixed;

  bottom: 20px;

  left: 20px;

  right: 20px;

  z-index: 998;

  border-radius: 14px

}



.king-header {

  padding-left: 1%;

  padding-right: 1%;

  position: relative;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

text-align: center;

  -ms-flex-wrap: none;

  -webkit-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  background-color: rgb(252 252 252 / 72%);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  backdrop-filter: saturate(180%) blur(20px);

  height: 66px;

  z-index: 12;

  border-radius: 14px

}



.king-nav-cat {

  margin: 0px 0

}



.king-nav-cat-list-1 {

  font-size: 13px

}



.king-nav-cat-list-2 {

  font-size: 11px

}



.king-nav-cat-list-3 {

  font-size: 10px

}



.king-nav-cat-list {

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-radius: 14px;

  overflow: hidden

}



.king-nav-cat-item {

  display: block

}



.king-nav-cat-link {

 font-weight: bold;

    font-size: 14px;

    padding: 5px 0;

    display: block;

    color: #2e155a;

  border-bottom: 1px solid #f5f5f7;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s

}



.king-nav-cat-link span i {

  margin-right: 10px;

  font-size: 14px;

  font-weight: 550

}



.king-nav-cat-selected:hover,

.king-nav-cat-item:hover,

.king-nav-cat-link:hover {

  text-decoration: none;

  color: #5890ff

}



.king-nav-cat-selected {

  color: #5890ff

}



.king-nav-cat-all {

  display: none

}



.king-feed-link {

  font-size: 10px;

  color: #1d1d1f

}



.king-template-search .pheader,

.king-template-tag .pheader {

  border-radius: 3px;

  background-color: #fff;

  padding: 10px 8px;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33)

}



.king-template-tag .pheader h9 {

  font-size: 14px;

  font-weight: 300;

  color: #5890ff

}







.king-template-question .king-main-in,

.king-template-custom .king-main-in {

  max-width: 840px

}



.king-part-q-list {

  position: relative

}



.container {

  display: block;

  font-size: 0;

  box-sizing: border-box;

  flex: 3;

  margin-left: -0.5%;

  margin-right: -0.5%;

  padding-bottom: 80px;

  display: flex;

  flex-wrap: wrap

}



.ias-trigger-next,

.load-nomore {

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin-left: auto;

  margin-right: auto;

  height: 42px;

  line-height: 42px;

  width: 280px;

  font-size: 14px;

  font-weight: 500;

  border-radius: 14px;

  background-color: rgb(61 86 227);

  box-shadow: 0px 0px 10px 0px rgb(61 86 226);

  transition: all 0.3s ease-in-out

}



.ias-trigger-next a {

  color: #fff;

  color: #fff;

font-size: 15px;

font-weight: bold

}



.load-nomore {

  box-shadow: inherit;

  background-color: #efefef;

  text-align: center

}



.rightsidebar {

  flex: 2.5;

  padding-right: 1%;

  padding-left: 1%;

  align-self: flex-end;

  position: sticky;

  bottom: 0

}



.king-main-hidden {

  opacity: 0.5

}



.king-footer {

  background: #fff;

  padding: 8px 0;

  display: block;

  position: relative;

  clear: both;

  color: #758399;

  font-size: 18px;

  font-weight: bold;

  text-align: center;

  margin: 10px 2%;

  box-sizing: border-box;

  border-radius: 14px

}



.king-footer a {

  color: #444444

}



.king-error a {

  color: #fff;

  font-weight: bold

}



.king-nav-footer-list {

  -webkit-column-count: 3;

  -moz-column-count: 3;

  column-count: 3;

  column-gap: 10px;

  column-rule: 1px solid #efefef;

  list-style: none;

  box-sizing: border-box;

  margin: 30px 0

}



.king-nav-footer-link i {

  margin-right: 8px;

  font-size: 14px

}



.king-logo {

  max-height: 66px 

}



.king-logo-link {

  font-size: 22px

}



.king-logo img {

  max-height: 60px;

  display: block

}



.king-logo .king-logon {

  display: none

}



.reklam {

  float: right;

  margin: 0 0 12px 12px;

  padding: 4px;

  border-left: 1px solid #ddd;

  background-color: #F0F1F4

}



.fb-login-button {

  padding: 10px 20px

}



.king-nav-user {

  float: left;

  font-size: 12px;

  color: #2c3e50;

  white-space: nowrap;

  margin: 5px 0 4px 0

}



.king-dropdown ul li {

  list-style: none

}



.king-dropdown .king-nav-user-item a {

  border-bottom: 1px solid #f0f2f4;

  color: #999999;

  background-color: #f6f7f9;

  display: block;

  line-height: 41px;

  font-weight: 600;

  font-size: 14px

}



.king-dropdown .king-nav-user-item a:hover {

  background-color: #fff;

  color: #1d1d1f

}



.king-search {

  position: relative

}



.king-search form {

  display: flex;

  background: #fff;

  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%);

  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

  box-shadow: 0 1px 1px rgb(0 0 0 / 20%);

  border-radius: 14px;

  overflow: hidden;

  padding: 0 10px;

  justify-content: space-between

}



.king-search-field {

  border: 0;

  flex: 1 1 100%;

  background-color: inherit;

  font-size: 16px;

  line-height: 40px;

  width: 280px;

  transition: all 200ms ease-out

}



.king-search-field:focus {

  color: #333;

  background-color: inherit !important;

  width: 330px

}



.king-search-button {

  width: 40px;

  cursor: pointer;

  background-color: inherit;

  border: 0;

  font-size: 14px;

  color: rgb(142, 142, 142)

}



.search-toggle {

  display: inline-block;

  cursor: pointer;

  text-align: center;

  color: #2c3e50;

  border-radius: 100px;

  width: 40px;

  height: 40px;

  line-height: 40px

}



.search-toggle:hover {

  border-color: #5890ff;

  color: #5890ff

}



.king-headerf {

  z-index: 18;

  position: sticky;

  width: 100%;

  top: 0;

  padding: 10px 2% 0 2%;

  box-sizing: border-box

}



.head-title {

  display: flex;

  text-align: center;

  padding: 20px 0;

  background-color: #fff;

  color: #2c2c2c;

  font-size: 22px;

  font-weight: 400;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  margin: 10px 2%;

  border-radius: 5px

}



.king-nav-main-list {

  font-size: 14px;

  list-style: none;

  font-weight: 300

}



.king-nav-main-item {

  display: block

}



.king-nav-main-link {

  font-weight: bold;

  font-size: 14px;

  margin: 4px;

  color: #ffffff;

  display: block;

  padding: 0 10px 0 82px;

  line-height: 40px;

  margin-bottom: 8px;

  text-align: left;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s;

  position: relative

}



.king-nav-main-link i {

  font-size: 14px;

  left: 8px;

  width: 50px;

  height: 40px;

  line-height: 40px;

  border-radius: 8px;

  text-align: center;

  top: 0;

  position: absolute

}



.king-nav-main-selected:hover i,

.king-nav-main-selected i,

.king-nav-main-link:hover i {

  background-color:#f44336

}



.king-nav-main-selected:hover,

.king-nav-main-selected,

.king-nav-main-link:hover {

  color: #fff

}



.king-q-view-tag-list li {

  display: inline-block

}



.king-nav-sub-list {

  flex: 1;

  list-style: none;

  padding: 0 8px;

  background: linear-gradient(183deg, #673ab7 0%,#492786 100%);

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  margin-bottom: 10px;

  height: 50px;

  line-height: 50px

}



.king-template-updates .king-nav-sub-list {

  margin-top: -50px

}



.king-template-updates .head-title {

  padding-bottom: 60px;

  background-color: inherit

}



.king-nav-sub-item {

  display: inline-block

}



.king-nav-sub-item {

  display: inline-block

}



.king-nav-sub-link {

  font-size: 11px;

  font-weight:bold;

  padding: 0 12px;

  margin: 0 2px;

  display: block;

  position: relative;

  height: 40px;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: .8px;

  line-height: 40px;

  transition: color .2s linear;

  -moz-transition: color .2s linear;

  -webkit-transition: color .2s linear;

  -o-transition: color .2s linear;

  -ms-transition: color .2s linear

}



.king-nav-sub-selected,

.king-nav-sub-link:hover {

  color: #333333;

  background-color: #fff;

  text-decoration: none;

  border-radius: 8px;

  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

  box-shadow: 0 1px 2px rgb(0 0 0 / 20%)

}



.king-nav-sub-selected.king-nav-sub-link:before {

  font-weight: 600

}



.king-nav-sub-link:before {

  font-family: "Font Awesome 5 Free";

  font-weight: 400;

  margin-right: 4px

}



.king-nav-sub-recent .king-nav-sub-link:before {

  content: "\f017"

}



.king-nav-sub-hot .king-nav-sub-link:before {

  font-weight: 600;

  content: "\f7e4"

}

.king-nav-sub-cut .king-nav-sub-link:before {

  font-weight: 600;

  content: "\f0c4"

}

.king-nav-sub-random .king-nav-sub-link:before {

  font-weight: 600;

  content: "\f074"

}

.king-nav-sub-votes .king-nav-sub-link:before {

  content: "\f004"

}



.king-nav-sub-answers .king-nav-sub-link:before {

  content: "\f086"

}



.king-nav-sub-views .king-nav-sub-link:before {

  content: "\f06e"

}



.king-page-links {

  text-align: center;

  display: block;

  clear: both;

  position: relative;

  margin-bottom: 20px

}



.king-page-links-list {

  list-style: none;

  display: inline;

  margin: 0;

  padding: 0

}



.king-page-links-item {

  display: inline

}



.king-page-selected,

.king-page-links-item a {

  font-size: 18px;

  font-weight: normal;

  background-color: #fff;

  color: #1d1d1f;

  width: 40px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  text-align: center;

  margin-right: 8px;

  border-radius: 50%;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s

}



.king-page-links-item a:hover {

  background-color: #5890ff;

  color: #fff

}



.king-page-link {

  color: #ccc

}



.king-page-prev,

.king-page-next {

  color: #5890ff;

  font-size: 18px

}



.king-page-selected {

  font-size: 18px;

  font-weight: normal;

  color: #fff;

  background-color: #5890ff;

  width: 45px;

  height: 45px;

  line-height: 45px

}



.king-page-ellipsis {

  color: #fff;

  font-size: 18px;

  margin-right: 10px

}



.king-form-tall-table {

  width: 100%;

  padding: 5px;

  margin: 10px 0

}



.askbox {

  background: #fff;

  border: 2px solid #5890ff;

  width: 656px;

  height: 40px;

  margin-bottom: 7px;

  margin-top: 10px;

  border-radius: 3px;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

  box-shadow: 0 1px 1px 0 rgba(53, 136, 194, 0.33)

}



.askkutu {

  border: none;

  background: none;

  width: 580px;

  height: 36px;

  color: #555;

  font-size: 16px;

  -webkit-font-smoothing: antialiased;

  padding-left: 8px

}



.askbox input[type="text"]:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none

}



.userust {

  color: #5890ff;

  font-size: 12px;

  line-height: 47px;

  width: 250px;

  float: right

}



.king-form-tall-ok {

  background: #1d1d1f;

  display: block;

  color: #fff;

  font-size: 13px;

  text-align: center;

  padding: 12px;

  border-radius: 14px

}



.king-form-tall-label {

  font-size: 14px;

  font-weight: 700;

  padding: 6px 0;

  margin-top: 5px;

  display: block;

  border-radius: 5px

}



.wdgt-li {

  list-style: none;

  background-color: #efefef;

  margin-bottom: 8px;

  padding: 14px 18px;

  border-radius: 14px

}



.img-submit {

  border: none;

  font-weight: 700;

  background-color: #5890ff;

  height: 40px;

  line-height: 40px;

  width: 100%;

  display: block;

  color: #fff;

  text-align: center;

  cursor: pointer;

  margin-top: 10px;

  border-radius: 0 0 5px 5px

}



.king-form-tall-text {

  background: #FFF;

  width: 100%;

  box-sizing: border-box;

  margin: 0 0 5px 0;

  padding: 6px;

  border: 2px solid #dee1e3;

  color: #667686;

  font-size: 15px;

  font-weight: bold;

  border-radius: 14px;

  transition: border-color 0.25s linear;

  -webkit-transition: border-color 0.25s linear;

  -moz-transition: border-color 0.25s linear;

  -ms-transition: border-color 0.25s linear;

  -o-transition: border-color 0.25s linear

}



.king-form-tall-text::placeholder {

  color: #cdd2d8

}



.king-form-tall-checkbox {

  margin-right: 6px

}



.king-form-tall-error {

  background: #fc575e;

  color: #FEDEE0;

  font-size: 14px;

  margin-bottom: 4px;

  font-weight: 300;

  padding: 8px;

  border-radius: 5px

}



.king-template-login .king-form-tall-note a {

  color: #293D39;

  background-color: inherit

}



.king-form-wide-table {

  padding: 15px;

  margin-bottom: 5px;

  width: 100%;

  text-align: left

}



.king-form-wide-spacer {

  border-bottom: 3px dashed #B0B7BB;

  line-height: 0;

  padding-top: 4px

}



.king-form-wide-ok {

  background: #1d1d1f;

  color: #fff;

  font-size: 16px;

  text-align: center;

  padding: 6px;

  border-radius: 5px

}



.king-form-wide-label {

  color: #667686;

  font-size: 12px;

  font-weight: bold;

  white-space: nowrap;

  padding: 10px

}



.king-form-wide-label {

  display: flex;

  flex-direction: column

}



.king-template-user .king-form-wide-label {

  text-align: left;

  border-bottom: 1px solid #e7ebec

}



.king-template-user .king-form-wide-data {

  text-align: left;

  border-bottom: 1px solid #e7ebec

}



.king-form-wide-text {

  width: 80%;

  border: 1px solid #ddd;

  font-size: 16px;

  font-weight: 600;

  padding: 6px 2px 6px 3px

}



.king-form-wide-error {

  background: #FFCFCF;

  border: 1px solid #E5A3A3;

  color: #801B3E;

  font-size: 11px;

  margin-left: 6px;

  padding: .5em

}



.king-form-wide-note {

  font-size: 10px;

  margin-left: 4px;

  color: #235272

}



.king-form-light-button,

.king-form-light-hover {

  font-size: 12px;

  font-weight: 700;

  background-color: inherit;

  border: none;

  height: 27px;

  padding: 0 10px 0 0;

  cursor: pointer;

  color: #8c97aa

}



.king-form-wide-button:hover,

.king-form-tall-button:hover,

.king-form-light-hover,

#submit-btn:hover {

  color: #efefef;

  background: #383838;

  text-decoration: none;

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none

}



.king-form-light-button:hover {

  border-color: #1d1d1f;

  color: #1d1d1f

}



.king-form-tall-button-cancel {

  background-color: #7c8792 !important

}



.king-form-wide-button,

.king-form-tall-button,

#submit-btn {

  padding: 10px 30px;

  min-width: 200px;

  background: #5890ff;

  color: #fff;

  border: none;

  border-radius: 14px;

  cursor: pointer;

  font-size: 14px;

  transition: 0.25s linear;

  -webkit-appearance: none

}



.king-form-basic-button,

.king-form-basic-hover {

  background-color: #5890ff;

  border: 0;

  vertical-align: middle;

  margin: 4px 4px 4px 0;

  padding: 6px 14px;

  border-radius: 14px

}



.king-form-basic-button {

  color: #FFF

}



.king-form-basic-hover,

.king-form-basic-button:hover {

  background: #FBCA54;

  border: 0;

  color: #FFF

}



.king-form-basic-note {

  font-size: 8pt

}



.king-q-item-title {

  font-weight: 400;

  font-size: 17px;

  line-height: 24px;

  word-wrap: break-word;

  color: #383838;

  display: block;

  position: absolute;

  z-index: 4;

  top: 50%;

  left: 50%;

  width: 90%;

  transform: translate(-50%, -50%);

  opacity: 0;

  visibility: hidden

}



.box:hover .king-q-item-title {

  opacity: 1;

  visibility: visible

}



.king-q-item-title a {

  color: #fff

}



.king-p-who {

  margin-top: 10px;

  line-height: normal;

  display: flex;

  display: -webkit-flex;

  align-items: center;

  font-size: 12px

}



.king-p-who a {

  margin-left: 5px;

  font-size: 13px;

  font-weight: 600;

  color: #fff

}



.king-q-item-tag-list {

  list-style: none;

  margin: 0;

  padding: 0

}



.king-c-form {

  margin: 10px 0

}



.king-c-form textarea {

  height: 50px

}



.king-c-form h2 {

  display: none

}



.king-c-form .king-form-tall-buttons {

  text-align: left

}



.king-suggest-next {

  background-color: #f9fafa;

  color: #b2bac2;

  font-weight: 300;

  font-size: 14px;

  padding: 10px 0;

  text-align: center;

  clear: both;

  display: block

}



.king-suggest-next a {

  color: #8d9aa5;

  font-weight: bold

}



.king-q-item-stats {

  padding: 0;

  height: 80px

}



.king-voting {

  color: #f8f8f8;

  font-size: 13px;

  font-weight: 700;

  height: 40px;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  -webkit-justify-content: center;

  margin-right: 8px;

  width: 120px;

  border-radius: 14px

}



.king-vote-buttons-netup button,

.king-vote-buttons-netdown button {

  background-color: inherit;

  font-size: 20px;

  outline: 0;

  border: 0;

  position: relative;

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  cursor: pointer;

  display: inline-block;

  margin: 0;

  padding: 0;

  color: #1d1d1f

}



button.king-vote-up-disabled,

button.king-vote-down-disabled {

  color: #1010104d

}



.king-vote-buttons-netup button:after,

.king-vote-buttons-netdown button:after {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f078";

  z-index: 1

}



.king-vote-buttons-netup button:after {

  content: "\f077"

}



.king-vote-up-hover,

.king-vote-up-button:hover {

  color: #7bb742

}



.king-vote-down-hover,

.king-vote-down-button:hover {

  color: #5890ff

}



.king-voted-up-button,

.king-voted-up-hover {

  color: #7bb742 !important

}



.king-voted-down-button,

.king-voted-down-hover {

  color: #5890ff !important

}



.king-vote-count {

  text-align: center;

  color: #F69423;

  background-color: #efefef;

  border-radius: 14px;

  line-height: 40px;

  height: 40px;

  width: 40px

}



.king-netvote-count-data {

  font-size: 18px;

  width: 40px;

  text-align: center

}



.king-netvote-count-pad {

  font-size: 0px

}



.king-updownvote-count {

  width: 48px;

  height: 27px;

  position: relative;

  display: block

}



.king-updownvote-count-data {

  font-size: 18px;

  font-weight: 700;

  display: inline

}



.king-updownvote-count-pad {

  font-size: 9px;

  display: none

}



.king-a-count {

  overflow: hidden;

  font-size: 11px;

  padding: 0 4px

}



.king-view-count {

  overflow: hidden;

  font-size: 11px;

  padding: 0 4px

}



.king-view-count-data {

  font-weight: 700

}



.king-a-count-data {

  font-size: 11px;

  font-weight: 700

}



.king-a-count-pad {

  font-size: 11px

}



.king-a-selection {

  display: none

}



.king-top-users-table tr {

  width: 100%;

  text-align: center

}



.king-top-users-label {

  background-color: #f1f3f4;

  border-radius: 6px 6px 0 0;

  padding-top: 8px;

  display: block;

  height: 150px;

  margin: 10px 5px 0

}



.king-top-users-table .king-user-link {

  margin-top: 8px;

  display: block;

  text-align: center;

  width: 100%

}



.king-top-users-label a {

  display: block;

  clear: both;

  font-size: 16px;

  color: #7c8792

}



.king-top-users-score {

  background-color: #f9fafa;

  text-align: center;

  padding: 6px 12px;

  margin-bottom: 5px;

  border-top: 1px solid #d4d9dd;

  color: #DDB550;

  display: block;

  font-weight: bold;

  text-align: center;

  padding: 6px 12px;

  margin: 0 5px;

  border-radius: 0 0 5px 5px;

  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);

  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05)

}





.smeta {

  width: 650px;

  padding: 10px;

  -webkit-transition: left .1s ease-out .1s;

  transition: left .1s ease-out .1s

}



.king-q-view-tags {

  margin-bottom: 12px;

  display: block

}



.king-q-view-tag-list:hover {

  color: #5890ff

}



.share-widget-container {

  display: inline-block;

  position: :relative

}



.king-share-button {

  width: 54px

}



.meta-when {

  padding: 3px 6px;

  margin: 0 3px;

  font-weight: 500;

  font-size: 10px;

  color: #bababa

}



.king-q-view-buttons {

  -webkit-flex: 1 1 0;

  -ms-flex: 1 1 0;

  flex: 1 1 0;

  -ms-flex-pack: end;

  -webkit-justify-content: flex-end;

  justify-content: flex-end;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex

}



.king-q-view-buttons input {

  font-size: 12px;

  font-weight: 600;

  height: 40px;

  cursor: pointer;

  border-radius: 14px;

  padding: 0 7px;

  margin-right: 4px;

  -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;

  box-shadow: 0px 0px 0px 1px #e7e7e9 inset;

  border-radius: 14px;

  color: #1d1d1f

}



.king-q-view-buttons input:hover {

  border-color: #5890ff;

  background: none;

  color: #5890ff

}



.king-q-view-c-list {

  clear: both;

  border-top: 2px dashed #C4E3F8;

  margin: 24px 0 0

}



.post-content {

  margin: 14px 0

}



.post-content img {

  max-height: 400px;

  border-radius: 14px;

  margin: 14px 0

}



.king-a-list {

  margin-bottom: 5px;

  position: relative

}



h9 {

  font-size: 18px;

  line-height: 22px;

  margin: 14px 0 0 0

}



.commentmain {

  background-color: #fafafa;

  display: block;

  padding: 5px 10px;

  margin-bottom: 4px;

  margin-left: 80px;

  border-radius: 14px

}



.meta-who {

  display: flex;

  display: -webkit-flex;

  align-items: center

}



.king-a-item-hidden .king-a-item-content {

  color: #999

}



.king-a-item-main {

  width: 100%;

  display: block

}



.king-a-item-selected {

  margin: -21px -10px 0px -85px;

  padding: 20px 10px 0px 85px;

  border: 1px solid #d5f2dd;

  background: #f0fbf3;

  -moz-border-radius: 14px;

  -ms-border-radius: 14px;

  -o-border-radius: 14px;

  border-radius: 5px

}



.king-a-item-content {

  font-size: 14px;

  margin: 10px 0;

  line-height: 20px;

  width: 100%

}



.king-a-item-content img {

  max-width: 95%;

  padding: 5px;

  margin: 4px 0;

  background-color: #f8f8f8;

  border: 1px solid #e8e8e8

}



.king-a-item-meta {

  font-size: 10px;

  color: #b2bac2;

  margin-left: 4px

}



.king-a-item-meta a {

  font-weight: bold

}



.king-a-item-c-list {

  display: block

}



.king-c-list-item {

  background-color: #efefef;

  padding: 6px 10px;

  margin-bottom: 2px;

  margin-left: 120px;

  position: relative;

  border-radius: 14px

}



.king-c-item-hidden .king-c-item-content {

  width: 547px;

  color: #bbb

}



.king-c-item-content {

  font-size: 14px;

  margin: 10px 0;

  line-height: 20px;

  width: 100%

}



.king-c-item-content img {

  max-width: 95%;

  padding: 5px;

  margin: 4px 0;

  background-color: #f8f8f8;

  border: 1px solid #e8e8e8

}



.king-c-item-content pre {

  width: 90%;

  position: relative;

  display: block;

  clear: both;

  margin-bottom: 20px;

  font-size: 16px;

  font-family: "monoco", courier, monospace;

  background: #384047;

  padding: 15px;

  overflow: hidden;

  overflow-x: scroll;

  -moz-border-radius: 14px;

  -ms-border-radius: 14px;

  -o-border-radius: 14px;

  border-radius: 5px

}



.king-c-item-meta {

  font-size: 10px;

  display: inline;

  color: #b2bac2

}



.king-c-item-buttons {

  float: left;

  display: inline

}



.king-a-list .king-user-link {

  color: #707E96;

  margin-right: 5px;

  font-size: 18px;

  font-weight: 600

}



.king-a-list .king-user-link:hover {

  color: #5890ff !important

}



.king-top-tags-count {

  display: none

}



.king-tag-link {

background-color: #f6fff4;

    padding: 3px 16px;

    border-radius: 14px;

    margin-right: 2px;

    color: #000;

    font-weight: bold;

    font-size: 13px;

    display: inline-block;

  margin-bottom: 4px

}



.king-tag-link:hover {

  background-color: #5890ff;

  color: #fff;

  text-decoration: none !important

}



.king-template-users .king-top-users-label .king-avatar-image {

  border: 4px solid #fff;

  padding: 4px;

  width: 100px;

  height: 100px

}



#avatar .king-avatar-image {

  width: 144px !important;

  height: 144px !important;

  border: 2px solid #e7ebec;

  padding: 4px;

  border-radius: 50%;

  text-align: center

}



.king-avatar-image {

  border-radius: 50%;

  width: 52px;

  height: 52px;

  object-fit: cover

}



a:active,

a:visited,

.king-avatar-link:hover {

  text-decoration: none

}



a {

  text-decoration: none;

  color: #5890ff

}



a:hover {

  color: #5890ff;

  text-decoration: none

}



.king-page-links-label,

.king-a-item-hidden .king-voting,

.king-a-item-hidden .king-a-item-meta,

.king-c-item-hidden .king-c-item-meta {

  color: #ccc

}



.king-form-tall-number,

.king-form-wide-text,

.king-form-wide-number,

.king-form-wide-select {

  padding: 4px;

  border: 2px solid #dee1e3;

  border-radius: 14px;

  color: #1d1d1f

}



.king-form-tall-select {

  border: 2px solid #dee1e3;

  color: #667686;

  font-size: 15px;

  font-weight: bold;

  border-radius: 14px;

  width: 100%;

  padding: 12px;

  line-height: 22px;

  display: block;

  margin-top: 4px

}



.king-form-tall-number,

.king-form-wide-number {

  width: 48px;

  border: 2px solid #B0B7BB;

  -moz-border-radius: 14px;

  font-size: 16px;

  font-weight: 300;

  padding: 3px 2px 3px 3px

}



.king-a-select-button,

.king-a-unselect-hover,

.king-a-unselect-button:hover {

  background-position: 0 -28px

}



.king-top-users-table {

  border-collapse: collapse;

  margin-bottom: 30px;

  width: 100%;

  margin-top: 10px

}



.king-top-tags-table {

  border-collapse: collapse;

  margin-bottom: 1em;

  width: 100%;

  margin-top: 10px

}



.king-top-tags-table tr {

  display: inline-block;

  margin: 10px 0 0 8px

}



.king-top-tags-spacer {

  padding: 0 4px

}



.king-a-item-content h2,

#wmd-preview h2 {

  font-size: 24px;

  color: #000

}



.king-a-item-content h3,

#wmd-preview h3 {

  font-size: 20px;

  color: #000

}



.king-a-item-content h4,

#wmd-preview h4 {

  font-size: 16px;

  color: #000

}



.king-a-item-content h5,

#wmd-preview h5,

.king-a-item-content h6,

#wmd-preview h6 {

  font-size: 13px;

  color: #000

}



.pheader {

  padding: 8px 0;

  display: block;

  margin-bottom: 20px;

  color: #555

}



.usrname {

  display: block;

  position: relative;

  width: 220px;

  line-height: 22px;

  text-align: center;

  border-bottom: 1px solid #d4d9dd;

  padding: 8px 0

}



.usrname .king-user-link {

  float: none;

  color: #8d9aa5

}



.usrname a {

  height: 33px;

  width: 180px

}



.king-nav-user-register {

  height: 0px

}



.king-q-view-extra {

  font-size: 14px;

  margin: 0 0 15px 9px;

  width: 95%;

  display: block

}



.king-q-view-extra-title {

  font-weight: 700

}



.pboxes {

  display: block;

  position: relative;

  text-align: center;

  background-color: #fff;

  border-radius: 14px;

  margin-bottom: 32px

}



.pboxes .king-avatar-image {

  width: 78px !important;

  height: 78px !important;

  border: 1px solid #ccc;

  padding: 4px;

  object-fit: cover

}



.pboxes .king-user-link {

  float: none;

  clear: both;

  display: block;

  font-size: 22px;

  margin: 7px 0 12px;

  color: #1d1d1f;

  font-weight: 600

}



.pboxes .king-q-view-avatar {

  float: none;

  clear: both;

  display: block;

  margin: 0

}



.king-a-item-who {

  font-size: 1.4em;

  font-weight: bold;

  display: block;

  margin-bottom: 10px

}



.king-c-item-who {

  font-size: 11px;

  font-weight: bold;

  display: block;

  margin-bottom: 10px

}



.king-a-item-avatar {

  position: absolute;

  left: 10px

}



.king-a-item-avatar .king-avatar-image {

  border: 4px solid rgb(255 255 255);

  box-shadow: 0 4px 8px rgb(0 0 0 / 8%);

  background-color: #e1e0e5;

  background: linear-gradient(to bottom, #e1e0e5, #ced0d9 100%);

  border-radius: 100%;

  width: 50px;

  height: 50px;

  overflow: hidden

}



.king-c-item-avatar {

  position: absolute;

  left: -45px

}



.king-c-item-avatar .king-avatar-image {

  border: 4px solid rgb(255 255 255);

  box-shadow: 0 2px 4px rgb(0 0 0 / 8%);

  background-color: #e1e0e5;

  background: linear-gradient(to bottom, #e1e0e5, #ced0d9 100%);

  border-radius: 100%;

  width: 32px;

  height: 32px

}



.king-q-item-when {

  float: left;

  margin-right: 8px

}



.king-q-item-who {

  line-height: 24px;

  margin-left: 8px;

  font-size: 11px;

  float: left

}



.king-q-item-who a {

  font-size: 14px

}



.king-q-item-who-data {

  font-size: 14px;

  font-weight: 700;

  color: #555

}



.share-bar {

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  position: relative;

  background-color: #fff;

  margin-bottom: 14px;

  border-radius: 14px

}



.share-link {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;

  cursor: pointer;

  box-shadow: 0px 0px 0px 1px #e7e7e9 inset;

  border-radius: 14px;

  color: #1d1d1f;

  margin-right: 8px

}



#drop2 img {

  padding: 15px 12px;

  background: #2C3E50;

  border-left: 1px solid #2C3E50;

  border-right: 1px solid #2C3E50

}



#drop2 img:hover {

  background-color: #243442;

  border-left: 1px solid #2E4154;

  border-right: 1px solid #2E4154

}



textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus {

  border-color: #e74c3c;

  outline: 0;

  outline: thin dotted \9

}



.king-modal-form form {

  display: flex;

  flex-direction: column

}



.modal-input {

  border: 2px solid #dee1e3;

  color: #667686;

  font-size: 15px;

  font-weight: bold;

  height: 34px;

  padding: 4px 8px;

  margin: 5px 0 10px;

  border-radius: 14px;

  transition: border-color 0.25s linear;

  -webkit-transition: border-color 0.25s linear;

  -moz-transition: border-color 0.25s linear;

  -ms-transition: border-color 0.25s linear;

  -o-transition: border-color 0.25s linear

}



.modal-input:focus {

  border-color: #df4a37

}



#king-login {

  background-color: #5890ff;

  border: 0;

  display: block;

  color: #fff;

  font-size: 13px;

  line-height: 50px;

  height: 50px;

  font-weight: bold;

  padding: 0 38px;

  cursor: pointer;

  border-radius: 14px;

  margin-top: 10px;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out

}



#king-login:hover,

#king-login:focus,

#king-login:active,

#ga-login.active {

  color: #fff;

  background-color: #383838;

  box-shadow: none

}



.king-related-qs {

  list-style: none;

  padding: 0 0 14px 0;

  background-color: #fff;

  border-radius: 14px;

  margin-bottom: 10px

}



.a-alt {

  align-items: center;

  -webkit-align-items: center;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex

}



.king-c-item-footer {

  display: block;

  height: 28px

}



.a-alt .king-voting {

  margin-right: 5px;

  box-shadow: none

}



.king-message-item {

  padding: 14px 14px 14px 80px;

  margin: 8px;

  border-radius: 14px;

  background-color: #efefef;

  color: #1d1d1f;

  position: relative;

  display: block

}



.king-message-list {

  display: block;

  position: relative

}



.king-message-list .king-avatar {

  display: block;

  width: 50px;

  height: 50px;

  border: 3px solid #fff;

  background-color: #8c97aa;

  text-align: center;

  line-height: 50px;

  margin-bottom: 10px;

  position: absolute;

  left: 10px;

  top: 14px

}



.king-message-content {

  margin-bottom: 5px;

  font-size: 14px

}



.fbcomments {

  margin-left: 10px;

  margin-top: 14px

}



#anew {

  margin: 10px

}



#anew #a_content {

  height: 50px;

  width: 99%

}



#anew .king-form-tall-buttons {

  text-align: left

}



#anew h2 {

  display: none

}



.king-form-light-button-claim,

.king-form-light-button-follow,

.king-form-light-button-close,

#extraf {

  display: none

}



.prev-next {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #f9f9fa;

  border-radius: 0 0 14px 14px;

  padding: 20px;

  display: flex;

  display: -webkit-flex;

  justify-content: space-between

}



.king-next-q,

.king-prev-q {

  line-height: 22px;

  text-align: left;

  color: #1d1d1f;

  margin-right: 8px;

  border-radius: 8px

}



.king-prev-q {

  text-align: right

}



.prev-next i {

  font-size: 25px;

  vertical-align: middle;

  margin: 0 4px

}



.socialicons {

  height: 40px;

  display: flex;

  justify-content: center;

  -webkit-justify-content: center;

  display: -webkit-flex;

  list-style-type: none;

  margin: 15px 0

}



.socialicons li a {

  display: block;

  border: 1px solid #efefef;

  text-align: center;

  border-radius: 14px;

  margin: 0 6px;

  font-size: 15px;

  width: 40px;

  height: 40px;

  line-height: 40px

}



.tagcloud a {

  margin: 0 4px 8px 0;

  background-color: #eff4ff;

  padding: 2px 12px;

  border-radius: 14px;

  font-weight: bold;

  color: #0d0d0e;

  display: inline-block

}



.tagcloud a:hover {

  background-color: #5890ff;

  color: #fff

}



.header-right {

  text-align: center;

  -webkit-flex: 1 1 0;

  -ms-flex: 1 1 0;

  flex: 1 1 0

}



.header-right>ul {

  display: flex;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;

  height: 60px;

  align-items: center;

  flex-direction: row-reverse;

  -webkit-flex-direction: row-reverse

}



.loginavatar .king-avatar-image {

  width: 32px;

  height: 32px;

  border-radius: 50%

}



.username {

  width: 160px;

  text-align: center;

  border-bottom: 1px solid #e8e8e8;

  padding-bottom: 8px

}



.reglink:hover {

  color: #5890ff

}



.reglink {

  color: #2c3e50;

  height: 40px;

  padding: 0 10px;

  display: block;

  line-height: 40px;

  text-align: center;

  cursor: pointer;

  font-weight: 600;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out

}



.king-video {

  text-align: left;

  box-sizing: border-box;

  border-radius: 14px

}



.king-video iframe {

  width: 100%;

  height: 540px;

  border: 0px;

  display: block;

  margin: 0 auto

}



.king-video .instaframe {

  width: 845px;

  height: 900px

}



.meta-who-data {

  color: #8d9aa5;

  font-size: 13px;

  font-weight: bold

}



#a_list_title {

  text-align: center;

  font-weight: normal;

  margin-top: 12px

}



.king-template-user .king-form-tall-image {

  text-align: center

}



.king-logged-in {

  display: block

}



.king-logged-in-points {

  border: 1px solid #DDB550;

  color: #DDB550;

  padding: 0 2px;

  border-radius: 3px;

  font-size: 11px;

  text-transform: uppercase

}



.ads {

  display: block;

  background-color: #d5d7df;

  color: #fff;

  text-align: center;

  padding: 20px;

  margin: 10px 2% 0;

  border-radius: 14px

}



.entry-title {

  line-height: 30px

}



.king-q-view-main iframe {

  width: 670px

}



.king-q-item-content a {

  display: block

}



html,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block

}



.nav-tabs {

  display: block;

  margin: 0 auto;

  border-radius: 14px;

  background-color: #efefef;

  padding: 8px;

  margin-bottom: 10px

}



.nav-tabs li {

  display: inline-block;

  list-style: none;

  text-align: center

}



.nav-tabs .active a {

  background-color: #fff;

  color: #1d1d1f;

  border-radius: 14px;

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%)

}



.nav-tabs li a {

  color: #999999;

  height: 34px;

  line-height: 34px;

  display: inline-block;

  text-align: center;

  font-size: 14px;

  font-weight: 600;

  padding: 2px 28px;

  border-radius: 14px

}



.tab-content>.tab-pane {

  display: none

}



.tab-content>.active {

  display: block

}



.closebtn {

  border: 2px solid #dee1e3;

  float: left;

  background-color: #fff;

  color: #667686;

  font-size: 13px;

  line-height: 13px;

  font-weight: bold;

  padding: 12px 28px;

  cursor: pointer;

  margin: 8px 0;

  border-radius: 14px;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out

}



.leftmenu {

 background:linear-gradient(183deg, #140d55 0%,#a81bbd 100%);

  position: fixed;

  top: 0;

  width: 80px;

  padding-top: 10px;

  padding-bottom: 10px;

  left: 0;

  min-height: 400px;

  bottom: 0;

  -webkit-transition: all 350ms cubic-bezier(0.24, 0.22, 0.26, 1.15);

  transition: all 350ms cubic-bezier(0.24, 0.22, 0.26, 1.15);

  z-index: 22;

  overflow: hidden;

  overflow-x: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  display: block;

  flex-direction: column;

  justify-content: center

}



.leftmenu.open {

  width: 280px

}



.leftmenulinks {

  padding: 5px 15px

}



.leftmenu-bottom li {

  list-style: none

}



.leftmenulinks span a {

  border-radius: 14px;

  color: #262626;

  width: 38px;

  height: 38px;

  text-align: center;

  line-height: 38px;

  position: relative

}



.leftmenulinks span a:hover {

  color: #5890ff

}



.king-nightb {

  width: 58px;

  display: flex;

  align-items: center;

  color: #262626;

  height: 34px;

  padding: 4px 13px;

  border-radius: 32px;

  background-color: #efefef;

  justify-content: space-between;

  position: relative;

  cursor: pointer

}



.king-nightb i {

  z-index: 2;

  font-size: 15px;

  position: relative

}



.king-nightb:after {

  content: '';

  width: 34px;

  height: 34px;

  background-color: #fff;

  position: absolute;

  border-radius: 32px;

  left: 4px;

  box-shadow: 0 2px 4px rgb(0 0 0 / 12%);

  z-index: 1;

  transition: all 436ms ease-out

}



.king-night .king-nightb:after {

  left: 46px

}



.mcount {

  position: absolute;

  right: -2px;

  top: -3px;

  width: 16px;

  height: 16px;

  background-color: #5890ff;

  line-height: 16px;

  border-radius: 100%;

  color: #fff;

  font-size: 10px

}



.kingscroll::-webkit-scrollbar {

  width: 6px

}



.kingscroll::-webkit-scrollbar-track {

  background-color: rgba(255, 255, 255, 0.17)

}



.kingscroll::-webkit-scrollbar-thumb {

  background-color: #d9dce1;

  border-radius: 6px

}



.kingscroll::-webkit-scrollbar-thumb:hover {

  background-color: #5890ff

}



.king-left-toggle.mtoggle {

  display: none

}



.king-left-toggle {

  position: relative;

  height: 40px;

  display: block;

  cursor: pointer

}



.king-left-toggle:before,

.king-left-toggle:after,

.left-toggle-line {

  content: '';

  display: block;

  height: 3px;

  width: 24px;

  left: 10px;

  background-color: #fff;

  border-radius: 4px;

  position: absolute;

  z-index: 1;

  transition-duration: 0.2s, 0.2s, 0.2s;

  transition-delay: 0.2s, 0s, 0.4s;

  transition-property: top, transform, width;

  transition-timing-function: ease-out

}



.king-left-toggle:before {

  top: 10px

}



.left-toggle-line {

  width: 14px;

  top: 18px;

  left: 10px;

  transition-duration: 0.4s;

  transition-delay: 0.2s;

  transition-property: all;

  transition-timing-function: ease-out

}



.king-left-toggle:hover .left-toggle-line {

  width: 24px

}



.king-left-toggle:after {

  top: 26px

}



.leftmenu .king-left-close {

  border-radius: 14px;

  color: #fff;

  width: 38px;

  height: 38px;

  text-align: center;

  line-height: 38px;

  position: relative;

  background-color: inherit;

  border: 0;

  cursor: pointer

}



.leftmenu.open .king-left-toggle:before {

  top: 18px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-delay: 0.2s, 0.4s, 0s

}



.leftmenu.open .king-left-toggle:after {

  top: 18px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-delay: 0.2s, 0.4s, 0s

}



.leftmenu.open .left-toggle-line {

  left: -200px;

  transition-delay: 0.2s

}



.hide {

  display: none

}



.header-right>ul>li {

  list-style: none;

  position: relative

}



.king-dropdown {

  background-color: #fff;

  border-radius: 14px;

  width: 220px;

  overflow: hidden;

  position: absolute;

  top: 50px;

  right: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(.8);

  -ms-transform: scale(.8);

  transform: scale(.8);

  -webkit-transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);

  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1)

}



.king-dropdown h3 {

  margin: 8px 0 0;

  color: #353535

}



.header-right .open.king-dropdown {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1)

}



.king-modal-login {

  background-color: rgb(111 105 132 / 92%);

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: hidden;

  -webkit-overflow-scrolling: touch;

  outline: 0;

  opacity: 0;

  -webkit-transition: opacity .15s linear;

  -o-transition: opacity .15s linear;

  transition: opacity .15s linear

}



.king-modal-login.in {

  opacity: 1

}



.modal-open .king-modal-login {

  overflow-x: hidden;

  overflow-y: auto

}



.modal-open {

  overflow: hidden

}



.king-modal-content {

  background-color: #fff;

  max-width: 440px;

  margin: 120px auto;

  overflow: hidden;

  -webkit-transform: scale(.9);

  -ms-transform: scale(.9);

  -o-transform: scale(.9);

  transform: scale(.9);

  -webkit-transition: -webkit-transform .2s ease-out;

  -moz-transition: -moz-transform .2s ease-out;

  -o-transition: -o-transform .2s ease-out;

  transition: transform .2s ease-out;

  border-radius: 14px;

  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.35);

  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.35)

}



.king-modal-login.in .king-modal-content {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}



.king-modal-header {

  text-align: center;

  border: 0;

  padding: 25px 0 10px

}



.king-modal-form {

  max-width: 300px;

  margin: 0 auto;

  padding: 25px 0;

  color: #667d99

}



.king-modal-form .social-login {

  background-color: inherit;

  padding: 0px;

  border-radius: 0;

  margin: 0 0 25px 0

}



.king-modal-footer {

  border: 0;

  padding: 20px;

  text-align: center;

  color: #667d99

}



.king-modal-form .bpinput {

  background-color: #fff

}



.king-modal-close {

  position: absolute;

  right: 10px;

  top: 10px;

  background-color: inherit;

  border: 0;

  color: #667d99;

  cursor: pointer;

  font-size: 18px

}



.king-modal-close:hover {

  color: #5890ff

}



.tooltip {

  background-color: #2c3e50;

  color: #fff;

  padding: 0 14px;

  position: absolute !important;

  font-size: 12px;

  line-height: 28px;

  border-radius: 14px;

  filter: alpha(opacity=0);

  opacity: 0;

  -webkit-transition: opacity 0.3s ease-out;

  -o-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

  z-index: 4

}



.tooltip.in {

  filter: alpha(opacity=90);

  opacity: 0.9

}



.tooltip.top .tooltip-arrow {

  bottom: -5px;

  left: 50%;

  margin-left: -5px;

  border-width: 5px 5px 0;

  border-top-color: #2c3e50

}



.tooltip.top {

  margin-top: -5px

}



.tooltip.right {

  margin-left: 5px

}



.tooltip.bottom {

  margin-top: 5px

}



.tooltip.left {

  margin-left: -5px

}



.tooltip.right .tooltip-arrow {

  top: 50%;

  left: -4px;

  margin-top: -5px;

  border-width: 5px 5px 5px 0;

  border-right-color: #2c3e50

}



.tooltip.left .tooltip-arrow {

  top: 50%;

  right: -4px;

  margin-top: -5px;

  border-width: 5px 0 5px 5px;

  border-left-color: #2c3e50

}



.tooltip.bottom .tooltip-arrow {

  top: -5px;

  left: 50%;

  margin-left: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #2c3e50

}



.tooltip-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid

}



.king-template-custom .king-part-custompage {

  display: block;

  position: relative;

  background-color: #fff;

  border-radius: 14px;

  margin-bottom: 32px;

  padding: 40px 28px

}



.social-share {

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 24px 0;

  padding: 40px 20px

}



.social-share h3 {

  padding: 10px 20px;

  min-width: 100%;

  box-sizing: border-box;

  color: #1d1d1f;

  font-size: 16px;

  font-weight: 500

}



#modal-url {

  padding: 6px;

  width: 100%;

  margin: 10px 14px;

  border-radius: 12px;

  box-sizing: border-box;

  border: 2px solid #e7e7e9;

  outline: 0;

  box-shadow: inherit

}



.social-share a {

  width: 72px;

  height: 72px;

  border-radius: 50%;

  display: -ms-flexbox;

  display: flex;

  cursor: pointer;

  -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;

  box-shadow: 0px 0px 0px 1px #e7e7e9 inset;

  color: #1d1d1f;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 4px;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease

}



.social-share a:hover {

  color: #74778d

}



.king-nav-user-item {

  list-style: none

}



.kingadd {

  border-radius: 8px;

  background-color:rgb(247 28 115);

  height: 40px;

  line-height: 40px;

  text-align: center;

  color:#fff;

  font-size: 16px;

  font-weight: bold;

  cursor: pointer;

  display: block

}



.kingadd i {

  -webkit-transition: all 0.15s;

  -moz-transition: all 0.15s;

  -o-transition: all 0.15s;

  transition: all 0.15s

}



.kingadd[aria-expanded="true"] i {

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg)

}



.king-submit.open {

  opacity: 1;

  left: 0;

  visibility: visible

}



.king-submit {

  position: fixed;

  top: 0;

  bottom: 0;

  left: -280px;

  z-index: 12;

  width: 180px;

  background-color:#673ab7;

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  backdrop-filter: saturate(180%) blur(20px);

  padding: 4px 4px 4px 84px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 10%);

  -webkit-box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 10%)

}



.king-dropdown2 a {

  display: block;

  padding: 8px 8px 8px 4px;

  color: #fff;

  font-size: 13px;

  margin: 4px;

  text-align: center;

  position: relative

}



.king-dropdown2 i {

  left: 20px;

  top: 13px;

  position: absolute

}



.kingaddimg i {

  color: #60adde

}



.kingaddvideo i {

  color: #f44b34

}



.kingaddvideo i {

  color: #f44b34

}



.kingaddnews i {

  color: #f08f3f

}



.kingaddpoll i {

  color: #825fce

}



.kingaddlist i {

  color: #f7b501

}



.king-dropdown2 a:hover {

  color: #ffffff

}



.king-waiting {

  background: url(img/loader.html) no-repeat center center;

  width: 16px;

  height: 16px;

  background-size: 16px 16px;

  display: inline-block

}



.king-nothumb {

  min-height: 280px;

  display: block;

  border-radius: 14px;

  position: relative;

  flex: 1;

  -webkit-flex: 1;

  z-index: 1;

  line-height: 0;

  background: linear-gradient(to bottom, #e1e0e5, #ced0d9 100%)

}



.kingimgupload img {

  width: 230px;

  max-height: 350px;

  display: block;

  margin: 0 auto

}



.widget-title {

  background-color: #fff;

  color:#0a0ae0;

  display: block;

  font-weight: 700;

  font-size: 16px;

  text-transform: uppercase;

  padding: 12px;

  margin-bottom: 14px;

  border-radius: 14px

}



.under-content .ilgili {

  display: flex;

  display: -webkit-flex;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap

}



.under-content .king-related {

  width: 48%;

  margin: 1%;

  box-sizing: border-box

}



.king-related .king-p-who {

  display: none

}

 

.grid-sizer {

  width: 50%

}



.box {

  display: inline-block;

  box-sizing: border-box;

  width: 100%;

  margin: 0;

  padding-left: 0.5%;

  padding-right: 0.5%;

  vertical-align: top;

  font-size: 14px;

  position: relative;

  transition: transform .7s cubic-bezier(.2, 1, .22, 1), opacity 0.6s ease 0.25s;

  -webkit-transition: transform .7s cubic-bezier(.2, 1, .22, 1), opacity 0.6s ease 0.25s

}



.box:nth-child(8n+1),

.box:nth-child(8n+8) {

  width: 100%

}



.king-q-item-main {

  box-sizing: border-box;

  background-color: #ffffff;

  border-radius: 5px;

  padding: 6px;

  position: relative;

  -webkit-transition: padding 250ms cubic-bezier(.24, .22, .015, 1.56);

  transition: padding 250ms cubic-bezier(.24, .22, .015, 1.56)

}



.item-a {

  display: block;

  overflow: hidden;

  border-radius: 14px;

  position: relative;

  flex: 1;

  -webkit-flex: 1;

  z-index: 1;

  line-height: 0

}



.item-a:before {

  background-color: rgba(255, 255, 255, 0.0);

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  content: ' ';

  z-index: 1;

  display: block;

  transition: background-color .28s ease

}



.box:hover .item-a:before {

  background-color: rgba(25, 25, 25, 0.37)

}



.post-featured-img {

  display: block;

  background-color: #e1e0e5;

  position: relative;

  height: 280px

}



.item-img {

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  width: 100%;

  height: auto;

  min-height: 280px;

  object-fit: cover

}



.king-q-item-main:hover .item-img {

  transform: scale(1.07);

  -webkit-transform: scale(1.07)

}



.post-meta {

  color: #999999;

  display: flex;

  position: absolute;

  bottom: 0;

  right: 10px;

  left: 10px;

  align-items: center;

  height: 50px

}



.post-meta span {

  margin-right: 8px

}



.plike {

  color: #5890ff

}



.switch-loader {

  display: block;

  position: absolute;

  background-color: rgba(255, 255, 255, 0.72);

  width: 80px;

  height: 34px;

  border-radius: 16px;

  text-align: center;

  line-height: 30px;

  left: 0;

  right: 0;

  bottom: 0;

  margin-left: auto;

  margin-right: auto

}



.loader,

.loader:before,

.loader:after {

  width: 4px;

  height: 20px;

  border-radius: 2px

}



.loader {

  text-indent: -9999em;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  font-size: 1em;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

  background-color: #f6a226

}



.loader:before,

.loader:after {

  content: "";

  position: absolute;

  display: block;

  top: 0px

}



.loader:before {

  left: -6px;

  background-color: #6377d8

}



.loader:after {

  left: 6px;

  background-color: #dd5758

}



@keyframes bounce-middle {

  0% {

    height: 4px;

    margin-top: 8px;

    margin-bottom: 8px

  }



  50% {

    height: 20px;

    margin-top: 0px;

    margin-bottom: 0px

  }



  100% {

    height: 4px;

    margin-top: 8px;

    margin-bottom: 8px

  }

}



.loader {

  -webkit-animation: bounce-middle 0.6s ease 0.1s infinite;

  animation: bounce-middle 0.6s ease 0.1s infinite

}



.loader:before,

.loader:after {

  top: 50%;

  -webkit-transform: translateY(-10px) translateZ(0);

  transform: translateY(-10px) translateZ(0)

}



.loader:before {

  -webkit-animation: bounce-middle 0.6s ease 0s infinite;

  animation: bounce-middle 0.6s ease 0s infinite

}



.loader:after {

  -webkit-animation: bounce-middle 0.6s ease 0.2s infinite;

  animation: bounce-middle 0.6s ease 0.2s infinite

}



.meta-who-points {

  background-color: #ffdf1f;

  line-height: 18px;

  display: inline-block;

  color: #fff;

  padding: 2px 12px;

  border-radius: 18px;

  font-size: 10px

}



.box .king-title-up {

  display: flex;

  align-items: center;

  font-size: 14px;

  margin-bottom: 6px

}



.box .king-title-up a {

  font-size: 12px;

  color: #fff;

  margin-right: 8px;

  font-weight: 600

}



.box .king-title-up a:hover {

  background-color: #5890ff;

  color: #fff

}



.king-post-format,

.king-category-link {

  padding: 1px 10px;

  border-radius: 14px;

  background-color: #00000045;

  line-height: 24px;

  display: inline-block;

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%)

}



.king-havatar {

  background: #f1f3f5;

  width: 40px;

  height: 40px;

  cursor: pointer;

  border-radius: 50%;

  overflow: hidden

}



.king-havatar img {

  object-fit: cover;

  width: 40px;

  height: 40px

}



.king-form-tall-spacer {

  border-bottom: 3px dashed #B0B7BB;

  line-height: 0;

  padding-top: 4px

}



.king-template-admin .king-nav-sub-link {

  padding: 0 6px;

  font-size: 0.6em

}



.meta-who-title {

  background-color: #a1d936;

  padding: 0 14px;

  line-height: 28px;

  display: inline-block;

  color: #fff;

  border-radius: 18px;

  font-weight: 700;

  font-size: 10px;

  text-transform: uppercase

}



.king-form-wide-button-reset,

.king-form-tall-button-reset {

  background-color: #B0B7BB

}



.king-template-question .king-view-count {

  font-size: 20px;

  margin-right: 6px

}



.king-template-question .king-view-count-pad {

  font-size: 11px

}



.king-userpanel {

  position: absolute;

  bottom: 10px;

  right: 0;

  left: 0

}



.leftmenu .reglink {

  margin: 10px 8px;

  float: left;

  width: 40%;

  padding: 3px 0;

  border: 1px solid #32394a;

  color: #8995b2

}



.leftmenu .reglink:hover {

  color: #fff;

  background-color: #32394a

}



.modal-footer {

  width: 100%;

  display: block;

  position: relative;

  height: 53px;

  background-color: #fff;

  padding: 5px 0;

  margin-top: 10px;

  text-align: center;

  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05);

  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05);

  border-radius: 0 0 5px 5px

}



.modal-footer .king-nav-user-login,

.modal-footer .king-nav-user-register {

  display: none !important

}



.modal-footer .king-nav-user-item {

  width: auto;

  float: none;

  display: inline-block

}



.modal-footer .king-nav-user-item a {

  background-position: center center;

  width: 52px !important;

  height: 52px !important;

  font-size: 0;

  margin-left: 5px;

  border: 0;

  display: inline-block !important

}



.modal-footer .king-nav-user-item a:hover {

  background-color: #1d1d1f;

  border-radius: 8px

}



.nopermission {

  padding: 8px 0;

  font-size: 14px;

  font-weight: 700;

  text-align: center

}



.nopermission span {

  margin: 30px 5px;

  display: block

}



.nopermission .reglink {

  margin: 5px auto;

  width: 30%

}



.king-cat .king-nav-cat-note,

.rightsidebar .king-nav-cat-note {

  display: none

}



.king-mega-menu {

  left: 2%;

  right: 2%;

  top: 62px;

  border-radius: 14px;

  padding: 35px;

  position: absolute;

  z-index: 14;

  background-color: #ffffff;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(.8);

  -ms-transform: scale(.8);

  transform: scale(.8);

  -webkit-transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);

  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1)

}



.king-mega-menu.open {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1)

}



.king-cat-link {

  color: #65737f;

  font-weight: bold;

  font-size: 16px

}



.king-cat .king-nav-cat-item {

  padding: 0;

  background: inherit;

  border: 0;

  color: #000

}



.king-cat .king-nav-cat-link {

  font-weight: normal;

  padding: 8px 0;

  margin-bottom: 0;

  border: 0

}



.king-cat .king-nav-cat-link:hover,

.king-nav-headmenu-list li a:hover {

  color: #5890ff

}



.king-cat>.king-nav-cat-list,

.king-nav-headmenu-list {

  font-size: 14px;

  background: inherit;

  -webkit-column-count: 4;

  -moz-column-count: 4;

  column-count: 4;

  max-height: 500px

}



.king-cat ul li .king-nav-cat-list a {

  padding-left: 0

}



.king-nav-cat-list li .king-nav-cat-list {

  margin: 0;

  padding: 0;

  background-color: inherit

}



.king-nav-cat-list li .king-nav-cat-list a {

  padding-left: 28px

}



.king-form-tall-label i {

  color: #fff;

  font-weight: 300;

  font-style: normal

}



.king-notice {

  background-color: rgb(35 37 41 / 90%);

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 20;

  color: #fff;

  font-size: 18px;

  font-weight: 300;

  line-height: 22px;

  text-align: center;

  padding: 20px

}



.king-notice a {

  color: #5890ff

}



.king-notice a:hover {

  color: #DC5A5A

}



.king-notice-close-button {

  font-weight: normal;

  color: #fff;

  font-size: 24px;

  background: none;

  cursor: pointer;

  position: absolute;

  height: 30px;

  border: none;

  top: 14px;

  right: 14px

}



.king-notice-close-button:hover {

  color: #5890ff

}



.king-q-view-content img {

  display: block;

  margin: 0 auto;

  padding: 6px 0;

  max-width: 820px

}



.tabcontent {

  display: none

}



.tabcontent.active {

  display: block

}



.king-template-video .snote,

.king-template-ask .snote {

  background-color: #FAEFC5;

  color: #736357;

  padding: 16px 8px;

  display: block;

  border-radius: 14px;

  font-size: 13px;

  font-weight: bold

}



.video-js {

  margin: auto

}



.king-q-view-content .video-js {

  height: 380px !important

}



.king-active {

  visibility: visible;

  opacity: 1

}



.mce-content-body {

  display: block;

  min-height: 160px;

  border-radius: 14px;

  border: 2px solid #dee1e3;

  font-size: 16px;

  padding: 8px

}



.king-template-news .mce-content-body {

  display: block;

  min-height: 160px;

  border-radius: 14px;

  border: 2px solid #dee1e3;

  font-size: 16px;

  padding: 8px

}



.mce-content-body:focus {

  outline: 0;

  border-color: #e74c3c

}



.mce-content-body img {

  max-width: 600px

}



blockquote {

  padding-left: 20px;

  border-left: 5px solid #efefef

}



.rightview .king-q-view-content img {

  border-radius: 14px;

  margin: 8px 0

}



.king-part-form-q-edit {

  background-color: #fff;

  border-radius: 8px

}



.king-part-form-q-edit .mce-content-body {

  min-height: 20px

}



.king-template-news #submit-btn {

  display: inline-block !important

}



.king-template-news .imgprev {

  margin-top: -17px;

  margin-left: -7px;

  margin-right: -7px;

  border-radius: 4px 4px 0 0;

  background-color: #D4D9DD;

  background-image: url(img/nothumb.png);

  background-repeat: no-repeat;

  background-position: center 45px

}



.king-template-news .imgprev #imgprev {

  min-height: 150px

}



.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 22;

  overflow: hidden;

  position: fixed;

  background-color: rgb(111 105 132 / 92%)

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 38;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  bottom: 0;

  padding: 0 8px;

  box-sizing: border-box

}



.mfp-content {

  position: relative;

  display: block;

  vertical-align: middle;

  padding-bottom: 20px;

  text-align: left;

  margin: 60px auto;

  max-width: 960px;

  box-sizing: border-box;

  border-radius: 14px;

  background-color: #fff;

  overflow: hidden;

  visibility: hidden;

  opacity: 0;

  -webkit-transform: scale(.9);

  -ms-transform: scale(.9);

  -o-transform: scale(.9);

  transform: scale(.9);

  -webkit-transition: -webkit-transform .2s ease-out;

  -moz-transition: -moz-transform .2s ease-out;

  -o-transition: -o-transform .2s ease-out;

  transition: transform .2s ease-out;

  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.35);

  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.35)

}



.mfp-content .rightview {

  padding: 10px 20px;

  width: auto

}



.mfp-content .prev-next {

  display: none

}



.mfp-s-ready .mfp-content {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  visibility: visible;

  opacity: 1

}



.king-listener .mfp-content {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  bottom: -200px;

  transition: bottom .2s ease-out

}



.king-listener.mfp-ready .mfp-content {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  visibility: visible;

  opacity: 1;

  bottom: 0

}



.mfp-removing .mfp-content {

  -webkit-transform: scale(.7);

  -ms-transform: scale(.7);

  -o-transform: scale(.7);

  transform: scale(.7)

}



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 16

}



.mfp-s-ready .mfp-preloader {

  display: none

}



.mfp-close {

  position: fixed;

  z-index: 14;

  right: 30px;

  top: 10px;

  width: 40px;

  height: 40px;

  line-height: 36px;

  border: 0;

  background-color: inherit;

  text-align: center;

  font-size: 34px;

  border-radius: 218px;

  color: #fff;

  cursor: pointer;

  outline: 0

}



.mfp-close:focus {

  outline: 0;

  box-shadow: inherit

}



.mfp-content .king-video {

  padding: 0;

  width: 100%

}



.mfp-content .king-q-view-content {

  border-radius: 0

}



.king-part-ranking-users h2 {

  display: block;

  padding: 10px;

  text-align: center;

  background-color: #f1f3f4;

  margin-top: 10px

}



.king-related .king-post-format-video,

.king-related .king-post-format-image {

  border: 0;

  color: #ffffff;

  background-color: rgba(176, 183, 187, 0.69);

  padding: 4px 12px;

  display: inline-block;

  border-radius: 16px;

  position: absolute;

  left: 20px;

  top: 10px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, .2)

}



.ad-below {

  display: block;

  padding: 10px;

  clear: both;

  text-align: center

}



.king-template-admin .king-nav-sub-list {

  width: auto;

  text-align: center

}



.editusers-table,

.editusers-table tbody {

  width: 100%;

  margin: 30px 0;

  font-size: 14px

}



.editusers-table th {

  padding: 12px 0

}



.editusers-table td {

  padding: 8px;

  vertical-align: middle;

  border-right: 1px solid #ffffff

}



.kingeditli {

  background-color: #efefef;

  border-bottom: 4px solid #fff

}



.kingeditli:hover {

  background-color: #f9f9fa

}



.king-edit-button {

  padding: 0 12px;

  height: 28px;

  line-height: 24px;

  display: inline-block;

  background-color: #d4d9dd;

  border: 0;

  color: #fff;

  border-radius: 14px;

  cursor: pointer

}



.king-edit-button:hover {

  background-color: #e74c3c;

  color: #fff

}



.king-remove {

  position: absolute;

  z-index: 4;

  right: 10px;

  top: 10px;

  width: 24px;

  height: 24px;

  text-align: center;

  background-color: #5890ff;

  color: #fff;

  cursor: pointer;

  line-height: 24px;

  border-radius: 32px

}



.king-post-upbtn {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  -webkit-align-items: center;

  position: absolute;

  right: 15px;

  top: 15px

}



.king-post-upbtn a {

  color: #fff;

  text-shadow: 0 1px 3px rgb(0 0 0 / 41%);

  font-size: 18px;

  width: 30px;

  height: 30px;

  margin-bottom: 5px;

  z-index: 2;

  border-radius: 33px;

  line-height: 30px;

  text-align: center

}



.king-post-upbtn a:hover {

  color: #5890ff

}



.box:hover .king-post-upbtn a {

  visibility: visible;

  opacity: 1

}



.kingp-tabs label i {

  padding: 14px 14px;

  border-radius: 14px;

  margin: 6px;

  display: inline-block;

  cursor: pointer

}



.kingp-tabs label i:hover,

.kingp-tabs input[type="radio"]:checked~i {

  background-color: #5890ff;

  color: #fff

}



.king-pfiels {

  display: flex;

  display: -webkit-flex

}



.king-poll-grids {

  display: flex;

  display: -webkit-flex;

  margin-left: -1%;

  margin-right: -1%;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap

}



.king-poll-grid {

  border: 1px solid #efefef;

  padding: 14px;

  margin: 1%;

  box-sizing: border-box;

  border-radius: 12px;

  max-width: 460px;

  width: 48%;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column

}



.king-pfield {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin: 10px 0

}



.grid1 .king-poll-grid {

  max-width: inherit;

  width: 100%

}



.grid3 .king-poll-grid {

  max-width: 300px;

  width: 31.33%

}



.king-poll-file {

  flex: 1;

  border: 1px solid #dee1e3;

  color: #cbced1;

  background-color: #f6f6f8;

  text-align: center;

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  -webkit-justify-content: center;

  align-items: center;

  -webkit-align-items: center;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  min-height: 100px;

  margin: 6px 0;

  border-radius: 14px;

  position: relative

}



.dropzone.dz-started .dz-message {

  display: none

}



.dropzone .dz-message .dz-button {

  background: none;

  color: inherit;

  border: none;

  padding: 0;

  font: inherit;

  cursor: pointer;

  outline: inherit

}



.dropzone .dz-preview {

  position: relative;

  display: inline-block;

  vertical-align: top;

  margin: 16px;

  height: 160px;

  width: 160px;

  background-color: #e1e4ed;

  border-radius: 12px;

  overflow: hidden

}



#viddropzone img {

  width: 160px;

  height: 160px;

  object-fit: cover

}



.dz-progress {

  height: 16px;

  background-color: #fff9;

  display: block;

  border-radius: 14px;

  overflow: hidden;

  color: #fff;

  text-align: center;

  position: absolute;

  left: 10px;

  right: 10px;

  bottom: 10px

}



.dz-progress .dz-upload {

  background: #1d1d1f;

  background: linear-gradient(to right, red, orange);

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 0;

  -webkit-transition: width 300ms ease-in-out;

  transition: width 300ms ease-in-out

}



.ui-sortable-helper {

  box-shadow: 0 8px 18px rgb(153 153 153 / 12%);

  background-color: #fff

}



.add-poll {

  background-color: #12141d;

  width: 40px;

  text-align: center;

  height: 80px;

  line-height: 40px;

  border-radius: 46px;

  margin: 0 auto;

  color: #fff;

  font-size: 18px;

  cursor: pointer;

  box-shadow: 0 -4px 6px rgb(137 137 137 / 33%)

}



.add-poll:active {

  box-shadow: inherit

}



.king-polls {

  display: flex;

  display: -webkit-flex;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  margin-top: 20px;

  margin-left: -1%;

  margin-right: -1%

}



.king-polls li {

  width: 100%;

  list-style: none;

  box-sizing: border-box;

  margin: 1%

}



.polls-grid3 li {

  width: 31.33%

}



.polls-grid2 li {

  width: 48%

}



.king-polls li .poll-item {

  position: relative;

  overflow: hidden;

  background-color: #f8f8f8;

  border: 4px solid #f8f8f8;

  padding: 10px;

  height: 100%;

  color: #1d1d1f;

  font-size: 16px;

  box-sizing: border-box;

  border-radius: 14px;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column

}



.king-polls li .poll-item:hover {

  cursor: pointer;

  background-color: #e6e7ed

}



.king-polls.voted li .poll-item:hover {

  cursor: inherit;

  border-color: #e6e7ed

}



.king-polls li img {

  border-radius: 14px;

  margin-bottom: 8px;

  height: 200px;

  object-fit: cover;

  z-index: 2

}



.not-voted .poll-results {

  visibility: hidden;

  opacity: 0

}



.voted .poll-results {

  visibility: visible;

  opacity: 1

}



.voted .poll-result {

  position: absolute;

  background-color: #fbd971ba;

  top: 0;

  bottom: 0;

  left: 0;

  z-index: 3;

  border-radius: 14px

}



.polls-grid1.voted .poll-result {

  height: auto !important;

  transition: width 0.3s ease-in-out

}



.polls-grid2.voted .poll-result,

.polls-grid3.voted .poll-result {

  width: auto !important;

  bottom: 0;

  top: auto;

  right: 0;

  transition: height 0.3s ease-in-out

}



.poll-title {

  z-index: 3

}



.polls-grid2 .poll-numbers,

.polls-grid3 .poll-numbers {

  position: absolute;

  left: 50%;

  z-index: 3;

  background-color: rgb(0 0 0 / 68%);

  padding: 6px 18px;

  color: #ffffff;

  border-radius: 14px;

  top: 30%;

  transform: translateX(-50%);

  right: auto

}



.poll-result-voted {

  margin-left: 6px

}



.poll-numbers {

  position: absolute;

  right: 10px;

  z-index: 3

}



.king-list {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  background-color: #fafafa;

  padding: 14px;

  border-radius: 5px;

  margin: 5px;

}



.inright {

  flex: 1;

  -webkit-flex: 1

}



.number-list {

  font-size: 18px;

  margin: 4px;

  font-weight: bold

}



.kingp-tabs .addtab {

  padding: 12px 18px;

  background-color: #efefef;

  border-radius: 14px;

  margin: 6px 6px 6px 0;

  display: inline-block;

  cursor: pointer

}



.kingp-tabs .addtab:hover,

.kingp-tabs .addtab.active {

  background-color: #5890ff;

  color: #fff

}



.list-item {

  list-style: none;

  display: block;

  margin: 20px 0 20px

}



.list-title {

  color: #1d1d1f;

  margin: 8px 0 12px;

  display: block;

  position: relative;

  padding-left: 60px;

  min-height: 50px

}



.list-title .list-id {

  font-weight: bold

}



.list-img,

.list-video iframe {

  border-radius: 14px;

  margin-bottom: 10px;

  display: block;

  max-height: 500px

}



.list-video .instaframe {

  max-height: 740px

}



.king-cover-ac img {

  display: inline-block;

  vertical-align: bottom;

  margin: 5px 5px 0;

  width: 44px;

  height: 44px

}



.king-follow {

  background-color: #5890ff;

  color: #fff;

  border: 0;

  line-height: 36px;

  min-width: 130px;

  padding: 0 20px 0 30px;

  border-radius: 32px;

  cursor: pointer;

  position: relative;

  margin: 10px 0

}



.king-follow i {

  font-size: 18px;

  position: absolute;

  left: 12px;

  top: 9px

}



.king-follow.active {

  background-color: #000

}



.king-follow.active i {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg)

}



#king_nsfw {

  display: none

}



.king-nsfw {

  margin: 10px 0;

  background-color: #232830;

  color: #fff;

  display: inline-block;

  padding: 4px 20px;

  border-radius: 14px;

  font-size: 13px;

  cursor: pointer

}



#king_nsfw:checked+label {

  background-color: #5890ff;

  color: #fff !important

}



.king-nsfw-post {

  min-height: 280px;

  display: block;

  background-color: #2c2d2e;

  text-align: center;

  padding: 40px 50px 0;

  box-sizing: border-box;

  color: #fff;

  line-height: 28px

}



.king-template-question .king-nsfw-post {

  width: 100%;

  border-radius: 12px;

  min-height: 300px;

  font-size: 22px;

  padding-top: 100px

}



.videoembedup iframe {

  border-radius: 14px;

  display: block;

  margin: 8px;

  padding: 0;

  max-width: 680px

}



#videoembed {

  padding: 8px;

  margin-bottom: 6px;

  min-height: 100px;

  background-color: #ced0d9;

  border-radius: 12px;

  color: #ffffff;

  text-align: center;

  font-size: 28px;

  display: flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center

}



#videoembed iframe {

  border-radius: 14px

}



.dz-error .dz-error-message {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  font-size: 13px;

  background-color: #e71414e0;

  color: #fff;

  padding: 6px 20px;

  border-radius: 12px;

  display: flex;

  display: -webkit-flex;

  align-items: center

}



.thumb-radio {

  position: absolute;

  top: 10px;

  left: 10px

}



.thumb-radio-label {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 4;

  cursor: pointer

}



.thumb-radio[type="radio"]:checked+label {

  border: 6px solid #5890ff;

  border-radius: 12px

}



.d-remove,

.dz-remove {

  position: absolute;

  top: 10px;

  right: 15px;

  z-index: 5;

  background-color: #fff;

  width: 32px;

  height: 32px;

  line-height: 32px;

  border-radius: 12px;

  color: #1d1d1f

}



.king-dropzone-edit {

  display: flex;

  display: -webkit-flex

}



.edit-prev {

  height: 120px;

  width: 160px;

  background-color: #e1e4ed;

  border-radius: 12px;

  object-fit: cover;

  margin: 6px 10px 6px 0

}



.king-poll-grid .edit-prev {

  height: 60px;

  width: 60px

}



.king-dropzone-edit .video-js {

  width: 25%;

  margin: 6px 6px 6px 0;

  border-radius: 14px;

  height: 160px

}



.editi-prev {

  object-fit: cover;

  width: 160px;

  height: 160px

}



.king-template-search .head-title {

  margin-bottom: 80px

}



.king-searchp {

  display: block;

  text-align: center;

  display: flex;

  justify-content: center;

  margin-bottom: -50px;

  margin-top: 35px

}



.king-searchp-form {

  max-width: 628px;

  width: 100%;

  background: #fff;

  border-radius: 14px;

  height: 45px;

  overflow: hidden;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  -webkit-box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);

  box-shadow: 0px 0px 9px #673ab7

}



.king-searchp-field {

    display: block;

    width: 100%;

    box-sizing: border-box;

    padding: 0 16px;

    line-height: 50px;

    border: 0;

    background-color: inherit;

    font-size: 22px;

    color: #2c2c2e

}



.king-searchp-button {

    position: absolute;

    right: 10px;

    top: 15px;

    background-color: inherit;

    border: 0;

    font-size: 16px;

    cursor: pointer;

    color: rgb(166, 176, 195)

}



.watermarkadmin {

  background-color: #efefef;

  padding: 10px;

  border-radius: 14px;

  width: 34px;

  object-fit: cover

}



.logoadmin {

  padding: 10px 0;

  border-radius: 14px;

  height: 55px;

  object-fit: cover

}



.nfyWrap {

  position: absolute;

  top: 50px;

  right: 0;

  width: 300px;

  background: #fefefe;

  padding: 0;

  color: #7c8792;

  font-weight: normal;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);

  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);

  z-index: 999;

  border-radius: 14px

}



.nfyWrap .nfyTop {

  padding: 10px 5px;

  color: #8d9aa5;

  display: block

}



.nfyWrap .nfyContainer {

  width: 100%;

  overflow-y: auto;

  overflow-x: hidden;

  padding: 0;

  height: 240px;

  background: #f9fafa

}



.nfyContainer::-webkit-scrollbar-track {

  background-color: #f5f5f5

}



.nfyContainer::-webkit-scrollbar {

  width: 6px

}



.nfyContainer::-webkit-scrollbar-thumb {

  border-radius: 14px;

  background-color: rgba(172, 183, 190, 0.5)

}



.nfyWrap .nfyFooter a {

  color: #b2bac2;

  cursor: pointer;

  text-align: center;

  display: block;

  font-size: 12px;

  font-weight: 700;

  padding: 8px 0

}



.nfyWrap .nfyFooter a:hover {

  color: #5890ff

}



.nfyWrap .itemBox-new {

  background: #EBF8FF;

  margin-bottom: 1px;

  position: relative

}



.nfyWrap .itemBox:hover {

  background-color: #fff

}



.nfyWrap .nfyItemLine {

  padding-left: 40px;

  text-align: left;

  font-size: 11px;

  color: #1d1d1f

}



.nfyWrap .nfyItemLine a {

  font-size: 11px;

  display: block;

  color: #999999;

  text-decoration: none;

  font-weight: bold

}



.nfyWrap .siteLink {

  font-size: 9px !important;

  text-decoration: none;

  font-weight: normal !important;

  margin-bottom: 4px;

  display: inline-block

}



.nfyWrap .nfyItemLine a:hover {

  color: #5890ff

}



.nfyIcon {

  position: absolute;

  left: 15px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 16px;

  color: #999999

}



.nfyIcon .fa-chevron-up {

  color: #7bb742

}



.nfyIcon .fa-chevron-down {

  color: #5890ff

}



.nfyIcon img {

  width: 16px;

  height: 16px;

  border: 0

}



.nfyTime,

.nfyWhat {

  color: #c6cdd5

}



.king-history-event-nill {

  display: inline-block;

  width: 15px;

  height: 15px;

  overflow: hidden;

  border: 0;

  border-radius: 14px;

  -moz-box-shadow: 0 1px 1px #999;

  -webkit-box-shadow: 0 1px 1px #999;

  box-shadow: 0 1px 1px #999;

  text-align: center;

  background-color: #999;

  font-style: italic;

  font-weight: bold;

  color: #FFF;

  cursor: pointer

}



.ntfy-event-new {

  background-color: #5890ff;

  width: 18px;

  height: 18px;

  display: inline-block;

  border-radius: 50%;

  border: 0;

  cursor: pointer;

  font-size: 9px;

  font-weight: bold;

  color: #fff;

  text-align: center;

  line-height: 18px;

  position: absolute;

  right: 0;

  top: -5px

}



.ntfy-event-nill {

  color: #2c3e50;

  width: 40px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  border-radius: 50%;

  border: 0;

  margin-right: 6px;

  text-align: center;

  cursor: pointer

}



.ntfy-read {

  background-color: #b0b7bb

}



.nfyWrap .arrow {

  position: absolute;

  top: -7px;

  right: 10px;

  content: "";

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-bottom: 7px solid #fff

}



.no-nfy {

  font-size: 16px;

  width: 300px;

  z-index: 998;

  left: 0;

  top: 60px;

  position: absolute

}



.itemBox {

  background-color: #f6f7f9;

  position: relative;

  display: block;

  clear: both;

  padding: 2px;

  border-bottom: 1px solid #fff

}



.open-login-button {

  background-color: #1d1d1f;

  border-radius: 14px;

  color: #fff;

  height: 50px;

  line-height: 50px;

  font-size: 14px;

  position: relative;

  text-align: center;

  display: block;

  max-width: 300px;

  margin: 0 auto 10px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18)

}



.open-login-button:hover {

  color: #fff;

  box-shadow: none;

  opacity: 0.8

}



.open-login-button.facebook {

  background-color: #3b5998

}



.open-login-button.reddit {

  background-color: #FF5700

}



.open-login-button.twitter {

  background-color: #55acee

}



.open-login-button.instagram {

  background: #d6249f;

  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d)

}



.open-login-button.google-signin {

  background-color: #dc4e41

}



.open-login-button:before {

  content: '\f791';

  display: block;

  position: absolute;

  left: 15px;

  font-family: "Font Awesome 5 Brands";

  font-weight: 400;

  font-size: 17px

}



.open-login-button.facebook:before {

  content: '\f09a'

}



.open-login-button.twitter:before {

  content: "\f099"

}



.open-login-button.instagram:before {

  content: "\f16d"

}



.open-login-button.google-signin:before {

  content: "\f1a0"

}



.open-login-button.reddit:before {

  content: "\f281"

}



.king-browse-cat-list {

  display: flex;

  display: -webkit-flex;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  margin: 40px 20px

}



.king-browse-cat-item {

    line-height: 0px;

    height: 50px;

    text-align: center;

    color: #fff;

    margin: 0 1% 1% 0px;

    border-radius: 14px;

    width: 50px;

    display: -webkit-flex;

    flex-direction: column;

    justify-content: center;

    transform: scale(1) translateZ(0);

    transition: transform .28s ease;

}



.king-browse-cat-item a {

  font-size: 16px;

  color: #fff;

  font-weight: 600

}



.king-browse-cat-item:hover {

  transform: scale(1.06) translateZ(0);

  box-shadow: 0 4px 14px rgb(0 0 0 / 15%);

  z-index: 2

}



.king-cat-icon {

  font-size: 28px;

  margin-bottom: -2px

}



.king-subbrowse-cat {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: rgb(255 255 255 / 26%)

}



a.king-subbrowse-cat-item {

  margin: 5px;

  font-size: 12px;

  font-weight: 600;

  display: inline-block

}



.cat-title {

  background-color: #1d1d1f;

  width: 100%;

  display: flex;

  flex-direction: column;

  position: relative;

  margin-top: -20px;

  margin-bottom: -20px;

  color: #fff;

  padding-top: 20px;

  padding-bottom: 20px;

  align-items: center

}



.cat-title>i {

  background-color: #1d1d1f;

  width: 60px;

  height: 60px;

  line-height: 60px;

  border-radius: 100%;

  margin-bottom: 10px;

  border: 4px solid #fff;

  box-shadow: 0 1px 6px rgb(0 0 0 / 34%)

}



.cat-title p {

  margin: 10px;

  font-size: 14px

}



.vid-upload {

  display: flex;

  gap: 10px

}



.vid-upload-label {

  position: absolute;

  left: 10px;

  top: -10px;

  color: #fff;

  background-color: #353535;

  padding: 2px 12px;

  border-radius: 14px

}



.g-recaptcha {

  text-align: left;

  margin: 10px 0

}



.king-poll-grid.paddnew {

  padding: 20px;

  font-size: 22px;

  cursor: pointer;

  display: flex;

  justify-content: center;

  align-items: center

}



.king-poll-grid.paddnew:hover {

  border-color: #5890ff;

  color: #5890ff

}



.poll-img {

  display: block;

  width: 100%;

  border-radius: 14px;

  height: 250px;

  object-fit: cover

}



.king-ang {

  margin: 30px 0;

  display: flex

}



.inputarea {

  flex-grow: 2

}



.kingp-tabs {

  display: flex;

  flex-direction: column;

  text-align: center;

  position: sticky;

  top: 70px

}



.kingp-left {

  display: flex;

  margin-right: 20px;

  flex-direction: column

}



.kingp-leftin {

  background-color: #f6f6f8;

  flex: 1;

  border-radius: 14px

}



.ttab {

  display: none

}



.ttab.active {

  display: flex

}



.tblack {

  font-weight: bold;

  font-size: 18px;

  color: #5890ff;

  margin-top: 5px;

  bottom: -60px;

  width: 54px;

  height: 54px;

  text-align: center;

  line-height: 54px;

  border-radius: 14px;

  background-color: #f6f6f8;

  cursor: pointer

}



.tblack:hover {

  background-color: #5890ff;

  color: #fff

}



#tanswers {

  margin-top: 20px;

  flex-direction: column

}



.results-p {

  display: flex;

  display: -webkit-flex

}



.results-p .number {

  border-radius: 10px 0 0 10px;

  width: 100px

}



.results-p span {

  background-color: #dee1e3;

  display: flex;

  align-items: center;

  margin-right: 10px;

  margin-bottom: 5px;

  padding: 0 10px;

  color: #fff;

  border-radius: 0 10px 10px 0

}



.king-polls li .poll-item.not-correct {

  background-color: #5890ff7a

}



.king-polls li .poll-item.correct {

  background-color: #fbd971ba

}



.king-polls-up {

  margin: 40px 0

}



.noname h3 {

  color: #1d1d1f

}



.addfeatured.selected {

  background-color: #1d1d1f;

  color: #fff;

  box-shadow: none

}



.king-box-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  background-size: cover;

  background-position: center

}



.king-box-bg.loaded {

  -webkit-transition: opacity 0.6s ease 0.25s;

  transition: opacity 0.6s ease 0.25s;

  opacity: 1

}



.king-featureds {

  text-align: center;

  display: block 

}



.king-featured-grid {

  font-size: 22px;

  display: grid;

  column-gap: 1%;

  row-gap: 20px;

  overflow: hidden;

  grid-template-columns: 24.25% 24.25% 24.25% 24.25%;

  grid-auto-rows: 220px

}



.featured-meta {

  font-size: 12px;

  display: inline-block;

  padding: 2px;

  border-radius: 14px;

  line-height: 26x;

  text-align: right

}



.featured-meta span {

  margin-right: 8px

}



.king-featured-grid .featured-posts>a {

  position: relative;

  height: 100%;

  display: block;

  border-radius: 14px;

  overflow: hidden

}



.featured-post {

  background-color: #c2c6cb;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  bottom: 0;

  right: 0;

  transition: all .7s cubic-bezier(.2, 1, .22, 1);

  -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1)

}



.king-featured-grid .featured-post:after {

  content: '';

  background: linear-gradient(to bottom, rgba(35, 35, 35, 0), rgba(35, 35, 35, .65) 100%);

  top: auto;

  bottom: 0;

  left: 0;

  right: 0;

  height: 45%;

  -webkit-transition: background 0.2s;

  -moz-transition: background 0.2s;

  transition: background 0.2s;

  position: absolute

}



.featured-posts:hover .featured-post {

  transform: scale(1.07);

  -webkit-transform: scale(1.07)

}



.featured-posts:hover .featured-post:after {

  height: 100%

}



.king-featured-grid .featured-posts {

  background-color: #fff;

  border-radius: 14px;

  position: relative;

  width: 100%;

  display: block

}



.featured-posts .featured-content {

  position: absolute;

  left: 15px;

  top: 50%;

  transform: translateY(-50%);

  right: 10px;

  text-align: center;

  padding: 8px 6px;

  color: #ffffff9e;

  background-color: rgba(0, 0, 0, 0);

  z-index: 4;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 250ms ease-out;

  transition: all 250ms ease-out

}



.featured-posts:hover .featured-content {

  opacity: 1;

  visibility: visible

}



.featured-posts .featured-title {

  line-height: 1.4em;

  display: block;

  font-weight: 500;

  text-shadow: 1px 2px 2px rgba(0, 0, 0, .2);

  color: #fff;

  margin: 8px 0

}



.grid-1 {

  font-size: 28px;

  grid-column: 1;

  grid-row: 1 / 3

}



.grid-2 {

  font-size: 28px;

  grid-column: 2;

  grid-row: 1 / 3

}



.grid-3 {

  grid-column: 3 / 5;

  grid-row: 1

}



.grid-4 {

  grid-column: 3;

  grid-row: 2

}



.grid-5 {

  grid-column: 4;

  grid-row: 2

}



.grids-2 .grid-1 {

  grid-row: 1;

  font-size: inherit

}



.grids-2 .grid-2 {

  font-size: inherit;

  grid-column: 1;

  grid-row: 2

}



.grids-2 .grid-3 {

  font-size: 28px;

  grid-column: 2 / 4;

  grid-row: 1 / 3

}



.grids-2 .grid-4 {

  grid-column: 4;

  grid-row: 1

}



.grids-3 .grid-1 {

  grid-column: 1 / 3

}



.grids-3 .grid-2 {

  grid-column: 3 / 5;

  grid-row: 1

}



.grids-3 .grid-3 {

  grid-column: 3;

  grid-row: 2

}



.grids-3 .grid-4 {

  grid-column: 4;

  grid-row: 2

}



.grids-4 .grid-1 {

  font-size: inherit;

  grid-column: 1 / 3;

  grid-row: 1

}



.grids-4 .grid-2 {

  font-size: inherit;

  grid-column: 1;

  grid-row: 2

}



.grids-4 .grid-3 {

  grid-column: 2;

  grid-row: 2

}



.grids-4 .grid-4 {

  grid-column: 3;

  grid-row: 1

}



.grids-4 .grid-5 {

  grid-column: 4;

  grid-row: 1

}



.grids-4 .grid-6 {

  grid-column: 3 / 5;

  grid-row: 2

}



.grids-5 .grid-1 {

  grid-column: 1 / 3;

  grid-row: 1 / 3

}



.grids-5 .grid-2 {

  grid-column: 3;

  grid-row: 1;

  font-size: inherit

}



.grids-5 .grid-3 {

  grid-column: 4;

  grid-row: 1

}



.grids-6 .grid-3 {

  grid-column: 3;

  grid-row: 1 / 3;

  font-size: 28px

}



.grids-6 .grid-4 {

  grid-column: 4;

  grid-row: 1 / 3;

  font-size: 28px

}



.grids-7 .grid-1 {

  grid-column: 1 / 3;

  grid-row: 1

}



.grids-7 .grid-2 {

  grid-column: 1;

  grid-row: 2 / 4

}



.grids-7 .grid-3 {

  font-size: 28px;

  grid-column: 2;

  grid-row: 2 / 4

}



.grids-7 .grid-4 {

  font-size: 28px;

  grid-column: 3;

  grid-row: 1 / 3

}



.grids-7 .grid-5 {

  font-size: 28px;

  grid-column: 4;

  grid-row: 1 / 3

}



.grids-7 .grid-6 {

  font-size: 28px;

  grid-column: 3 / 5;

  grid-row: 3

}



.king-users-page {

  display: flex;

  display: -webkit-flex;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  align-items: stretch;

  margin-bottom: 40px

}



.user-boxx {

  padding-left: 1%;

  padding-right: 1%;

  padding-bottom: 2%;

  box-sizing: border-box;

  width: 33.33%

}



.user-box {

  padding: 6px;

  background-color: #fff;

  margin: 0;

  box-sizing: border-box;

  border-radius: 18px;

  height: 100%;

  text-align: center;

  position: relative

}



.user-box-in {

  margin-top: 60px;

  padding: 0 2%;

  display: flex;

  align-items: center;

  flex-direction: column

}



.user-box-cover {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  background-color: #e1e0e5;

  position: relative;

  min-height: 140px;

  border-radius: 14px

}



.user-box-cover .king-box-bg {

  border-radius: 14px

}



.user-box-cover:after {

  content: '';

  background: linear-gradient(to bottom, rgba(35, 35, 35, 0), rgb(72 74 91 / 62%) 100%);

  border-radius: 0 0 14px 14px;

  top: auto;

  bottom: 0;

  left: 0;

  right: 0;

  height: 45%;

  -webkit-transition: background 0.2s;

  -moz-transition: background 0.2s;

  transition: background 0.2s;

  position: absolute

}



.user-box-up {

  display: flex;

  align-items: center;

  position: absolute;

  justify-content: center;

  bottom: -50px;

  left: 20px;

  right: 20px;

  z-index: 4

}



.user-box-links {

  position: absolute;

  right: 2%

}



.user-box-links a {

  width: 40px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  background-color: #fff;

  border-radius: 100%;

  margin: 0 2px;

  color: #37383e;

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%)

}



.user-box-alink {

  border-radius: 100%;

  width: 90px;

  height: 90px;

  object-fit: cover;

  border: 4px solid rgb(255 255 255);

  background-color: #e1e0e5;

  background: linear-gradient(to bottom, #e1e0e5, #ced0d9 100%);

  overflow: hidden

}



.user-box-alink.averified {

  border-color: #3452ff

}



.user-box-lvl {

  font-size: 11px

}



.user-box-in h3 {

  color: #1d1d1f;

  font-size: 28px

}



.user-box-pt {

  display: block

}



.user-box-point,

.user-box-title {

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);

  background-color: #fbd971;

  color: #fff;

  border-radius: 14px;

  line-height: 22px;

  padding: 2px 16px;

  display: inline-block;

  font-size: 11px;

  margin: 10px 6px

}



.user-box-title {

  background-color: #353535;

  font-size: 11px;

  font-weight: 600

}



.king-stats {

  display: flex;

  display: -webkit-flex;

  margin: 6px 0;

  position: relative;

  justify-content: center

}



.king-stats span {

  font-weight: 600;

  font-size: 12px;

  margin: 0 13px

}



.king-stats span strong {

  display: block;

  font-size: 22px

}



.user-boxx.king-profile {

  width: 100%;

  padding: 0 2%;

  margin-top: 32px

}



.king-profile .user-box {

  padding: 0;

  background-color: inherit

}



.king-profile .user-box-cover {

  min-height: 220px;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-radius: 14px

}



.king-profile .user-box-up {

  bottom: -77px;

  padding: 0 2%;

  left: 0;

  right: 0

}



.king-profile .user-box-in {

  margin-top: 85px

}



.user-box-name {

  display: flex;

  align-items: flex-end

}



.king-profile h3 {

  line-height: 48px;

  font-size: 48px

}



.king-profile .user-box-alink {

  width: 140px;

  height: 140px;

  border-width: 6px

}



.postuser.user-boxx {

  width: 100%;

  padding-top: 1%

}



.postuser.user-boxx .user-box {}



.tresult {

  display: flex;

  flex-direction: column;

  padding: 20px;

  background-color: #efefef;

  border-radius: 14px;

  margin: 10px 0;

  font-size: 16px

}



.tresult h3,

.tresult img,

.tresult span {

  margin-bottom: 12px

}



.quiz-share {

  text-align: center;

  margin: 20px 0 8px;

  padding: 8px 0;

  width: 100%;

  background-color: #fff;

  border-radius: 14px

}



.quiz-share h5 {

  font-weight: bold;

  display: block

}



.qresult-share {

  display: flex;

  display: -webkit-flex;

  -webkit-justify-content: space-around;

  justify-content: space-around;

  margin-top: 14px

}



.qresult-share a {

  padding: 8px 0;

  color: #fff;

  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);

  background-color: #1d1d1f;

  width: 45%;

  border-radius: 14px;

  text-align: center

}



.reactions {

  list-style: none;

  display: flex;

  padding: 20px

}



.reactions li {

  height: 120px;

  width: 90px;

  margin: 30px 4px 4px 4px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  background-color: #efefef;

  border-radius: 14px;

  padding: 2px;

  position: relative

}



.reactions li:before {

  content: "\f585";

  font-family: "Font Awesome 5 Free";

  font-weight: 400;

  font-size: 32px;

  position: absolute;

  top: -33px;

  left: 50%;

  color: #c2c6cb;

  transform: translateX(-50%)

}



#reac2:before {

  content: "\f584"

}



#reac3:before {

  content: "\f588"

}



#reac4:before {

  content: "\f567"

}



#reac5:before {

  content: "\f5c2"

}



#reac6:before {

  content: "\f5a5"

}



#reac7:before {

  content: "\f5b4"

}



#reac8:before {

  content: "\f556"

}



.reactions li.voted {

  background-color: #e6e6ec

}



.reactions li.voted:before,

.reactions li:hover:before {

  font-weight: 900;

  color: #fbd971

}



.reaction {

  background-color: #ffffff;

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);

  padding: 3px;

  border-radius: 14px;

  cursor: pointer;

  margin-top: 2px

}



.reaction-in {

  flex: 1;

  position: relative

}



.reaction-result {

  background-color: #fbd971;

  color: #fff;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  border-radius: 14px;

  transition: height 0.3s ease-in-out

}



.reaction-percent {

  position: absolute;

  top: 10px;

  left: 50%;

  transform: translateX(-50%);

  color: #1d1d1f

}



.nopost {

  border-radius: 14px;

  background-color: #fff;

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);

  width: 100%; 

  max-width: 90%;

  display: inline-block;

  margin: 60px auto;

  text-align: center;

  font-size: 22px;

  color: #2c3e50

}



.nopost i {

  display: block;

  margin-bottom: 20px

}



.king-search-in {

  width: 100%;

  background-color: #fff;

  border-radius: 5px;

  position: absolute;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  padding: 20px;

  box-sizing: border-box;

  top: 50px;

  -webkit-box-shadow: 0 0 5px 1px rgba(var(--jb7, 0, 0, 0), .0975);

  box-shadow: 0 0 5px 1px rgba(var(--jb7, 0, 0, 0), .0975);

  visibility: hidden;

  opacity: 0;

  -webkit-transform: scale(.8);

  -ms-transform: scale(.8);

  transform: scale(.8);

  -webkit-transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden

}



.king-search-in.open {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1)

}



.liveresults a {

  display: block;

  border-bottom: 1px solid #efefef;

  color: #1d1d1f;

  padding: 4px 10px

}



.inleft {

  display: flex;

  display: -webkit-flex

}



.inleft .pbutton {

  min-width: 36px;

  height: 42px;

  line-height: 40px;

  text-align: center;

  background-color: #efefef;

  cursor: pointer;

  border-radius: 14px;

  margin-left: 3px

}



.king-lazy {

  opacity: 0

}



.king-lazy.loaded {

  transition: transform .7s cubic-bezier(.2, 1, .22, 1), opacity 0.6s ease 0.25s;

  -webkit-transition: transform .7s cubic-bezier(.2, 1, .22, 1), opacity 0.6s ease 0.25s;

  opacity: 1

}



.king-avatar {

  object-fit: cover;

  display: block;

  border-radius: 100%

}



.king-noavatar {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 1em;

  text-shadow: none

}



.editusers-table td img,

.editusers-table td .king-noavatar {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

  background-color: #d4d9dd;

  float: left

}



.simple-posts {

  padding: 6px;

  background-color: #fff;

  border-radius: 14px;

  position: relative;

  width: 100%;

  display: block;

  margin-bottom: 14px;

  box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);

  box-sizing: border-box

}



.under-content .simple-posts {

  width: 48%;

  margin: 0 1% 2% 1%;

  display: inline-block

}



.simple-posts>a {

  position: relative;

  height: 220px;

  display: block;

  border-radius: 14px;

  overflow: hidden

}



.simple-post {

  background-color: #e0dfe4;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  bottom: 0;

  right: 0;

  transition: all .7s cubic-bezier(.2, 1, .22, 1);

  -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1)

}



.simple-post:after {

  content: '';

  background: linear-gradient(to bottom, rgba(35, 35, 35, 0), rgb(67 78 90 / 65%) 100%);

  top: auto;

  bottom: 0;

  left: 0;

  right: 0;

  height: 45%;

  -webkit-transition: background 0.2s;

  -moz-transition: background 0.2s;

  transition: background 0.2s;

  position: absolute

}



.simple-posts:hover .simple-post {

  transform: scale(1.07);

  -webkit-transform: scale(1.07)

}



.simple-post-content {

  position: absolute;

  left: 10px;

  right: 10px;

  bottom: 30px;

  text-align: left;

  padding: 8px 6px;

  color: #ffffff9e;

  background-color: rgba(0, 0, 0, 0);

  z-index: 4;

  -webkit-transition: bottom 0.2s;

  -moz-transition: bottom 0.2s;

  transition: bottom 0.2s

}



.simple-post-title {

  line-height: 1.4em;

  display: block;

  font-weight: 500;

  font-size: 18px;

  text-shadow: 1px 2px 2px rgb(0 0 0 / 20%);

  color: #fff;

  margin: 8px 0

}



.simple-post-meta {

  font-size: 12px;

  display: inline-block;

  padding: 6px 2px 0 10px;

  text-align: right;

  color: #999999

}



.simple-post-meta span {

  margin-right: 8px

}



.king-widget-wb {

  position: relative;

  background-color: #fff;

  padding: 20px;

  border-radius: 14px

}



.king-widget-side {

  margin-bottom: 32px

}



.king-widget-wb .widget-title {

  padding: 0;

  border: 0

}



.inleft .pbutton:hover,

.inleft input[type="radio"]:checked~i {

  background-color: #5890ff;

  color: #fff

}



.king-playlist {

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 16

}



.vjs-playlist-name {

  font-style: normal;

  font-weight: 600

}



.king-listener.mfp-wrap {

  position: fixed !important;

  top: auto !important;

  height: auto !important;

  min-height: 60px;

  bottom: 0;

  right: 0

}



.mfp-bg.king-listener {

  display: none

}



.king-listener .mfp-content {

  margin: 0 auto;

  max-width: 100%;

  border-radius: 0;

  background-color: #141414;

  min-height: 60px;

  padding: 0;

  overflow: inherit

}



.king-listener .mfp-close {

  right: 0px;

  top: 0px;

  background-color: #2c3e50;

  font-size: 27px;

  opacity: 0;

  transition: all 250ms cubic-bezier(.24, .22, .015, 1.56);

  border-radius: 14px 14px 0 0

}



.king-listener:hover .mfp-close {

  opacity: 1;

  top: -35px

}



.king-listener .mfp-container {

  padding: 0;

  position: relative

}



.king-listener .king-playlist {

  position: relative

}



.king-video .king-playlist-post {

  margin: 20px;

  flex: 1;

  background-color: inherit

}



.king-playlist-uo {

  display: flex;

  justify-content: space-around;

  align-items: flex-start;

  max-width: 1200px;

  margin: auto

}



.king-playlist-thumb {

  box-shadow: 0px 0px 20px 0px rgb(130 139 180 / 80%);

  width: 380px;

  max-height: 400px;

  border-radius: 14px;

  margin: 20px;

  object-fit: cover

}



.header-middle {

  display: flex;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  align-items: center;

  position: relative

}



.king-nav-head-list {

  display: flex;

  list-style: none

}



.king-nav-head-list li {

  margin: 0 8px

}



.king-nav-head-list li i {

  margin-right: 4px;

  font-size: 16px

}



.king-nav-head-list li a {

  font-size: 0;

  display: flex;

  color: #2c3e50;

  align-items: center

}



.king-nav-head-list li a:hover,

.king-nav-head-list li a.king-nav-head-selected {

  color: #000

}



.header-left {

  display: flex;

  align-items: center;

  -webkit-flex: 1 1 0;

  -ms-flex: 1 1 0;

  flex: 1 1 0

}



.king-nav-headmenu-list li {

  list-style: none

}



.king-nav-headmenu-list li a {

  color: #999999;

  padding: 6px 0;

  display: block

}



.king-nav-headmenu-list li a i {

  margin-right: 10px

}



.menutoggle {

  font-size: 20px;

  text-align: center;

  cursor: pointer;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 100%

}



.menutoggle i {

  transition: all 550ms cubic-bezier(.24, .22, .015, 1.56);

  color: #7a787b

}



.menutoggle[aria-expanded="true"] i {

  transform: rotate(180deg)

}



.menutoggle:hover {

  background-color: #efefef

}



.follow-tc {

  background-color: #fff;

  display: inline-block;

  color: #1d1d1f;

  padding: 6px 14px;

  font-size: 16px;

  border-radius: 14px;

  box-shadow: 0 0 8px rgb(0 0 0 / 22%);

  cursor: pointer;

  transition: all .2s linear;

  margin-top: 14px

}



.follow-tc i {

  margin-right: 10px;

  transition: all 250ms cubic-bezier(.24, .22, .015, 1.56)

}



.follow-tc.fllowing {

  background-color: #2c3e50;

  color: #fff

}



.follow-tc.fllowing i {

  transform: rotate(45deg)

}



.dashavatar {

  width: 100px;

  height: 100px;

  border-radius: 100%;

  border: 5px solid #fff;

  background-color: #8c97aa;

  box-shadow: 0 1px 6px rgb(0 0 0 / 34%);

  margin-bottom: 20px

}



.discover-boxes {

  margin-top: 20px

}



.discover-boxes a {

  background-color: #fff;

  color: #999999;

  font-size: 15px;

  font-weight: 600;

  margin: 0 4px;

  padding: 5px 14px;

  border-radius: 14px

}



.musica .king-ang {

  flex-direction: column;

  flex: 0 0 100%

}



.musica .inputarea {

  margin-bottom: 10px

}



.musica .king-poll-grid {

  max-width: inherit;

  width: 100%;

  margin: 0

}



.king-widget-main,

.king-widget-full {

  margin-bottom: 24px

}



button.verify-button {

  cursor: pointer

}



.verify-button {

  background-color: inherit;

  border: 0;

  font-size: 20px;

  margin-left: 5px;

  color: #dfdfe4

}



.verify-button.verified {

  color: #3452ff

}



.king-profile .verify-button {

  font-size: 33px

}



.king-message {

  width: 36px;

  height: 36px;

  line-height: 36px;

  background-color: #2c3e50;

  color: #fff;

  margin-left: 10px;

  border-radius: 100%

}



.user-box-buttons {

  display: flex;

  align-items: center

}



.king-nav-main {

  margin: auto 0;

  min-width: 250px

}



.king-pm-list {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  flex-direction: column-reverse;

  max-height: 400px;

  overflow: hidden;

  overflow-Y: auto;

  padding: 20px

}



.king-pm-item {

  background-color: #efefef;

  padding: 8px 16px;

  border-radius: 4px 14px 14px 14px;

  margin: 0 40px 10px;

  position: relative;

  max-width: 40%

}



.king-pm-item.pm-owner {

  align-self: flex-end;

  background-color: #5890ff !important;

  color: #fff;

  border-radius: 14px 4px 14px 14px

}



.king-pmessage-avatar-meta {

  position: absolute;

  left: -40px;

  top: 0

}



.king-pm-item.pm-owner .king-pmessage-avatar-meta {

  left: auto;

  right: -40px

}



.king-pmessage-avatar-meta .king-avatar-image {

  width: 34px;

  height: 34px

}



.king-pm-item b {

  display: block

}



.king-pm-item.pm-owner b {

  text-align: right

}



.owl-prev:hover,

.owl-next:hover {

  color: #5890ff;

  cursor: pointer

}



.owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

  animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both

}



.owl-carousel .owl-animated-in {

  z-index: 0

}



.owl-carousel .owl-animated-out {

  z-index: 1

}



.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut

}



@keyframes fadeOut {

  0% {

    opacity: 1

  }



  100% {

    opacity: 0

  }

}



.owl-height {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out

}



.owl-carousel {

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  position: relative;

  z-index: 1

}



.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none

}



.owl-carousel .owl-stage {

  display: flex;

  margin: 0 auto;

  position: relative;

  -ms-touch-action: pan-Y

}



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0

}



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0px, 0px, 0px);

  text-align: center;

  display: block

}



.owl-carousel .owl-controls .owl-nav .owl-prev,

.owl-carousel .owl-controls .owl-nav .owl-next,

.owl-carousel .owl-controls .owl-dot {

  cursor: pointer

}



.owl-drag {

  display: none

}



.owl-carousel.owl-loaded.owl-drag {

  display: block

}



.owl-carousel.owl-loading {

  opacity: 0;

  display: block

}



.owl-carousel.owl-hidden {

  opacity: 0

}



.owl-carousel .owl-refresh .owl-item {

  display: none

}



.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

  background-color: #333333;

  border-radius: 14px

}



.owl-carousel .owl-item img {

  display: block;

  -webkit-transform-style: preserve-3d

}



.owl-carousel .owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: -o-grab;

  cursor: -ms-grab;

  cursor: grab

}



.gallery-img {

  margin: auto;

  border-radius: 14px;

  height: 480px;

  width: auto

}



.king-gallery {

  padding: 14px;

  box-sizing: border-box

}



.owl-carousel .owl-dots {

  position: absolute;

  right: 10px;

  width: 34px;

  border-radius: 100px;

  padding: 20px 0;

  background-color: #fff;

  box-shadow: 0 4px 9px 0 rgb(43 43 49 / 10%), 0 7px 14px 0 rgb(43 43 49 / 13%);

  text-align: center;

  top: 50%;

  transform: translate(0, -50%);

  display: flex;

  flex-direction: column

}



.owl-carousel .owl-dots .owl-dot {

  display: block;

  width: 8px;

  padding: 0;

  border: 0;

  height: 8px;

  background-color: #efefef;

  box-shadow: inset 0 0 0 8px #efefef;

  margin: 4px auto;

  border-radius: 50%;

  -webkit-transition: -webkit-transform 0.1s ease-in-out, background-color 0.2s ease 0.3s, box-shadow 0.25s ease-out;

  -moz-transition: transform 0.1s ease-in-out, background-color 0.2s ease 0.3s, box-shadow 0.25s ease-out;

  -o-transition: transform 0.1s ease-in-out, background-color 0.2s ease 0.3s, box-shadow 0.25s ease-out;

  transition: transform 0.1s ease-in-out, background-color 0.2s ease 0.3s, box-shadow 0.25s ease-out;

  cursor: pointer

}



.owl-carousel .owl-dots .active {

  background-color: #fff;

  box-shadow: inset 0 0 0 2px #5890ff;

  -webkit-box-shadow: inset 0 0 0 2px #5890ff;

  width: 12px;

  height: 12px

}



.owl-carousel .owl-nav {

  background-color: #fff;

  display: inline-block;

  border-radius: 32px;

  margin-top: 20px

}



.owl-carousel .owl-nav button {

  background-color: transparent;

  border: 0;

  padding: 8px 14px;

  font-size: 16px

}



.owl-carousel .owl-nav button.disabled {

  color: #efefef

}



.king-gallery-zoom .mfp-content {

  margin: 20px auto;

  overflow: visible;

  text-align: center;

  max-width: inherit;

  border-radius: 14px;

  background-color: inherit;

  box-shadow: inherit

}



.king-gallery-zoom .mfp-content .mfp-img {

  border-radius: 14px

}



.king-gallery-zoom .mfp-container,

.king-gallery-zoom.mfp-bg {

  opacity: 0;

  -webkit-backface-visibility: hidden;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out

}



.king-gallery-zoom.mfp-ready .mfp-container {

  opacity: 1

}



.king-gallery-zoom.mfp-ready.mfp-bg {

  opacity: 1

}



.king-gallery-zoom.mfp-removing .mfp-container,

.king-gallery-zoom.mfp-removing.mfp-bg {

  opacity: 0

}



.king-gallery-zoom .mfp-arrow-left,

.king-gallery-zoom .mfp-arrow-right {

  position: fixed;

  bottom: 20px;

  width: 38px;

  height: 38px;

  background-color: #fff;

  border-radius: 100%;

  border: 0;

  font-size: 20px;

  line-height: 38px;

  cursor: pointer

}



.king-gallery-zoom .mfp-arrow-left:before,

.king-gallery-zoom .mfp-arrow-right:before {

  content: "\f104";

  font-weight: 900;

  font-family: "Font Awesome 5 Free"

}



.king-gallery-zoom .mfp-arrow-left {

  transform: translateX(-60%)

}



.king-gallery-zoom .mfp-arrow-right {

  transform: translateX(60%) rotate(180deg)

}



.king-gallery-zoom .mfp-bottom-bar {

  display: none

}



#king_grids .king-form-tall-data {

  display: flex;

  flex-wrap: wrap

}



#king_grids .king-form-tall-data label img {

  margin-right: 9px;

  border-radius: 14px;

  object-fit: cover;

  padding: 4px;

  border: 4px solid #e6e8ec

}



#king_grids .king-form-tall-data label input[type="radio"]:checked~img {

  border-color: #5890ff

}



#king_grids .king-form-tall-data label input {

  display: none

}



#notice_gdpr {

  bottom: 14px;

  left: 14px;

  right: auto;

  max-width: 280px;

  border-radius: 14px;

  padding-right: 50px;

  text-align: left;

  font-size: 15px

}



.videoembedup {

  padding: 10px;

  background-color: #efefef;

  border-radius: 14px

}



.modal-reglink {

  padding: 14px 20px;

  display: block;

  background-color: #efefef;

  text-align: center;

  color: #999999

}



.modal-reglink a {

  background-color: #1d1d1f;

  padding: 8px 14px;

  border-radius: 14px;

  display: block;

  max-width: 200px;

  margin: auto;

  color: #fff

}



.modal-reglink a:hover {

  background-color: #5890ff;

  color: #fff

}



.king-template-shorts .king-main-in {

  position: relative;

  box-sizing: border-box;

  width: 100%;

  display: block

}



.king-shorts {

  clear: both;

  width: 100%;

  display: none;

  box-sizing: border-box;

  position: relative

}



.shorts-item {

  list-style: none;

  position: relative;

  width: 486px;

  display: flex

}



.shorts-item-in {

  flex: 9

}



.shorts-item-inright {

  display: flex;

  flex-direction: column;

  flex: 1;

  justify-content: flex-end;

  margin-left: 10px;

  align-items: center

}



.shorts-item-inright a {

  color: #b0b7bb;

  font-size: 18px;

  margin-top: 14px;

  margin-bottom: 6px;

  width: 40px

}



.shorts-item-inright a span {

  display: block;

  font-size: 13px;

  text-align: center;

  font-weight: 400

}



.short-video {

  height: 530px;

  border-radius: 20px;

  overflow: hidden;

  border: 8px solid #fff;

  box-shadow: 2px 4px 12px rgb(0 0 0 / 8%)

}



@-webkit-keyframes slideInDown {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    visibility: visible

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



@keyframes slideInDown {

  0% {

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);

    visibility: visible

  }



  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

  }

}



.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown

}



@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

  }

}



@keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%)

  }

}



.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown

}



@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}



@keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}



.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp

}



@-webkit-keyframes slideInUp {

  0% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    visibility: visible

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



@keyframes slideInUp {

  0% {

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    visibility: visible

  }



  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

  }

}



.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp

}



.shorts-nav {

  display: flex;

  flex-direction: column;

  justify-content: space-between

}



.shorts-nav button {

  background-color: #fff;

  color: #2c3e50;

  text-align: center;

  border: 0;

  width: 46px;

  height: 80px;

  margin: 10px;

  border-radius: 32px;

  font-size: 22px;

  box-shadow: 0 1px 1px rgb(0 0 0 / 10%)

}



.shorts-nav button.disabled {

  color: #f5f5f7

}



.king-shorts.owl-carousel .owl-item {

  background-color: inherit;

  display: flex;

  justify-content: center;

  padding: 10px 0

}



.king-shorts.owl-loaded {

  display: flex

}



.shorts-item-inright .king-voting {

  height: auto;

  width: auto;

  flex-direction: column;

  align-items: center;

  margin: 0 0 6px 0

}



.shorts-item-inright .king-vote-count {

  background-color: #fff

}



.poll-circle {

  margin: 4px 0;

  display: block;

  width: 50px;

  height: 50px;

  position: absolute;

  left: 0;

  top: 0

}



.circle-back {

  stroke: #efefef;

  stroke-width: 4

}



.circle-chart {

  animation: circle-chart-fill 2s reverse;

  animation-delay: 2s;

  transform: rotate(-90deg);

  transform-origin: center;

  stroke-width: 4

}



.circle-chart {

  stroke: #5890ff

}



@keyframes circle-chart-fill {

  to {

    stroke-dasharray: 0 100

  }

}



.kingnight {

  display: block;

  width: 25px;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

  cursor: pointer;

  position: relative

}

.king-night .side-subscribe button {

    background: #000000;

}

.king-night-box {

  position: absolute;

  top: 0;

  color: #333;

  left: 0;

  right: 0;

  transition: all 375ms ease-in-out;

  cursor: pointer

}



.king-night .king-night-box {

  top: -50px;

  color: #fff

}



.full-page .rightsidebar {

  visibility: hideen;

  opacity: 0;

  display: none

}


@media (max-width:1200px) {



  .king-template-home .box,

  .king-template-home .grid-sizer {

    width: 100%

  }



  .king-main.post-page {

    width: 100%

  }



  .king-template-question .king-main-in,

  .king-template-custom .king-main-in {

    max-width: inherit !important;

    width: 60%

  }



  .king-nav-sub-list {

    overflow: hidden;

    overflow-x: auto;

    justify-content: flex-start

text-align: center;

  }



  .king-nav-sub-list::-webkit-scrollbar-track {

    background-color: inherit

  }



  .king-nav-sub-list::-webkit-scrollbar {

    height: 6px

  }



  .king-nav-sub-list::-webkit-scrollbar-thumb {

    border-radius: 5px;

    background-color: rgba(172, 183, 190, 0.5)

  }



  .king-gallery-zoom .mfp-content .mfp-img {

    width: 100%

  }

}



@media (max-width:999px) {

  .king-body {

    padding: 0

  }



  .king-submit {

    padding: 4px 4px 4px 4px

  }



  .leftmenu {

    left: -80px

  }



  .leftmenu.open {

    left: 0

  }



  .king-left-toggle.mtoggle {

    display: block;

    width: 40px

  }



  .king-left-toggle.mtoggle:before,

  .king-left-toggle.mtoggle:after,

  .mtoggle .left-toggle-line {

    background-color: #000

  }



  .king-template-home .box,

  .king-template-home .grid-sizer {

    width: 100%

  }



  .rightsidebar,

  .header-middle {

    display: none

  }



  .king-search-in {

    max-width: 100%

  }



  .list-img,

  .list-video iframe {

    width: 100%

  }



  .king-video iframe,

  .vjs-theme-forest,

  .king-video .instaframe {

    width: 100%;

    height: 400px

  }



  .king-video {

    width: 100%;

  }



  .king-playlist-uo {

    flex-direction: column;

    align-items: stretch;

    max-width: 1200px

  }

  .king-main.post-page {

    width: auto

  }



  .reactions {

    flex-wrap: wrap

  }



  .reactions li {

    margin-top: 50px

  }



  .box,

  .grid-sizer {

  

  }



  .king-nav-footer-list {

    -webkit-column-count: 1;

    -moz-column-count: 1;

    column-count: 1

  }

}



@media (max-width:725px) {



  .box,

  .grid-sizer {

    width: 100%

  }



@media (max-width:500px) {

  .king-q-view-buttons {

    flex: 1 1 100%;

    -ms-flex-pack: start;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    margin-top: 10px

  }


  .king-playlist-thumb {

    width: 100%;

    margin: 0

  }



.king-logo img {

  max-height: 35px;

 

}




}