/*-----------------------------------------------------------------------
|  1. Typography
|-----------------------------------------------------------------------
*/

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5;
    color: #BBBBBB;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    background-color: #000000;
}

iframe {
    border: none;
}

a,
b,
div,
ul,
li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-outline-: none;
}

a,
a:hover,
a:focus,
a:active {
    color: red;
}

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
    -moz-outline: none;
    outline: none;
}

img:not([draggable]),
embed,
object,
video {
    max-width: 100%;
    height: auto;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0;
    color: #fff;
}

img {
    border: none;
    max-width: 100%;
    padding: 5%;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

strong {
    color: #222222;
}

h1,
h2,
h3,
h4,
h5,
a,
.premix-news-img p,
.premix-single-artist-details p,
.premix-album-details p,
.premix-btn.border-btn,
.premix-event-time h3 span,
.premix-purchase-now-section p,
.premix-single-recent-news p,
.premix-footer p,
.premix-innner-page p,
.premix-product-details p,
.premix-single-contact-details p,
.premix-single-feature-product-txt p,
.premix-contact-us-area input[type="submit"],
.premix-shop-filter select,
.premix-btn.orange-btn,
.premix-countdown-timer,
.premix-single-album-details-section p,
.premix-add-to-chart-form input[type="submit"],
.premix-shop-filter input[type="text"],
.premix-shop-filter label,
.other_tracks,
.cart-empty,
.button.wc-forward,
.button.wc-backward,
.woocommerce-message,
.premix-product-review .form-submit input[type="submit"],
.premix-product-review p,
.premix-error-page p,
.premix--comment-respond input[type="text"],
.premix--comment-respond input[type="email"],
.premix--comment-respond textarea,
.premix--form-submit input[type="submit"],
.aplayer-list ol li span,
.shop_table_responsive th,
.actions input[type="submit"],
.coupon input[type="text"],
.premix-pricing-element ul li,
.premix-contact-us-area span {
    font-family: 'Dosis', sans-serif;
}

.clear-both:before,
.clear-both:after {
    display: table;
    content: "";
    clear: both;
}

.section-padding {
    padding: 112px 0px;
}

.content-margin-top {
    margin-top: 85px;
}

.attr-padding {
    padding-top: 65px;
}

.premix-table {
    display: table;
    height: 100%;
    width: 100%;
}

.premix-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.premix-welcome-section .premix-table {
    height: calc(100% + 123px);
}

.premix-btn {
    color: #fff;
}

.premix-btn.light-red-btn {
    display: inline-block;
    background-color: #E54148;
    padding: 10px 35px;
    border-radius: 5px;
    font-size: 1.067em;
    text-transform: uppercase;
    transition: all .4s;
}

.premix-btn.light-red-btn:hover {
    color: #E54148;
    /* background-color: #fff; */
}

.premix-latest-news-section.section-padding,
.premix-our-artist-section.section-padding {
    padding: 112px 0 52px;
    /* background-color: #fff; */
}

.premix-artist-page.section-padding,
.premix-blog-page.section-padding {
    padding: 112px 0;
}


/*
|-----------------------------------------------------------------------
|  2. Preloader
|-----------------------------------------------------------------------
*/

#preloaders {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    /* background-image: url(../img/background_2.jpg);
    background-size: cover;
    background-repeat: no-repeat; */
    background-color: #171717;
}

.bar-c {
    overflow: hidden;
    height: 30px;
    width: 40px;
    margin: 0 auto;
    position: relative;
}

.bar {
    height: 1px;
    width: 3px;
    display: inline-block;
    background-color: #ffffd2;
    bottom: 0;
    position: absolute;
    -webkit-animation-duration: 500ms;
    -webkit-animation-play-state: running;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.bar.noAnim {
    -webkit-animation: none;
    -webkit-animation-name: none;
}

.bar#bar-1 {
    left: 0;
    -webkit-animation-name: danceHeight1;
    -webkit-animation-delay: 0ms;
}

.bar#bar-2 {
    left: 6px;
    -webkit-animation-name: danceHeight2;
    -webkit-animation-delay: 300ms;
}

.bar#bar-3 {
    left: 12px;
    -webkit-animation-name: danceHeight3;
    -webkit-animation-delay: 600ms;
}

.bar#bar-4 {
    left: 18px;
    -webkit-animation-name: danceHeight4;
    -webkit-animation-delay: 900ms;
}

.bar#bar-5 {
    left: 24px;
    -webkit-animation-name: danceHeight5;
    -webkit-animation-delay: 1200ms;
}

.bar#bar-6 {
    left: 30px;
    -webkit-animation-name: danceHeight6;
    -webkit-animation-delay: 1500ms;
}

.bar#bar-7 {
    left: 36px;
    -webkit-animation-name: danceHeight7;
    -webkit-animation-delay: 1500ms;
}

@-webkit-keyframes danceHeight1 {
    from {
        height: 1px;
    }

    to {
        height: 22px;
    }
}

@-webkit-keyframes danceHeight2 {
    from {
        height: 1px;
    }

    to {
        height: 15px;
    }
}

@-webkit-keyframes danceHeight3 {
    from {
        height: 1px;
    }

    to {
        height: 30px;
    }
}

@-webkit-keyframes danceHeight4 {
    from {
        height: 1px;
    }

    to {
        height: 20px;
    }
}

@-webkit-keyframes danceHeight5 {
    from {
        height: 1px;
    }

    to {
        height: 15px;
    }
}

@-webkit-keyframes danceHeight6 {
    from {
        height: 1px;
    }

    to {
        height: 15px;
    }
}

@-webkit-keyframes danceHeight7 {
    from {
        height: 1px;
    }

    to {
        height: 25px;
    }
}

.preloader_container {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
    height: 50px;
}

/* .preloader_content {
    display: block;
    position: sticky;
    overflow: hidden;
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    line-height: 40px;
    color: #ecf0f1;
}

.preloader_content__container {
    font-weight: 600;
    overflow: hidden;
    height: 40px;
    padding: 0 40px;
}

.preloader_content__container:before {
    content: '[';
    left: 0;
}

.preloader_content__container:after {
    content: ']';
    position: absolute;
    right: 0;
}

.preloader_content__container:after,
.preloader_content__container:before {
    position: absolute;
    top: -2px;
    color: #16a085;
    font-size: 42px;
    line-height: 40px;
    -webkit-animation-name: opacity;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: opacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.preloader_content__container__list {
    margin-top: 0;
    padding-left: 0;
    text-align: center;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.preloader_content__container__list__item {
    line-height: 40px;
    margin: 0;
    text-align: center;
}

@keyframes opacity {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes change {

    0%,
    12.66%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    29.32% {
        transform: translate3d(0, -25%, 0);
    }

    33.32%,
    45.98% {
        transform: translate3d(0, -50%, 0);
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0);
    }

    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0);
    }

    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0);
    }
} */

.dank-ass-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dank-ass-loader .row {
  display: flex;
}

