@charset "UTF-8";

@CHARSET "UTF-8";
.backend-content-center {
  width: 1340px;
  margin: auto;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  /* IE 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.backend-content-center::-webkit-scrollbar {
  display: none;
}

.backend-content-center::-webkit-scrollbar {
  display: none;
}

.backend-header-title {
  width: 210px;
  height: 70px;
  font-size: 48px;
  font-family: "Oswald";
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: left;
  margin-top: 55px;
  text-transform: uppercase;
  background-image: url(/images/headerTitleBG.svg?0a5667287cda22445ca4056803bb8317);
  background-repeat: no-repeat;
  position: relative;
}

.backend-header-title::before {
  position: absolute;
  right: 113px;
  top: -38px;
  content: "";
  width: 40px;
  height: 2px;
  background-image: url(/images/headerTitleLine.svg?0c23bc279f82d10ff9a75b030630753e);
}

.backend-header-title-low {
  width: 210px;
  height: 70px;
  font-size: 48px;
  font-family: "Oswald";
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: left;
  margin-top: 55px;
  text-transform: uppercase;
  background-image: url(/images/headerTitleBG.svg?0a56672…);
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: -270px;
}

.backend-header-title-low::before {
  position: absolute;
  right: 113px;
  top: 0px;
  content: "";
  width: 40px;
  height: 2px;
  background-image: url(/images/headerTitleLine.svg?0c23bc279f82d10ff9a75b030630753e);
}

.backend-header-searchbox {
  width: 872px;
  margin: auto;
  padding-bottom: 40px;
  position: relative;
  color: #ffffff;
}

.backend-header-searchbox form {
  padding: 0;
}

.backend-header-searchbox input {
  width: calc(100% - 98px);
  border: none;
  color: white;
  height: 50px;
  margin-top: 22px;
  margin-left: 49px;
  padding-right: 50px;
  margin-bottom: 29px;
  background-color: transparent !important;
  background-image: url(/images/searchMidleBG.svg?3867bd4ea927e666f96d5fae99fd2c7d);
  background-repeat: repeat-x;
}

.backend-header-searchbox button {
  position: absolute;
  background: none;
  background-image: url(/images/ButtonSearchBG.svg?c1efb7e4aa6a95870d603ba28205ee96);
  width: 82px;
  height: 55px;
  top: 15px;
  right: 1px;
  border: none;
}

.backend-header-searchbox button:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-search-wrapper {
  position: relative;
}

.backend-header-search-left {
  position: absolute;
  top: 22px;
  height: 50px;
  width: 49px;
  background-image: url(/images/searchLeftBG.svg?4c32a5e77e3c8f1df6efcee55a637e34);
}

.backend-header-search-center {
  position: absolute;
  height: 50px;
  background-image: url(/images/searchMidleBG.svg?3867bd4ea927e666f96d5fae99fd2c7d);
  background-repeat: repeat-x;
}

.backend-header-search-right {
  position: absolute;
  height: 50px;
  width: 49px;
  right: 0px;
  top: 22px;
  background-image: url(/images/searchRightBG.svg?043a95c0bee06b0e5e17b6506c338203);
}

.backend-header-searchbox-low {
  width: 403px;
  margin: auto;
  padding-top: 9px;
  position: relative;
  color: #ffffff;
}

.backend-header-searchbox-low input {
  width: calc(100% - 49px);
  border: none;
  height: 50px;
  color: #ffffff;
  margin-top: 8px;
  padding-right: 36px;
  margin-bottom: 40px;
  background-color: transparent !important;
  background-image: url(/images/searchMidleBG.svg?3867bd4ea927e666f96d5fae99fd2c7d);
  background-repeat: repeat-x;
}

.backend-header-searchbox-low form {
  padding: 0;
}

.backend-header-searchbox-low button {
  position: absolute;
  background: none;
  background-image: url(/images/ButtonSearchBG.svg?c1efb7e4aa6a95870d603ba28205ee96);
  width: 82px;
  height: 55px;
  top: 15px;
  right: 1px;
  border: none;
}

.backend-header-searchbox-low button:hover {
  cursor: pointer;
  opacity: 0.6;
}

.user-avatar-box-wrapper-low {
  z-index: 1;
  position: relative;
  float: right;
  margin-top: 20px;
}

.user-avatar-box-wrapper-low::before {
  position: absolute;
  right: 1px;
  bottom: 6px;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(/images/OnlineIndicatorLow.svg?4e363730424504005d1eac45701c8b8a);
}

.user-avatar-box-wrapper-low:hover .user-avatar-buttons-block {
  opacity: 1;
  transition: 0.8s;
}

.user-avatar-button-low {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/images/lowAvatarButton.svg?d7d4841b99c0b7cffc974642ab9c11c3);
}

.user-avatar-button-low:hover {
  cursor: pointer;
  opacity: 0.7;
}

.backend-header-search-left-low {
  position: absolute;
  top: 104px;
  left: -49px;
  height: 50px;
  width: 49px;
  background-image: url(/images/searchLeftBG.svg?4c32a5e77e3c8f1df6efcee55a637e34);
}

.backend-header-search-right-low {
  position: absolute;
  height: 50px;
  width: 49px;
  right: 0px;
  top: 104px;
  background-image: url(/images/searchRightBG.svg?043a95c0bee06b0e5e17b6506c338203);
}

.backend-header-searchbox button:hover,
.backend-header-searchbox-low button:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-somebtn {
  float: right;
  margin-top: 10px;
  width: 80px;
  height: 60px;
  background-image: url(/images/headerCreatePostButton.svg?6bb4aecee738ca8f340a181c1eceea5b);
  background-position: center;
  background-repeat: no-repeat;
}

.backend-header-somebtn.beckend-low-button {
  position: relative;
  margin-top: 20px;
  z-index: 1;
}

.backend-header-somebtn:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-spotibtn {
  float: right;
  /*padding: 16px 38px;*/
  margin-right: 10px;
  width: 45px;
  height: 60px;
  margin-top: 10px;
  background-image: url(/images/headerSpotifyButton.svg?11561747aeabd96793992ed4fe75890b);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.backend-header-spotibtn.beckend-low-button {
  position: relative;
  margin-top: 20px;
  z-index: 1;
}

.backend-header-spotibtn:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-camera {
  float: right;
  width: 45px;
  height: 60px;
  margin-top: 10px;
  margin-right: 10px;
  background-image: url(/images/headerLiveButton.svg?9c258140fce378ca698a82f3f0cca514);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.backend-header-camera.beckend-low-button {
  position: relative;
  margin-top: 20px;
  z-index: 1;
}

.backend-header-camera:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-user {
  width: 180px;
  float: right;
}

.backend-user-box {
  border-bottom-left-radius: 31px;
  border-bottom-right-radius: 31px;
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 99px;
  text-align: center;
  padding-bottom: 28px;
}

.backend-user-avatar-border {
  border-radius: 50%;
  border-width: 6px;
  border-color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  border-style: solid;
  margin-top: 31px;
}

.backend-user-avatar {
  background-image: url(/images/Ellipse1.png?ed565af173c13d461cd3b022e7fcac09);
  background-position: center;
  background-repeat: no-repeat;
  width: 103px;
  height: 103px;
  display: block;
  border-radius: 50%;
  border-width: 4px;
  border-color: #ff008c;
  border-style: solid;
  background-size: contain;
}

.backend-user-avatar-border-new {
  border-radius: 50%;
  border-width: 6px;
  border-color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  border-style: solid;
  margin-top: 18px;
  position: relative;
}

.backend-user-avatar-new {
  background-image: url(/images/Ellipse1.png?ed565af173c13d461cd3b022e7fcac09);
  background-position: center;
  background-repeat: no-repeat;
  width: 103px;
  height: 103px;
  display: block;
  border-radius: 50%;
  border-width: 4px;
  border-color: #ff008c;
  border-style: solid;
  background-size: contain;
}

.user-avatar-box-low {
  -webkit-clip-path: url(#myClipPathLow);
          clip-path: url(#myClipPathLow);
  width: 70px;
  height: 70px;
  display: inline-block;
  background-color: #000;
  position: relative;
  margin-left: 10px;
}

.user-avatar-box-low img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-avatar-box-low:hover .user-avatar-buttons-block {
  opacity: 1;
  transition: 0.8s;
}

.avatar-low-border-svg {
  position: absolute;
  top: -6px;
  left: -9px;
  z-index: 1;
}

.backend-user-name {
  font-size: 24px;
  font-family: "Oswald";
  color: black;
  text-align: center;
}

.backend-user-status {
  font-size: 16px;
  font-family: "Courier New";
  color: #ff008c;
  font-weight: bold;
}

.backend-user-setting {
  margin-left: 6px;
  margin-top: 22px;
  display: inline-block;
}

.backend-user-setting:hover {
  opacity: 0.6;
}

.backend-user-loggout {
  margin-top: -11px;
  display: inline-block;
  vertical-align: middle;
}

.backend-user-loggout:hover {
  opacity: 0.6;
}

.backend-user-loggout form {
  display: inline-block;
  padding: 0px;
  margin: 0px;
}

.backend-user-loggout div {
  background-image: url(/images/icons8_logout_rounded_left_50px.png?0e3734f4b95d721e69d680b3bde22cf9);
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #000;
  border-radius: 10px;
  width: 80px;
  display: inline-block;
  margin-left: 22px;
  margin-top: 11px;
  height: 50px;
  padding: 8px 10px 10px 10px;
}

.backend-menu {
  width: 117px;
  float: left;
  /*display: inline-block;*/
}

.backend-menu-option {
  position: relative;
  width: 117px;
  height: 80px;
  background-size: cover;
  margin-top: -6px;
  display: block;
  text-decoration: none;
}

.backend-menu-option.feed-button {
  background-image: url(/images/feedMenuButton.svg?000f6e2ec679d74104f8b211cc8a56bd);
}

.backend-menu-option.feed-button.router-link-active {
  background-image: url(/images/feedButtonActive.svg?63d66ca893636fcd1aefa27a9e12aa3d);
}

.backend-menu-option.discover-button {
  background-image: url(/images/discoverMenuButton.svg?c7ddc3859a39224b890eb3466b09e3c6);
}

.backend-menu-option.discover-button.router-link-active {
  background-image: url(/images/discoverButtonActive.svg?f2dff8aebcc6eda031da0fbe24ac8ba9);
}

.backend-menu-option.friends-button {
  background-image: url(/images/friendMenuButton.svg?1f28068f5a9818d2df8b5fa0965e8322);
}

.backend-menu-option.friends-button.router-link-active {
  background-image: url(/images/friednsButtonActive.svg?b8528bb25c308035385ee53f6f3c0fc2);
}

.backend-menu-option.home-button {
  background-image: url(/images/homeMenuButton.svg?281ddb13995a8bc6494e116bdd29ba4a);
}

.backend-menu-option.home-button.router-link-active {
  background-image: url(/images/homeButtonActive.svg?2a985bf83686a611418e424ecb883c33);
}

.backend-menu-option.storefront-button {
  background-image: url(/images/storefrontMenuButton.svg?1b36948e0e19268daac46059a6f9f692);
}

.backend-menu-option.library-button {
  background-image: url(/images/LibraryMenuButton.svg?d0f080c685d972763473a10c2e185b84);
}

.backend-menu-option.myword-button {
  background-image: url(/images/mywordMenuButton.svg?ce4ae4b8687cdd8db8208d43af4bbb55);
}

.backend-menu-option:not(.router-link-active):hover {
  opacity: 0.7;
  cursor: pointer;
}

.backend-activeline {
  position: absolute;
  right: 0px;
  top: 0px;
  border-bottom: 60px solid #000000;
  border-left: 20px solid transparent;
  z-index: 1;
}

.backend-activeline-active .backend-activeline {
  width: 210px;
  border-bottom: 60px solid #fe008b;
}

.backend-activeline-active span {
  color: #fff !important;
}

.backend-menu-option:not(.backend-activeline-active):hover .backend-activeline {
  width: 210px;
  border-bottom: 60px solid #fe008b;
  transition-property: width, border-bottom;
  transition-duration: 0.3s;
}

.backend-menu-option:hover span {
  color: #fff !important;
  transition-property: color;
  transition-duration: 0.3s;
}

.backend-header-low {
  display: none;
}

.backend-header-low-menu-btn {
  float: left;
  width: 30px;
  margin-left: 35px;
  margin-top: 41px;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.backend-header-low-menu-lines {
  width: 100%;
  display: block;
  height: 4px;
  background-color: #fff;
  margin-bottom: 5px;
}

.backend-user-avatar-low {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 4px solid #fe008b;
}

.backend-logo {
  margin-top: 26px;
  margin-left: -55px;
  width: 100px;
}

.backend-header-low-logo {
  float: left;
}

.backend-header-low-logo .backend-logo {
  margin-left: 0px;
}

.backend-header-somebtn-low {
  position: relative;
  z-index: 1;
  float: right;
  background-color: #fe008b;
  border-radius: 10px;
  padding: 16px 38px;
  margin-top: 20px;
}

.backend-header-somebtn-low:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-spotibtn-low {
  position: relative;
  z-index: 1;
  float: right;
  background-color: #1ed760;
  border-radius: 50%;
  /*padding: 16px 38px;*/
  margin-top: 20px;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  background-image: url(/images/SpotifyLogin_Grey.png?311bf7ffb350d8949bd833c2a1bbd40e);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.backend-header-spotibtn-low:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-spotibtn-test {
  float: right;
  background-color: #b3b3b3;
  border-radius: 50%;
  /*padding: 16px 38px;*/
  margin-top: 20px;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  background-image: url(/images/SpotifyLogin_Grey.png?311bf7ffb350d8949bd833c2a1bbd40e);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.backend-header-spotibtn-test:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-header-spotibtn-test-1 {
  background-color: #c4d71e;
}

.backend-header-camera-low {
  float: right;
  background-color: #ff008c;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-top: 20px;
  margin-right: 10px;
  background-image: url(/images/icons8_online_50px.png?d404f750a13697664676c394b6470550);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.backend-header-camera-low:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-menu-btn {
  border: 2px solid #fff;
  display: inline-block;
  width: 161px;
  height: 60px;
  border-radius: 10px;
  margin-top: 19px;
  margin-left: 10px;
  text-align: center;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  line-height: 2.2;
  color: #ffffff;
  text-decoration: none;
}

.backend-menu-btn:hover {
  cursor: pointer;
  color: #fe008b;
  border-color: #fe008b;
  text-decoration: none;
}

.backend-header-low-menu-popup {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  padding: 60px 30px 40px 40px;
  top: -20px;
  left: -124px;
  border-radius: 20px;
  display: none;
}

.backend-header-low-menu-popup.backend-menu-btn {
  margin-right: 10px;
}

.backend-header-low-menu-popup.backend-menu-btn:hover {
  cursor: pointer;
  color: #fe008b;
  border-color: #fe008b;
  text-decoration: none;
}

.backend-menu-bottext {
  position: absolute;
  background-color: #fe008b;
  font-size: 14px;
  font-family: "Aldrich";
  bottom: -21px;
  padding-left: 7px;
  padding-right: 8px;
}

.backend-header-low-menu-popup-close {
  background-image: url(/images/Close1.png?ca71198acdc0351b9a7283bac0e4c56c);
  width: 23px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 107px;
}

.backend-header-low-menu-popup-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-user-box-close {
  background-image: url(/images/Close1.png?ca71198acdc0351b9a7283bac0e4c56c);
  width: 23px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.backend-user-box-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.backend-menu-box {
  margin-top: 125px;
  position: relative;
}

.backend-menu-box::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
  height: 8px;
  background-image: url(/images/muneBoxTopImg.svg?9d6ba483e1b0e92bed61e746d568ee0f);
}

.backend-menu-box2 {
  margin-top: 8px;
  padding-bottom: 18px;
  position: relative;
}

.backend-menu-box2::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
  height: 8px;
  background-image: url(/images/muneBoxTopImg.svg?9d6ba483e1b0e92bed61e746d568ee0f);
}

.backend-menu-box2::after {
  content: "";
  position: absolute;
  bottom: -16px;
  right: -2px;
  width: 12px;
  height: 34px;
  background-image: url(/images/munuBoxBottomImg.svg?b7254209184bac554a322b37b1fea470);
}

.backend-menu-toptext {
  position: absolute;
  top: -19px;
  font-size: 14px;
  font-family: "Aldrich";
}

.backend-user-avatar-low-border {
  float: right;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.5);
  margin-top: 24px;
  margin-left: 37px;
  position: relative;
}

.backend-user-avatar-low-border:hover {
  cursor: pointer;
}

.backend-user-avatar-low-border img {
  margin-right: 10%;
}

.backend-user-avatar-low-popup {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  padding: 35px 25px 25px 25px;
  top: -10px;
  left: -111px;
  border-radius: 20px;
  border-top-left-radius: 90px;
  display: none;
}

.backend-user-setting {
  margin-left: 0px;
}

.backend-user-setting {
  margin-left: 6px;
  margin-top: 22px;
  display: inline-block;
}

.backend-user-setting:hover {
  opacity: 0.6;
}

.backend-user-avatar-low-popup .backend-user-box {
  margin-top: 0px;
  padding-bottom: 0px;
}

.backend-user-avatar-low-popup .backend-user-loggout div {
  margin-left: 21px;
  width: 50px;
}

.backend-user-avatar-low-popup .backend-user-setting {
  margin-left: 0px;
}

@media screen and (max-width: 1800px) {
  .backend-menu {
    margin-left: 0;
  }

  .backend-user {
    margin-right: 0;
  }

  .backend-content {
    display: block;
    width: 1073px;
  }

  .backend-content-center {
    width: 1073px;
  }

  .backend-header-searchbox {
    width: 620px;
    margin: auto;
    padding-top: 9px;
    position: relative;
    margin-left: 247px;
    margin-right: 0px;
  }
}

@media screen and (max-width: 1500px) {
  .backend-header-searchbox {
    width: 360px;
  }

  .backend-content {
    width: 809px;
  }

  .backend-content-center {
    width: 809px;
  }

  .backend-header-searchbox-low {
    width: 219px;
    margin: auto;
    padding-top: 9px;
    position: relative;
    margin-left: 181px;
    margin-right: 0px;
  }
}

@media screen and (max-width: 1234px) {
  .backend-user {
    display: none;
  }

  .backend-menu {
    display: none;
  }

  .backend-header-searchbox-low {
    width: 60%;
    margin: auto;
    position: relative;
    margin-right: 0;
  }

  .backend-header-searchbox-low button {
    top: 96px;
  }

  .backend-header-low-logo {
    margin-left: 10%;
  }

  .backend-user-avatar-low-border img {
    margin-right: 10%;
  }

  .backend-header-low {
    display: block;
  }

  .backend-header {
    display: none;
  }

  .backend-menu {
    display: none;
  }

  .backend-user {
    display: none;
  }
}

* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
  width: 100%;
  position: fixed;
}

form {
  padding: 0px;
}

button:active {
  outline: none;
  border: none;
}

textarea:focus,
input:focus {
  outline: none;
}

.login-dropdown.active-login-menu {
  display: block;
  overflow: hidden;
}

.login-dropdown {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.login-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  background-image: url(/images/Loginpopup.png?edcf284b49cabfb51b99b295f1e6822f);
  border-radius: 10px;
  margin-left: -225px;
  margin-top: -225px;
  width: 450px;
  height: 450px;
}

.login-menu-inner {
  width: 298px;
  margin: auto;
  margin-top: 107px;
}

.login-menu label {
  font-size: 16px;
  font-family: "Courier New";
  color: white;
  margin-bottom: 3px;
}

.login-menu button {
  background: none;
  font-size: 25px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  padding: 1px 28px;
  margin-left: 88px;
  margin-top: 11px;
  border-radius: 14px;
  border-color: #ffffff;
  border-width: 2px;
}

.login-menu button:hover {
  border-color: #a82400;
  color: #a82400;
  background: none;
  transition: 0.4s;
}

.login-menu-inner .checkmark {
  left: 57px;
}

.login-menu-inner .login-menu-inner-fld {
  border-radius: 20px;
}

.form-group-center {
  text-align: center;
}

.close-login-menu {
  position: absolute;
  top: 54px;
  right: 50%;
  font-size: 18px;
  margin-right: -27px;
  font-weight: 700;
  border: 3px solid #fff;
  width: 54px;
  height: 54px;
  border-radius: 30px;
  line-height: 2.3;
  background-image: url(/images/Rectangle772copy.png?38b0927882fb9582e18d2d1beea6fc8a);
  background-position: center;
  background-repeat: no-repeat;
}

.close-login-menu:hover {
  cursor: pointer;
  opacity: 0.7;
}

.mane-page-login:hover {
  cursor: pointer;
  opacity: 0.6;
}

.mane-page-login {
  display: block;
  margin-bottom: 20px;
  /* background-color: #fff; */
  border-radius: 29px;
  font-weight: 700;
  font-family: "Oswald";
  font-size: 30px;
  padding: 0px 50px;
  border: 4px solid #fff;
  color: #fff;
  line-height: 1.3;
}

.main-register-block {
  background-image: url(/images/Layer683.jpg?b1781e8276994e7ad655ca392a771efb);
  background-position: center;
  background-size: cover;
  width: 100%;
  bottom: 0;
  right: 0;
  /*position: absolute; */
  top: 0;
  left: 0;
  background-color: #000000;
}

.main-register-block-dots {
  background-image: url(/images/Dots4.png?4b515a70d9243a9607d829f1e9020316);
  background-position: center;
  background-size: cover;
  width: 100%;
}

.main-register-block-row form {
  padding: 0;
}

.main-register-inner {
  width: 80%;
  margin: auto;
  padding-top: 15vh;
  min-height: 100vh;
}

.main-register-inner-login {
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.502);
  padding: 20px 40px;
  display: block;
  max-width: 450px;
  margin: auto;
}

.main-register-inner-bg {
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.502);
  padding: 20px;
}

.main-register-inner .container {
  margin-top: 107px;
}

.main-register-inner label {
  font-size: 16px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 2px;
}

.main-register-inner input {
  border-radius: 19px;
  background-color: white;
  border: none;
}

.main-register-inner-link {
  display: block;
  width: 310px;
  height: 147px;
  background-image: url(/images/Cybrlogo.png?644d3a6ad42e87ee3c65db86f7b35f93);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  background-position: center;
  background-repeat: no-repeat;
}

.main-register-btn {
  border-width: 3px;
  border-color: white;
  border-style: solid;
  border-radius: 10px;
  width: 182px;
  height: 44px;
  font-size: 24px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  text-align: center;
  background: none;
}

.main-register-btn:hover {
  border-color: #fe008b;
  color: #fe008b;
}

.main-register-btn-box {
  text-align: center;
  margin-top: 47px;
}

.main-register-inner .form-group a {
  color: #fe008b;
}

.main-register-inner-sep {
  display: inline-block;
  vertical-align: top;
  width: 47%;
}

.main-register-inner-sep:nth-child(1) {
  margin-right: 4%;
}

.main-register-inner-title {
  font-size: 48px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.main-register-inner span {
  color: #ff008c;
}

.main-register-inner-title2 {
  font-size: 24px;
  font-family: "Myriad Pro";
  color: white;
  line-height: 3.347;
  position: absolute;
  top: -56px;
  left: 0px;
}

.main-register-block-row {
  margin: auto;
  width: 822px;
  position: relative;
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 6px;
}

/* Hide the browser's default checkbox */

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 10px;
}

/* On mouse-over, add a grey background color */

.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.checkbox-container input:checked ~ .checkmark {
  background-color: #fe008b;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.checkbox-label-fix {
  margin-left: 34px;
}

.heart {
  fill: #fff;
  width: 26px;
  display: inline-block;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.5));
}

.heart:hover {
  cursor: pointer;
  opacity: 0.6;
}

.post-bottom-icons {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 10px;
}

.like-button {
  display: inline-block;
}

.post-paid,
.post-prem {
  background-color: #ec008c;
  font-size: 14px;
  font-family: "Courier New";
  color: white;
  font-weight: bold;
  border-radius: 6px;
  padding: 2px 6px;
  float: right;
  border: 1px solid #ff008c;
}

.post-paid:hover,
.post-prem:hover {
  cursor: pointer;
  opacity: 0.6;
}

.post-paid {
  min-width: 60px;
  text-align: center;
}

.file-image-item-header-avatar img:hover {
  opacity: 0.6;
}

.post-free {
  float: right;
}

.post-favorite {
  width: 26px;
  height: 26px;
  display: inline-block;
  background-image: url(/images/Favorite.png?ca43183d273fb52164211a6c3929a906);
  margin-right: 5px;
  margin-bottom: -2px;
}

.post-favorite:hover {
  cursor: pointer;
  opacity: 0.6;
}

.post-share {
  width: 40px;
  height: 39px;
  display: inline-block;
  background-image: url(/images/Share.png?65301e954d192fa7ecd2f2d7a28b4270);
  vertical-align: top;
  margin-top: -10px;
}

.like-text {
  display: inline-block;
  color: #fff;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0px;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.heart.heart-unliked {
  fill: #fff;
}

.heart.heart-liked {
  fill: #fe008b;
}

.backend-center {
  width: 1730px;
  margin: auto;
}

.backend-background {
  background-image: url(/images/Background.svg?a5d9c8389982bc0bef76a0460ca14f8b);
  background-position: center;
  background-size: cover;
  min-height: 100%;
}

.listpage-userprofile-avatar-new img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 4px solid #fe008b;
}

