/*
|--------------------------------------------------------------------------
| Template Name: Premix
|--------------------------------------------------------------------------
|
| Template URI: http://xpeedstudio.com/wp/premix/
| Author: XpeedStudio
| Author URI: https://xpeedstudio.com
| Description: Full Responsive Music Event WordPress Theme
|
*/
/*
|-----------------------------------------------------------------------
|  1. Typography
|-----------------------------------------------------------------------
*/
:root{
    font-size: 16px;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5;
    color: #BBBBBB;
    overflow-x: hidden;
    background-color: #171717;

}
p{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
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%;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
strong {
    color: #222222;
}
h1{
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.75rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}
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;
}
.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: 8em;
    color: #282828;
    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: 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 .premix-menu ul li ul ul {
    top: 0;
}
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: 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: 35px 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: 60px;
}
.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:nth-child(1),
.premix-single-artist .premix-artist-social-details ul li:nth-child(2),
.premix-single-artist .premix-artist-social-details ul li:nth-child(3),
.premix-single-artist .premix-artist-social-details ul li:nth-child(4){
    bottom: -120px;
    transition: all .4s ease-out;
    z-index: 1;
    position: absolute;
}
.premix-single-artist:hover .premix-artist-social-details ul li:nth-child(1){
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .3s;
    bottom: 140px;
}
.premix-single-artist:hover .premix-artist-social-details ul li:nth-child(2){
    bottom: 100px;
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
}
.premix-single-artist:hover .premix-artist-social-details ul li:nth-child(3){
    bottom: 60px;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) .1s;
}
.premix-single-artist:hover .premix-artist-social-details ul li:nth-child(4){
    bottom: 20px;
    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: #FFFFFF;
    padding: 20px 0;
}
.premix-album-details h4{
    margin: 0;
    color: #504F4F;
    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: #606060;
    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;
    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: 500;
    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%;
    max-height: 120px;
}
.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;
    min-height: 52px;
}
.premix-latest-news-header ul li{
    display: inline-block;
    padding-right: 20px;
}
.premix-latest-news-header ul li a{
    color: #CFCFCF;
    font-size: 0.933em;
}


.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: 25px;
    text-transform: uppercase;
    transition: all .4s;
}
.premix-btn.readmore-btn:hover{
    color: #E54148;
}
.readmore-btn:before{
    position: absolute;
    content: "\f101";
    top: 5px;
    left: 10px;
    font-family: 'FontAwesome';
}
.premix-single-latest-news {
    margin-bottom: 60px;
    display: block;
    /*min-height: 600px;*/
}
/*
|-----------------------------------------------------------------------
|  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 60px 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;
    margin: 0 3px;
}
.premix-single-footer-bottom .premix-social-list{
    margin-top: 40px;
}
.premix-social-list ul li a {
    background-color: #2A2A2A;
    color: #000000;
    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: 300;
}
.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 #333333;
    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 button{
    background-color: transparent;
    border: 1px solid #E54148;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.067em;
    letter-spacing: 1px;
    padding: 8px 20px;
    border-radius: 5px;
    width: auto;
    margin: 0 auto;
    display: block;
    transition: all .4s ease-out;
}
.premix-contact-us-area button: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: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    position: relative
}
.premix-single-contact-details p{
    margin: 0;
    margin-bottom: 10px;
    font-weight: 300;
    position: relative;
}
#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;
    text-transform: uppercase;
}
.premix-product-details p{
    margin: 0;
    color: #606060;
    margin-top: 10px;
}

.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 .add_to_cart_button{
    top: -50px;
    position: relative;
    transition: all .4s ease-out;
    opacity: 0;
}
.premix-product-grid-hover-content .add_to_cart_button{
    top: 50px;
}
.premix-product-grid:hover .hover-top{
    top: 0px;
    opacity: 1;
}
.premix-product-grid:hover .add_to_cart_button{
    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;
    padding-top:50px
}

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

}
.premix-single-event-details h4{
    font-size: 0.933em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 50px;
}
.premix-single-details p{
    margin-bottom: 25px;
    line-height: 1.8;
}
.premix-single-blog-page strong{
    color: #BBBBBB;
}
.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.evnt-btn {padding: 15px 25px;}
.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{
    max-width: 100%;
    border: 2px solid #E54148;
    margin-bottom: 60px;
}
.premix-social-list span{
    height: 1px;
    width: 50%;
    background-color: #636262;
    display: block;
    margin-top: 40px;
}
.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: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    border-bottom: 1px solid #B4B3B3;
    margin-bottom: 25px;
}
.premix-side-bar-menu ul li{
    padding: 0 0 10px;
    line-height: 1;
}
.premix-side-bar-menu ul li a{
    text-transform: uppercase;
    position: relative;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #c5c5c5;
}
.premix-side-bar-menu ul li:before{
    content: "\f105";
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
    padding-right: 8px;
}
.premix-single-blog-page-element .tagcloud {margin: 30px 0;}
.tagcloud 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;
}
.tagcloud a:hover{
    background-color: #E54148;
}
.premix-single-blog-page-element .premix-single-details{
    margin-bottom: 84px;
    padding-top: 20px;
}
/*
|-----------------------------------------------------------------------
|  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;
}
.reply a.comment-reply-link{
    color: #E54148 !important;
    text-transform: uppercase;
    margin-left: 25px;
}
.reply a.comment-reply-link 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.5em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.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;
}
.aplayer .aplayer-pic {
    background-image: none !important;
}
.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: 300;
    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;
    min-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;
    max-width: 275px;
}
.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-element #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;
    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;
    padding-left: 20px;
    margin-top: 23px !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: #f7f6f7;
    color: #515151;
    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 ;
    background-color: #fff ;
}
.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: 168px;
    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-table-wraper p{
    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;
}

.premix-single-contact-details {
    position: relative;
}
.premix-single-contact-details i{
    position: absolute;
    font-size: 100px;
    color: #424242;;
}
.premix-single-contact-details {
    color: #fff;
}
/*
|-----------------------------------------------------------------------
|  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: 2em;
        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;
    }
    .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;    background: #444444;padding: 10px;}
    .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;
    }
}
/*For 320-384px up Mobile Layout*/
@media (max-width: 479px) {
    .premix-welcome-element .premix-section-heading h2{letter-spacing: 1px;}
    .aplayer .aplayer-info .aplayer-music span{font-size: 10px !important;}
    .premix-section-heading h2{letter-spacing: 2px;}
    .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%;
    }
}
.sections {padding: 80px 0;}