.arrow {
  width: 0;
  height: 0;
  margin: 0 -6px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 21.6px solid #fd7000;
  -webkit-animation: blink 1s infinite;
          animation: blink 1s infinite;
  filter: drop-shadow(0 0 18px #fd7000);
}
.arrow.down {
  transform: rotate(180deg);
}
.arrow.outer-1 {
  -webkit-animation-delay: -0.0555555556s;
          animation-delay: -0.0555555556s;
}
.arrow.outer-2 {
  -webkit-animation-delay: -0.1111111111s;
          animation-delay: -0.1111111111s;
}
.arrow.outer-3 {
  -webkit-animation-delay: -0.1666666667s;
          animation-delay: -0.1666666667s;
}
.arrow.outer-4 {
  -webkit-animation-delay: -0.2222222222s;
          animation-delay: -0.2222222222s;
}
.arrow.outer-5 {
  -webkit-animation-delay: -0.2777777778s;
          animation-delay: -0.2777777778s;
}
.arrow.outer-6 {
  -webkit-animation-delay: -0.3333333333s;
          animation-delay: -0.3333333333s;
}
.arrow.outer-7 {
  -webkit-animation-delay: -0.3888888889s;
          animation-delay: -0.3888888889s;
}
.arrow.outer-8 {
  -webkit-animation-delay: -0.4444444444s;
          animation-delay: -0.4444444444s;
}
.arrow.outer-9 {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.arrow.outer-10 {
  -webkit-animation-delay: -0.5555555556s;
          animation-delay: -0.5555555556s;
}
.arrow.outer-11 {
  -webkit-animation-delay: -0.6111111111s;
          animation-delay: -0.6111111111s;
}
.arrow.outer-12 {
  -webkit-animation-delay: -0.6666666667s;
          animation-delay: -0.6666666667s;
}
.arrow.outer-13 {
  -webkit-animation-delay: -0.7222222222s;
          animation-delay: -0.7222222222s;
}
.arrow.outer-14 {
  -webkit-animation-delay: -0.7777777778s;
          animation-delay: -0.7777777778s;
}
.arrow.outer-15 {
  -webkit-animation-delay: -0.8333333333s;
          animation-delay: -0.8333333333s;
}
.arrow.outer-16 {
  -webkit-animation-delay: -0.8888888889s;
          animation-delay: -0.8888888889s;
}
.arrow.outer-17 {
  -webkit-animation-delay: -0.9444444444s;
          animation-delay: -0.9444444444s;
}
.arrow.outer-18 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.arrow.inner-1 {
  -webkit-animation-delay: -0.1666666667s;
          animation-delay: -0.1666666667s;
}
.arrow.inner-2 {
  -webkit-animation-delay: -0.3333333333s;
          animation-delay: -0.3333333333s;
}
.arrow.inner-3 {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.arrow.inner-4 {
  -webkit-animation-delay: -0.6666666667s;
          animation-delay: -0.6666666667s;
}
.arrow.inner-5 {
  -webkit-animation-delay: -0.8333333333s;
          animation-delay: -0.8333333333s;
}
.arrow.inner-6 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

/*
|-----------------------------------------------------------------------
|  3. Section Heading
|-----------------------------------------------------------------------
*/

.premix-section-heading h2 {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
    font-size: 8em;
    color: #28282882;
    /* opacity: 0.5; */
    font-weight: 700;
    letter-spacing: 10px;
    text-transform: uppercase;
    line-height: .8;
    min-height: 96px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.premix-section-heading h2:before {
    position: absolute;
    content: attr(data-titles);
    font-size: 75px;
    width: 100%;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 5px;
    color: #7d7d7d;
    bottom: 0;
    left: 0;
}

.header-white h2 {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
    font-size: 8em;
    color: #28282882;
    /* opacity: 0.5; */
    font-weight: 700;
    letter-spacing: 10px;
    text-transform: uppercase;
    line-height: .8;
    min-height: 96px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.header-white h2:before {
    position: absolute;
    content: attr(data-titles);
    font-size: 75px;
    width: 100%;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 5px;
    color: #7d7d7d;
    bottom: 0;
    left: 0;
}


/*
|-----------------------------------------------------------------------
|  Main Menus
|-----------------------------------------------------------------------
*/

.premix-main-menu-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(229, 65, 72, .5);
    z-index: 10;
    transition: all 0.4s;
    height: 80px;
}

.premix-menu.premix-mobile-menu {
    display: none;
}

header.premix-main-menu-area.fixedMenu .premix-menu ul>li>a {
    padding: 34px 20px;
}

header.premix-main-menu-area.fixedMenu .premix-menu ul li ul li a {
    padding: 8px 15px;
}

header.premix-main-menu-area.fixedMenu .premix-menu ul li ul {
    top: 80px;
}

header.premix-main-menu-area.fixedMenu .logo {
    padding: 20px 0;
}

header.premix-main-menu-area.fixedMenu {
    background-color: rgba(23, 23, 23, .9);
    z-index: 9999;
}

.premix-main-menu-area progress {
    /* Positioning */
    position: absolute;
    left: 0;
    bottom: -1;
    /* Dimensions */
    width: 100%;
    height: 1px;
    /* Reset the apperance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Get rid of the default border in Firefox/Opera. */
    border: none;
    /* For Firefox/IE10+ */
    background-color: transparent;
    /* For IE10+, color of the progress bar */
    color: green;
}

.premix-main-menu-area progress::-webkit-progress-bar {
    background-color: transparent;
}

.premix-main-menu-area .premix-flat::-webkit-progress-value {
    background-color: red;
}

.premix-main-menu-area .premix-flat::-moz-progress-bar {
    background-color: red;
}

.premix-main-menu-area .premix-single::-webkit-progress-value {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, #541C71, #E54148);
}

.premix-main-menu-area .premix-single::-moz-progress-bar {
    background-color: transparent;
    background-image: -moz-linear-gradient(left, #541C71, #E54148);
}

.premix-main-menu-area .premix-multiple::-webkit-progress-value {
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(left, green, red);
}

.premix-main-menu-area .premix-multiple::-moz-progress-bar {
    background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(left, green, red);
}

.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block;
}

.progress-bar {
    background-color: red;
    width: 50%;
    display: block;
    height: inherit;
}

.premix-menu {
    text-align: right;
}

.premix-menu ul li {
    display: inline-block;
    position: relative;
    z-index: 999;
}

.premix-menu ul li ul {
    position: absolute;
    top: 80px;
    left: 0;
    width: 200px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all .4s cubic-bezier(0.65, 0.05, 0.36, 1);
    transform: translate3d(0, 20%, 0);
    background-color: #fff;
}

.premix-menu ul li ul li:hover {
    background-color: #d65525;
}

.premix-menu ul li ul li {
    width: 100%;
    transition: all .4s ease-out;
}

.premix-menu ul li ul li a {
    border-bottom: 1px solid #d65525;
    color: #d65525;
}

.premix-menu ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.premix-menu ul li ul li a {
    display: block;
    margin: 0;
    padding: 8px 15px;
    width: 100%;
}

.premix-menu ul li a {
    padding: 35px 20px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    transition: all .4s ease-out;
}

.premix-menu ul li a:hover {
    color: #E54148;
}

.premix-menu ul li ul li a:hover {
    color: #fff;
}

.premix-menu ul li a i {
    padding-left: 5px;
}

.logo {
    padding: 25px 0;
    transition: all .4s;
}


/*
|-----------------------------------------------------------------------
|  Welcome Section
|-----------------------------------------------------------------------
*/

.premix-welcome-section {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100vh;
}

.premix-welcome-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.premix-welcome-element {
    height: 100vh;
}

.premix-welcome-element h2 {
    font-size: 2.333em;
    font-weight: 300;
    color: #E54148;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin: 0;
    margin-bottom: 35px;
}

.premix-welcome-element h1 {
    font-size: 3.333em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 35px 0;
}

.premix-welcome-element h3 {
    margin: 0;
    font-size: 3.333em;
    color: #fff;
    font-weight: 300;
    letter-spacing: 5px;
    margin-bottom: 40px;
}

.premix-video-section .premix-welcome-element {
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 100%;
    z-index: 9;
    margin-left: -50%;
}

#video.premix-video-bg {
    height: 100%;
    width: 100%;
    transform: scale(1.8);
}

.premix-video-bg-div {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}

.video-container lite-youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt-video {
    aspect-ratio: 9 / 16;
    width: 100%;
}


/*
|-----------------------------------------------------------------------
|  Our Artist
|-----------------------------------------------------------------------
*/

.premix-single-artist {
    position: relative;
    /*overflow: hidden;*/
    margin-bottom: 60px;
    margin-top: 30px;
    display: block;
}

.premix-single-artist {
    /*border: 2px solid #fff;*/
    transition: all 5s ease-in;
}

.premix-single-artist:hover {
    border-color: #E54148;
}

.premix-single-artist-details {
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 5s ease-in;
    vertical-align: top;
}

.premix-single-artist:hover .premix-single-artist-details {
    bottom: -35px;
}

.premix-single-artist-details h4 {
    margin: 0;
    font-size: 1.067em;
    color: #504F4F;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: all 5s ease-in;
}

.premix-single-artist:hover .premix-single-artist-details h4 {
    color: #E54148;
}

.premix-single-artist-details p {
    margin: 0;
    font-size: 0.933em;
    color: #606060;
    text-transform: uppercase;
}


/*.premix-single-artist:before{
	position: absolute;
	content: "";
	height: 110%;
	width: 120%;
	background-image: url(../img/triangle.svg);
	left: -30px;
	bottom: -10px;
	background-repeat: no-repeat;
	transition: all .3s ease-in;
	background-position: center center;
	transform: rotate3d(0,0,1,22deg);
	background-size: cover;
	transform-origin: 0 100%;
	opacity: .9;
	pointer-events: none;
}*/

.premix-single-artist:hover:before {
    transform: rotate3d(0, 0, 1, 16deg);
    opacity: 1;
    bottom: -5px;
}

.premix-artist-social-details {
    position: absolute;
    bottom: -20px;
    right: 70px;
}

.premix-artist-social-details ul li {
    padding: 5px 0;
}

.premix-artist-social-details ul li a {
    color: #fff;
    background-color: #C3C7D7;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    transition: all .4s ease-out;
}

.premix-artist-social-details ul li a:hover {
    background-color: #E54148;
}

.premix-single-artist .premix-artist-social-details ul li.premix-social-h-1,
.premix-single-artist .premix-artist-social-details ul li.premix-social-h-2,
.premix-single-artist .premix-artist-social-details ul li.premix-social-h-3 {
    bottom: -120px;
    transition: all .4s ease-out;
    z-index: 1;
    position: absolute;
}

.premix-single-artist:hover .premix-artist-social-details ul li.premix-social-h-1 {
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .3s;
    bottom: 120px;
}

.premix-single-artist:hover .premix-artist-social-details ul li.premix-social-h-2 {
    bottom: 80px;
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
}

.premix-single-artist:hover .premix-artist-social-details ul li.premix-social-h-3 {
    bottom: 40px;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) .1s;
}

.premix-single-artist img {
    width: 100%;
}

.Megha {
    width: 35%;
    margin: auto;
    margin-top: -40px;
}

.Megha h4 {
    padding-top: 20px;
}

.Megha p {
    margin-bottom: 30px;
}

.mam {
    bottom: -50px;
}

#premix-slider .item {
    padding: 0 15px;
}

#premix-slider.owl-theme .owl-controls .owl-page span {
    /*background-color: #FFFFFF;*/
    opacity: 1;
    width: 26px;
    height: 10px;
    border-radius: 0;
    transition: all 5s ease-out;
}

#premix-slider.owl-theme .owl-controls .owl-page.active span {
    background-color: #E54148;
}


/*
|-----------------------------------------------------------------------
|  LATEST ALBUMS
|-----------------------------------------------------------------------
*/

.premix-our-album-section,
.premix-next-event-section {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.premix-our-album-section:before,
.premix-next-event-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.premix-album-details {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    background-color: #d65525;
    padding: 10px 15px;
}

.premix-album-details h4 {
    margin: 0;
    color: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    /* margin-bottom: 10px; */
    transition: all .4s ease-in;
}

.premix-album-details p {
    margin: 0;
    color: #606060;
    font-size: 0.933em;
    word-spacing: 5px;
}

.premix-single-album {
    border: 2px solid #d65525;
    /* margin-bottom: 60px; */
    display: block;
}


/* .premix-single-album::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(200, 65, 41, 0.3);
    width: 90%;
    height: 100%;
} */

.premix-btn.border-btn {
    position: relative;
    text-transform: uppercase;
    border: 1px solid #E54148;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 5px;
    color: #fff;
    transition: all .4s;
}

.premix-btn.border-btn:hover {
    color: #E54148;
    border: 1px solid #fff;
    background-color: #fff;
}

.premix--hover-wraper {
    position: relative;
    transform: scale(1.0);
    overflow: hidden;
}

.premix--hover-wraper img {
    transition: all .4s ease-out;
    width: 100%;
}

.premix-single-album:hover .premix--hover-wraper img {
    transform: scale(1.1) rotate(2deg);
}

.premix--hover-wraper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(200, 65, 41, 0.6);
    z-index: 1;
    opacity: 0;
    transition: all .4s;
}

.premix-single-album:hover .premix--hover-wraper:before {
    opacity: 1;
}

.premix--hover-wraper-content {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 3.000em;
    z-index: 2;
    transition: all .3s;
    opacity: 0;
}

.premix-single-album:hover .premix--hover-wraper-content {
    top: 50%;
    opacity: 1;
}


/* .premix-single-album:hover .premix-album-details h4 {
    color: #c714c7;
} */


/* OUR STORY */

.premix-our-story-left p {
    margin: 0;
    text-align: justify;
    line-height: 2;
    word-spacing: 1px;
}

.premix-our-story-right img,
.premix-our-story-center img,
.premix-our-story-left img {
    display: block;
    margin: 0 auto;
}


/*
|-----------------------------------------------------------------------
|  NEXT EVENT
|-----------------------------------------------------------------------
*/

.premix-event-time h3 {
    font-size: 3.333em;
    font-weight: 700;
    margin: 0;
}

.premix-event-time h3 span {
    display: inline-block;
    margin: 0;
    font-weight: 600;
    letter-spacing: 2px;
    padding-left: 15px;
    font-size: 0.360em;
    position: relative;
    top: -11px;
    text-transform: uppercase;
}

.premix-event-time,
.premix-event-title {
    background-color: #E54148;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
    transition: all .4s;
}

.premix-next-event ul li {
    margin-bottom: 10px;
    color: #fff;
    height: 120px;
}

#premix-event li>div {
    padding: 0;
}

.premix-event-title {
    text-align: center;
}

