.citysoul-button {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  color: #bc8b2e;
  line-height: 1em;
  box-sizing: border-box;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.1);
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .citysoul-button {
      margin-bottom: 10px; } }
  .citysoul-button i {
    font-size: 1.28571em;
    line-height: 20px; }
  .citysoul-button.twitter-follow-button {
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
    @media only screen and (min-width: 768px) {
      .citysoul-button.twitter-follow-button {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        left: 0; } }

@keyframes rotation {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

button.citysoul-button {
  border: none; }

button:focus {
  outline: none; }

button .fa-spinner {
  display: none; }

button.loading .fa-spinner {
  display: block;
  -webkit-animation: rotation 1s infinite steps(8);
  animation: rotation 1s infinite steps(8); }

.citysoul-button-o {
  background: transparent;
  border: 2px;
  border-style: solid; }

button.citysoul-button {
  border: none; }

button:focus {
  outline: none; }

button.citysoul-button-o {
  border: 2px;
  border-style: solid; }

.citysoul-button-small {
  font-size: 0.85714em;
  padding-top: 8px;
  padding-bottom: 8px; }

.citysoul-btn-active {
  background: rgba(255, 255, 255, 0.1); }

.btn-buy {
  background: #bc8b2e; }

.btn-next-back {
  position: absolute;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  top: 60%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.2);
  text-align: center;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }
  .btn-next-back:hover {
    border-color: #fff;
    color: #fff; }
  .btn-next-back:before {
    content: "";
    text-align: center;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    line-height: 32px;
    width: 35px;
    font-size: 1.78571em; }
  .btn-next-back.btn-next {
    right: 0;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .btn-next-back.btn-next {
        right: -60px; } }
    .btn-next-back.btn-next:before {
      content: "\f105"; }
  .btn-next-back.btn-back {
    left: 0;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .btn-next-back.btn-back {
        left: -60px; } }
    .btn-next-back.btn-back:before {
      content: "\f104"; }

body {
  background: #000;
  color: #fff; }

a:hover {
  color: rgba(255, 255, 255, 0.3); }

/*Top header*/
.top-header {
  background: #000;
  color: rgba(255, 255, 255, 0.3); }
  .top-header a {
    color: rgba(255, 255, 255, 0.3); }
    .top-header a:hover {
      color: rgba(255, 255, 255, 0.1); }

.sticker .top-header {
  background: #000;
  color: rgba(255, 255, 255, 0.3); }
  .sticker .top-header a:hover {
    color: #fff !important; }

.sticker .bottom-header {
  background: #000; }

.sticker.active .top-header {
  color: rgba(255, 255, 255, 0.3); }
  .sticker.active .top-header a:hover {
    color: #fff !important; }

.sticker.active a {
  color: rgba(255, 255, 255, 0.3) !important; }
  .sticker.active a:hover {
    color: #fff !important; }

.sticker.active .sub-menu a {
  color: #000 !important; }
  .sticker.active .sub-menu a:hover {
    color: #fff !important; }

.citysoul-form-user {
  background: rgba(255, 255, 255, 0.3); }

/*Social list*/
.citysoul-social.social-round li a {
  color: rgba(0, 0, 0, 0.9); }
  .citysoul-social.social-round li a:hover {
    background: #fff;
    color: #000; }

/*Navigation*/
.navigator .main-menu li a :hover {
  color: rgba(255, 255, 255, 0.3); }

.navigator .main-menu .menu-item.current-menu-item > a, .navigator .main-menu .menu-item:hover > a {
  color: rgba(255, 255, 255, 0.3); }

.navigator .main-menu .menu-item .sub-menu .menu-item {
  background: #fff; }
  .navigator .main-menu .menu-item .sub-menu .menu-item a {
    color: #000; }
    .navigator .main-menu .menu-item .sub-menu .menu-item a:hover {
      color: #fff;
      background: #000; }

.navigator .main-menu .menu-item .sub-menu .current-menu-item {
  background: #000 !important; }
  .navigator .main-menu .menu-item .sub-menu .current-menu-item a {
    color: #fff !important; }

/*Setup font & color*/
.text-title {
  font-family: "Oswald", sans-serif; }

.text-more {
  font-family: "Arapey", serif;
  font-style: italic; }

.text-desc {
  font-family: "Arimo", sans-serif; }

.text-active {
  color: rgba(255, 255, 255, 0.3); }
  .text-active * {
    color: rgba(255, 255, 255, 0.3); }

.btn-buy {
  background: #fff;
  color: rgba(0, 0, 0, 0.9); }

.desc-small {
  color: rgba(255, 255, 255, 0.3); }

.citysoul-input-text {
  border-color: rgba(255, 255, 255, 0.3) !important; }

.view-all-link:before {
  background: rgba(255, 255, 255, 0.3); }

.view-all-link a {
  color: rgba(255, 255, 255, 0.3); }

.back-to-top {
  border-color: rgba(255, 255, 255, 0.3); }
  .back-to-top:before {
    color: rgba(255, 255, 255, 0.3); }
  .back-to-top:hover {
    background: rgba(255, 255, 255, 0.3); }

/*Upcomming*/
.upcomming-slider .citysoul-title, .upcomming-slider .all-link a {
  color: #fff; }

.upcomming-slider .upcomming-item .slider-image {
  opacity: 1; }

.upcomming-slider .upcomming-item .info-ticket a {
  color: #fff; }

.upcomming-slider .upcomming-item .info-ticket .desc-small {
  color: rgba(255, 255, 255, 0.9); }

.upcomming-slider .upcomming-item .info-slide:after {
  background: none; }

.upcomming-slider .upcomming-item .info-slide:before {
  background-image: #860e00;
  -webkit-border-image: -webkit-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
  /* For Safari 5.1 to 6.0 */
  -o-border-image: -o-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
  /* For Opera 11.1 to 12.0 */
  -moz-border-image: -moz-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
  /* For Firefox 3.6 to 15 */
  border-image: linear-gradient(200deg, #b21926, #80295a, #002f2b) 10;
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21926', endColorstr='#002f2b', GradientType=0 ); }

.upcomming-slider .upcomming-item .info-slide:hover {
  background: #000; }

.upcomming-slider .upcomming-item .info-slide .btn-buy {
  background: #fff;
  color: #000; }

.upcomming-slider .all-link:before {
  background: rgba(255, 255, 255, 0.3); }

/*Dj*/
.single-dj {
  background: url(../images/artist_bg_electronic.png) no-repeat center center; }
  .single-dj .cover-soundcloud .dj-image:after {
    background-image: #860e00;
    -webkit-border-image: -webkit-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
    /* For Safari 5.1 to 6.0 */
    -o-border-image: -o-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
    /* For Opera 11.1 to 12.0 */
    -moz-border-image: -moz-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
    /* For Firefox 3.6 to 15 */
    border-image: linear-gradient(200deg, #b21926, #80295a, #002f2b) 10;
    /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21926', endColorstr='#002f2b', GradientType=0 ); }
  .single-dj .dj-infomation .citysoul-title {
    color: #fff; }

/*Testimonial*/
.testimonial .testimonial-title .citysoul-title {
  color: rgba(255, 255, 255, 0.05); }

.testimonial-list .citysoul-testimonial .testimonial-item .auth-testimonial {
  color: #fff; }
  .testimonial-list .citysoul-testimonial .testimonial-item .auth-testimonial:after {
    background: rgba(255, 255, 255, 0.3); }

.testimonial-list .citysoul-testimonial .testimonial-item .testi-message {
  color: #fff; }

/**
 * Product Slider 
 */
.shop-slider {
  background: rgba(0, 0, 0, 0.9); }

.citysoul-shop-item .shop-item-text .item-shop-info .desc-product {
  color: rgba(255, 255, 255, 0.5); }

.citysoul-shop-item .shop-item-text .item-shop-info .text-active {
  color: #fff; }
  .citysoul-shop-item .shop-item-text .item-shop-info .text-active * {
    color: #fff; }

.citysoul-shop-item .shop-item-text .border-image:before {
  background-image: #860e00;
  -webkit-border-image: -webkit-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
  /* For Safari 5.1 to 6.0 */
  -o-border-image: -o-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
  /* For Opera 11.1 to 12.0 */
  -moz-border-image: -moz-linear-gradient(top, #b21926, #80295a, #002f2b) 10;
  /* For Firefox 3.6 to 15 */
  border-image: linear-gradient(200deg, #b21926, #80295a, #002f2b) 10;
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21926', endColorstr='#002f2b', GradientType=0 ); }

/*Twitter recent*/
.twitter-recents-items {
  background: url(../images/rectangle-electronic.png) no-repeat center center; }
  .twitter-recents-items .twitter-message .title-items-twitter, .twitter-recents-items .twitter-message .title-items-twitter *, .twitter-recents-items .recent-post .title-items-twitter, .twitter-recents-items .recent-post .title-items-twitter * {
    color: #fff; }
  .twitter-recents-items .twitter-message ul li .text-active, .twitter-recents-items .twitter-message ul li .text-active *, .twitter-recents-items .recent-post ul li .text-active, .twitter-recents-items .recent-post ul li .text-active * {
    color: #fff; }
  .twitter-recents-items .twitter-message ul li .message, .twitter-recents-items .recent-post ul li .message {
    color: rgba(255, 255, 255, 0.3);
    line-height: 20px; }
    .twitter-recents-items .twitter-message ul li .message a, .twitter-recents-items .recent-post ul li .message a {
      color: rgba(255, 255, 255, 0.3); }
      .twitter-recents-items .twitter-message ul li .message a:hover, .twitter-recents-items .recent-post ul li .message a:hover {
        color: rgba(255, 255, 255, 0.3); }
  .twitter-recents-items .citysoul-button {
    color: rgba(255, 255, 255, 0.3);
    border: rgba(255, 255, 255, 0.3) 1px solid; }
    .twitter-recents-items .citysoul-button:hover {
      color: rgba(255, 255, 255, 0.3); }
  .twitter-recents-items .btn-buy {
    background: none;
    opacity: 1; }

/*Video*/
.citysoul-playvideo .text-button .btn-control.btn-play .play-icon {
  background: url(../images/play-white-big.png) no-repeat center center;
  background-size: 100% 100%; }

.citysoul-playvideo .text-button .btn-control.btn-pause .play-icon {
  background: url(../images/pause-white.png) no-repeat center center; }

.citysoul-playvideo .text-button .all-video-link:before {
  background: rgba(255, 255, 255, 0.3); }

/*News*/
.citysoul-news .citysoul-title {
  color: #fff; }

.citysoul-news .text-active {
  color: #fff; }
  .citysoul-news .text-active * {
    color: #fff; }

/*Gallery*/
.gallery .title-gallery .citysoul-title {
  color: #fff; }

/*Shop slider*/
.shop-slider .citysoul-title-shop {
  color: rgba(255, 255, 255, 0.3); }

.citysoul-shop-item .shop-item-text .item-shop-info .citysoul-title {
  color: #fff; }

.citysoul-shop-item .shop-item-text .item-shop-info .desc-small {
  color: rgba(255, 255, 255, 0.3); }

.citysoul-shop-item .shop-item-text .item-shop-image:before {
  border: 10px solid #860e00; }

.citysoul-shop-item .shop-item-text .item-shop-info .shop-more .text-more {
  color: rgba(255, 255, 255, 0.3); }

/*Footer*/
footer {
  background: url(../images/footer_bg_electronic.png) no-repeat center center;
  color: rgba(255, 255, 255, 0.3); }

.footer-widget .citysoul-button-o:hover {
  border-color: #fff; }
  .footer-widget .citysoul-button-o:hover.text-active * {
    color: #fff; }

.footer-widget .citysoul-button-o .text-title {
  color: rgba(255, 255, 255, 0.3); }

.footer-widget .title-widget {
  color: #fff; }

.copyright {
  font-size: 0.85714em;
  color: rgba(255, 255, 255, 0.3); }
  .copyright a {
    color: rgba(255, 255, 255, 0.3); }
    .copyright a:hover {
      color: #fff; }

.content-widget .additional-widget a {
  color: rgba(255, 255, 255, 0.3); }
  .content-widget .additional-widget a:hover {
    color: #fff; }