.premix-welcome-element .premix-section-heading h2{min-height:auto}
.premix-welcome-element .premix-section-heading h2:before{display: none;}

.meta-categories i {color: #CFCFCF;}

.comment-form input.coment-btn {
    padding: 15px 25px;
    border: none;
    font-family: 'Dosis', sans-serif;
}
.premix-welcome-section {
    background-image: url(../img/single-page-bg.png);
}
.premix-news-img img{max-height: 180px;}
.premix-single-blog-page .blog-meta{padding: 0}
.blog-meta i, .premix-latest-news-header ul li a{color: #fff;}
.sticky > i {font-size: 20px;}
.premix-single-blog-page article ul {list-style: initial; padding-left: 40px;}
/*ul.children, ul.sub-menu{padding-left: 15px}*/
.blog-pagination{    display: block;overflow: hidden;}
.blog-pagination .pagination-list li{background: #525252;}
.blog-pagination .pagination-list li a{padding: 10px 15px;display: block;}
.blog-pagination .pagination-list li.active{background: #E54148;}

.premix-btn.readmore-btn.no-border{
    border: none;
}
.page .entry-content {
    margin-bottom: 45px;
}
.page .comments-area {
    margin-top: 20px;
    overflow: hidden;
}

.premix-contact-us-area label {width: 100%}
.equalcols .col-md-4{min-height: 605px}

ul.slimmenu li .sub-toggle>i {color: #fff;}
.premix-single-details h3{margin-top: 0px;margin-bottom: 30px;}
.premix-countdown-timer-home{    text-align: center;color: #fff;    margin-top: 50px;}
.premix-countdown-timer-home.countdown-container {width: 40%;}
.premix-countdown-timer-home .timer-count{font-size: 40px; background-color: #E54148;height: 60px;padding-top: 30px;width: 10%;margin-bottom: 40px;padding-bottom: 50px;}
.premix-countdown-timer-home .timer-text {padding-top: 40px;background-color: rgba(229, 65, 72, 0.89);padding-bottom: 10px;}
@media (max-width: 768px) {
    .premix-countdown-timer-home.countdown-container {width: 80%;}
    .premix-countdown-timer-home .timer-count{width: 20%;}
    .premix-countdown-timer-home .timer-text {font-size: 12px;}
    .premix-welcome-element #homepage-player-container{left: 5%;width: 90%;margin-left:0%; }
    .menu-collapser{top: 0px;position: absolute;}

}
.h4, h4 {
    font-size: 20px;
    line-height: 30px;
}
.fw-special-title-half h4{margin-top: 0;}
.home-element .sections{    
    height: calc(100% + 123px);
    display: table;
    height: 100%;
    width: 100%;
}
.home-element .fw-row{     
    display: table-cell;
    vertical-align: middle;
}
/**
 *
 * Woocommerch Css
 *
 */

.premix-product-grid-hover-content a.added_to_cart.wc-forward {
    display: none;
}
.premix-product-details ins {
    text-decoration: none;
}
.premix-product-details span {
    width: 100%;
    display: inline;
    margin: 0 auto;
    color: #504F4F;
    padding: 0px 5px;
}
.woocommerce a.button {
    background-color: #E54148;
    border: 0px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 5px;
    transition: all .4s;
    display: block;
    width: 143px;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0 auto 10px;
    padding: 11px 0px;
    color: #fff;
}
.woocommerce a.button:hover{
    background-color: #fff !important;
    color: #E54148 !important;
}
.woo-sidebar aside {
    width: 100%;
}
.woocommerce-page div.product div.images {
    width: 89%;
}
.premix-single-details h1 {
    margin: 0;
    /*color: #fff;*/
    /*font-size: 1.333em;*/
    font-weight: 500;
    text-transform: uppercase;
    /*margin-bottom: 30px;*/
}
.premix-single-details .price span {
    font-size: 0.933em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 50px;
}
.woocommerce button.button.alt {
    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;
}
.woocommerce .quantity .qty {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    height: 40px;
    width: 90px;
    color: #fff;
    padding: 0 15px;
    margin-right: 30px;
}
.woocommerce button.button.alt:hover{
    background-color: #fff;
    color: #E54148;
}

.premix-product-review ul li.additional_information_tab a {
    border-radius: 0 0px 0px 0 !important;
}

.premix-product-review ul li.reviews_tab a{
     border-radius: 0 5px 5px 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.premix-product-review table.shop_attributes td p{
    margin-bottom: 0px !important;
}

.woocommerce div.product form.cart .variations select{
    background-color: #171717;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    height: 40px;
    width: 90px;
    color: #fff;
    padding: 0 15px;
    margin-right: 30px;
}
.woocommerce-variation.single_variation {
    margin-bottom: 16px;
}
.woocommerce-Reviews strong.woocommerce-review__author {
    color: #777;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    margin-top: 30px;
}

.woocommerce .cart_totals .button{
    width: 100%
}

.woocommerce-cart .woocommerce .return-to-shop a.button{
    width: 166px;
}
.woocommerce-cart .woocommerce p.cart-empty {
    text-align: center;
}
.woocommerce-info {
    border-top-color: #e54148;
}
.woocommerce-info:before {
    color: #e54148;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select{
    padding: 7px;
    color: #444;
}
.woocommerce form .select2-container .select2-selection--single{
    height: 36px;
    padding: 4px 0px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    outline: 0;
}
.woocommerce input.button.alt{
    background-color: #e54148;
    color: #fff;
}
.woocommerce input.button.alt:hover{
    background-color: #fff;
    color: #e54148;
}
.woocommerce-info a {
    color: #e54148;
}
strong.product-quantity {
    color: #fff;
}
.woocommerce .button:focus {
    outline: 0;
}
.woocommerce input.button {
    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;
}
.woocommerce input.button:hover{
    background-color: #fff;
    color: #E54148;
}

.woo-sidebar .widget h3:before, .woocommerce.widget h3:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 100%;
}
.woo-sidebar .widget h3:after, .woocommerce.widget 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;
}
.woo-sidebar .widget h3, .woocommerce.widget h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.333em;
    text-align: center;
    padding: 15px 0;
    position: relative;
    margin-bottom: 40px;
    margin-top: 40px;
    color: #fff;
}

.woocommerce ul.product_list_widget li img{
    width: 70px;
}
.woocommerce ul.product_list_widget li a{
    margin-top: 15px;
}
.price_slider_amount .button {
    background: #e54148 !important;
    color: #fff !important;
}
.price_slider_amount .button:hover {
    background: #fff  !important;
    color: #e54148 !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
    color: #333;
}
.woocommerce-MyAccount-content a {
    color: #333;
}
nav.woocommerce-MyAccount-navigation ul li {
    margin-top: 12px; 
} 
nav.woocommerce-MyAccount-navigation ul li.is-active a { 
    color: #E54148;
}
.woocommerce table.my_account_orders .button, .woocommerce-MyAccount-content a.woocommerce-Button.button { 
    text-align: center; 
} 
header.woocommerce-Address-title.title h3 {
    color: #fff;
}

.woocommerce-MyAccount-content legend {
    color: #fff;
}
.woocommerce-checkout-payment ul li label {
    color: #333;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #fff;
}
form.woocommerce-ordering select {
    display: block;
    width: 100%;
    padding: 13px 0px;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #BBBBBB;
}
.product_meta span a {
    color: #bbbbbb;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
}
.woocommerce-checkout form .input-text,
.woocommerce-checkout form .select2-container--default .select2-selection--single {
    background: transparent;
    color: #bbb !important;
    border: 1px solid #333;
}
.woocommerce-checkout form .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #bbb;
}
.woocommerce ul.order_details li strong {
    color: #bbb;
}
.woocommerce table.shop_table{
    border: 1px solid #333;
}
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td{
    border-top: 1px solid #333;
}
pre{
    background: none;
    border: 0;
    font-size: 14px;
    color: #5a5a5a;
}
article ul li,
article ol li {
    line-height: 27px;
}