.premix-event-title h4 {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.premix-event-title p {
    margin: 0;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.premix-btn.details-btn {
    display: table-cell;
    width: 100%;
    height: 100%;
    color: #504F4F;
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 1px;
    vertical-align: middle;
    transition: all .4s;
}

.premix-event-column {
    position: relative;
    width: 26%;
    float: left;
    display: table;
    height: 100%;
}

.premix-next-event ul li .premix-event-column:nth-of-type(4) {
    width: 20%;
}

.premix-event-column img {
    width: 100%;
    height: 100%;
}

.premix-next-event ul li:hover .premix-event-time,
.premix-next-event ul li:hover .premix-event-title {
    background-color: #fff;
}

.premix-next-event ul li:hover .premix-event-time h3,
.premix-next-event ul li:hover .premix-event-title h4,
.premix-next-event ul li:hover .premix-event-title p {
    color: #E54148;
}

.premix-next-event ul li:hover .premix-btn.details-btn {
    background-color: #E54148;
    color: #fff;
}


/*
|-----------------------------------------------------------------------
|  LATEST NEWS
|-----------------------------------------------------------------------
*/

.premix-latest-news-header {
    background-color: #E54148;
    color: #fff;
    padding: 30px 20px;
}

.premix-latest-news-header h4 {
    margin: 0;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.premix-latest-news-header ul li {
    display: inline-block;
    padding: 0 20px;
}

.premix-latest-news-header ul li a {
    color: #CFCFCF;
    font-size: 0.933em;
}

.premix-profile,
.premix-comment,
.premix-clock {
    position: relative;
}

.premix-profile:before,
.premix-comment:before,
.premix-clock:before {
    position: absolute;
    content: "\f007";
    top: 0;
    left: 0;
    font-size: 0.933em;
    color: #CFCFCF;
    font-family: 'FontAwesome';
}

.premix-comment:before {
    content: "\f075"
}

.premix-clock:before {
    content: "\f017"
}

.premix-news-img {
    position: relative;
}

.premix-news-img p {
    position: absolute;
    bottom: 10px;
    margin: 0;
    right: 10px;
    background-color: #FFFFFF;
    padding: 5px 10px;
    color: #606060;
}

.premix-news-footer {
    background-color: #FFFFFF;
    color: #7E7E7E;
    padding: 20px 15px;
}

.premix-news-footer p {
    line-height: 2;
    margin: 0;
    margin-bottom: 25px;
}

.premix-btn.readmore-btn {
    color: #606060;
    font-weight: 500;
    position: relative;
    padding-left: 15px;
    text-transform: uppercase;
    transition: all .4s;
}

.premix-btn.readmore-btn:hover {
    color: #E54148;
}

.readmore-btn:before {
    position: absolute;
    content: "\f101";
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
}

.premix-single-latest-news {
    margin-bottom: 60px;
    display: block;
}


/*
|-----------------------------------------------------------------------
|  Music is not a drug, It’s an addiction. Hear it? 
|-----------------------------------------------------------------------
*/

.premix-purchase-now-section {
    background-color: #E54148;
    color: #fff;
    padding: 85px 0;
    text-transform: uppercase;
}

.premix-purchase-now-section p {
    margin: 0;
    font-size: 1.333em;
    letter-spacing: 1px;
    text-align: center;
}

.premix-btn.white-border-btn {
    font-size: 1.067em;
    letter-spacing: 1px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: all .4s;
}

.premix-btn.white-border-btn:hover {
    background-color: #fff;
    color: #E54148;
}


/*
|-----------------------------------------------------------------------
|  Premix Footer Bottom Section
|-----------------------------------------------------------------------
*/

.premix-footer-bottom-section {
    color: #fff;
    padding: 110px 0;
}

.premix-footer-bottom-bg {
    background-color: #101010;
}

.premix-single-footer-bottom h4 {
    margin: 0;
    font-weight: 500;
    font-size: 1.333em;
    letter-spacing: 1px;
    margin-bottom: 40px;
    color: white;
}

.premix-single-footer-bottom p {
    color: #BBBBBB;
    width: 82%;
    line-height: 1.9;
    /*margin-bottom: 40px;*/
}

.premix-border {
    height: 1px;
    width: 45%;
    background-color: #696a68;
}

.premix-social-list ul li {
    display: inline-block;
}

.premix-single-footer-bottom .premix-social-list {
    margin-top: 40px;
}

.premix-social-list ul li a {
    background-color: #2A2A2A;
    color: #fff;
    font-size: 1.333em;
    border-radius: 5px;
    transition: all .4s;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.premix-social-list ul li a:hover {
    background-color: #E54148;
    color: #fff;
}

.premix-single-recent-news h5 {
    margin: 0;
    color: #fff;
    font-size: 1.067em;
    font-weight: 600;
    margin-bottom: 5px;
    word-spacing: 2px;
    letter-spacing: 1px;
}

.premix-single-recent-news p {
    margin: 0;
    width: 100%;
    color: #5D5D5D;
    font-weight: 500;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.phone,
a.mailId {
    color: #ccc !important;
}

.premix-single-recent-news {
    margin: 0 0 10px;
}

.premix-single-recent-news .premix-border {
    margin-bottom: 30px;
}

.premix-image-gallery ul li {
    display: inline-block;
    padding: 0 10px 10px 0;
    width: 32%;
}

.premix-single-recent-news {
    display: inline-block;
}


/*
|-----------------------------------------------------------------------
|  Footer
|-----------------------------------------------------------------------
*/

.premix-footer {
    background-color: #000000;
    padding: 40px 0;
}

.premix-footer p {
    margin: 0;
    color: #989797;
    letter-spacing: 1px;
}

.premix-single-news .premix-border {
    margin-bottom: 50px;
}


/*
|-----------------------------------------------------------------------
|  Premix About Page
|-----------------------------------------------------------------------
*/

.premix-welcome-section.premix-innner-page,
.premix-innner-page .premix-welcome-element {
    height: 600px;
}

.premix-innner-page h1 {
    margin-top: 0;
    font-size: 2.000em;
    font-weight: 300;
    margin-bottom: 30px;
    letter-spacing: 4px;
}

.premix-innner-page p {
    margin: 0;
    font-size: 1.133em;
    color: #fff;
    text-transform: uppercase;
}

.premix-innner-page p span {
    padding: 0 10px;
}

.heading.heading-icon {
    display: block;
}

.padding-lg {
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
}

.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}

.practice-area .inner {
    border: 1px solid #999999;
    text-align: center;
    margin-bottom: 28px;
    padding: 40px 25px;
}


/* .our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border: 0;
} */

.practice-area .inner h3 {
    color: #3c3c3c;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    padding: 10px 0;
}

.practice-area .inner p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.practice-area .inner img {
    display: inline-block;
}


/* .our-webcoderskull {
    background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;
} */

.our-webcoderskull .cnt-block {
    float: left;
    width: 100%;
    background: #000;
    padding: 30px 20px;
    text-align: center;
    border: 2px solid #282828;
    margin: 0 0 28px;
}

.our-webcoderskull .cnt-block figure {
    width: 200px;
    /* height: 148px; */
    /* border-radius: 100%; */
    display: inline-block;
    /* margin-bottom: 15px; */
}

.our-webcoderskull .cnt-block img {
    width: 200px;
    /* height: 200px; */
    /* border-radius: 100%; */
}

.our-webcoderskull .cnt-block h3 {
    color: #2a2a2a;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 0;
    text-transform: uppercase;
}

.our-webcoderskull .cnt-block h3 {
    text-decoration: none;
    color: #d65525;
}

.our-webcoderskull .cnt-block p {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
}

.our-webcoderskull .cnt-block .follow-us {
    margin: 20px 0 0;
}

.our-webcoderskull .cnt-block .follow-us li {
    display: inline-block;
    width: auto;
    margin: 0 5px;
}

.our-webcoderskull .cnt-block .follow-us li .fa {
    font-size: 24px;
    color: #767676;
}

.our-webcoderskull .cnt-block .follow-us li .fa:hover {
    color: #025a8e;
}

.premix-our-team-area {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.premix-our-team-area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.premix-our-team-main-wraper {
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
    margin-bottom: 60px;
}

.premix-our-team-over-element {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 15px 5px;
    transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.premix-our-team-over-element h4,
.premix-our-team-over-element h5 {
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.premix-our-team-over-element h5 {
    color: #606060;
}

.premix-our-team-over-element h4 {
    font-weight: 600;
    font-size: 1.067em;
    margin-bottom: 15px;
    color: #504F4F;
}

.premix-our-team-hover-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 2;
    transform: scale3d(1.4, 1.4, 1.4);
    transition: all .4s cubic-bezier(0.64, 0.57, 0.67, 1.53) .1s;
    opacity: 0;
}

.premix-our-team-hover-content .premix-table {
    height: 100%;
}

.premix-our-team-hover-content {
    color: #fff;
    padding: 0 15px;
}

.premix-our-team-hover-content h4 {
    font-size: 1.067em;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 14px;
}

.premix-our-team-hover-content h5 {
    text-transform: uppercase;
    margin: 0;
    font-weight: 300;
    margin-bottom: 30px;
}

.premix-our-team-hover-content p {
    color: #F0F0F0;
    margin: 0;
    line-height: 2;
    margin-bottom: 36px;
}

.premix-our-team-hover-content ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.premix-our-team-hover-content ul li:last-child {
    margin: 0 0 0 0;
}

.premix-our-team-hover-content ul li a {
    height: 36px;
    width: 36px;
    display: block;
    border: 1px solid #FFFFFF;
    line-height: 36px;
    border-radius: 100%;
    font-size: 1.067em;
    transition: all .4s;
}

.premix-our-team-hover-content ul li a:hover {
    background-color: #FFFFFF;
    color: #E54148;
}

.premix-our-team-hover-content:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #E54148;
    z-index: -1;
    opacity: .8;
    transform: scale(.9);
}

.premix-our-team-main-wraper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 1;
    opacity: 0;
    transition: all .4s;
}

.premix-our-team-main-wraper:hover:before {
    opacity: .5;
}

.premix-our-team-main-wraper:hover .premix-our-team-over-element {
    bottom: -100%;
}

.premix-our-team-main-wraper:hover {
    border-color: #E54148;
}

.premix-our-team-main-wraper:hover .premix-our-team-hover-content {
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.premix-sponsor-img {
    text-align: center;
    margin-bottom: 60px;
}

.premix-sponsor-img.about img {
    width: auto;
}

.premix-sponsor-img img {
    width: 80px;
    margin-bottom: 5px;
}

.premix-sponsor-text h4 {
    font-size: 22px;
    color: black;
}

.premix-sponsor-text P {
    font-size: 18px;
    padding-bottom: 15px;
    /* color: #000000; */
    /* text-align: justify; */
}


/*.premix-sponsor-img img{
	border-radius: 5px;
	border: 1px solid #E54148;
	transition: all .2s ease-out;
}*/


/*.premix-sponsor-img  img:hover{
	box-shadow: 0 0 0 2px #E54148;
}*/

.premix-twitter-feed {
    padding: 200px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}

.premix-twitter-feed:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.tweet ul li {
    color: #fff;
    font-weight: 400;
}

.tweet ul li a {
    font-weight: 700;
}

.button {
    margin-bottom: 50px;
}

.button i {
    font-size: 20px;
    color: #fff;
    height: 40px;
    width: 40px;
    border: 2px solid #fff;
    border-radius: 100%;
    line-height: 39px;
}


/*
|-----------------------------------------------------------------------
|  CONTACT US PAGE
|-----------------------------------------------------------------------
*/

.premix-contact-us-area input[type="text"],
.premix-contact-us-area input[type="email"],
.premix-contact-us-area input[type="password"],
.premix-contact-us-area textarea {
    display: block;
    width: 100%;
    border: 0px;
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 30px;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
    transition: all .4s;
}

.premix-contact-us-area input[type="text"]:focus,
.premix-contact-us-area input[type="email"]:focus,
.premix-contact-us-area input[type="password"]:focus,
.premix-contact-us-area textarea:focus {
    border-bottom: 1px solid #E54148;
}

.premix-contact-us-area textarea {
    margin-bottom: 40px;
    resize: none;
}

.premix-contact-us-area input[type="submit"] {
    background-color: transparent;
    border: 1px solid #E54148;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.067em;
    letter-spacing: 1px;
    padding: 5px 20px;
    border-radius: 5px;
    width: auto;
    margin: 0 auto;
    display: block;
    transition: all .4s ease-out;
}

.premix-contact-us-area input[type="submit"]:hover,
.premix--form-submit input[type="submit"]:hover {
    color: #E54148;
    background-color: #fff;
    border: 1px solid #fff;
}

.contact-field-left-side {
    display: inline-block;
    width: 50%;
    padding-right: 15px;
}

.contact-field-right-side {
    width: 49%;
    display: inline-block;
    padding-left: 15px;
}

.premix-contact-and-address {
    padding: 50px 0;
}

.premix-single-contact-details h3 {
    margin: 0;
    margin-bottom: 60px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.premix-single-contact-details p {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 300;
}

#emailform input.error {
    border-bottom: 1px solid red;
}

label.error {
    display: none;
}

.conty {
    width: 100% height: 100%;
    overflow: hidden;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -50px 0 0 0 !important;
    z-index: -999999;
    opacity: 0;
}


/*
|-----------------------------------------------------------------------
|  Premix Event Page NEXT EVENT
|-----------------------------------------------------------------------
*/

.premix-event-date {
    position: relative;
    margin-bottom: 40px;
}

.premix-event-date h4 {
    font-size: 1.333em;
    color: #fff;
    font-weight: 300;
    background-color: #fff;
    display: inline-block;
    color: #504F4F;
    padding: 25px 100px;
    position: relative;
    text-transform: uppercase;
    margin: 0;
}

.premix-event-date h4:before {
    position: absolute;
    content: "";
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    width: 34px;
    border-top: 28px solid #fff;
    border-bottom: 17px solid transparent;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
}

.premix-event-page .premix-next-event ul li {
    margin-bottom: 36px;
}

.premix-event-page .premix-next-event {
    margin-bottom: 100px;
}

.premix-event-page.section-padding {
    padding: 100px 0 0;
}


/*
|-----------------------------------------------------------------------
|  Premix Shop Page
|-----------------------------------------------------------------------
*/

.premix-shop-filter select {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #BBBBBB;
    letter-spacing: 2px;
}

.premix-btn.orange-btn {
    background-color: #E54148;
    border: 0px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 25px;
    border-radius: 5px;
    transition: all .4s;
}

.premix-btn.orange-btn:hover {
    color: #E54148;
    background-color: #fff;
}

.premix-feature-product {
    margin-bottom: 76px;
}

.premix-feature-product-title h3 {
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 1.333em;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.premix-feature-product-title {
    margin-bottom: 40px;
}

.premix-feature-product-title h3:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 100%;
}

.premix-feature-product-title h3:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 15%;
    height: 20px;
    width: 20px;
    background-color: #171717;
    border: 1px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
    border-top: 0;
    border-left: 0;
}

.premix-single-feature-product-img {
    display: inline-block;
    width: 40%;
    float: left;
}

.premix-single-feature-product-txt {
    display: inline-block;
    width: 59%;
}

.premix-single-feature-product:before,
.premix-single-feature-product:after {
    display: table;
    content: "";
    clear: both;
}

.premix-single-feature-product {
    margin-bottom: 15px;
    display: block;
}

.premix-single-feature-product-txt h5 {
    margin: 0;
    margin-bottom: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 300;
}

.premix-single-feature-product-txt p {
    color: #fff;
    margin: 0;
}

.premix-product-grid {
    border: 2px solid #fff;
    margin-bottom: 60px;
    display: block;
}

.premix-product-grid img {
    width: 100%;
}

.premix-product-details {
    background-color: #FFFFFF;
    padding: 20px 5px;
}

.premix-product-details h4 {
    font-size: 1.067em;
    color: #504F4F;
    margin: 0;
    margin-bottom: 10px;
}

.premix-product-details p {
    margin: 0;
    color: #606060;
    margin-top: 10px;
}

.premix-product-details span {
    height: 1px;
    width: 50%;
    display: block;
    background-color: #B4B3B3;
    margin: 0 auto;
}

.premix-product-grid-hover {
    position: relative;
}

.premix-product-grid-hover:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
    opacity: 0;
    transition: all .4s;
}

.premix-product-grid:hover .premix-product-grid-hover:before {
    opacity: 1;
}

.premix-product-grid-hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 2;
}

.premix-product-grid-hover-content .hover-top,
.premix-product-grid-hover-content .hover-bottom {
    top: -50px;
    position: relative;
    transition: all .4s ease-out;
    opacity: 0;
}

.premix-product-grid-hover-content .hover-bottom {
    top: 50px;
}

.premix-product-grid:hover .hover-top {
    top: 0px;
    opacity: 1;
}

.premix-product-grid:hover .hover-bottom {
    top: 0px;
    opacity: 1;
}

.premix-product-grid-hover-content .orange-btn {
    display: block;
    width: 143px;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0 auto 10px;
    padding: 8px 0px;
}

.premix-product-grid-hover {
    position: relative;
    overflow: hidden;
    transform: scale(1) rotate(0deg);
}

.premix-product-grid-hover img {
    transition: all .4s;
}

.premix-product-grid:hover .premix-product-grid-hover img {
    transform: scale(1.1) rotate(2deg);
}

.premix-product-grid:hover .premix-product-details h4 {
    color: #E54148;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background-color: transparent;
    border: transparent;
    background-image: url(../img/filter-handle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 100%;
    height: 15px;
    width: 15px;
}

.ui-slider-range {
    background-color: #E54148;
}

.ui-widget.ui-widget-content {
    border: 0px solid;
}

.premix-select {
    margin-bottom: 80px;
}

#slider-range {
    margin-bottom: 20px;
    height: 6px;
}

.premix-shop-filter input[type="text"] {
    background-color: transparent;
    border: 0px solid;
    width: 40%;
}

.premix-shop-filter label {
    font-weight: 300;
    text-transform: capitalize;
    padding-right: 10px;
    margin-bottom: 0;
}

.premix-shop-filter p {
    margin-bottom: 0;
    display: inline-block;
    width: 70%;
    float: left;
    padding: 4px 0;
}

.premix-shop-filter button {
    display: inline-block;
    width: 30%;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
}

.ui-slider-handle:focus {
    outline: none;
}

.premix-shop-filter select:focus {
    outline: none;
}


/*
|-----------------------------------------------------------------------
|  Premix Event Page Single
|-----------------------------------------------------------------------
*/

.countdown-container {
    width: 80%;
    margin: 0 auto;
}

.premix-countdown-timer {
    background-color: #E54148;
    width: 100%;
    text-align: center;
    padding: 100px 0;
    color: #fff;
}

.timer-count {
    font-size: 4.667em;
    display: inline-block;
    width: 24%;
    font-weight: 500;
}

.timer-text {
    display: block;
    font-size: 0.343em;
    font-weight: 300;
    text-transform: uppercase;
}

.premix-single-event-wraper img {
    margin-bottom: 75px;
}

.premix-single-details h3 {
    margin: 0;
    color: #fff;
    font-size: 1.333em;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.premix-single-details h4 {
    font-size: 0.933em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 50px;
}

.premix-single-details p {
    margin-bottom: 45px;
    line-height: 1.8;
}

.premix-event-single-right-heading h3 {
    margin: 0;
    font-size: 1.200em;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.premix-single-atist-post .premix-event-single-right-heading h3 {
    text-transform: capitalize;
    word-spacing: 2px;
    letter-spacing: 1px;
}

.premix-event-single-right-heading {
    border-bottom: 1px solid #fff;
    width: 80%;
    margin-bottom: 35px;
}

.premix--single-details-txt span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.premix--single-details-txt p {
    font-size: 0.933em;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.premix--single-details-txt .orange-btn {
    font-size: 1.333em;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 10px 25px;
    display: inline-block;
    text-transform: uppercase;
}

.premix-btn.next-and-prev-btn {
    background-color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 5px 0 0 5px;
    text-transform: uppercase;
    color: #000;
    width: 170px;
    display: inline-block;
    transition: all .4s ease-in;
}

.premix-btn.next-and-prev-btn:hover {
    background-color: #E54148;
    color: #fff;
}

.premix-btn-group a:nth-child(even) {
    border-radius: 0px 5px 5px 0px;
    margin-left: 10px;
}

.premix-btn.next-and-prev-btn .fa-angle-double-left {
    padding-right: 10px;
}

.premix-btn.next-and-prev-btn .fa-angle-double-right {
    padding-left: 10px;
}

.premix-btn-group.text-center {
    margin-top: 100px;
}

.premix-single-event-post .premix-single-details {
    width: 90%;
}


/*
|-----------------------------------------------------------------------
|  404 Page
|-----------------------------------------------------------------------
*/

.premix-error-page.premix-welcome-section:before {
    background-color: transparent;
}

.premix-error-page .premix-section-heading h2:before {
    font-size: 3.000em;
    color: #282828;
    font-weight: 700;
    z-index: -1;
    top: 1%;
    transform: translateY(-47%);
}

.premix-error-page .premix-section-heading h2 {
    font-size: 6.667em;
    line-height: inherit;
    padding: 110px 0 10px;
}

.premix-error-page .attr-padding {
    padding: 0;
}

.premix-error-page p {
    font-size: 1.667em;
    color: #fff;
}

.premix-error-page .premix-btn.light-red-btn {
    background-color: transparent;
    border: 1px solid #E54148;
}


/*
|-----------------------------------------------------------------------
|  Premix Single ALBUMS Page
|-----------------------------------------------------------------------
*/

.premix-border-single-page-img img {
    border: 5px solid #fff;
    margin-bottom: 50px;
}

.premix-single-album-details-section h5,
.premix-social-list h5 {
    font-size: 1.200em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 25px;
}

.premix-single-album-details-section p {
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.premix-single-album-details-section p span {
    letter-spacing: 0;
    text-transform: capitalize;
    color: #BBBBBB;
}

.premix-single-album-details-section .premix-btn.orange-btn {
    text-transform: uppercase;
    font-weight: 300;
    width: 151px;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    letter-spacing: 1px;
}

.premix-single-album-details-section .premix-social-list {
    margin-top: 60px;
}


/*
|-----------------------------------------------------------------------
|  Premix Artist Single Page
|-----------------------------------------------------------------------
*/

.premix-single-atist-post .premix-social-list ul li a {
    padding: 5px 10px;
    margin-bottom: 3px;
}

.premix-single-fun-factory h3,
.premix-single-fun-factory h4 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 1.333em;
    color: #fff;
    font-weight: 300;
    position: relative;
    letter-spacing: 2px;
    width: 100%;
    display: inline-block;
    z-index: 1;
}

.premix-single-fun-factory h4 {
    margin: 0;
    text-transform: uppercase;
}

.premix-single-fun-factory h3:before {
    position: absolute;
    content: attr(data-title);
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 6.000em;
    font-weight: 700;
    color: #282828;
    transform: translateY(-50%);
    z-index: -1;
}

.premix-single-atist-post .premix-fun-factory {
    margin-top: 104px;
}


/*
|-----------------------------------------------------------------------
|  Premix Shop Single Page
|-----------------------------------------------------------------------
*/

.premix-add-to-chart-form {
    margin-bottom: 50px;
}

.premix-shop-single-page .premix-single-album-details-section p {
    margin-bottom: 15px;
}

.premix-add-to-chart-form input[type="number"] {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    height: 40px;
    width: 90px;
    color: #fff;
    padding: 0 15px;
    margin-right: 30px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.premix-add-to-chart-form input[type="submit"] {
    background-color: #E54148;
    color: #fff;
    text-transform: uppercase;
    border: 0px solid;
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    transition: all .4s ease-out;
}

.premix-add-to-chart-form input[type="submit"]:hover {
    color: #E54148;
    background-color: #fff;
}


/*
|-----------------------------------------------------------------------
|  Premix Custom Magnific
|-----------------------------------------------------------------------
*/

.mfp-image-holder .mfp-content {
    max-width: 90%;
}

img.mfp-img {
    border: 2px solid #fff;
    padding: 0px;
}


/* button.mfp-close,
button.mfp-arrow {
    position: absolute;
    background-color: #000000;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid;
} */

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    height: 30px;
    width: 30px;
    line-height: 10px;
    text-align: center;
    right: -15px;
    top: -15px;
    font-size: 1.333em;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.mfp-wrap {
    z-index: 99999;
}


/*
|-----------------------------------------------------------------------
|  Premix gallery page
|-----------------------------------------------------------------------
*/

.premix-gallery-grid-item img {
    width: 100%;
}

.premix-gallery-grid-item {
    overflow: hidden;
    display: block;
    width: 100%;
}

.premix-gallery-grid-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .5);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transition: all .4s ease-out .2s;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}

.premix-gallery-grid-item:hover:before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    opacity: 1;
    visibility: visible;
}

.premix-gallery-grid-item:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(229, 65, 72, .5);
    opacity: 0;
    transition: all .4s ease-in;
}

.premix-gallery-grid-item:hover:after {
    opacity: 1;
}

.premix-gallery-grid-item img {
    transition: all .4s ease-in;
    transform: scale3d(1.05, 1.05, 1.05);
}

.premix-gallery-grid-item:hover img {
    transform: scale3d(1, 1, 1);
}


/*
|-----------------------------------------------------------------------
|  Premix Single Blog Page
|-----------------------------------------------------------------------
*/

.premix-single-blog-page-element img {
    width: 100%;
    border: 2px solid #E54148;
    margin-bottom: 60px;
}

.premix-social-list span {
    height: 1px;
    width: 50%;
    background-color: #636262;
    display: block;
}

.premix-single-blog-page .premix-social-list ul {
    margin-bottom: 38px;
}

.premix-side-bar-search input[type="text"] {
    width: 100%;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 38px;
    padding: 0 0 0 15px;
}

.sidebar-content-margin-bottom {
    margin-bottom: 70px;
}

.premix-side-bar-menu h4,
.premix-side-bar-tag h4 {
    margin: 0;
    padding-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    border-bottom: 1px solid #B4B3B3;
    margin-bottom: 45px;
}

.premix-side-bar-menu ul li {
    padding: 0 0 20px;
    line-height: 1;
}

.premix-side-bar-menu ul li a {
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    line-height: 1.3;
    letter-spacing: 1px;
}

.premix-side-bar-menu ul li a:before {
    position: absolute;
    content: "\f105";
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
}

.premix-side-bar-tag a {
    background-color: #000000;
    padding: 8px 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin: 5px 2px 5px 0px;
    transition: all .4s ease-in;
}

.premix-side-bar-tag a:hover {
    background-color: #E54148;
}

.premix-single-blog-page-element .premix-single-details {
    margin-bottom: 84px;
}


/*
|-----------------------------------------------------------------------
|  Premix Comment Style
|-----------------------------------------------------------------------
*/

.premix--comments-area {
    margin-top: 85px;
}

.premix--comments-title {
    margin: 0;
    color: #fff;
    font-size: 1.200em;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 60px;
}

.premix--single-comment-tread {
    margin: 0;
    padding: 0;
}

.premix--comment-avatar {
    display: inline-block;
    width: 13%;
    float: left;
    margin-right: 2%;
}

.premix--comment-details {
    display: inline-block;
    width: 85%;
    float: right;
}

.premix--comment-meta h2 {
    margin: 0;
    margin-bottom: 17px;
    font-size: 1.067em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.premix--comment-meta time {
    color: #BBBBBB;
    text-transform: uppercase;
}

.premix--reply {
    color: #E54148 !important;
    text-transform: uppercase;
    margin-left: 25px;
}

.premix--reply i {
    padding-left: 8px;
}

.premix--comment-meta {
    margin-bottom: 24px;
}

.premix--comment-content p {
    line-height: 30px;
    margin-bottom: 0;
}

.premix--comment-body {
    margin-bottom: 55px;
}

.premix--comment-list,
.premix--ol-child {
    list-style: none;
}

.premix--comment-list {
    padding: 0;
}

.premix--ol-child {
    padding: 0 0 0 80px;
}

.premix--ol-child .premix--comment-details {
    padding-left: 15px;
}

.comment-form-author {
    display: inline-block;
    width: 50%;
    float: left;
    padding-right: 15px;
}

.comment-form-email {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
}

.premix--comment-respond input[type="text"],
.premix--comment-respond input[type="email"],
.premix--comment-respond textarea {
    background-color: transparent;
    border: 0px solid;
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
}

.premix--comment-respond textarea {
    resize: none;
    padding: 0px 0 0px 10px;
}

.premix--form-submit input[type="submit"] {
    background-color: transparent;
    border: 1px solid #E54148;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 20px;
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    transition: all .4s ease-in;
}

.comment-reply-title {
    margin: 0;
    font-size: 1.200em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

.premix--comment-respond p {
    margin-bottom: 20px;
}

.premix--comment-respond {
    width: 70%;
    margin-top: 20px;
}


/*
|-----------------------------------------------------------------------
|  Premix Music Player Style
|-----------------------------------------------------------------------
*/

.aplayer-music span {
    color: #fff !important;
    font-size: 1em !important;
}

.aplayer-thumb {
    display: none;
}

.aplayer-loaded {
    background-color: #fff !important;
}

.aplayer-played {
    background-color: #E54148 !important;
}

#premix-player.aplayer .aplayer-pic {
    background-image: none;
}

.aplayer .aplayer-pic .aplayer-play {
    bottom: 50% !important;
    right: 50% !important;
    margin: 0 !important;
    transform: translateX(50%) translateY(50%);
}

.aplayer .aplayer-icon {
    opacity: 1;
}

.aplayer .aplayer-pic .aplayer-button .aplayer-fill {
    stroke: #fff;
    stroke-width: 2px;
    fill: transparent !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
    background-color: #fff !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill {
    stroke: #fff !important;
    fill: transparent !important;
    stroke-width: 2px;
}

.aplayer .aplayer-icon {
    font-size: 1.333em !important;
    color: #fff !important;
    width: 20px !important;
    height: 20px !important;
    position: relative;
}

.aplayer-button .aplayer-icon {
    font-size: 0.667em !important;
    width: 10px !important;
}

.aplayer-list.aplayer .aplayer-info {
    border-bottom: 0px solid !important;
}

.aplayer .aplayer-info {
    margin-bottom: 80px;
    padding: 20px 5px 0 10px !important;
}

.aplayer-list ol li span {
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.aplayer-list ol {
    background-color: #000000;
}

.aplayer {
    box-shadow: none !important;
}

.aplayer-list-light span {
    background-color: transparent !important;
}

.aplayer .aplayer-list ol li.aplayer-list-light {
    background-color: transparent !important;
}

.aplayer .aplayer-list ol li:hover {
    background-color: transparent !important;
}

.aplayer .aplayer-list ol li:hover span {
    color: #E54148 !important;
}

.aplayer .aplayer-list ol li {
    border-top: 1px solid #171717 !important;
    font-weight: 400;
    padding: 15px 15px !important;
    font-size: 1em !important;
}

.aplayer .aplayer-list ol li.aplayer-list-light span {
    color: #E54148 !important;
}

.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.aplayer .aplayer-pic .aplayer-pause {
    width: 26px !important;
    height: 26px !important;
    border: 2px solid #fff !important;
    bottom: 50% !important;
    right: 50% !important;
    transform: translateX(50%) translateY(50%);
    margin: 0 !important;
}

.aplayer .aplayer-pic .aplayer-button {
    opacity: 1 !important;
}

.aplayer .aplayer-icon {
    opacity: 1 !important;
}

.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause {
    top: 50% !important;
    left: 50% !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateX(-50%) translateY(-50%);
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time {
    right: -5px !important;
    bottom: 20px !important;
    height: 20px !important;
    padding-left: 15px !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
    position: absolute;
    width: 100px;
    top: 0px;
    left: -100px;
    color: #fff;
    font-size: 15px;
}

.aplayer .aplayer-info .aplayer-music {
    margin: 0 0 3px 5px !important;
    padding-bottom: 0px !important;
}

.other_tracks {
    font-size: 1.200em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 30px;
}

.aplayer-volume {
    background-color: #E54148 !important;
}

.aplayer-volume-bar {
    background-color: #fff !important;
    bottom: 0px !important;
    right: 5px !important;
    height: 30px !important;
}

.aplayer-withlist.aplayer .aplayer-info {
    border-bottom: none !important;
}


/*
|-----------------------------------------------------------------------
|  Premix Index Page Aplayer Style
|-----------------------------------------------------------------------
*/

#homepage-player-container {
    position: relative;
}

#premix-player-index .aplayer-info .aplayer-music {
    text-align: left;
}

.premix-welcome-section #homepage-player-container {
    left: 50%;
    overflow: visible;
    position: relative;
    width: 60%;
    z-index: 999;
    margin-left: -30%;
}

#premix-player-index {}

.premix-welcome-section-element {
    margin-bottom: 50px;
}

.premix-welcome-section-element h4 {
    color: white;
}

.premix_player_next,
.premix_player_prev {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 10;
}

.premix_player_next {
    left: calc(150px - 31px);
}

#premix-player-index .aplayer-pic {
    height: 66px;
    background-image: none;
    width: 150px;
}

.premix_player_next:focus,
.premix_player_prev:focus {
    outline: none;
}

#premix-player-index .aplayer-info {
    margin-left: 200px;
    margin-bottom: 0;
}

