.header-wrapper {
  position:absolute;
  width:100%;
  height:220px;
  top:0;
  left:0;
  z-index:20;
  background:transparent;
}
#header {
  width:100%;
  cursor:default;
  height:220px;
  padding:69px 0 0;
}
.header-sticky {
  background-color:transparent;
  width:100%;
  position:absolute;
  z-index:10;
  height:220px;
  overflow:hidden;
}
.header-background-wrapper {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:220px;
  background-color:#040418;
}
#header-background {
  width:100%;
  height:100%;
}
.extra-menu-sticky .header-sticky {
  position:fixed;
  left:0;
  top:-130px;
  background-color:#040418;
  height:200px;
}
.extra-menu-sticky #header { height:200px; }
.extra-menu-sticky .header-wrapper { background-color:#040418; }
.site-title {
  display:block;
  width:149px;
  height:53px;
  position:relative;
  overflow:hidden;
  margin:0 auto;
}
.site-title .logo {
  width:100%;
  height:100%;
}
.site-title .logo * {
  fill:#ffffff;
  -webkit-transition:fill 0.3s ease-out;
  transition:fill 0.3s ease-out;
}
.site-title .text {
  position:absolute;
  top:0;
  left:100%;
  display:block;
}
.site-title a {
  display:block;
  width:100%;
  height:100%;
}
.site-title a:hover * {
  fill:#f50057;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.site-title a:active * {
  fill:#f50057;
  -webkit-transition:fill 0.1s ease-out;
  transition:fill 0.1s ease-out;
}
.site-title-sticky {
  width:111px;
  height:90px;
  position:absolute;
  top:130px;
  left:34px;
  overflow:hidden;
}
.site-title-sticky .logo {
  position:absolute;
  top:14px;
  width:111px;
  height:39px;
  opacity:0;
  -wekit-transform:translate(0,90px);
  transform:translate(0,90px);
  -webkit-transition:-wekit-transform 0.5s ease-out, opacity 0.3s ease-out;
  transition:transform 0.5s ease-out, opacity 0.3s ease-out;
}
.extra-menu-sticky .site-title-sticky .logo {
  opacity:1;
  -wekit-transform:translate(0,0);
  transform:translate(0,0);
  -webkit-transition:-wekit-transform 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s;
  transition:transform 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s;
}
#main-menu {
  list-style:none;
  width:100%;
  max-width:960px;
  margin:18px auto 10px;
  padding:0 30px;
  display:flex;
  justify-content:center;
}
#main-menu a {
  display:block;
  color:#ffffff;
  font-size:16px;
  line-height:30px;
  letter-spacing:0.3em;
  font-weight:900;
  text-transform:uppercase;
  height:70px;
  padding:20px 25px;
  position:relative;
}
#main-menu .current-menu-item a:before, #main-menu .current-page-ancestor a:before, #main-menu .current_page_parent a:before { border:1px solid rgba(255,255,255,0.6); }
#main-menu .current-menu-item a:active:before, #main-menu .current-menu-item a:hover:before, #main-menu .current-page-ancestor a:active:before, #main-menu .current-page-ancestor a:hover:before, #main-menu .current_page_parent a:active:before, #main-menu .current_page_parent a:hover:before { border:1px solid #ffffff; }
.extra-menu-sticky #main-menu { margin-bottom:5px; }
.extra-menu-sticky #main-menu a {
  padding:10px 32px 10px 41px;
  height:50px;
}
@media only screen and (max-width: 1200px) {
  #main-menu {
    padding:0 60px;
    max-width:none;
  }
  .extra-menu-sticky #main-menu a, #main-menu a {
    padding-left:20px;
    padding-right:20px;
  }
}
@media only screen and (max-width: 1024px) {
  #main-menu-container { display:none; }
}
.second-menu {
  position:fixed;
  top:10px;
  right:10px;
  display:flex;
}
.second-menu .second-menu-link {
  display:block;
  height:70px;
  width:57px;
  top:0;
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.second-menu .second-menu-link .text {
  position:absolute;
  top:0;
  left:100%;
  display:block;
}
.second-menu .second-menu-link .icon-wrapper, .second-menu .second-menu-link > .icon {
  position:absolute;
  top:50%;
  left:50%;
}
.second-menu .second-menu-link .icon * {
  fill:#ffffff;
  -webkit-transition:fill 0.3s ease-out;
  transition:fill 0.3s ease-out;
}
.second-menu .second-menu-link:hover .icon * {
  fill:#f50057;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.second-menu .second-menu-link:active .icon * {
  fill:#ffffff;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.second-menu .search-link .icon {
  width:19px;
  height:19px;
  margin-top:-8px;
  margin-left:-10px;
}
.second-menu .upload-link .icon-wrapper {
  margin-top:-10px;
  margin-left:-15px;
}
.second-menu .user-link .icon {
  width:18px;
  height:20px;
  margin-top:-10px;
  margin-left:-9px;
}
.user-link { position:relative; }
.user-link .notification-count {
  position:absolute;
  top:15px;
  right:10px;
  color:#ffffff;
  font-size:12px;
  font-weight:900;
  line-height:20px;
}
.user-link .notification-count:before {
  content:'';
  display:block;
  height:20px;
  width:20px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-10px;
  margin-left:-10px;
  border-radius:50%;
  background-color:#f50057;
}
.user-link .notification-count span {
  position:relative;
  max-width:15px;
  text-align:center;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.extra-menu-sticky .second-menu {
  position:absolute;
  top:145px;
}
.extra-menu-sticky .second-menu .second-menu-link {
  height:60px;
  top:-10px;
}
.menu-page {
  margin:0;
  background-color:#ffffff;
  position:relative;
  z-index:1;
}
.menu-page.menu-page-empty { display:none; }
.menu-page ul {
  display:flex;
  list-style:none;
  justify-content:center;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 70px;
  overflow:hidden;
}
.menu-page li { padding:0; }
.menu-page a {
  display:block;
  color:#040418;
  font-size:14px;
  line-height:30px;
  letter-spacing:0.1em;
  font-weight:900;
  text-transform:uppercase;
  padding:30px 10px;
  position:relative;
  white-space:nowrap;
  -webkit-transition:all 0.3s ease-out, color 0.3s ease-out;
  transition:all 0.3s ease-out, color 0.3s ease-out;
}
.menu-page .current-page-item a, .menu-page a:hover {
  color:#f50057;
  -webkit-transition:all 0.3s ease-out, color 0.2s ease-out;
  transition:all 0.3s ease-out, color 0.2s ease-out;
}
.menu-page .current-page-item a:active, .menu-page a:active {
  color:#040418;
  -webkit-transition:all 0.3s ease-out, color 0.1s ease-out;
  transition:all 0.3s ease-out, color 0.1s ease-out;
}
.main-popup-wrapper {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  display:none;
}
.main-popup-wrapper > .background {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#040418;
}
.main-popup-wrapper > .inner {
  width:100%;
  height:100%;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  padding:69px 20px;
}
.main-popup-wrapper .main-popup-logo {
  display:block;
  width:149px;
  height:53px;
  position:relative;
  margin:0 auto 70px;
}
.main-popup-wrapper .main-popup-logo a, .main-popup-wrapper .main-popup-logo .logo {
  display:block;
  width:100%;
  height:100%;
}
.main-popup-wrapper .main-popup-logo .logo * {
  fill:#ffffff;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.main-popup-wrapper .main-popup-logo a:hover .logo * {
  fill:#f50057;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.main-popup-wrapper .main-popup-logo a:active .logo * {
  fill:#ffffff;
  -webkit-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
}
.main-popup-wrapper .main-popup {
  background-color:#040418;
  color:#ffffff;
  position:relative;
  width:100%;
}
.main-popup-wrapper .main-popup.search-popup {
  display:flex;
  height:100%;
  width:100%;
  justify-content:center;
  align-items:center;
}
.main-popup-wrapper .main-popup.search-popup .searchform { width:100%; }
.main-popup-wrapper .main-popup.search-popup .searchform button, .main-popup-wrapper .main-popup.search-popup .searchform label { display:none; }
.main-popup-wrapper .main-popup.search-popup .searchform input {
  height:120px;
  width:100%;
  line-height:120px;
  font-size:100px;
  color:#ffffff;
  background:transparent;
  text-align:center;
}
.main-popup-wrapper .main-popup-buttonbar-left {
  position:absolute;
  top:26px;
  left:31px;
}
.main-popup-wrapper .main-popup-buttonbar-right {
  position:absolute;
  top:26px;
  right:31px;
  display:flex;
  flex-direction:row-reverse;
}
.main-popup-wrapper .main-popup-buttonbar-right > * { margin-left:10px; }
.main-popup-wrapper .main-popup-buttonbar-right .close-button {
  overflow:hidden;
  width:70px;
  height:70px;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button .text {
  position:absolute;
  top:0;
  left:100%;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button .icon-close {
  display:block;
  width:26px;
  height:26px;
  position:absolute;
  top:22px;
  left:22px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
  transition:transform 0.3s ease-out, opacity 0.3s ease-out;
  opacity:0.5;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button .icon-close:before, .main-popup-wrapper .main-popup-buttonbar-right .close-button .icon-close:after {
  content:'';
  display:block;
  position:absolute;
  background-color:#ffffff;
  -webkit-transition:-webkit-transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button .icon-close:before {
  width:100%;
  height:2px;
  top:50%;
  left:0;
  margin-top:-1px;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button .icon-close:after {
  width:2px;
  height:100%;
  top:0;
  left:50%;
  margin-left:-1px;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button:hover .icon-close {
  opacity:1;
  -webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.2s ease-out;
  transition:transform 0.3s ease-out, opacity 0.2s ease-out;
}
.main-popup-wrapper .main-popup-buttonbar-right .close-button:hover .icon-close:before { transform:rotate(90deg); }
.main-popup-wrapper .main-popup-buttonbar-right .close-button:hover .icon-close:after { transform:rotate(270deg); }
.main-popup-wrapper .main-popup-buttonbar-right .user-parameters-button {
  overflow:hidden;
  width:70px;
  height:70px;
  padding-right:0;
  padding-left:0;
  text-align:center;
}
.main-popup-wrapper .main-popup-buttonbar-right .user-parameters-button .icon { margin:0; }
.main-popup-wrapper .main-popup-buttonbar-right .user-parameters-button .text {
  position:absolute;
  top:0;
  left:100%;
}
.main-popup-wrapper .main-popup-buttonbar-right .user-button .text-mobile { display:none; }
html.main-popup-open, html.main-popup-open body {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
html.main-popup-open .main-popup-wrapper > .inner {
  overflow:auto;
  overflow-y:scroll;
}
@media only screen and (max-width: 1200px) {
  .main-popup-wrapper .main-popup-buttonbar-right .user-button .icon, .main-popup-wrapper .main-popup-buttonbar-right .user-button .text { display:none; }
  .main-popup-wrapper .main-popup-buttonbar-right .user-button .text-mobile { display:inline-block; }
}
@media only screen and (max-width: 1024px) {
  .main-popup-wrapper > .inner { padding-top:120px; }
  .main-popup-wrapper .main-popup-buttonbar-right .user-parameters-button, .main-popup-wrapper .main-popup-buttonbar-left .disconnect-button { display:none; }
  .main-popup-wrapper .main-popup-buttonbar-right .user-button, .main-popup-wrapper .main-popup-buttonbar-right .close-button { background-color:#040418; }
}
@media only screen and (max-width: 780px) {
  .main-popup-wrapper > .inner {
    padding-right:10px;
    padding-left:10px;
  }
  .main-popup-wrapper .main-popup-buttonbar-right {
    top:10px;
    right:10px;
  }
}
.main-popup-form-wrapper {
  border:1px solid rgba(255,255,255,0.3);
  padding:49px 0 49px 0;
  position:relative;
  width:100%;
  max-width:485px;
  margin:0 auto;
}
.main-popup-form-wrapper > .inner { padding:0; }
.main-popup-form-wrapper a { color:#f50057; }
.main-popup-form-wrapper a:hover { color:rgba(245,0,87,0.8); }
.main-popup-form-wrapper a:active { color:#f50057; }
.main-popup-form-wrapper .wppb-error, .main-popup-form-wrapper .wppb-warning {
  color:#f50057;
  margin-bottom:25px;
  font-weight:300;
  font-style:italic;
  font-size:14px;
  line-height:20px;
}
.main-popup-form-wrapper .wppb-error a, .main-popup-form-wrapper .wppb-warning a { color:#ffffff; }
.main-popup-form-wrapper .wppb-error a:hover, .main-popup-form-wrapper .wppb-warning a:hover { color:#f50057; }
.main-popup-form-wrapper .wppb-error a:active, .main-popup-form-wrapper .wppb-warning a:active { color:#ffffff; }
.main-popup-form-wrapper-header {
  position:absolute;
  top:-19px;
  left:39px;
  right:39px;
  height:40px;
  display:flex;
  justify-content:space-between;
  background-color:#040418;
  padding:0 30px;
  flex-wrap:nowrap;
}
.main-popup-form-wrapper-header .main-popup-form-wrapper-header-link {
  font-size:14px;
  line-height:30px;
  font-weight:900;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#f50057;
  display:block;
  height:40px;
  padding:8px 0 2px;
  white-space:nowrap;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.main-popup-form-wrapper-header .main-popup-form-wrapper-header-link.active {
  font-size:20px;
  font-weight:900;
  color:#ffffff;
  padding:6px 0 4px;
}
.main-popup-form-inner { padding:0 60px 0 60px; }
.main-popup-form-wrapper-parts {
  position:relative;
  overflow:hidden;
  width:483px;
  padding:0 59px 0 64px;
}
.main-popup-form-wrapper-parts.initialised .main-popup-form-wrapper-part {
  display:block;
  position:absolute;
}
.main-popup-form-wrapper-part {
  width:360px;
  display:none;
}
.main-popup-form-wrapper-part.active { display:block; }
@media only screen and (max-width: 780px) {
  .main-popup-form-wrapper {
    border:none;
    max-width:300px;
  }
  .main-popup-form-wrapper-header {
    left:0;
    right:0;
    padding:0;
  }
  .main-popup-form-wrapper-header .main-popup-form-wrapper-header-link { font-size:12px; }
  .main-popup-form-wrapper-header .main-popup-form-wrapper-header-link.active { font-size:16px; }
  .main-popup-form-wrapper-parts {
    width:300px;
    padding:0;
  }
  .main-popup-form-wrapper-part { width:300px; }
}
#wpadminbar {
  position:fixed ! important;
  top:auto;
  bottom:0;
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { bottom:32px; }
body.admin-bar { padding-bottom:32px; }
@media screen and (max-width: 782px) {
  #wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { bottom:46px; }
  body.admin-bar { padding-bottom:46px; }
}
.menu-page-mobile {
  display:none;
  margin:0;
}
.mobile-page-title {
  width:100%;
  text-align:center;
  padding:0 30px;
  color:#040418;
  font-size:16px;
  line-height:30px;
  letter-spacing:0.1em;
  font-weight:900;
  text-transform:uppercase;
}
.mobile-page-title a { color:#f50057; }
.mobile-page-title a:active, .mobile-page-title a:hover { color:#040418; }
.category .mobile-page-title { display:none; }
.site-title-mobile-wrapper {
  display:none;
  position:absolute;
  top:69px;
  width:100%;
  left:0;
  z-index:3;
}
@media only screen and (max-width: 1024px) {
  .menu-page, .header-wrapper { display:none; }
  .buddypress.page-template-default .menu-page.menu-page-mobile, .menu-page.menu-page-mobile, .site-title-mobile-wrapper, #switch-mobile-menu { display:block; }
}
@media only screen and (max-width: 780px) {
  .extra-page-thumbnail-wrapper.no-thumbnail > .inner { display:none; }
}
@media only screen and (max-width: 540px) {
  .header-background-wrapper:before, .header-background-wrapper { height:120px; }
  .site-title-mobile-wrapper { top:29px; }
  .menu-page a { padding:21px 5px 20px; }
}