.backend-user-name {
  font-size: 24px;
  font-family: "Oswald";
  color: black;
  text-align: center;
}

.backend-user-status {
  font-size: 16px;
  font-family: "Courier New";
  color: #ff008c;
  font-weight: bold;
}

.userpage-back {
  position: absolute;
  z-index: 999;
  border: 2px solid #fff;
  display: inline-block;
  width: 161px;
  height: 60px;
  border-radius: 10px;
  margin-top: 19px;
  margin-left: 10px;
  text-align: center;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  line-height: 2.2;
  color: #ffffff;
  text-decoration: none;
}

.userpage-back:hover {
  text-decoration: none;
  color: #fe008b;
  border-color: #fe008b;
}

.listpage-userprofile {
  display: block;
  width: 100%;
}

.listpage-userprofile-left {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 32%;
  text-align: center;
}

.listpage-userprofile-avatar {
  display: inline-block;
  border-radius: 50%;
  border: 12px solid rgba(255, 255, 255, 0.5);
  position: relative;
}

.listpage-userprofile-avatar img {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  border: 4px solid #fe008b;
  -o-object-fit: cover;
     object-fit: cover;
}

.listpage-userprofile-nickname {
  font-size: 30px;
  font-family: "Oswald";
  color: #fe008b;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 23px;
}