#premix-player-index .aplayer-list {
    text-align: left;
    position: absolute;
    width: 100%;
}

#premix-player-index .other_tracks {
    display: none;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
    bottom: 20px !important;
    right: 2px !important;
    width: 15px !important;
}


/* Custom Tab Description And Reviews*/

.premix-tab a {
    color: #000000 !important;
    text-transform: uppercase;
    background-color: #FFFFFF !important;
    letter-spacing: 1px;
    width: 199px !important;
    text-align: center;
    height: 50px;
    border-radius: 5px 0 0 5px !important;
    display: inline-block !important;
    line-height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.premix-tab-left-border a {
    border-radius: 0 5px 5px 0 !important;
}

.active.premix-tab a {
    background-color: #E54148 !important;
    color: #fff !important;
    border: 0px solid !important;
}

.premix-product-review .panel {
    background-color: transparent;
}

.premix-product-review .nav-tabs {
    border-bottom: 0px solid;
    margin-bottom: 40px;
    display: inline-block;
}

.premix-product-review .tab-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.333em;
    letter-spacing: 1px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 30px;
}

.premix-product-review .tab-content p {
    margin: 0;
    line-height: 1.8;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0;
    padding: 0 0px 0 15px;
}

.premix-product-review #description {
    width: 58%;
}

