/*
|--------------------------------------------------------------------------
| Template Name: Premix
|--------------------------------------------------------------------------
|
| Template URI: http://demo.pressionate.com/html/premix
| Author: Pressionate
| Author URI: https://pressionate.com
| Description: Full Responsive Music Event HTML5 Template
| Version: 1.1
|
*/
/*
|-----------------------------------------------------------------------
|  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: #171717;
}
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: #E01E25;
}
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%;
}
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: 50px 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;
}
.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-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;
  }
}
/*
|-----------------------------------------------------------------------
|  3. Section Heading
|-----------------------------------------------------------------------
*/
.premix-section-heading h2{
	margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
    font-size: 6em;
    color: #282828;
    font-weight: 700;
    letter-spacing: 10px;
    text-transform: uppercase;
    line-height: .8;
    min-height: 74px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.premix-section-heading h2:before{
    position: absolute;
    content: attr(data-titles);
    font-size: 28px;
    width: 100%;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5px;
    color: #fff;
    bottom: 5px;
    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;
}
.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: 92px;
}
header.premix-main-menu-area.fixedMenu .logo {
    padding: 5px 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: 122px;
	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: #E54148;
}
.premix-menu ul li ul li:hover{
	background-color: #D4373F;
}
.premix-menu ul li ul li{
	width: 100%;
	transition: all .4s ease-out;
}
.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: 50px 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: 12px 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;
}
/*
|-----------------------------------------------------------------------
|  Our Artist
|-----------------------------------------------------------------------
*/
.premix-single-artist{
	position: relative;
	overflow: hidden;
	margin-bottom: 60px;
	display: block;
}
.premix-single-artist{
	border: 2px solid #fff;
	transition: all .4s ease-in;
}
.premix-single-artist:hover{
	border-color: #E54148; 
}
.premix-single-artist-details{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	transition: all .3s ease-in;
}
.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 .4s 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%;
}
#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 .4s 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{
	background-color: #e01e26;
	padding: 20px 0;
}
.premix-album-details h4{
	margin: 0;
	color: #fff;
	font-size: 1.067em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 10px;
	transition: all .4s ease-in;
}
.premix-album-details p{
	margin: 0;
	color: #fff;
	font-size: 0.933em;
	word-spacing: 5px;
}
.premix-single-album{
	border: 2px solid #fff;
	margin-bottom: 60px;
	display: block;
}
.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(255,0,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: #E54148;
}
/* OUR STORY */
.premix-our-story-left p{
	margin: 0;
	text-align: justify;
	line-height: 2;
	word-spacing: 1px;
}
.premix-our-story-right img {
    display: block;
    margin: 30px auto;
    margin-bottom: 0;
}
/*
|-----------------------------------------------------------------------
|  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: #E11E26;
	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: #E01E25;
	color: #fff;
	padding: 20px 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: 40px 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;
}
.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: #E7E7E7;
	font-size: 1.067em;
	font-weight: 300;
	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;
}
.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;
}
.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;
}
.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;
}
/*
|-----------------------------------------------------------------------
|  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: 15px;
	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_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-menu ul li a {
    padding: 50px 13px;
}
header.premix-main-menu-area.fixedMenu .premix-menu ul > li > a {
    padding: 34px 13px;
}
.premix-section-heading h2 {
    font-size: 6em;
    min-height: 73px;
}
.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;
}
}
/*For Tablet Layout*/
@media (min-width: 768px) and (max-width: 991px) {	
.premix-menu ul li a {
    padding: 9px 15px;
    text-align: left;
}
header.premix-main-menu-area.fixedMenu .premix-menu ul > li > a {
    padding: 34px 15px;
}
.premix-section-heading h2 {
    font-size: 6em;
    min-height: 73px;
}
.premix-welcome-section #homepage-player-container {
    width: 70%;
}
#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: 122px;
    z-index: 999;
}
header.premix-main-menu-area.fixedMenu ul.slimmenu {
    top: 92px;
}
.collapse-button {
    top: 61px;
    background-color: #171717;
    transition: all .4s;
    right: 15px;
}
header.premix-main-menu-area.fixedMenu .collapse-button{
    top: 46px;
}
.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;
}
}
/*Use if needed*/
@media (max-width: 979px) {
}
/*For Wide Mobile Layout*/
@media (max-width: 767px) {
.premix-menu ul li a {
    padding:9px 15px;
}
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-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: 122px;
    z-index: 999;
}
header.premix-main-menu-area.fixedMenu ul.slimmenu {
    top: 92px;
}
.collapse-button {
    top: 61px;
    background-color: #171717;
    transition: all .4s;
    right: 15px;
}
header.premix-main-menu-area.fixedMenu .collapse-button{
    top: 46px;
}
.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-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: 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: 18px;
}
.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;
        margin-top: 343px;
}
.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: 566px
}
}
/*For 320-384px up Mobile Layout*/
@media (max-width: 479px) {
.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%;
}
}