.listpage-userprofile-text {
  text-align: left;
  width: 100%;
  font-size: 14px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
  line-height: 1.2;
  background-color: white;
  padding: 22px;
  border-radius: 11px;
  position: relative;
}

.listpage-userprofile-left form {
  border: none;
}

.listpage-userprofile-text textarea {
  border: none;
  width: 280px;
  resize: none;
}

.listpage-userprofile-text button {
  background: none;
  border: 2px solid #fe008b;
  color: #fe008b;
  font-size: 16px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 2px 10px;
  margin-left: 85%;
}

.listpage-userprofile-text button:hover {
  opacity: 0.6;
}

.listpage-userprofile-right {
  display: inline-block;
  width: 64.9%;
  vertical-align: top;
  margin-left: 17px;
}

.listpage-userprofile-right img {
  width: 100%;
}

.listpage-userprofile-text-tr {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 0px;
  height: 0px;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #fff;
}

.file-list-sw {
  text-align: center;
  margin-top: 31px;
}

.file-list-sw-text {
  font-size: 30px;
  font-family: "Oswald";
  color: #000;
  font-weight: bold;
  float: left;
}

.file-list-sw-box {
  display: inline-block;
  margin-top: 11px;
}

.file-list-sw-btn {
  display: inline-block;
  width: 81px;
  font-size: 16px;
  font-family: "Oswald";
  color: #000;
  font-weight: bold;
  border: 2px solid #fff;
}

.file-list-sw-btn:nth-child(1) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.file-list-sw-btn:nth-child(2) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: -6px;
}

.file-list-sw-btn-active {
  background-color: #fe008b;
  border-color: #fe008b;
  color: white;
}

.file-list-sw-btn:not(.file-list-sw-btn-active):hover {
  cursor: pointer;
  opacity: 0.6;
}

.file-list-uploaded {
  display: none;
  width: 100%;
  margin-top: 10px;
}

.file-list-uploaded.file-list-uploaded-active {
  display: block;
}

.file-image-item {
  display: inline-block;
  background-color: #282828;
  width: 340px;
  height: 485px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin-right: 15px;
  margin-top: 15px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.file-image-item img {
  width: 100%;
  max-height: 485px;
  vertical-align: text-top;
}

.file-image-item-header {
  background-color: rgba(40, 40, 40, 0.8);
  width: 100%;
  height: 50px;
  position: absolute;
  transition-property: height, margin-top;
  transition-duration: 0.4s;
}

.file-image-item-header {
  margin-top: 0px;
}

.open-item .file-image-item-header {
  margin-top: 100px;
}

.open-item .header-dots {
  display: none;
}

.header-arrow {
  display: none;
}

.open-item .header-arrow {
  display: inline-block;
}

.file-image-item-header-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #fe008b;
  overflow: hidden;
  display: inline-block;
  margin-left: 10px;
  margin-top: 4px;
  vertical-align: top;
}

.file-image-item-header-avatar img {
  margin-top: -1px;
}

.file-image-item-header-namebox {
  display: inline-block;
  margin-left: 7px;
  margin-top: 5px;
}

.file-image-item-header-name {
  font-size: 14px;
  font-family: "Courier New";
  color: white;
  font-weight: bold;
}

.file-image-item-header-time {
  color: #fc99f4;
  font-size: 14px;
  font-family: "Courier New";
  font-weight: bold;
  margin-top: -3px;
  display: block;
  text-decoration: none;
}

a.file-image-item-header-time:hover {
  text-decoration: none;
  color: #fc99f4;
  opacity: 0.6;
}

.file-image-item-header-menu {
  float: right;
  padding: 5px 12px;
}

.file-image-item-header-menu:hover {
  cursor: pointer;
  opacity: 0.6;
}

.file-image-item-header-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  border-radius: 50%;
}