.premix-product-review .nav-tabs>li {
    margin-bottom: 0;
}

.premix-product-review p {
    color: #fff;
    margin-bottom: 27px !important;
    line-height: 1.5 !important;
}

.premix-product-review .comment-reply-title {
    text-transform: inherit;
    margin-bottom: 16px !important;
}

.premix-product-review .comment-reply-title span {
    text-transform: uppercase;
}

.premix-product-review .comment-form-rating {
    display: inline-block;
    margin: 0 !important;
    padding-right: 15px;
}

.premix-product-review .comment-form-rating label {
    font-weight: 300;
    margin: 0;
}

.premix-product-review .stars {
    display: inline-block;
    margin: 0 !important;
    line-height: 1 !important;
}

.woocommerce p.stars a:before {
    font-family: 'FontAwesome' !important;
    content: "\f006";
    color: #E54148;
}

.woocommerce p.stars a {
    margin: 0 8px 0 0;
}

.comment-form-author input[type="text"],
.comment-form-email input[type="email"],
.comment-form-comment textarea {
    background-color: transparent;
    border: 0px solid;
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
    padding: 10px 0 10px 5px;
    transition: all .4s ease-out;
}

.comment-form-author input[type="text"]:focus,
.comment-form-email input[type="email"]:focus,
.comment-form-comment textarea:focus {
    border-bottom: 1px solid #E54148;
}

