/* Minification failed. Returning unminified contents.
(12,35): run-time error CSS1046: Expect comma, found '0'
(12,39): run-time error CSS1046: Expect comma, found '/'
(12,66): run-time error CSS1046: Expect comma, found '0'
(12,70): run-time error CSS1046: Expect comma, found '/'
(13,43): run-time error CSS1046: Expect comma, found '0'
(13,47): run-time error CSS1046: Expect comma, found '/'
(13,74): run-time error CSS1046: Expect comma, found '0'
(13,78): run-time error CSS1046: Expect comma, found '/'
(351,1): run-time error CSS1019: Unexpected token, found '}'
 */
.rsPlayerResponsive {
    height: 4em;
    /* width: 350px; */
    margin-top: auto;
    margin-bottom: auto;
    background: #f39c12;
    position: relative;
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    /*padding: 10px;*/
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*border-radius: 5px;*/
    border-top: red solid 3px;
}

#rsbtplay {
    position: absolute;
    height: 75px;
    width: 75px;
    top: -75%;
    border-radius: 50%;
    background: rgba(0, 0, 0);
    /*padding: 5px;*/
    text-align: center;
    border: red solid 6px;
}
#rsWrapper{
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

@keyframes slide {
  from { left:100%; transform: translate(0, 0); }
  to { left: -100%; transform: translate(-100%, 0); }
}
@-webkit-keyframes slide {
  from { left:100%; transform: translate(0, 0); }
  to { left: -100%; transform: translate(-100%, 0); }
}

/******************************************
    volume range slider css
******************************************/
#volCtrl {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: rgba(59,173,227,1);
  background: -moz-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,227,1)), color-stop(25%, rgba(87,111,230,1)), color-stop(51%, rgba(152,68,183,1)), color-stop(100%, rgba(255,53,127,1)));
  background: -webkit-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: -o-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bade3 ', endColorstr='#ff357f ', GradientType=1 );
  height: 2px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-moz-range-track {
  -moz-appearance: none;
  background: rgba(59,173,227,1);
  background: -moz-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,227,1)), color-stop(25%, rgba(87,111,230,1)), color-stop(51%, rgba(152,68,183,1)), color-stop(100%, rgba(255,53,127,1)));
  background: -webkit-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: -o-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bade3 ', endColorstr='#ff357f ', GradientType=1 );
  height: 2px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 2px solid;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  max-width: 80px;
  position: relative;
  bottom: 11px;
  background-color: #1d1c25;
  cursor: -webkit-grab;

  -webkit-transition: border 1000ms ease;
  transition: border 1000ms ease;
}

input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  border: 2px solid;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  max-width: 80px;
  position: relative;
  bottom: 11px;
  background-color: #1d1c25;
  cursor: -moz-grab;
  -moz-transition: border 1000ms ease;
  transition: border 1000ms ease;
}

/*************************************/

#volLable.blue {
   color: rgb(59,173,227);
}

#volLable.ltpurple {
   color: rgb(87,111,230);
}

#volLable.purple {
   border-color: rgb(152,68,183);
   color: rgb(152,68,183);
}

#volLable.pink {
   border-color: rgb(255,53,127);
   color: rgb(255,53,127);
}

/************************************/

.range.blue::-webkit-slider-thumb {
   border-color: rgb(59,173,227);
   color: rgb(59,173,227);
}

.range.ltpurple::-webkit-slider-thumb {
   border-color: rgb(87,111,230);
   color: rgb(87,111,230);
}

.range.purple::-webkit-slider-thumb {
   border-color: rgb(152,68,183);
   color: rgb(152,68,183);
}

.range.pink::-webkit-slider-thumb {
   border-color: rgb(255,53,127);
   color: rgb(255,53,127);
}

.range.blue::-moz-range-thumb {
   border-color: rgb(59,173,227);
   color: rgb(59,173,227);
}

.range.ltpurple::-moz-range-thumb {
   border-color: rgb(87,111,230);
   color: rgb(87,111,230);
}

.range.purple::-moz-range-thumb {
   border-color: rgb(152,68,183);
   color: rgb(152,68,183);
}

.range.pink::-moz-range-thumb {
   border-color: rgb(255,53,127);
   color: rgb(255,53,127);
}

input[type=range]::-webkit-slider-thumb:active {
  cursor: -webkit-grabbing;
}

input[type=range]::-moz-range-thumb:active {
  cursor: -moz-grabbing;
}
@-webkit-keyframes liveBlink{
  0%   {color:rgb(59,173,227);}
  16.66%   {color:rgb(87,111,230);}
  33.32%  {color:rgb(152,68,183); }
  50% {color:#E71837;}
  66.66%  {color:rgb(152,68,183); }
  83.32%   {color:rgb(87,111,230);}
  100%   {color:rgb(59,173,227);}

}
@-moz-keyframes liveBlink {
  0%   {color:rgb(59,173,227);}
  16.66%   {color:rgb(87,111,230);}
  33.32%  {color:rgb(152,68,183); }
  50% {color:#E71837;}
  66.66%  {color:rgb(152,68,183); }
  83.32%   {color:rgb(87,111,230);}
  100%   {color:rgb(59,173,227);}
}

@keyframes liveBlink {
  0%   {color:rgb(59,173,227);}
  16.66%   {color:rgb(87,111,230);}
  33.32%  {color:rgb(152,68,183); }
  50% {color:#E71837;}
  66.66%  {color:rgb(152,68,183); }
  83.32%   {color:rgb(87,111,230);}
  100%   {color:rgb(59,173,227);}
}



.glow {
    padding-right: 5px;
    color: #fff;
    text-align: center;
    animation: glow 3s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    color: #fff;
  }
  
  to {
    color: #00fc0d;
  }
}
@-moz-keyframes glow {
  from {
    color: #fff;
  }
  
  to {
    color: #00fc0d;
  }
}

@keyframes glow {
  from {
    color: #fff;
  }
  
  to {
    color: #00fc0d;
  }
}

/***************************************************/

@media only screen and (max-width:599px) {
    #coverimage,
    #rsTitle span {
        font-size: 75% !important;
        font-weight: normal !important;
    }
    .scrollingtext {
      position:absolute;
      font-weight: normal !important;
      margin-top: 3px;
      white-space: nowrap;
      /*height:120px;*/
      font-size:100% !important;
      animation-name: slide;
      animation-duration: 30s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      -webkit-animation-name: slide;
      -webkit-animation-duration: 30s;
      -webkit-animation-timing-function:linear;
      -webkit-animation-iteration-count: infinite;
    }
      #trkWrapper .marquee {
            height: 50px;
            overflow: hidden;
            position: relative;
            background-color: transparent;
            color: #333;
        }
        
      #trkWrapper .marquee p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            text-align: left;
            font-size: small !important;
            font-weight: normal !important;
            margin-top: 6px;
            white-space: nowrap;
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 2s linear infinite;
            -webkit-animation: scroll-left 2s linear infinite;
            animation: scroll-left 10s linear infinite;
        }
        
        @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }


    #rsWrapper #volWrapper {
        padding-right: 0 !important;
        width: auto !important;
        text-align: left !important;
        margin-left: -40% !important;

    }
    #rsWrapper #volCtrl {
        width: 70% !important;
        margin-top: 0 !important;
    }
    #rsWrapper #liveWrapper {
        display: none !important;
    }
    #rsWrapper #trkWrapper {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