.upload-bar-bg {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

.upload-bar {
  width: 1110px;
  height: 735px;
  top: 50%;
  left: 50%;
  margin-top: -481px;
  margin-left: -556px;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  padding: 10px 22px;
}

.upload-bar-bg.upload-bar-bg-active {
  display: block;
}

/*---------------------------------------------------NEW UPLOAD FORM------------------------------------------------------*/

.spotify-bg-new input[type=text] {
  width: 100%;
  border: 1px solid darkgray;
  border-radius: 10px;
  padding: 0px 10px;
  height: 47px;
}

.upload-bar-bg-new,
.spotify-bg-new,
.msg-temp {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.upload-bar-new {
  width: 1110px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -556px;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  padding: 10px 22px;
  display: flex;
  flex-direction: column;
}

.msg-temp-inner {
  width: 300px;
  height: 160px;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -80px;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  padding: 10px 22px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.msg-temp-close {
  border: 2px solid #000;
  color: #000;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 0px 21px;
  width: 110px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  margin-right: -55px;
}

.msg-temp-text {
  margin-top: 33px;
}

.msg-temp-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.upload-bar-title-new {
  font-size: 48px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
}

.storefront-bar-title {
  font-size: 30px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
  float: left;
  width: 130px;
}

.uploar-menu {
  text-align: center;
  width: 100%;
}

.storefront-menu {
  text-align: center;
  margin-top: 10px;
  margin-right: 130px;
}

.uploar-menu-option {
  display: inline-block;
  border: 2px solid #000000;
  text-align: center;
  font-weight: bold;
  width: 110px;
  margin-left: -3px;
  margin-right: -3px;
  font-size: 16px;
  font-family: "Oswald";
  border-left: none;
  border-right: none;
}

.spotify-menu-option {
  display: inline-block;
  border: 2px solid #000000;
  text-align: center;
  font-weight: bold;
  width: 110px;
  margin-left: -3px;
  margin-right: -3px;
  font-size: 16px;
  font-family: "Oswald";
  border-left: none;
  border-right: none;
}

.storefront-menu-option {
  display: inline-block;
  border: 2px solid #fff;
  text-align: center;
  font-weight: bold;
  width: 110px;
  margin-left: -3px;
  margin-right: -3px;
  font-size: 16px;
  font-family: "Oswald";
  border-left: none;
  border-right: none;
}

.uploar-menu-option:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-left: 2px solid #000;
}

.storefront-menu-option:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-left: 2px solid #fff;
}

.spotify-menu-option:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-left: 2px solid #000;
}

.uploar-menu-option:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-right: 2px solid #000;
  text-align: left;
}

.storefront-menu-option:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-right: 2px solid #fff;
}

.spotify-menu-option:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-right: 2px solid #000;
}

.uploar-menu-option.will-be-later {
  color: #c8c8c8;
}

.uploar-menu-option.uploar-menu-option-active,
.storefront-menu-option.storefront-menu-option-active,
.spotify-menu-option.spotify-menu-option-active {
  background-color: #ff008c;
  border-color: #ff008c;
  color: #ffffff;
}

.uploar-menu-option:not(.uploar-menu-option-active):not(.will-be-later):hover {
  cursor: pointer;
  opacity: 0.6;
}

.storefront-menu-option:not(.storefront-menu-option-active):not(.will-be-later):hover {
  cursor: pointer;
  opacity: 0.6;
}

.spotify-menu-option:not(.spotify-menu-option-active):not(.will-be-later):hover {
  cursor: pointer;
  opacity: 0.6;
}

.uploar-section-box {
  display: block;
  height: inherit;
  margin: 0;
}

.uploar-section {
  display: none;
  height: inherit;
}

.uploar-section.uploar-section-active {
  display: block;
}

.spotify-section {
  display: none;
  height: inherit;
}

.spotify-section.spotify-section-active {
  display: block;
}

.uploar-section form,
.spotify-section form,
.upload-section-wrapper {
  border: none;
  height: inherit;
  padding: 0;
  position: relative;
}

.uploar-section-overflow {
  height: calc(100vh - 230px);
  overflow-y: auto;
  -ms-overflow-style: none;
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.uploar-section-overflow::-webkit-scrollbar {
  display: none;
}

.spotify-section {
  height: calc(100vh - 230px);
  overflow-y: auto;
  -ms-overflow-style: none;
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.spotify-section::-webkit-scrollbar {
  display: none;
}

/*---------------------------------------------------NEW UPLOAD FORM END------------------------------------------------------*/

.upload-bar-bg-new.upload-bar-bg-active,
.spotify-bg-new.spotify-bg-active,
.msg-temp.upload-bar-bg-active {
  display: block;
}

.open-item .file-image-item-header-edit {
  height: 100px;
  opacity: 1;
}

.open-item .file-image-item-header-btn {
  display: block;
  margin-top: 40px;
  transition-duration: 0.3s;
  text-decoration: none;
}

.file-image-item-header-edit {
  text-align: center;
  height: 0px;
  position: absolute;
  background-color: #282828;
  width: 100%;
  transition-property: height, opacity;
  transition-duration: 0.4s;
}

.file-image-item-header-btn {
  margin-top: 0px;
  font-size: 18px;
  font-family: "Aldrich";
  color: white;
  display: none;
}

.file-image-item-header-btn:hover {
  color: #fe008b;
  cursor: pointer;
}

.header-arrow .file-image-item-header-arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 14px;
}

.form-group-fix-terms {
  display: inline-block;
  width: 44%;
  margin-left: 28%;
  margin-top: 10px;
}

label.form-group-fix-lable {
  text-align: center;
  display: block;
}

#dropzonePreview.dropzone-previews .dz-image {
  width: 340px;
  height: 485px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#dropzonePreviewParty.dropzone-previews .dz-image {
  width: 550px;
  height: 307px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#dropzonePreview {
  position: relative;
  width: 340px;
  height: 485px;
}

#dropzonePreviewParty {
  position: relative;
  width: 550px;
  height: 307px;
}

#my-awesome-dropzone .dz-default,
#my-awesome-dropzone-video .dz-default,
#my-awesome-dropzone-party .dz-default {
  display: none;
}

.upload-image-box-input {
  display: none;
}

#dropzone-box,
.upload-image-box {
  position: relative;
  width: 340px;
  height: 485px;
  border: 1px solid #000;
  border-radius: 20px;
  background-image: url(/images/UploadImage.png?6a53d587e1f50c7226111c86dbf9b11d);
  background-position: center;
  background-repeat: no-repeat;
}

#dropzone-box.horizontal-image-box,
.upload-image-box.horizontal-image-box {
  width: 695px;
}

#dropzone-box-party {
  position: relative;
  width: 550px;
  height: 307px;
  border: 1px solid darkgray;
  border-radius: 20px;
  background-image: url(/images/UploadImage.png?6a53d587e1f50c7226111c86dbf9b11d);
  background-position: center;
  background-repeat: no-repeat;
}

#dropzone-box-video {
  position: relative;
  width: 550px;
  height: 311px;
  border: 1px solid #000;
  border-radius: 20px;
  background-image: url(/images/Screenshot_5.png?d083ece9a0a27bca676ecdced1dd3d9e);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#dropzone-box-video-short {
  position: relative;
  width: 550px;
  height: 311px;
  border: 1px solid #000;
  border-radius: 20px;
  background-image: url(/images/Screenshot_5.png?d083ece9a0a27bca676ecdced1dd3d9e);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.dropzone-box:hover {
  cursor: pointer;
  opacity: 0.6;
}

.upload-bar-title {
  font-size: 48px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
}

.dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  position: absolute;
  top: 489px;
  width: 100px;
  left: 107px;
}

.upload-bar-some-text {
  margin-top: 10px;
  font-size: 16px;
  font-family: "Courier New";
  color: black;
  display: none;
}

.upload-bar textarea {
  border-radius: 10px;
  width: 100%;
  height: 264px;
  padding: 20px;
  resize: none;
}

#description,
#description-video {
  border-radius: 10px;
  width: 550px;
  height: 73px;
  padding: 20px;
  resize: none;
}

.upload-bar-sep-2 {
  display: inline-block;
  width: 440px;
  vertical-align: top;
  margin-left: 34px;
}

.upload-bar-sep-1 {
  display: block;
}

.upload-bar-little-title {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

.uploar-image-box {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.upload-bar-bg .dropzone {
  padding: 43px 0px 0px 101px;
  background: none;
  border: none;
  min-height: 0px;
  position: relative;
  height: 625px;
}

#my-awesome-dropzone button,
#my-awesome-dropzone-video button,
#my-awesome-dropzone-party button {
  position: absolute;
  bottom: 7px;
  right: 0;
  background: none;
  border: 2px solid #fe008b;
  color: #fe008b;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 5px 34px;
}

#my-awesome-dropzone-party button {
  bottom: 15px;
  right: 17px;
}

#my-awesome-dropzone button:hover,
#my-awesome-dropzone-party button:hover {
  background: none;
  border: 2px solid #fe008b;
  color: #fe008b;
  opacity: 0.6;
}

.upload-bar-close {
  position: absolute;
  bottom: 11px;
  right: 148px;
  border: 2px solid #000;
  color: #000;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 0px 21px;
}

#my-awesome-dropzone-party .upload-bar-close {
  bottom: 19px;
}

.upload-bar-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

#my-awesome-dropzone-party {
  border: none;
  width: 550px;
  margin: auto;
  padding: 0;
}

#my-awesome-dropzone button:focus,
#my-awesome-dropzone-party button:focus {
  outline: none;
}

#my-awesome-dropzone .dz-preview,
#my-awesome-dropzone-party .dz-preview {
  margin: 0px;
}

#my-awesome-dropzone .dz-details,
#my-awesome-dropzone .dz-progress,
#my-awesome-dropzone-video .dz-details,
#my-awesome-dropzone-video .dz-progress,
#my-awesome-dropzone-video-short .dz-details,
#my-awesome-dropzone-video-short .dz-progress,
#my-awesome-dropzone-party .dz-details,
#my-awesome-dropzone-party .dz-progress {
  display: none;
}

.friend-item-box:nth-child(4n) {
  margin-right: 0;
}

/*---------------------------------------------------------------*/

.friend-item {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  transition: border-radius 0.15s;
}

.friend-item-border {
  width: 172px;
  height: 172px;
  background-image: url(/images/Ellipse1.png?ed565af173c13d461cd3b022e7fcac09);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #ff008c;
  border-radius: 50%;
  margin-top: 14px;
  margin-left: 14px;
}

.friend-item-inner {
  width: 172px;
  height: 172px;
  background-color: #000;
  border-radius: 50%;
  margin-top: -4px;
  margin-left: -4px;
  display: none;
}

.friend-item-button-1 {
  display: inline-block;
  background-color: #282828;
  border-top-left-radius: 172px;
  border-bottom-left-radius: 172px;
  height: 172px;
  width: 86px;
  float: left;
  transition: background-color 0.4s;
}

.friend-item-button-1:hover,
.friend-item-button-2:hover {
  background-color: #ff008c;
  cursor: pointer;
}

.friend-item-button-2 {
  display: inline-block;
  background-color: #282828;
  border-top-right-radius: 172px;
  border-bottom-right-radius: 172px;
  height: 172px;
  width: 86px;
  float: right;
  transition: background-color 0.4s;
}