.comment-form-comment textarea {
    resize: none;
    height: 103px;
}

#reviews {
    width: 70%;
    padding: 0;
}

.premix-product-review .form-submit input[type="submit"] {
    background-color: #E54148 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    letter-spacing: 1px;
    padding: 12px 40px !important;
    display: inline-block !important;
}

.premix-product-review .form-submit {
    margin-bottom: 0 !important;
}

.premix-related-products .related.products h2 {
    margin: 0;
    margin-bottom: 60px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.333em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    padding: 0 0 0 15px;
}

.premix-shop-single-page.section-padding {
    padding: 112px 0 52px;
}

.woocommerce p.stars a:hover:before {
    content: "\f005";
}


/* Empty Cart */

.woocommerce {
    color: #fff;
}

.woocommerce .premix-empty-cart-ico {
    font-size: 2.000em;
    margin-bottom: 61px;
}

.cart-empty {
    font-size: 1.200em;
    margin-bottom: 28px;
    letter-spacing: 1px;
}

.button.wc-backward {
    letter-spacing: 1px;
    padding: 12px 30px !important;
}


/* Cart Page */

.premix-shop-single-page .woocommerce-message:before {
    display: none;
}

.woocommerce-message {
    border-top: 0px;
    border-bottom: 5px solid #E54148;
}

.woocommerce-message span {
    text-transform: uppercase;
}

.woocommerce-message {
    font-size: 1.333em;
    background-color: #000000;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 80px !important;
}

.button.wc-forward,
.button.wc-backward {
    background-color: #E54148 !important;
    color: #fff !important;
    font-weight: 300 !important;
    text-transform: uppercase;
    padding: 10px 30px !important;
    border-radius: 8px !important;
    transition: all .4s ease-in;
}

.button.wc-forward:hover,
.button.wc-backward:hover {
    color: #E54148 !important;
    background-color: #fff !important;
}

.shop_table_responsive {
    border: 1px solid #FFFFFF !important;
}

.shop_table_responsive th {
    text-transform: uppercase;
    font-weight: 300 !important;
    letter-spacing: 1px;
    color: #fff;
}

.cart_item td a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product-quantity input[type="number"] {
    background-color: transparent;
    border: 1px solid #B4B3B3;
    border-radius: 5px;
    padding: 5px 5px;
}

.cart-collaterals {
    width: 50%;
    float: right;
}

.wc-proceed-to-checkout {
    text-align: right;
}

.actions input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    background-color: #E54148;
    display: inline-block;
    transition: all .4s ease-out;
}

.premix-cart-page input[type="submit"]:hover {
    background-color: #fff;
    color: #000;
}

.premix-cart-page .checkout-button:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.chart-item-border td {
    border-top: 1px solid #fff !important;
}

.chart-controls-border td {
    border-bottom: 1px solid
}

.chart-controls-border th {
    border-bottom: 1px solid;
}

.order-total th,
.order-total td {
    border-bottom: 0px solid;
}

.cart-subtotal td,
.order-total td {
    text-align: right;
}

.woocommerce-Price-amount {
    color: #fff;
    font-weight: 300;
}

.woocommerce td {
    padding: 14px !important;
}

.actions {
    text-align: right;
}

.cart_totals h2 {
    margin: 0;
    font-size: 1.333em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.woocommerce table.shop_table {
    margin-bottom: 0;
}

.table-content-margin-bottom-1 {
    margin-bottom: 134px !important;
}

.table-content-margin-bottom-2 {
    margin-bottom: 20px !important;
}

.woocommerce a.remove {
    border: 1px solid #E54148;
    color: #E54148 !important;
    font-size: 1.333em;
    height: 30px;
    width: 30px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
}

.product-remove {
    text-align: center;
}

.woocommerce thead tr th {
    padding: 16px 13px !important;
}

.wc-proceed-to-checkout .checkout-button {
    padding: 15px 35px !important;
}

.coupon {
    text-align: left;
    display: inline-block;
}

.coupon {
    text-align: left;
    display: inline-block;
    float: left;
    padding: 0 0 0 30px;
}

.coupon input[type="text"] {
    background-color: transparent;
    border: 1px solid #B4B3B3;
    padding-left: 15px;
    border-radius: 5px;
    height: 34px;
    margin-right: 15px;
}

.coupon input[type="submit"] {
    background-color: #E54148;
    color: #fff;
}


/* Pricing Plan */

.premix-pricing-table-wraper {
    background-color: rgba(204, 204, 204, 0.1);
    padding: 40px 0;
    overflow: hidden;
    border-radius: 5px;
}

.premix-pricing-table-head h4 {
    margin: 0;
    font-size: 1.333em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 2px;
}

.premix-pricing-table-head p {
    margin: 0;
    font-weight: 700;
    color: #fff;
    font-size: 1.667em;
}

.premix-pricing-table-head p span {
    vertical-align: text-top;
    font-size: 16px;
}

.premix-pricing-table-head {
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

.premix-pricing-table-head:before,
.premix-pricing-table-head:after {
    position: absolute;
    content: "";
    top: -70px;
    left: -15px;
    height: 155px;
    width: 172px;
    background-color: transparent;
    transform: rotate(15deg);
    z-index: -1;
    border-bottom: 2px solid #E54148;
    border-radius: 5px;
}

.premix-pricing-table-head:after {
    left: inherit;
    transform: rotate(-15deg);
    right: -15px;
}

.premix-pricing-element ul li {
    margin-bottom: 25px;
    color: #fff;
    text-transform: capitalize;
}

.premix-pricing-element {
    margin-bottom: 50px;
}

.premix-pricing-table-wraper .premix-btn.border-btn {
    color: #fff;
    letter-spacing: 2px;
    border: 2px solid #E54148;
}

.premix-pricing-table-wraper:hover .premix-pricing-table-head:before,
.premix-pricing-table-wraper:hover .premix-pricing-table-head:after {
    background-color: #E54148;
}

.premix-pricing-table-wraper:hover .premix-pricing-table-head h4,
.premix-pricing-table-wraper:hover .premix-pricing-table-head p {
    color: #fff
}

.premix-pricing-table-wraper:hover .premix-btn.border-btn {
    background-color: #E54148;
    color: #fff;
}


/* Premix My Account Page */

.premix-my-account-section .premix-contact-us-area input[type="submit"] {
    margin: 0;
    width: initial;
    display: inline-block;
    margin-right: 30px;
}

.premix-my-account-section .premix-contact-us-area input[type="checkbox"] {
    margin: 0;
    margin-right: 15px;
}

.premix-contact-us-area span {
    line-height: .5px;
    text-transform: uppercase;
    font-size: 0.933em;
    color: #FFFFFF;
    margin-right: 40px;
}

.premix-contact-us-area a {
    text-transform: uppercase;
    color: #E54148;
    font-size: 0.933em;
}

.premix-contact-us-area h4 {
    margin: 0;
    font-size: 1.667em;
    color: #FFFFFF;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 40px;
}


/*
|-----------------------------------------------------------------------
|  26. Responsive CSS
|-----------------------------------------------------------------------
*/


/*For bigger screen than normal 960px desktop*/

@media (min-width: 1200px) {}


/*Use if needed*/

@media (min-width: 992px) and (max-width: 1199px) {
    .premix-main-menu-area {
        height: 70px;
    }

    .premix-menu ul li a {
        padding: 35px 13px;
    }

    .logo {
        padding: 25px 0;
    }

    header.premix-main-menu-area.fixedMenu .premix-menu ul>li>a {
        padding: 34px 13px;
    }

    .premix-section-heading h2 {
        font-size: 6em;
        min-height: 73px;
    }

    .header-white h2:before {
        font-size: 50px;
    }

    .premix-section-heading h2:before {
        font-size: 50px;
    }

    .premix-welcome-section #homepage-player-container {
        width: 70%;
        margin-left: -35%;
    }

    #premix-player-index .aplayer-info {
        margin-left: 175px;
    }

    .premix-next-event ul li,
    .premix-event-column img {
        height: 99px;
    }

    .premix-single-atist-post .premix-social-list ul li a {
        padding: 1px 6px;
    }

    .premix-single-atist-post .premix-event-single-right-heading h3 {
        font-size: 14px;
    }

    .woocommerce a.remove {
        line-height: 23px;
    }

    .premix-pricing-table-head:before,
    .premix-pricing-table-head:after {
        width: 147px;
    }

    ul.slimmenu li .sub-toggle>i {
        color: #fff;
    }

    .premix-welcome-section.premix-innner-page,
    .premix-innner-page .premix-welcome-element {
        height: 400px;
    }

    .premix-countdown-timer {
        padding: 55px 0;
    }

    .timer-count {
        font-size: 3.5em
    }

    .premix-twitter-feed {
        padding: 100px 0;
    }

    .premix-single-artist-details {
        margin-bottom: -10px;
        font-size: 13px;
    }

    .sumit {
        margin-bottom: -23px;
        font-size: 13px;
    }

    .Megha {
        width: 30%;
    }

    .mam {
        margin-bottom: -25px;
    }

    .abhi {
        margin-bottom: -24px;
        font-size: 13px;
    }
}


/*For Tablet Layout*/

@media (min-width: 768px) and (max-width: 991px) {
    .premix-menu ul li a {
        padding: 8px 15px;
        text-align: left;
    }

    .logo {
        padding: 0 0;
    }

    header.premix-main-menu-area.fixedMenu .logo {
        padding: 0 0;
    }

    .premix-main-menu-area {
        height: 60px;
    }

    header.premix-main-menu-area.fixedMenu .premix-menu ul>li>a {
        padding: 34px 15px;
    }

    .premix-section-heading h2 {
        font-size: 6em;
        min-height: 73px;
    }

    .header-white h2:before,
    .premix-section-heading h2:before {
        font-size: 50px;
    }

    .premix-welcome-section #homepage-player-container {
        width: 70%;
    }

    .premix-our-story-right img,
    .premix-our-story-center img,
    .premix-our-story-left img {
        width: 50%;
    }

    .premix-our-story-center img {
        margin-top: 150px;
    }

    #premix-player-index .aplayer-info {
        margin-left: 175px;
    }

    .premix-next-event ul li,
    .premix-event-column img {
        height: auto;
        overflow: hidden;
    }

    .premix-next-event ul li>div,
    .premix-event-column img {
        height: 120px;
    }

    .premix-single-atist-post .premix-social-list ul li a {
        padding: 1px 6px;
    }

    .premix-single-atist-post .premix-event-single-right-heading h3 {
        font-size: 14px;
    }

    .woocommerce a.remove {
        line-height: 23px;
    }

    .premix-menu {
        display: none;
    }

    .premix-menu-section {
        position: inherit;
    }

    .premix-menu.premix-mobile-menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
    }

    .menu-collapser {
        padding: inherit;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        background-color: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.slimmenu.collapsed li a {
        display: inherit;
        border-bottom: inherit;
    }

    ul.slimmenu li {
        background-color: inherit;
    }

    ul.slimmenu li a {
        font-size: inherit;
        font-weight: inherit;
    }

    ul.slimmenu li a:hover {
        background-color: inherit;
    }

    ul.slimmenu.collapsed li {
        border: none;
    }

    .premix-menu ul li a i {
        display: none;
    }

    .premix-menu ul li ul {
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        text-align: right;
    }

    ul.slimmenu li ul li {
        background: inherit;
    }

    header.premix-main-menu-area.fixedMenu .premix-menu ul>li>a {
        padding: 9px 15px;
    }

    .premix-menu ul li ul li a {
        padding-right: 65px !important;
        font-size: 14px;
    }

    ul.slimmenu {
        position: absolute;
        background-color: #171717;
        width: 100%;
        top: 60px;
        z-index: 999;
    }

    header.premix-main-menu-area.fixedMenu ul.slimmenu {
        top: 60px;
    }

    .collapse-button {
        top: 32px;
        background-color: #171717;
        transition: all .4s;
        right: 15px;
    }

    header.premix-main-menu-area.fixedMenu .collapse-button {
        top: 32px;
    }

    .premix-welcome-element h3 {
        font-size: 2em;
    }

    .premix-welcome-element h2 {
        font-size: 1.8em;
    }

    .premix-welcome-element h1 {
        font-size: 3em;
    }

    .home section.premix-latest-news-section.section-padding .row>div:last-child .premix-single-latest-news {
        margin: 0 auto;
        float: none;
        width: 50%;
    }

    .home section.premix-latest-news-section.section-padding .row>div:last-child {
        width: 100%;
    }

    .premix-single-footer-bottom {
        margin-bottom: 40px;
    }

    .premix-image-gallery ul li {
        width: 19%;
    }

    .premix-event-column,
    .premix-next-event ul li .premix-event-column:nth-of-type(4) {
        width: 50%;
    }

    .premix-pricing-table-head:before,
    .premix-pricing-table-head:after {
        width: 213px;
    }

    .premix-pricing-table-wraper {
        margin-bottom: 50px;
    }

    .woocommerce-message {
        line-height: 40px;
    }

    .premix-contact-us-area {
        margin-bottom: 50px;
    }

    .countdown-container {
        width: 100%;
    }

    .premix-single-fun-factory h3:before {
        font-size: 5em;
    }

    .premix-single-contact-details p {
        margin-bottom: 10px;
    }

    .premix-single-contact-details h3 {
        margin-bottom: 40px;
    }

    .premix-menu ul li ul {
        ;
        transition: inherit;
        transform: inherit;
    }

    .premix-menu ul li:hover ul {
        transform: inherit;
    }

    .premix-event-time {
        background-color: #fff;
        color: #E54148;
    }

    ul.slimmenu li .sub-toggle>i {
        color: #fff;
    }

    .premix-welcome-section.premix-innner-page,
    .premix-innner-page .premix-welcome-element {
        height: 400px;
    }

    .premix-countdown-timer {
        padding: 55px 0;
    }

    .timer-count {
        font-size: 3.5em
    }

    ul.slimmenu li .sub-toggle>i {
        font-size: 12px;
    }

    .premix-border-single-page-img img {
        margin: auto;
        display: block;
        margin-bottom: 50px;
    }

    .premix-event-single-right-heading {
        width: 100%;
    }

    .premix--single-details-txt p {
        width: 24%;
        float: left;
    }

    .woocommerce-message {
        font-size: 1.13em;
    }

    .premix-twitter-feed {
        padding: 100px 0;
    }

    .premix-single-artist {
        width: 80%;
    }

    .premix-single-artist-details {
        font-size: 14px;
    }

    .Megha {
        width: 40%;
    }

    .mam {
        margin-bottom: -25px;
    }

    .sumit {
        margin-bottom: -16px;
    }
}


/*Use if needed*/

@media (max-width: 979px) {
    .preloader_container {
        width: 60%;
    }

    .preloader_content__container__list__item {
        font-size: 30px;
    }
}


/*For Wide Mobile Layout*/