.friend-item-button-3 {
  font-size: 18px;
  font-family: "Aldrich";
  color: white;
  text-align: center;
  text-decoration: none;
  text-align: center;
  display: block;
  margin-top: 50px;
  transition: color 0.4s;
}

.friend-item-button-4 {
  font-size: 18px;
  font-family: "Aldrich";
  color: white;
  text-align: center;
  text-decoration: none;
  text-align: center;
  display: block;
  margin-top: 20px;
  transition: color 0.4s;
}

.friend-item-button-3:hover {
  text-decoration: none;
  color: #ff008c;
}

.friend-item-button-4:hover {
  text-decoration: none;
  color: #ff008c;
}

.friend-item-button-1 .friend-item-icon {
  background-image: url(/images/VRcopy.png?2a61d002ef3c9c8bff43bd63189f14f5);
  width: 61px;
  height: 45px;
  margin-top: 65px;
  margin-left: 15px;
}

.friend-item-button-1:hover .friend-item-icon {
  background-image: url(/images/VRcopy2.png?ce028cea69caaa0e62d44fa246621fca);
}

.friend-item-button-2 .friend-item-icon {
  background-image: url(/images/icons8_contacts_100px.png?97a8dc4cf450f8308dacb9a707b1397a);
  width: 50px;
  height: 53px;
  margin-top: 58px;
  margin-left: 15px;
}

.friend-item-button-2:hover .friend-item-icon {
  background-image: url(/images/icons8_contacts_100px2.png?420b1bebeabc2f4a5f22e09a47d183fb);
}

.friend-item-overlay-2 {
  background-color: #282828;
  width: 172px;
  height: 172px;
  position: absolute;
  top: 14px;
  left: 14px;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  display: none;
}

.friend-item-box {
  display: inline-block;
  margin-right: 82px;
  margin-bottom: 60px;
}

.friend-item-nick {
  font-size: 24px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.friend-item:hover .friend-item-inner {
  display: block;
}

.friend-item:hover {
  border-top-right-radius: 20px;
}

.friend-item-open {
  position: absolute;
  top: 6px;
  right: 10px;
  display: none;
}

.friend-item:hover:not(.friend-item-more) .friend-item-open {
  display: block;
}

.friend-item-open:hover {
  cursor: pointer;
  opacity: 0.6;
}

.friend-item-open-dots {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: black;
}

.friend-item-open-close {
  background-image: url(/images/Close1.png?ca71198acdc0351b9a7283bac0e4c56c);
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-position: center;
  display: none;
}

.friend-item-open-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.friend-item-more .friend-item-overlay-2 {
  display: block;
}

.friend-item-more .friend-item-open-close {
  display: block;
}

.friend-item-more .friend-item-open {
  display: none;
}

.listpage-userprofile-right {
  height: 412px;
}

.listpage-userprofile-right-box {
  width: 100%;
  height: 387px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  position: relative;
  text-align: center;
  background-size: cover;
}

@media screen and (max-width: 1800px) {
  .listpage-userprofile-right-box {
    width: 454px;
    height: 255px;
  }

  .listpage-userprofile-right {
    height: 256px;
  }

  .backend-center {
    width: 1466px;
  }

  .file-image-item:nth-child(3n) {
    margin-right: 15px;
  }

  .listpage-userprofile-text {
    display: none;
  }

  .friend-item-box,
  .friend-item-box:nth-child(4n) {
    margin-right: 45px;
  }

  .friend-item-box:nth-child(3n) {
    margin-right: 0px;
  }
}

@media screen and (max-width: 1500px) {
  .upload-bar-new {
    width: 590px;
    margin-left: -290px;
  }

  .backend-center {
    width: 1203px;
  }

  .listpage-userprofile-text {
    display: none;
  }
}

@media screen and (max-width: 1234px) {
  .backend-center {
    width: 100%;
  }

  .file-image-item:nth-child(2n) {
    margin-right: 15px;
  }

  .file-image-item:nth-child(3n) {
    margin-right: 15px;
  }

  .file-image-item {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }

  .listpage-userprofile-avatar img {
    width: 122px;
    height: 122px;
  }

  .listpage-userprofile-right {
    width: 62.9%;
  }

  .friend-item-box,
  .friend-item-box:nth-child(4n),
  .friend-item-box:nth-child(3n) {
    margin-right: 0;
    margin-left: 0;
  }
}

.file-image-item-overlay {
  background-color: rgba(40, 40, 40, 0.8);
  position: absolute;
  left: 83px;
  right: 0;
  bottom: 145px;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  display: none;
  z-index: 1;
}

.file-image-item-overlay-btn-vr {
  background-image: url(/images/VRcopy2.png?ce028cea69caaa0e62d44fa246621fca);
  position: absolute;
  width: 61px;
  height: 45px;
  top: 63px;
  left: 20px;
}

.file-image-item-overlay-btn-vr-notpaid {
  background-image: url(/images/VRcopy2.png?ce028cea69caaa0e62d44fa246621fca);
  position: absolute;
  width: 61px;
  height: 45px;
  top: 63px;
  left: 56px;
}

.file-image-item-overlay-btn-vr-notpaid:hover {
  background-image: url(/images/VRcopy.png?2a61d002ef3c9c8bff43bd63189f14f5);
  cursor: pointer;
}

.file-image-item-overlay-btn-page {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/images/Icon_Expand_Normal.png?fbd650171e5fde9efa0134800a28abf4);
  position: absolute;
  width: 50px;
  height: 53px;
  top: 58px;
  left: 103px;
}

.post-comment {
  display: inline;
  vertical-align: top;
  margin-left: 10px;
}

.post-comment-icon {
  background-image: url(/images/icons8_speech_30px.png?b8bbbba88e1448ee938b9cf67cb9d8cd);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 24px;
}

.post-comment-icon:hover {
  cursor: pointer;
  opacity: 0.6;
}

.post-comment-count {
  display: inline-block;
  color: #fff;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0px;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.file-image-item-overlay-btn-vr:hover {
  background-image: url(/images/VRcopy.png?2a61d002ef3c9c8bff43bd63189f14f5);
  cursor: pointer;
}

.file-image-item-overlay-btn-page:hover {
  background-image: url(/images/Icon_Expand_Hover.png?9a98b9f14bf9c1cfa09092d99d4bc8b1);
  cursor: pointer;
}

.file-image-item-feed:hover .file-image-item-overlay {
  display: block;
}

.file-image-item .video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.file-image-item .video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file-image-item-overlay-description {
  width: 320px;
  position: absolute;
  top: -105px;
  background-color: #fff;
  border-radius: 10px;
  padding: 3px 20px;
  margin-left: 10px;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 105px;
  display: block;
  left: -83px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.file-image-item-overlay-description-arrow {
  content: "";
  position: absolute;
  top: -114px;
  left: -47px;
  width: 0px;
  height: 0px;
  margin-left: -15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: none;
}

.env-btn {
  float: right;
  margin-top: 11px;
  border-radius: 10px;
  width: auto;
  padding: 0 27px;
  margin-right: 11px;
}

.file-image-item-env .file-image-item-header-name {
  font-size: 18px;
  margin-top: 6px;
  margin-left: 8px;
}

.file-image-item-env .file-image-item-overlay-btn-vr {
  left: 56px;
  top: 65px;
}

.file-image-item-header-activenv {
  display: none;
}

.active-env .file-image-item-header-activenv {
  display: block;
  float: right;
  color: #fff;
  background-color: #ff008c;
  padding: 0px 14px;
  margin: 14px 12px 0 0;
  font-family: "Aldrich";
  font-size: 14px;
}

.environment-button {
  background-color: #ff008c;
  position: absolute;
  bottom: 20px;
  left: 119px;
  padding: 2px 20px 5px 20px;
  font-weight: bold;
  color: #fff;
  font-family: "Oswald";
  font-size: 24px;
  border-radius: 10px;
}

.environment-button:hover {
  cursor: pointer;
  opacity: 0.6;
}

.active-env .environment-button {
  display: none;
}

.avatar-follow {
  display: inline-block;
  border-radius: 50%;
  border: 12px solid rgba(255, 255, 255, 0);
  border-top-right-radius: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
}

.avatar-follow img {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  border: 4px solid #fe008b;
}

@media screen and (max-width: 775px) {
  .avatar-follow img {
    width: 122px;
    height: 122px;
  }
}

.avatar-follow-dots {
  position: absolute;
  top: -7px;
  right: 0;
}

.avatar-follow-dots:hover {
  cursor: pointer;
  opacity: 0.6;
}

.avatar-follow-dot {
  width: 5px;
  height: 5px;
  background-color: black;
  display: inline-block;
  margin-left: 0px;
  vertical-align: middle;
  border-radius: 50%;
}

.avatar-follow-layout {
  display: none;
}

.avatar-follow-layout-1 {
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background-color: #282828;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 0;
  bottom: 0;
}

.avatar-follow-layout-2 {
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background-color: #282828;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 0;
  bottom: 0;
  display: none;
}

.avatar-follow-btn-1 {
  background-image: url(/images/VRcopy2.png?ce028cea69caaa0e62d44fa246621fca);
  width: 61px;
  height: 45px;
  margin: auto;
  margin-top: 59px;
  display: block;
}

.avatar-follow-btn-1:hover {
  cursor: pointer;
  background-image: url(/images/VRcopy.png?2a61d002ef3c9c8bff43bd63189f14f5);
}

.avatar-follow-btn-2 {
  font-size: 18px;
  font-family: "Aldrich";
  color: white;
  text-align: center;
  text-decoration: none;
  text-align: center;
  display: block;
  margin-top: 71px;
  transition: color 0.4s;
}

.avatar-follow-btn-2:hover {
  cursor: pointer;
  color: #ff008c;
}

.avatar-follow:hover .avatar-follow-layout {
  display: block;
}

.avatar-follow-close {
  display: none;
  background-image: url(/images/Close1.png?ca71198acdc0351b9a7283bac0e4c56c);
  position: absolute;
  top: -2px;
  right: 1px;
  width: 20px;
  height: 20px;
  background-position: center;
}

.avatar-follow-close {
  cursor: pointer;
  opacity: 0.6;
}

.avatar-item-more .avatar-follow-close {
  display: block;
}

.avatar-follow.avatar-item-more .avatar-follow-dots {
  display: none;
}

.avatar-item-more .avatar-follow-layout-2 {
  display: block;
}

.avatar-follow:not(.avatar-item-more) .avatar-follow-close {
  display: none;
}

.avatar-follow:not(.avatar-item-more) .avatar-follow-layout-2 {
  display: none;
}

.empty-avatar {
  display: inline-block;
  border-radius: 50%;
  border: 12px solid rgba(255, 255, 255, 0.5);
}

.empty-avatar-noplugin {
  display: inline-block;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.5);
}