@media (max-width: 767px) {
    .premix-main-menu-area {
        height: 50px;
    }

    .premix-menu ul li a {
        padding: 9px 15px;
    }

    .logo {
        padding: 0 0;
    }

    .logo img {
        width: 150px;
    }

    header.premix-main-menu-area.fixedMenu .logo {
        padding: 0 0;
    }

    header.premix-main-menu-area.fixedMenu .premix-menu ul>li>a {
        padding: 34px 15px;
    }

    .premix-section-heading h2 {
        font-size: 3em;
        min-height: 38px;
    }

    /* .premix-our-story-right img,
    .premix-our-story-center img,
    .premix-our-story-left img {
        width: 50%;
    } */
    .premix-our-story-center img {
        margin-top: 100px;
    }

    .premix-welcome-section #homepage-player-container {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    #premix-player-index .aplayer-info {
        margin-left: 120px;
    }

    .premix-next-event ul li,
    .premix-event-column img {
        height: auto;
        overflow: hidden;
    }

    .premix-next-event ul li>div,
    .premix-event-column img {
        height: auto;
        min-height: 120px;
    }

    .premix-single-atist-post .premix-social-list ul li a {
        padding: 1px 6px;
    }

    .premix-single-atist-post .premix-event-single-right-heading h3 {
        font-size: 14px;
    }

    .woocommerce a.remove {
        line-height: 23px;
    }

    .premix-menu {
        display: none;
    }

    .premix-menu-section {
        position: inherit;
    }

    .premix-menu.premix-mobile-menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
    }

    .menu-collapser {
        padding: inherit;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        background-color: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.slimmenu.collapsed li a {
        display: inherit;
        border-bottom: inherit;
    }

    ul.slimmenu li {
        background-color: inherit;
    }

    ul.slimmenu li a {
        font-size: inherit;
        font-weight: inherit;
        text-align: left;
    }

    ul.slimmenu li a:hover {
        background-color: inherit;
    }

    ul.slimmenu.collapsed li {
        border: none;
    }

    .premix-menu ul li a i {
        display: none;
    }

    .premix-menu ul li ul {
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        text-align: right;
    }

    ul.slimmenu li ul li {
        background: inherit;
    }

    header.premix-main-menu-area.fixedMenu .premix-menu ul>li>a {
        padding: 9px 15px;
    }

    .premix-menu ul li ul li a {
        padding-right: 65px !important;
        font-size: 14px;
    }

    ul.slimmenu {
        position: absolute;
        background-color: #171717;
        width: 100%;
        top: 50px;
        z-index: 999;
    }

    header.premix-main-menu-area.fixedMenu ul.slimmenu {
        top: 50px;
    }

    .collapse-button {
        top: 28px;
        background-color: #171717;
        transition: all .4s;
        right: 15px;
    }

    header.premix-main-menu-area.fixedMenu .collapse-button {
        top: 28px;
    }

    .premix-welcome-element h3 {
        font-size: 1.2em;
        letter-spacing: 2px;
    }

    .premix-welcome-element h2 {
        font-size: 1.5em;
        letter-spacing: 5px
    }

    .premix-welcome-element h1 {
        font-size: 2.3em;
    }

    .home section.premix-latest-news-section.section-padding .row>div:last-child .premix-single-latest-news {
        margin: 0 auto;
        float: none;
        width: 50%;
    }

    .home section.premix-latest-news-section.section-padding .row>div:last-child {
        width: 100%;
    }

    .premix-single-footer-bottom {
        margin-top: 40px;
    }

    .premix-image-gallery ul li {
        width: 19%;
    }

    .premix-event-column,
    .premix-next-event ul li .premix-event-column:nth-of-type(4) {
        width: 100%;
    }

    .premix-pricing-table-head:before,
    .premix-pricing-table-head:after {
        width: 191px;
    }

    .premix-pricing-table-wraper {
        width: 300px;
        margin: auto;
        margin-bottom: 50px;
    }

    .woocommerce-message {
        line-height: 40px;
    }

    .premix-contact-us-area {
        margin-bottom: 50px;
    }

    .premix-our-contact-section .premix-contact-us-area {
        margin: 0;
    }

    .countdown-container {
        width: 100%;
    }

    .premix-single-fun-factory h3:before {
        font-size: 5em;
    }

    .premix-single-contact-details p {
        margin-bottom: 10px;
    }

    .premix-single-contact-details h3 {
        margin-bottom: 40px;
    }

    .premix_player_next {
        left: calc(120px - 31px);
    }

    #premix-player-index .aplayer-pic {
        width: 120px;
    }

    .premix-section-heading h2:before {
        font-size: 30px;
    }

    .premix-news-img img {
        width: 100%;
    }

    .premix-purchase-now-section {
        text-align: center;
    }

    .premix-purchase-now-section .premix-btn.white-border-btn {
        margin-top: 25px;
    }

    .premix-our-team-main-wraper img {
        width: 100%;
    }

    .premix-sponsor-img {
        margin-bottom: 20px;
    }

    .timer-count {
        font-size: 3em;
    }

    .premix-single-event-post .premix-single-details {
        width: 100%;
        margin-bottom: 50px;
    }

    .premix--single-details-txt .orange-btn {
        font-size: 1.2em;
        padding: 8px 18px;
    }

    .premix-btn.next-and-prev-btn {
        padding: 9px 30px;
        width: 140px;
    }

    .premix-border-single-page-img {
        margin-bottom: 50px;
    }

    .aplayer {
        margin: 0;
    }

    .premix-border-single-page-img img {
        display: block;
        margin: auto;
    }

    .premix-single-fun-factory {
        margin-bottom: 50px;
    }

    .premix-fun-factory>.row>div:last-child .premix-single-fun-factory {
        margin: 0;
    }

    .premix-single-contact-details {
        margin-bottom: 50px;
    }

    .premix-contact-and-address>.row>div:last-child .premix-single-contact-details {
        margin: 0;
    }

    .premix-contact-and-address {
        padding-top: 0;
    }

    .premix-error-page .premix-section-heading h2 {
        font-size: 4em;
        line-height: 155px;
    }

    .premix-error-page p {
        font-size: 1.3em;
    }

    .premix-error-page .premix-btn.light-red-btn {
        padding: 8px 20px;
    }

    .premix-single-feature-product-img {
        width: 25%;
    }

    .premix-product-review #description {
        width: 100%;
    }

    #reviews {
        width: 100%;
    }

    table.shop_table_responsive tr td {
        display: block;
        text-align: center;
    }

    .shop_table thead {
        display: none;
    }

    .coupon>input {
        width: 47%;
        float: left;
    }

    .coupon {
        display: block;
        float: none;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 0 !important;
    }

    .cart-collaterals {
        width: 70%;
    }

    .button.wc-forward,
    .button.wc-backward {
        padding: 8px 13px !important;
        display: block !important;
        font-size: 14px !important;
    }

    .woocommerce-message {
        padding: 18px !important;
        line-height: 1.2 !important;
        font-size: 16px;
    }

    .premix-innner-page p {
        font-size: 1em;
    }

    .section-padding {
        padding: 70px 0px;
    }

    .content-margin-top {
        margin-top: 50px;
    }

    .premix-menu ul li ul {
        ;
        transition: inherit;
        transform: inherit;
    }

    .premix-menu ul li:hover ul {
        transform: inherit;
    }

    ul.slimmenu li .sub-toggle>i {
        color: #fff;
    }

    .home section.premix-latest-news-section.section-padding .row>div:last-child .premix-single-latest-news {
        width: 100%;
    }

    .premix-welcome-section.premix-innner-page,
    .premix-innner-page .premix-welcome-element {
        height: 300px;
    }

    .premix-countdown-timer {
        padding: 55px 0;
    }

    .timer-count {
        font-size: 3em
    }

    ul.slimmenu li .sub-toggle>i {
        font-size: 12px;
    }

    .woocommerce-message {
        font-size: 1.13em;
    }

    tr.cart_item:nth-child(odd) {
        background-color: #333;
    }

    .premix-footer-bottom-section {
        color: #fff;
        padding: 50px 0;
    }

    ul.slimmenu {
        max-height: calc(100vh - 120px);
        overflow-y: scroll;
        transition: all .4s;
    }

    .premix-twitter-feed {
        padding: 80px 0;
    }

    .premix-welcome-section,
    .premix-welcome-element,
    .kenburnsy {
        min-height: 550px;
    }

    .preloader_container {
        width: 60%;
    }

    .preloader_content__container__list__item {
        font-size: 30px;
    }
}


/*For 320-384px up Mobile Layout*/

@media (max-width: 479px) {
    .premix-sponsor-img img {
        width: 60px;
    }

    .premix-sponsor-img h4 {
        font-size: 12px;
    }

    .premix-latest-news-header h4 {
        font-size: .9em;
    }

    .premix-purchase-now-section p {
        font-size: 1em;
    }

    .premix-image-gallery ul li {
        width: 32%;
    }

    #premix-player-index .aplayer-info {
        margin-left: inherit;
        width: 100%;
        position: inherit;
        float: none;
        clear: both;
        bottom: 0;
        padding-left: 0 !important;
        padding-top: 30px !important;
    }

    .aplayer-list ol li span {
        font-size: 11px;
    }

    .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
        vertical-align: middle;
        display: none;
    }

    .premix-welcome-section #homepage-player-container {
        z-index: 1;
        overflow: visible;
        left: inherit;
    }

    .premix_player_next {
        left: inherit;
        right: 0;
    }

    #premix-player-index .aplayer-pic {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -34px;
    }

    .premix-welcome-element h2,
    .premix-welcome-element h1,
    .premix-welcome-element h3 {
        margin-bottom: 20px;
    }

    .premix-btn.light-red-btn {
        padding: 6px 20px;
        font-size: 1em;
    }

    .premix-event-date h4 {
        padding: 25px;
        width: 100%;
    }

    .premix-event-time h3 {
        font-size: 3em;
    }

    .premix-btn.next-and-prev-btn {
        padding: 8px 24px;
    }

    .contact-field-left-side,
    .contact-field-right-side {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .premix-single-feature-product-img {
        width: 35%;
    }

    .premix-tab a {
        width: 144px !important;
    }

    .coupon>input {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .cart-collaterals {
        width: 100%;
    }

    .button.wc-forward,
    .button.wc-backward {
        text-align: center;
    }

    .premix_player_next {
        right: calc(50% - 80px);
    }

    .premix_player_prev {
        left: calc(50% - 80px);
    }

    .timer-count {
        font-size: 2em
    }

    .woocommerce .cart .button,
    .woocommerce .cart input.button {
        width: 100%;
    }

    ul.slimmenu {
        max-height: inherit;
        overflow-x: auto;
    }

    .timer-text {
        font-size: 0.5em;
    }

    /*.premix-latest-album-single-item,
    .premix-latest-artist-single-item {
        width: 100%;
    }*/
    .premix-single-artist {
        width: 100%;
    }

    .premix-single-artist-details {
        margin-bottom: -10px;
        font-size: 15px;
    }

    .sumit {
        margin-bottom: -10px;
        font-size: 15px;
    }

    .Megha {
        width: 95%;
    }

    .mam {
        margin-bottom: -15px;
    }

    /*.allied {
        margin-left: 22%;
    }*/

    .preloader_container {
        width: 80%;
    }

    .preloader_content__container__list__item {
        font-size: 22px;
    }
}

@media (max-width: 379px) {
    .preloader_container {
        width: 90%;
    }
    .preloader_content__container__list__item {
        font-size: 18px;
    }
}

@media (max-width: 349px) {
    .preloader_container {
        width: 90%;
    }
}

#loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1;
    overflow: visible;
    background: #fff url('loader.gif') no-repeat center center;
}


.screen {
    position: relative;
    background: #3e3e3e;
    border-radius: 15px;
}

.screen:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .4);
    z-index: -1;
}

.screen-header {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: #4d4d4f;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.screen-header-left {
    margin-right: auto;
}

.screen-header-button {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    border-radius: 8px;
    background: white;
}

.screen-header-button.close {
    background: #ed1c6f;
}

.screen-header-button.maximize {
    background: #e8e925;
}

.screen-header-button.minimize {
    background: #74c54f;
}

.screen-header-right {
    display: flex;
}

.screen-header-ellipsis {
    width: 3px;
    height: 3px;
    margin-left: 2px;
    border-radius: 8px;
    background: #999;
}

.screen-body {
    display: flex;
}

.screen-body-item {
    flex: 1;
    padding: 50px;
}

.screen-body-item.left {
    display: flex;
    flex-direction: column;
}

.app-title {
    display: flex;
    flex-direction: column;
    position: relative;
    color: #ea1d6f;
    font-size: 26px;
}

.app-title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 25px;
    height: 4px;
    background: #ea1d6f;
}

.app-contact {
    margin-top: auto;
    font-size: 8px;
    color: #888;
}

.app-form-group {
    margin-bottom: 15px;
}

.app-form-group.message {
    margin-top: 40px;
}

.app-form-group.buttons {
    margin-bottom: 0;
    text-align: left;
}

.app-form-control {
    width: 100%;
    padding: 10px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #666;
    color: #ddd;
    font-size: 14px;
    text-transform: uppercase;
    outline: none;
    transition: border-color .2s;
}   

.app-form-control::placeholder {
    color: #666;
}

.app-form-control:focus {
    border-bottom-color: #ddd;
}

.app-form-button {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    margin-top: 15px;
    display: inline;
    padding: 8px 20px;
    background-color: #d65525;
}

.app-form-button:hover {
    color: #c7c7c7;
    background-color: #af3a10;
}

.credits {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: #ffa4bd;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.credits-link {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.dribbble {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

@media screen and (max-width: 520px) {
    .screen-body {
        flex-direction: column;
    }

    .screen-body-item.left {
        margin-bottom: 30px;
    }

    .app-title {
        flex-direction: row;
    }

    .app-title span {
        margin-right: 12px;
    }

    .app-title:after {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .screen-body {
        padding: 40px;
    }

    .screen-body-item {
        padding: 0;
    }
}