.empty-avatar-inner {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  border: 4px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.empty-avatar-noplugin .empty-avatar-inner {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 4px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.empty-avatar-noplugin .empty-avatar-inner-icon {
  background-image: url(/images/icons8_customer_50px1.png?a7e6f4d11069c13c5d450706388f539c);
  width: 32px;
  height: 33px;
  background-position: center;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
}

.empty-avatar-inner-icon {
  background-image: url(/images/icons8_customer_50px1.png?a7e6f4d11069c13c5d450706388f539c);
  width: 32px;
  height: 33px;
  background-position: center;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 17px;
}

.listpage-userprofile-avatar-new .empty-avatar-inner-icon {
  margin-top: 24px;
}

.empty-avatar-inner-text {
  font-size: 16px;
  font-family: "Aldrich";
  color: #282828;
  text-align: center;
}

.empty-avatar-noplugin .empty-avatar-inner-text {
  font-size: 12px;
  font-family: "Aldrich";
  color: #282828;
  text-align: center;
}

.empty-avatar:hover,
.empty-avatar-noplugin:hover {
  cursor: pointer;
}

.empty-avatar:hover .empty-avatar-inner-text,
.empty-avatar-noplugin:hover .empty-avatar-inner-text {
  color: #fff;
}

.empty-avatar:hover .empty-avatar-inner-icon,
.empty-avatar-noplugin:hover .empty-avatar-inner-icon {
  background-image: url(/images/icons8_customer_50px.png?c6ff2ced747d350f3a7d6e1e2d8c2cbd);
}

.empty-avatar:hover .empty-avatar-inner,
.empty-avatar-noplugin:hover .empty-avatar-inner {
  background-color: #877d8a;
}

.edit-avatar-block,
.edit-avatar-block-new,
.edit-avatar-noplugin,
.edit-cover-noplugin {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 40, 0.5);
  z-index: 10;
}

.edit-avatar-inner,
.edit-cover-inner {
  display: block;
  width: 60vw;
  background-color: #fff;
  border-radius: 20px;
  margin: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  min-width: 500px;
  max-width: 1000px;
  padding: 20px;
}

.edit-avatar-inner form,
.edit-cover-inner form {
  border: none;
  position: relative;
  height: 100%;
  padding: 0;
  padding-bottom: 69px;
}

.upload-box-wrapper,
.edit-cover-content-wrapper {
  border: none;
  position: relative;
  height: 100%;
  padding: 0;
  padding-bottom: 69px;
}

.edit-avatar-title {
  font-size: 48px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
  margin-top: -10px;
}

.edit-avatar-grey-text {
  font-size: 16px;
  font-family: "Courier New";
  color: black;
}

.avatar-save-btn-disabled {
  position: absolute;
  bottom: 2px;
  right: 0px;
  background: none;
  border: 2px solid silver;
  color: #878787;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 5px 34px;
}

.avatar-bar-close {
  position: absolute;
  bottom: 7px;
  right: 132px;
  border: 2px solid #000;
  color: #000;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 0px 21px;
}

.avatar-bar-close.disabled-button {
  border: 2px solid silver;
  color: #878787;
}

.avatar-bar-close:not(.disabled-button):hover {
  cursor: pointer;
  opacity: 0.6;
}

.dropzone-box-avatar {
  position: relative;
}

#my-awesome-dropzone-avatar .dz-default {
  display: none;
}

#dropzone-box-avatar {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 40px;
  margin-top: 40px;
}

#my-awesome-dropzone-avatar .dz-image {
  border-radius: 50%;
  width: 168px;
  height: 168px;
  margin-left: -16px;
  margin-top: -16px;
}

#my-awesome-dropzone-video .dz-image {
  width: 550px;
  height: 314px;
  margin-left: -17px;
  margin-top: -17px;
}

#my-awesome-dropzone-avatar .dz-progress {
  display: none;
}

#my-awesome-dropzone-avatar .dz-error-mark,
#my-awesome-dropzone-video .dz-error-mark,
#my-awesome-dropzone-video-short .dz-error-mark,
#my-awesome-dropzone-party .dz-error-mark {
  display: none;
}

#my-awesome-dropzone-avatar .dz-success-mark,
#my-awesome-dropzone-video .dz-success-mark,
#my-awesome-dropzone-video-short .dz-success-mark,
#my-awesome-dropzone-party .dz-success-mark {
  display: none;
}

#my-awesome-dropzone-avatar .dz-details,
#my-awesome-dropzone-video .dz-details,
#my-awesome-dropzone-video-short .dz-details,
#my-awesome-dropzone-party .dz-details {
  display: none;
}

#my-awesome-dropzone-avatar .dz-remove,
#my-awesome-dropzone-video .dz-remove,
#my-awesome-dropzone-video-short .dz-remove,
#my-awesome-dropzone-party .dz-remove {
  display: none;
}

#my-awesome-dropzone-avatar .dz-preview.dz-image-preview {
  background: none;
}

.listpage-userprofile-avatar:hover {
  cursor: pointer;
}

.listpage-userprofile-avatar:hover .listpage-userprofile-avatar-hover {
  display: block;
}

.listpage-userprofile-avatar-new:hover {
  cursor: pointer;
}

.listpage-userprofile-avatar-new:hover .listpage-userprofile-avatar-hover,
.edit-avatar-noplugin-box:hover .listpage-userprofile-avatar-hover {
  display: block;
}

.listpage-userprofile-new:hover .listpage-userprofile-avatar-hover {
  display: block;
}

.listpage-userprofile-avatar-hover {
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 40, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  display: none;
}

.listpage-userprofile-avatar-hover .empty-avatar-inner-icon {
  background-image: url(/images/icons8_customer_50px.png?c6ff2ced747d350f3a7d6e1e2d8c2cbd);
}

.listpage-userprofile-avatar-hover .empty-avatar-inner-text {
  color: #fff;
}

.dropzone-box-avatar .empty-avatar {
  margin-top: -4px;
  margin-left: -4px;
  border: none;
}

.dropzone-box-avatar .empty-avatar-inner {
  border: 4px solid #ff008c;
}

#dropzonePreviewAvatar {
  position: absolute;
  top: 0;
}

#dropzone-box-avatar .listpage-userprofile-avatar {
  border: none;
}

#my-awesome-dropzone-avatar button,
.edit-avatar-noplugin button,
.edit-cover-noplugin button {
  position: absolute;
  bottom: 2px;
  right: 0px;
  background: none;
  border: 2px solid #fe008b;
  color: #fe008b;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 5px 34px;
}

#my-awesome-dropzone-avatar button:hover,
.edit-avatar-noplugin button:hover,
.edit-cover-noplugin button:hover {
  cursor: pointer;
  opacity: 0.6;
}

.close-login-menu-fix {
  position: absolute;
  top: 54px;
  right: 50%;
  font-size: 18px;
  font-weight: 700;
  height: 54px;
  line-height: 2.3;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/images/Cybrlogo.png?644d3a6ad42e87ee3c65db86f7b35f93);
  border: none;
  border-radius: 0px;
  background-size: contain;
  width: 108px;
  height: 54px;
  right: 50%;
  margin-right: -58px;
}

.close-login-menu-fix:hover {
  opacity: 0.6;
  cursor: pointer;
}

.empty-content {
  border: 20px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  display: table;
}

.empty-content-inner {
  text-align: center;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  border: 4px solid #ff008c;
  background-color: #fff;
  padding-top: 93px;
}

.empty-content-inner p {
  font-size: 18px;
  font-family: "Aldrich";
  color: #282828;
  margin: 0;
}

.empty-content-inner a {
  text-decoration: none;
  color: #ff008c;
}

.empty-content-inner a:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.6;
}

.empty-content span:hover {
  cursor: pointer;
  opacity: 0.6;
}

.fix-3d {
  position: absolute;
  width: 120px;
  height: 36px;
  background-color: #2a2a2a;
  z-index: 1;
  bottom: 0;
  right: 0;
}

/*--------------------------------------------------------------DROP ZONE-------------------------------------------------------*/

.myfileupload-buttonbar .file_multi_video {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.myfileupload-buttonbar .file_multi_video-2 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.myui-button {
  position: absolute;
  cursor: pointer;
  text-align: center;
  overflow: visible;
  border: 1px solid #000;
  border-radius: 10px;
  overflow: hidden;
  width: 550px;
  height: 310px;
  /*background-image: url(../images/prev-2.png);*/
}

.myui-button-2 {
  /*background-image: url(../images/prev-1.png);*/
  width: 340px;
  height: 190px;
}

.new-video-uploader {
  position: relative;
  width: 550px;
  height: 310px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/images/prev-2.png?c1564466eee5985fec575926bba80574);
}

.new-video-uploader:hover {
  opacity: 0.6;
}

.new-video-uploader-prev {
  width: 340px;
  height: 190px;
  background-image: url(/images/prev-1.png?14a430cf399dd2a5a6d2ad189848f899);
}

.new-video-uploader video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 550px;
  height: 310px;
  border-radius: 10px;
}

.new-video-uploader-prev video {
  width: 340px;
  height: 190px;
}

/*--------------------------------------------------------------DROP ZONE END-------------------------------------------------------*/

.openpost-title {
  color: black;
  font-weight: bold;
  font-size: 30px;
  font-family: "Oswald";
}

.openpost-title span {
  color: #ff008c;
}

.openpost-close {
  background-image: url(/images/icons8_multiply_100px.png?d2f5224699e0faf92e09abb8aa59f09a);
  width: 29px;
  height: 28px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.openpost-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.openpost-buybox {
  width: 380px;
  height: 460px;
  top: 50%;
  left: 50%;
  margin-left: -190px;
  margin-top: -230px;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  padding: 10px 22px;
}

.openpost-bg {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.925);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
}

@supports ((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))) {
  .openpost-bg {
    background-image: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
  }
}

.openpost-subbox {
  width: 380px;
  height: 480px;
  top: 50%;
  left: 50%;
  margin-left: -190px;
  margin-top: -240px;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  padding: 10px 22px;
}

.openpost-avatar {
  width: 32px;
  height: 32px;
  border: 4px solid #ff008c;
  border-radius: 50%;
  margin-right: 12px;
}

.openpost-nickname {
  font-size: 14px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
  display: inline-block;
}

.openpost-preview-content {
  width: 250px;
  height: 140px;
  /*background-color: rgba(40,40,40,0.5);*/
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.openpost-price {
  font-size: 24px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
  text-align: center;
}

.openpost-confirm {
  position: absolute;
  bottom: 44px;
  right: 50%;
  margin-right: -82px;
  background: none;
  border: 2px solid #fe008b;
  color: #fe008b;
  font-size: 24px;
  font-family: "Oswald";
  font-weight: bold;
  border-radius: 10px;
  padding: 5px 34px;
}

.openpost-confirm:hover {
  cursor: pointer;
  opacity: 0.6;
}

.openpost-contentbox {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
}

.openpost-sub-text {
  font-size: 14px;
  font-family: "Aldrich";
  color: black;
  text-align: center;
  margin-bottom: 10px;
}

.openpost-nickname-sub {
  font-size: 24px;
  font-family: "Oswald";
  color: black;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.openpost-avatar-sub {
  width: 95px;
  height: 95px;
  border: 4px solid #ff008c;
  border-radius: 50%;
}

.openpost-avatar-sub-link {
  margin: auto;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: block;
  margin-top: 45px;
}

.openpost-imagebox {
  background-color: #fff;
  border-radius: 10px;
  padding: 63px 25px;
  position: absolute;
  top: 10%;
  height: 80%;
  max-width: 1110px;
  width: 80%;
  margin-left: 10%;
}

@media screen and (min-width: 1200px) {
  .openpost-imagebox {
    width: 1110px;
    left: 50%;
    margin-left: -555px;
  }
}

.openpost-imagebox-col1 {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 50%;
  position: relative;
}

.openpost-imagebox-col2 {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 49%;
  padding-left: 45px;
}

.openpost-imagebox-vertical-aling {
  margin: 0;
  position: absolute;
  /*-ms-transform: translateY(-50%);*/
  /* transform: translateY(-50%); */
  width: 100%;
  margin-top: 20px;
}

.openpost-image-avatar {
  border: 4px solid #ff008c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.openpost-imagebox-nickname {
  font-size: 14px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}

.openpost-imagebox-content-name {
  font-size: 14px;
  font-family: "Aldrich";
  color: black;
}

.openpost-imagebox-content-date {
  float: right;
  font-size: 14px;
  font-family: "Courier New";
  color: #fc99f4;
  font-weight: bold;
}

.openpost-image-content {
  max-width: 100%;
  margin-top: 10px;
  max-height: 50vh;
  margin: auto;
  display: block;
}

.openpost-imagebox-likebox {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.openpost-imagebox-comments-icon {
  background-image: url(/images/icons8_speech_30pxcopy.png?32b501513a07100b26301b6b971edb0e);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 24px;
  vertical-align: bottom;
  margin-left: 10px;
}

.openpost-imagebox-comments-count {
  display: inline-block;
  color: #000;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0px;
  /*text-shadow: 1px 1px 2px black, 0 0 1em black;*/
}

.openpost-preview-content video {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
  border-radius: 10px;
}

.openpost-preview-content img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
  border-radius: 10px;
}

.openpost-imagebox-favorite {
  width: 26px;
  height: 26px;
  display: inline-block;
  background-image: url(/images/Favoritecopy.png?d3bb9d50be753bdacc4511dbcf555c0d);
  margin-right: 5px;
  margin-bottom: -2px;
  float: right;
}

.openpost-imagebox-favorite:hover {
  cursor: pointer;
  opacity: 0.6;
}

.openpost-imagebox-likebox .like-text {
  text-shadow: none;
  color: black;
}

.openpost-imagebox-likebox .heart.heart-unliked {
  fill: #000;
}

.openpost-imagebox-share {
  width: 40px;
  height: 39px;
  display: inline-block;
  background-image: url(/images/Sharecopy.png?cf38069e7c9080601763b386f0402f13);
  vertical-align: top;
  margin-top: -10px;
  opacity: 0.6;
  float: right;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.openpost-imagebox-scroll {
  height: calc(100% - 113px);
  overflow-y: auto;
  -ms-overflow-style: none;
  margin-bottom: 20px;
}

.openpost-imagebox-scroll::-webkit-scrollbar {
  display: none;
}

.openpost-imagebox-description-box {
  font-size: 14px;
  font-family: "Courier New";
  margin-bottom: 10px;
}

.openpost-imagebox-comment {
  font-size: 14px;
  font-family: "Courier New";
  margin-bottom: 10px;
  position: relative;
  /*font-weight: bold;    */
}

.openpost-imagebox-comment-textbox.openpost-imagebox-comment-opened .openpost-imagebox-comment-hidden {
  height: auto;
}

.openpost-imagebox-comment-textbox.openpost-imagebox-comment-opened .openpost-imagebox-comment-more {
  display: none;
}

.openpost-imagebox-comment-hidden {
  height: 43px;
  overflow: hidden;
  transition-duration: 0s;
  transition-property: height;
}

.openpost-imagebox-yourcomment textarea {
  width: 100% !important;
}

.openpost-imagebox-yourcomment-title {
  font-size: 14px;
  font-family: "Aldrich";
  color: black;
}

.openpost-imagebox-close {
  background-image: url(/images/icons8_multiply_100px.png?d2f5224699e0faf92e09abb8aa59f09a);
  width: 29px;
  height: 28px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.openpost-imagebox-vertical-aling video {
  width: 100%;
}

.openpost-imagebox-owner-link {
  text-decoration: none;
}

.openpost-imagebox-owner-link:hover {
  text-decoration: none;
}

.openpost-imagebox-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.openpost-imagebox-comment-textbox {
  margin-left: 55px;
}

.openpost-imagebox-comment-avatar {
  border: 4px solid #ff008c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
}

.openpost-imagebox-comment-date {
  font-size: 14px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
}

.openpost-imagebox-comment-more {
  font-size: 14px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
  margin-top: 5px;
  display: inline;
}

.openpost-imagebox-comment-more:hover {
  cursor: pointer;
  color: #ff008c;
}

.openpost-imagebox-description-nick {
  font-size: 14px;
  font-family: "Courier New";
  color: #ec008c;
  font-weight: bold;
}

.openpost-imagebox-description-text {
  font-size: 14px;
  font-family: "Courier New";
}

.openpost-imagebox-description-more {
  font-size: 14px;
  font-family: "Courier New";
  color: #ec008c;
  margin-top: 5px;
}

.spotify-some-gray-text {
  font-size: 16px;
  font-family: "Courier New";
  color: black;
  line-height: 1.2;
}

.party-post-icon {
  display: inline-block;
  vertical-align: bottom;
  margin-top: 11px;
}

.party-post-name {
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
  font-family: "Courier New";
  color: white;
  font-weight: bold;
  margin-left: 10px;
}

.party-post-timer {
  display: inline-block;
  float: right;
  width: 106px;
}

.party-post-timer .time-party {
  font-size: 24px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
}

.party-post-icon img {
  width: auto;
}

.party-fix .file-image-item-overlay-btn-vr {
  left: 57px;
}

.party-slider {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transition: 0.6s;
  -webkit-transition-duration: 0.6s;
  top: 0px;
}

.party-slider-ul {
  margin: 0;
  position: relative;
  height: 100%;
}

.party-slider-ul li {
  display: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

.party-slider-ul li.party-slider-party-active {
  display: block;
}

.party-slider-circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
}

.party-slider-name {
  font-size: 16px;
  font-family: "Aldrich";
  color: white;
  text-align: center;
  margin-top: 20px;
}

.party-slider-timer {
  font-size: 36px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
}

.party-slider-btn {
  font-size: 24px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 5px 30px;
  border-radius: 10px;
  background-color: #ff008c;
  text-align: center;
  text-decoration: none;
}

.party-slider-btn:hover {
  color: white;
  text-decoration: none;
  opacity: 0.6;
}

.party-slider-nav {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}

.party-slider-nav li {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: white;
  margin: 5px;
  border-radius: 50%;
  border: none;
}

.party-slider-nav li:hover {
  cursor: pointer;
  background-color: #ff008c;
}

.party-slider-nav li.party-slider-nav-active:hover {
  cursor: auto;
}

.party-slider-nav li.party-slider-nav-active {
  background-color: #ff008c;
}

.party-post-share {
  float: right;
  display: block;
  width: 20px;
  height: 20px;
  background-color: rgba(237, 109, 222, 0.66);
  border-radius: 50%;
}

.post-share.post-share-active {
  background-image: url(/images/ShareActive.png?cc2e3e735aaa36b75340854dd3e2479f);
}

.post-share.post-share-for-party {
  float: right;
  margin-top: -6px;
  position: relative;
}

.post-share.post-share-for-party:hover {
  cursor: pointer;
}

.post-share-inner {
  position: absolute;
  bottom: -2px;
  left: 3px;
  background-color: white;
  border-radius: 6px;
  padding: 5px;
  display: none;
}

.post-share-inner.post-share-active {
  display: block;
}

.post-share-btn {
  display: block;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.post-share-btn-fb {
  background-image: url(/images/Icon_Facebook.png?a3e3b61e02b90cc987573191c188589f);
}

.post-share-btn-tw {
  background-image: url(/images/Icon_Twitter.png?26e590896f3b10da3e7280a34f8a2504);
}

.post-share-btn-ig {
  background-image: url(/images/Icon_Instagram.png?4e8dc4885b00e8cfacb3c62a27f748b8);
}

.post-share-btn-lk {
  background-image: url(/images/Ivcon_Link.png?e9796e6b5d3409a3c6c44f0f25bc8ded);
}

.post-share-off {
  background-image: url(/images/ShareActive.png?cc2e3e735aaa36b75340854dd3e2479f);
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 26px;
  display: block;
}

.post-share-btn:hover,
.post-share-off:hover {
  opacity: 0.6;
}

.public-post-bg {
  background-image: url(/images/Layerend.png?55b07a80efe002b8c9a3862abca1c6a8);
  background-position: center;
  background-size: cover;
  min-height: 100%;
  position: relative;
}

.public-post-box {
  position: absolute;
  width: 702px;
  height: 395px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -197px;
  margin-left: -351px;
  top: 50%;
  left: 50%;
  border-radius: 10px;
}

.public-post-toptext {
  position: absolute;
  top: -21px;
  font-size: 14px;
  font-family: "Aldrich";
}

.public-post-toptext span {
  color: #fff;
}

.public-post-top {
  top: 0;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px 0;
}

.public-post-top-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.public-post-top-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #ff008c;
}

.public-post-top-name {
  display: inline-block;
  font-size: 14px;
  font-family: "Courier New";
  color: white;
  font-weight: bold;
  vertical-align: middle;
  margin-left: 10px;
}

.public-post-top-posttime {
  font-size: 14px;
  font-family: "Courier New";
  color: #fc99f4;
  font-weight: bold;
  float: right;
  margin-right: 20px;
  margin-top: 15px;
}

.public-post-mid {
  background-color: rgba(0, 0, 0, 0.8);
  width: 220px;
  height: 220px;
  margin-top: -110px;
  margin-left: -110px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
}

.public-post-name {
  margin-top: 35px;
  font-size: 16px;
  font-family: "Aldrich";
  color: white;
  text-align: center;
}

.public-post-timer {
  margin-top: 20px;
  font-size: 36px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
}

.public-post-login {
  font-size: 24px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  text-align: center;
  background-color: #ff008c;
  border-radius: 10px;
  padding: 4px 26px 6px 26px;
  text-decoration: none;
  display: inline-block;
  margin-top: 12px;
}

.public-post-login:hover {
  text-decoration: none;
  opacity: 0.6;
}

.select-avatar {
  background-image: url(/images/icons8_checked_100px.png?f09f7616bd32f050373e262fea09358f);
  width: 37px;
  height: 37px;
  margin: auto;
  margin-top: 68px;
  display: block;
}

.select-avatar:hover {
  cursor: pointer;
  opacity: 0.6;
}

.avatar-prev-box {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 28px 0;
  border-radius: 31px;
  margin-top: 20px;
}

.avatar-prev-link {
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  font-family: "Oswald";
  border: 2px solid #000;
  border-radius: 10px;
  padding: 2px 30px;
  margin-bottom: 10px;
}

.avatar-prev-link:hover {
  text-decoration: none;
  opacity: 0.6;
  color: #000;
}

.avatar-prev-img {
  height: 190px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.avatar-prev-name {
  font-size: 16px;
  font-family: "Courier New";
  color: #ff008c;
  font-weight: bold;
}

.current-party-box {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 28px 0;
  border-radius: 31px;
  margin-top: 20px;
}

.current-party-name {
  font-size: 16px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
}

.current-party-image {
  background-image: url(/images/News01.jpg?a25cfdd2ff983d49b9f392830de1faaa);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  border: 4px solid #ff008c;
  width: 132px;
  height: 71px;
  margin: auto;
}

.current-party-image img {
  width: 100%;
  height: 100%;
}

.current-party-time {
  font-size: 24px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.current-party-join {
  font-size: 24px;
  font-family: "Oswald";
  color: #ff008c;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #ff008c;
  border-radius: 10px;
  margin-top: 5px;
  padding: 0px 21px;
}

.current-party-join:hover {
  cursor: pointer;
  opacity: 0.6;
  text-decoration: none;
  color: #ff008c;
}

.cover-box-hover {
  /*width: 100%;
  height: 100%;
  display: none;
  background-color: rgb(255, 255, 255, 0.6);
  background-image: url(../images/icons8_magazine_50px_1copy.png);
  background-position: center;
  background-repeat: no-repeat;*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  display: none;
}

.listpage-userprofile-right-box:hover .cover-box-hover {
  display: block;
  cursor: pointer;
}

.cover-img-box {
  width: 100%;
  height: 100%;
}

/*---------------------------------no-plugin-img-picker-------------------------------*/

.edit-avatar-noplugin label {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.edit-avatar-noplugin-box {
  position: relative;
  width: 130px;
  margin: 30px auto;
}

.edit-avatar-noplugin-box input {
  display: none;
}

.party-advanced-options {
  display: block;
}

.party-item {
  display: inline-block;
  width: 128px;
  height: 178px;
  border: 1px solid #000;
  border-radius: 10px;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
  margin-right: 8px;
  background-color: #2e2e2e;
}

.party-item-name {
  color: #fff;
  text-shadow: -1px -1px 0 #000, -2px -2px 1px #000;
  margin-top: 140px;
  text-align: center;
}

.party-item-add {
  width: 128px;
  height: 178px;
  background-image: url(/images/Rectangle3517copy.png?0321d84e097b0ef6ef062ffe59d84d3c);
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #000;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.party-item-add:hover {
  cursor: pointer;
  opacity: 0.6;
}

.spotify-list-init-display {
  display: none;
}

.party-item-margin:nth-child(4n) {
  margin-right: 0;
}

.party-item-margin-2:nth-child(4n) {
  margin-right: 0;
}

.party-advanced-image,
.party-prev-image {
  width: 550px;
  height: 310px;
  border: 1px solid #000;
  border-radius: 10px;
  position: relative;
  background-image: url(/images/prev-1.png?14a430cf399dd2a5a6d2ad189848f899);
  background-position: center;
  background-repeat: no-repeat;
}

.party-advanced-video {
  width: 550px;
  height: 310px;
  border: 1px solid #000;
  border-radius: 10px;
}

.party-advanced-image:hover,
.party-advanced-video:hover,
.party-advanced-image label:hover,
.party-advanced-video label:hover,
.party-prev-image label:hover {
  cursor: pointer;
  opacity: 0.6;
}

.party-advanced-video .new-video-uploader.new-video-uploader-prev {
  width: 550px;
  height: 310px;
  border-radius: 10px;
}

.party-advanced-video .new-video-uploader-prev video {
  width: 550px;
  height: 310px;
  border-radius: 10px;
}

.party-advanced-video-label {
  width: 550px;
  height: 310px;
  border-radius: 10px;
}

.party-advanced-video-label input {
  display: none;
}

.party-advanced-video .myfileupload-buttonbar {
  position: absolute;
}

.party-advanced-image label,
.party-prev-image label {
  width: 550px;
  height: 310px;
  border-radius: 10px;
  position: absolute;
  top: 0;
}

.party-advanced-image label input {
  display: none;
}

.party-advanced-image img,
.party-prev-image img {
  width: 550px;
  height: 310px;
  border-radius: 10px;
}

.party-advanced-addproduct {
  border-radius: 10px;
  width: 590px;
  height: 100px;
  position: absolute;
  background-color: #fff;
  left: 50%;
  margin-left: -275px;
  box-shadow: 0px 0px 12px #000;
  margin-top: 20%;
  height: 60%;
  z-index: 1;
  padding: 52px 20px 20px 20px;
  overflow: overlay;
  overflow-y: auto;
  -ms-overflow-style: none;
}

.party-advanced-addproduct::-webkit-scrollbar {
  display: none;
}

.party-advanced-addproduct-close {
  width: 30px;
  height: 30px;
  background-image: url(/images/Close1.png?ca71198acdc0351b9a7283bac0e4c56c);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 10px;
  right: 10px;
}

.party-advanced-addproduct-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.party-item-margin-2:hover {
  opacity: 0.6;
  cursor: pointer;
}

.edit-cover-noplugin-box {
  width: 688px;
  height: 387px;
  border: 2px solid #2c2c2c;
  display: block;
  margin: 40px auto;
  border-radius: 10px;
  position: relative;
  text-align: center;
}

.listpage-userprofile-cover-hover {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  display: none;
}

.listpage-userprofile-cover-new {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.edit-cover-noplugin-box label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.edit-cover-noplugin-box label input {
  display: none;
}

.edit-cover-noplugin-box:hover .listpage-userprofile-cover-hover {
  display: block;
  cursor: pointer;
}

.empty-cover-inner-icon {
  background-image: url(/images/icons8_magazine_50px_1copy.png?999a9c7f23dedaab513fe5e89bcb3c43);
  width: 46px;
  height: 47px;
  display: block;
  margin: auto;
  margin-top: 139px;
}

.empty-cover-inner-text {
  font-size: 20px;
  margin-top: 22px;
}

.cover-box-empty {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------no-plugin-img-picker-end---------------------------------*/

/*---------------------------------splash-----------------------------------*/

.splash-party-box {
  position: relative;
}

.splash-party-video video {
  width: 100%;
}

.splash-party-info {
  width: 400px;
  height: 131px;
  position: absolute;
  margin-left: -200px;
  margin-top: -100px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 25px 30px;
}

.splash-party-info-top {
  margin-bottom: 20px;
}

.splash-party-info-top-time {
  display: inline-block;
  font-size: 48px;
  font-family: "Oswald";
  color: black;
  font-weight: bold;
}

.splash-party-info-top-btn {
  font-size: 24px;
  font-family: "Oswald";
  color: white;
  font-weight: bold;
  padding: 5px 30px;
  border-radius: 10px;
  background-color: #ff008c;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float: right;
  margin-top: 13px;
}

.splash-party-info-top-btn:hover {
  opacity: 0.6;
  cursor: pointer;
  color: white;
  text-decoration: none;
}

.splash-party-info-quote {
  font-size: 14px;
  font-family: "Courier New";
  color: black;
  font-weight: bold;
}

.splash-party-info-quote span {
  color: #ec008c;
  margin-right: 10px;
}

.splash-party-info-link {
  position: relative;
  padding-left: 30px;
  text-decoration: none;
  font-size: 14px;
  font-family: "Courier New";
  color: #ec008c;
  font-weight: bold;
  max-width: 450px;
  display: inline-block;
  overflow: hidden;
  height: 22px;
  margin-top: 20px;
}

.splash-party-info-link:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
  color: #ec008c;
}

.splash-party-info-link:before {
  background-image: url(/images/icons8_link_50px.png?281b2d63327cad1defe5941c0982d6c2);
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  top: 0;
  left: 0px;
  position: absolute;
}

.splash-party-normal {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 60vh;
  display: block;
}

.splash-party-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 60vh;
  display: block;
}

.party-prev-image input {
  display: none;
}

.splash-party-info-till {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px;
}

.splash-party-box .splash-party-normal,
.splash-party-box .splash-party-info {
  display: none;
}

.splash-party-box.splash-party-show .splash-party-normal,
.splash-party-box.splash-party-show .splash-party-info {
  display: block;
}

.splash-party-box.splash-party-show .splash-party-video,
.splash-party-box.splash-party-show .splash-party-info-till {
  display: none;
}

/*-------------------------------splash-end---------------------------------*/

.storefront-character-logo {
  float: right;
  width: 138px;
  height: 22px;
  background-image: url(/images/Layer46691copy.png?8d997ca19ea96b8afb71ca040051a413);
  margin-top: 10px;
}

.storefront-character-logo-powered {
  float: right;
  font-size: 14px;
  font-family: "Courier New";
  color: #ff008c;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 15px;
  margin-right: 10px;
}

@media screen and (max-width: 1550px) {
  .storefront-menu-option {
    width: 79px;
    font-size: 14px;
  }
}

.error-text {
  color: #a80000;
}