/* Start Owl stack page CSS code */ /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* End Owl stack page CSS code */ #stacks_in_85912{display:none} #stacks_in_85913 { margin: 20px 0px 0px 0px; } /* Start Button Press stack CSS code */ #stacks_in_85916{ text-align: center !important; } .stacks_in_85916dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #FF46E4; -webkit-box-shadow:inset 0px 1px 0px 0px #FF46E4; box-shadow:inset 0px 1px 0px 0px #FF46E4; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DA009E), color-stop(1, #BC0080) ); background:-moz-linear-gradient( center top, #DA009E 5%, #BC0080 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA009E', endColorstr='#BC0080'); background-color:#D00094; text-shadow:none; text-shadow:1px -1px 0px #A8006C; border:1px solid #B20076; color:#FFFFFF; font-size:150% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85916dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #A8006C; -webkit-box-shadow:inset 0px 1px 0px 0px #A8006C; box-shadow:inset 0px 1px 0px 0px #A8006C; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BC0080), color-stop(1, #DA009E) ); background:-moz-linear-gradient( center top, #BC0080 5%, #DA009E 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BC0080', endColorstr='#DA009E'); background-color:#D00094; color:; } /* End Button Press stack CSS code */ #stacks_in_85823 { margin: 30px 0px 0px 0px; } #stacks_in_85824 h1,#stacks_in_85824 h1 a,#stacks_in_85824 p,#stacks_in_85824 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85824 h1,#stacks_in_85824 h1 a,#stacks_in_85824 p,#stacks_in_85824 p a{ color:rgba(145, 0, 165, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85824 p a:hover, #stacks_in_85824 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85824 { margin: 30px 0px 0px 0px; } #stacks_in_85825 { font-size: 179%; } #stacks_in_85826 h6,#stacks_in_85826 h6 a,#stacks_in_85826 p,#stacks_in_85826 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85826 h6,#stacks_in_85826 h6 a,#stacks_in_85826 p,#stacks_in_85826 p a{ color:rgba(171, 57, 134, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0px 0.03em 0.05em rgba(255, 255, 255, 1.00); } #stacks_in_85826 p a:hover, #stacks_in_85826 h6 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85826 { margin: 10px 0px 0px 0px; } #stacks_in_85827 { font-size: 80%; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85828 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85828 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85828 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85828 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85828 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85828 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85828 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85828 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85828 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85828outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85828owl-stack{ height:0px; } #stacks_in_85828owl-stack .stacks_in_85828item img{ display: block; width: 100%; height: auto; } #stacks_in_85828imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85828 { margin: 20px 0px 0px 0px; } #stacks_out_85864 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85866{ text-align: center !important; } .stacks_in_85866dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85866dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85866 { margin: 20px 0px 0px 0px; } #stacks_in_85868 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_85868 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_85870 h3,#stacks_in_85870 h3 a,#stacks_in_85870 p,#stacks_in_85870 p a{ color:rgba(56, 93, 163, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85870 p a:hover, #stacks_in_85870 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85870 { margin: 30px 0px 0px 0px; } #stacks_in_85871 { font-size: 179%; } #stacks_in_85872 h3,#stacks_in_85872 h3 a,#stacks_in_85872 p,#stacks_in_85872 p a{ color:rgba(155, 151, 154, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_85872 p a:hover, #stacks_in_85872 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85872 { margin: 10px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85876 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85876 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85876 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85876 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85876 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85876 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85876 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85876 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85876 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85876outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85876owl-stack{ height:0px; } #stacks_in_85876owl-stack .stacks_in_85876item img{ display: block; width: 100%; height: auto; } #stacks_in_85876imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85876 { margin: 20px 0px 0px 0px; } #stacks_out_85908 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85910{ text-align: center !important; } .stacks_in_85910dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85910dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85910 { margin: 20px 0px 0px 0px; } #stacks_in_85787 h1,#stacks_in_85787 h1 a,#stacks_in_85787 p,#stacks_in_85787 p a{ font-size:32px; line-height:1.00em; margin:0; } #stacks_in_85787 h1,#stacks_in_85787 h1 a,#stacks_in_85787 p,#stacks_in_85787 p a{ color:rgba(0, 167, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85787 p a:hover, #stacks_in_85787 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85787 { margin: 60px 0px 0px 0px; } #stacks_in_85788 { font-size: 179%; } #stacks_in_85743 { margin: 30px 0px 0px 0px; } #stacks_in_85744 h5,#stacks_in_85744 h5 a,#stacks_in_85744 p,#stacks_in_85744 p a{ color:rgba(0, 154, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85744 p a:hover, #stacks_in_85744 h5 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85745 { font-size: 179%; } #stacks_in_85746 h6,#stacks_in_85746 h6 a,#stacks_in_85746 p,#stacks_in_85746 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85746 h6,#stacks_in_85746 h6 a,#stacks_in_85746 p,#stacks_in_85746 p a{ color:rgba(171, 57, 134, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0px 0.03em 0.05em rgba(255, 255, 255, 1.00); } #stacks_in_85746 p a:hover, #stacks_in_85746 h6 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85746 { margin: 10px 0px 0px 0px; } #stacks_in_85747 { font-size: 80%; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85748 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85748 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85748 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85748 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85748 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85748 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85748 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85748 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85748 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85748outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85748owl-stack{ height:0px; } #stacks_in_85748owl-stack .stacks_in_85748item img{ display: block; width: 100%; height: auto; } #stacks_in_85748imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85748 { margin: 20px 0px 0px 0px; } #stacks_out_85782 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85784{ text-align: center !important; } .stacks_in_85784dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85784dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85784 { margin: 20px 0px 0px 0px; } #stacks_in_85741 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_85741 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_85696 { margin: 30px 0px 0px 0px; } #stacks_in_85700 h1,#stacks_in_85700 h1 a,#stacks_in_85700 p,#stacks_in_85700 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85700 h1,#stacks_in_85700 h1 a,#stacks_in_85700 p,#stacks_in_85700 p a{ color:rgba(145, 0, 165, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85700 p a:hover, #stacks_in_85700 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85700 { margin: 30px 0px 0px 0px; } #stacks_in_85701 { font-size: 179%; } #stacks_in_85327 h6,#stacks_in_85327 h6 a,#stacks_in_85327 p,#stacks_in_85327 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85327 h6,#stacks_in_85327 h6 a,#stacks_in_85327 p,#stacks_in_85327 p a{ color:rgba(171, 57, 134, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0px 0.03em 0.05em rgba(255, 255, 255, 1.00); } #stacks_in_85327 p a:hover, #stacks_in_85327 h6 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85327 { margin: 10px 0px 0px 0px; } #stacks_in_85328 { font-size: 80%; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85662 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85662 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85662 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85662 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85662 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85662 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85662 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85662 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85662 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85662outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85662owl-stack{ height:0px; } #stacks_in_85662owl-stack .stacks_in_85662item img{ display: block; width: 100%; height: auto; } #stacks_in_85662imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85662 { margin: 20px 0px 0px 0px; } #stacks_out_85738 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85739{ text-align: center !important; } .stacks_in_85739dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85739dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85739 { margin: 20px 0px 0px 0px; } #stacks_in_85742 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_85742 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_85394 { margin: 50px 0px 0px 0px; } #stacks_in_85395 { margin: 30px 0px 0px 0px; } #stacks_out_85395 { width: 650px; } #stacks_in_85819 h6,#stacks_in_85819 h6 a,#stacks_in_85819 p,#stacks_in_85819 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85819 h6,#stacks_in_85819 h6 a,#stacks_in_85819 p,#stacks_in_85819 p a{ color:rgba(171, 57, 134, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1.00); } #stacks_in_85819 p a:hover, #stacks_in_85819 h6 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85819 { margin: 20px 0px 0px 0px; } #stacks_in_85820 { font-size: 80%; } #stacks_in_85398 { padding: 30px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85484 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85484 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85484 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85484 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85484 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85484 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85484 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85484 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85484 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85484outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85484owl-stack{ height:0px; } #stacks_in_85484owl-stack .stacks_in_85484item img{ display: block; width: 100%; height: auto; } #stacks_in_85484imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85484 { margin: 20px 0px 0px 0px; } #stacks_in_85413 *, #stacks_in_85413 *:before, #stacks_in_85413 *:after { box-sizing: border-box; } #stacks_in_85413 { max-width: 1000px; margin: 0 auto; } #playlisterWrapperstacks_in_85413 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_85413 { display: none !important; } #playlisterstacks_in_85413 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Vertical gradient fill */ #playlisterstacks_in_85413 { background-color: #FFD9F7; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#AB3135), to(#FFD9F7)); background-image: -moz-linear-gradient(top, #AB3135, #FFD9F7); background-image: -ms-linear-gradient(top, #AB3135, #FFD9F7); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AB3135), color-stop(100%, #FFD9F7)); background-image: -webkit-linear-gradient(top, #AB3135, #FFD9F7); background-image: -o-linear-gradient(top, #AB3135, #FFD9F7); background-image: linear-gradient(top, #AB3135, #FFD9F7); } #playlisterstacks_in_85413 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_85413 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: flex; flex-direction: column; width: 100%; text-align: left; } @media screen and (min-width: 700px) { #coverControlsWrapperstacks_in_85413 { flex-direction: row; } } #coverControlsWrapperstacks_in_85413 { min-height: 200px; } #coverstacks_in_85413 { background-repeat: no-repeat; background-size: contain; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 200px; width: 200px; display: block; margin: 0 auto; } @media screen and (min-width: 700px) { #coverstacks_in_85413 { justify-content: space-between; } } #playerInterfacestacks_in_85413 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_85413 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_85413 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 700px) { #playlisterTopSectionstacks_in_85413 { margin-top: 0px; } } #titlestacks_in_85413 { color: rgba(255, 255, 255, 1.00); font-size: 21px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_85413:before { content: ' '; } #albumstacks_in_85413 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_85413:before { content: 'Album: '; } #artiststacks_in_85413 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_85413:before { content: 'Artist: '; } #additionalInfostacks_in_85413 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_85413:before { content: ' '; } #controlsstacks_in_85413 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 700px) { #controlsstacks_in_85413 { padding-top: 10px; } } #coverControlsWrapperstacks_in_85413 { min-height: 0px; } #coverstacks_in_85413 { display: none; } #playlisterTopSectionstacks_in_85413 { margin-top: 0px; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_85413 { flex-direction: row; justify-content: space-between; padding-left: 0; align-items: center; } #playlisterTopSectionstacks_in_85413 { width: 250px; } #controlsstacks_in_85413 { flex: 1; padding-top: 0; padding-left: 15px; } } #buttonWrapperstacks_in_85413 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_85413 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_85413 .playlisterButtonStandard, #playlisterWrapperstacks_in_85413 .playlisterButton { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 20px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_85413 .playlisterButtonStandard i, #playlisterWrapperstacks_in_85413 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_85413 .playlisterButton:hover, #playlisterWrapperstacks_in_85413 .playlisterButton:active, #playlisterWrapperstacks_in_85413 .playlisterButton:focus { color: rgba(255, 11, 15, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_85413 .playlisterButton:hover i, #playlisterWrapperstacks_in_85413 .playlisterButton:active i, #playlisterWrapperstacks_in_85413 .playlisterButton:focus i { color: rgba(255, 11, 15, 1.00); } #playlisterWrapperstacks_in_85413 #playstacks_in_85413 i { margin-right: -3px; } #playlisterWrapperstacks_in_85413 #pausestacks_in_85413 { display: none; } #playlisterWrapperstacks_in_85413 .playlisterIsPlaying #playstacks_in_85413 { display: none; } #playlisterWrapperstacks_in_85413 .playlisterIsPlaying #pausestacks_in_85413 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_85413 .playlisterButton:after, #playlisterWrapperstacks_in_85413 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } #userOptionsBarstacks_in_85413 { float: right; } #playlisterWrapperstacks_in_85413 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_85413 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 700px) { #playlisterWrapperstacks_in_85413 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_85413 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_85413, #volumeBtnstacks_in_85413 { display: none; } @media screen and (min-width: 700px) { #volumeBtnstacks_in_85413 { display: inline-block; } #volumeControlsstacks_in_85413 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_85413 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_85413 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_85413 i, #volume-fullstacks_in_85413 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_85413 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_85413 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_85413 .ui-slider-range { background: rgba(255, 246, 0, 1.00); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_85413 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } #progressBarstacks_in_85413 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_85413 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_85413 #progressstacks_in_85413 { background-color: rgba(248, 247, 0, 1.00); height: 100%; display: block; width: 0px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } #currentstacks_in_85413 { float: left; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_85413 { float: right; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_85413 { visibility: hidden; } #durationstacks_in_85413.showDuration { visibility: visible; } #playlisterPlayliststacks_in_85413 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_85413 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_85413 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_85413 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_85413 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } #playlisterPlayliststacks_in_85413 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(156, 80, 108, 1.00); font-size: 16px; height: 30px; line-height: 30px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } #playlisterPlayliststacks_in_85413 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_85413 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_85413 li.active-playlistitem, #playlisterPlayliststacks_in_85413 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(8, 0, 255, 1.00); } #playlisterPlayliststacks_in_85413 li { padding-left: 0; } #playlisterPlayliststacks_in_85413 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_85413 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_85413 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_85413 li.active-playlistitem { } #playlisterPlayliststacks_in_85413 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_85413 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_85413 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_85413, .no-audio #playlisterPlayliststacks_in_85413 { display: none; } #playlisterNoAudiostacks_in_85413 { display: none; } .no-audio #playlisterNoAudiostacks_in_85413 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_85413 { display: none; } #playlisterWrapperstacks_in_85413 #albumstacks_in_85413 { display: none; } #playlisterWrapperstacks_in_85413 #artiststacks_in_85413 { display: none; } #playlisterWrapperstacks_in_85413 #downloadstacks_in_85413 { display: none !important; } #playlisterWrapperstacks_in_85413 #shufflestacks_in_85413 { display: none; } #playlisterWrapperstacks_in_85413 #playlistTogglestacks_in_85413 { display: none; } #playlisterPlaceholderstacks_in_85413 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_85413 audio { width: 100%; } #stacks_in_85413 { background-color: rgba(222, 62, 0, 1.00); border: solid rgba(166, 41, 50, 1.00); border-width: 0px 0px 20px 0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 20px 0px 20px 0px; } #stacks_out_85413 { width: 750px; } #stacks_out_85579 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85580{ text-align: center !important; } .stacks_in_85580dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85580dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85580 { margin: 20px 0px 0px 0px; } #stacks_in_85400 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_85400 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_85325 h1,#stacks_in_85325 h1 a,#stacks_in_85325 p,#stacks_in_85325 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85325 h1,#stacks_in_85325 h1 a,#stacks_in_85325 p,#stacks_in_85325 p a{ color:rgba(171, 57, 134, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85325 p a:hover, #stacks_in_85325 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85325 { margin: 30px 0px 0px 0px; } #stacks_in_85326 { font-size: 179%; } #stacks_in_85329 h6,#stacks_in_85329 h6 a,#stacks_in_85329 p,#stacks_in_85329 p a{ font-size:24px; line-height:1.00em; margin:0; } #stacks_in_85329 h6,#stacks_in_85329 h6 a,#stacks_in_85329 p,#stacks_in_85329 p a{ color:rgba(171, 57, 134, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1.00); } #stacks_in_85329 p a:hover, #stacks_in_85329 h6 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85330 { font-size: 80%; } #stacks_in_85332 h3,#stacks_in_85332 h3 a,#stacks_in_85332 p,#stacks_in_85332 p a{ color:rgba(155, 151, 154, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_85332 p a:hover, #stacks_in_85332 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85332 { margin: 10px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85335 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85335 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85335 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85335 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85335 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85335 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85335 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85335 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85335 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85335outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85335owl-stack{ height:0px; } #stacks_in_85335owl-stack .stacks_in_85335item img{ display: block; width: 100%; height: auto; } #stacks_in_85335imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85335 { margin: 20px 0px 0px 0px; } #stacks_in_85391 { margin: 30px 0px 0px 0px; } #stacks_out_85375 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85377{ text-align: center !important; } .stacks_in_85377dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85377dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85377 { margin: 20px 0px 0px 0px; } #stacks_in_85379 *, #stacks_in_85379 *:before, #stacks_in_85379 *:after { box-sizing: border-box; } #stacks_in_85379 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_85379 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_85379 { display: none !important; } #playlisterstacks_in_85379 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Vertical gradient fill */ #playlisterstacks_in_85379 { background-color: #FFD9F7; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5E00A5), to(#FFD9F7)); background-image: -moz-linear-gradient(top, #5E00A5, #FFD9F7); background-image: -ms-linear-gradient(top, #5E00A5, #FFD9F7); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5E00A5), color-stop(100%, #FFD9F7)); background-image: -webkit-linear-gradient(top, #5E00A5, #FFD9F7); background-image: -o-linear-gradient(top, #5E00A5, #FFD9F7); background-image: linear-gradient(top, #5E00A5, #FFD9F7); } #playlisterstacks_in_85379 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_85379 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: flex; flex-direction: column; width: 100%; text-align: left; } @media screen and (min-width: 700px) { #coverControlsWrapperstacks_in_85379 { flex-direction: row; } } #coverControlsWrapperstacks_in_85379 { min-height: 200px; } #coverstacks_in_85379 { background-repeat: no-repeat; background-size: contain; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 200px; width: 200px; display: block; margin: 0 auto; } @media screen and (min-width: 700px) { #coverstacks_in_85379 { justify-content: space-between; } } #playerInterfacestacks_in_85379 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_85379 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_85379 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 700px) { #playlisterTopSectionstacks_in_85379 { margin-top: 0px; } } #titlestacks_in_85379 { color: rgba(255, 255, 255, 1.00); font-size: 21px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_85379:before { content: ' '; } #albumstacks_in_85379 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_85379:before { content: 'Album: '; } #artiststacks_in_85379 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_85379:before { content: 'Artist: '; } #additionalInfostacks_in_85379 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_85379:before { content: ' '; } #controlsstacks_in_85379 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 700px) { #controlsstacks_in_85379 { padding-top: 10px; } } #coverControlsWrapperstacks_in_85379 { min-height: 0px; } #coverstacks_in_85379 { display: none; } #playlisterTopSectionstacks_in_85379 { margin-top: 0px; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_85379 { flex-direction: row; justify-content: space-between; padding-left: 0; align-items: center; } #playlisterTopSectionstacks_in_85379 { width: 250px; } #controlsstacks_in_85379 { flex: 1; padding-top: 0; padding-left: 15px; } } #buttonWrapperstacks_in_85379 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_85379 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_85379 .playlisterButtonStandard, #playlisterWrapperstacks_in_85379 .playlisterButton { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 20px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_85379 .playlisterButtonStandard i, #playlisterWrapperstacks_in_85379 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_85379 .playlisterButton:hover, #playlisterWrapperstacks_in_85379 .playlisterButton:active, #playlisterWrapperstacks_in_85379 .playlisterButton:focus { color: rgba(255, 11, 15, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_85379 .playlisterButton:hover i, #playlisterWrapperstacks_in_85379 .playlisterButton:active i, #playlisterWrapperstacks_in_85379 .playlisterButton:focus i { color: rgba(255, 11, 15, 1.00); } #playlisterWrapperstacks_in_85379 #playstacks_in_85379 i { margin-right: -3px; } #playlisterWrapperstacks_in_85379 #pausestacks_in_85379 { display: none; } #playlisterWrapperstacks_in_85379 .playlisterIsPlaying #playstacks_in_85379 { display: none; } #playlisterWrapperstacks_in_85379 .playlisterIsPlaying #pausestacks_in_85379 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_85379 .playlisterButton:after, #playlisterWrapperstacks_in_85379 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } #userOptionsBarstacks_in_85379 { float: right; } #playlisterWrapperstacks_in_85379 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_85379 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 700px) { #playlisterWrapperstacks_in_85379 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_85379 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_85379, #volumeBtnstacks_in_85379 { display: none; } @media screen and (min-width: 700px) { #volumeBtnstacks_in_85379 { display: inline-block; } #volumeControlsstacks_in_85379 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_85379 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_85379 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_85379 i, #volume-fullstacks_in_85379 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_85379 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_85379 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_85379 .ui-slider-range { background: rgba(255, 246, 0, 1.00); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_85379 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } #progressBarstacks_in_85379 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_85379 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_85379 #progressstacks_in_85379 { background-color: rgba(248, 247, 0, 1.00); height: 100%; display: block; width: 0px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } #currentstacks_in_85379 { float: left; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_85379 { float: right; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_85379 { visibility: hidden; } #durationstacks_in_85379.showDuration { visibility: visible; } #playlisterPlayliststacks_in_85379 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_85379 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_85379 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_85379 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_85379 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } #playlisterPlayliststacks_in_85379 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(156, 80, 108, 1.00); font-size: 16px; height: 30px; line-height: 30px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } #playlisterPlayliststacks_in_85379 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_85379 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_85379 li.active-playlistitem, #playlisterPlayliststacks_in_85379 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(8, 0, 255, 1.00); } #playlisterPlayliststacks_in_85379 li { padding-left: 0; } #playlisterPlayliststacks_in_85379 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_85379 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_85379 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_85379 li.active-playlistitem { } #playlisterPlayliststacks_in_85379 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_85379 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_85379 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_85379, .no-audio #playlisterPlayliststacks_in_85379 { display: none; } #playlisterNoAudiostacks_in_85379 { display: none; } .no-audio #playlisterNoAudiostacks_in_85379 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_85379 { display: none; } #playlisterWrapperstacks_in_85379 #albumstacks_in_85379 { display: none; } #playlisterWrapperstacks_in_85379 #artiststacks_in_85379 { display: none; } #playlisterWrapperstacks_in_85379 #shufflestacks_in_85379 { display: none; } #playlisterWrapperstacks_in_85379 #playlistTogglestacks_in_85379 { display: none; } #playlisterPlaceholderstacks_in_85379 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_85379 audio { width: 100%; } #stacks_in_85379 { background-color: rgba(183, 0, 70, 1.00); border: solid rgba(161, 0, 209, 1.00); border-width: 0px 0px 20px 0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 20px 0px 20px 0px; } #stacks_out_85379 { width: 750px; } #stacks_in_85393 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_85393 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_85001 h3,#stacks_in_85001 h3 a,#stacks_in_85001 p,#stacks_in_85001 p a{ color:rgba(56, 93, 163, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85001 p a:hover, #stacks_in_85001 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85001 { margin: 30px 0px 0px 0px; } #stacks_in_85002 { font-size: 179%; } #stacks_in_85005 h3,#stacks_in_85005 h3 a,#stacks_in_85005 p,#stacks_in_85005 p a{ color:rgba(155, 151, 154, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_85005 p a:hover, #stacks_in_85005 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85005 { margin: 10px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85009 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85009 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85009 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85009 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85009 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85009 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85009 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85009 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85009 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85009outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85009owl-stack{ height:0px; } #stacks_in_85009owl-stack .stacks_in_85009item img{ display: block; width: 100%; height: auto; } #stacks_in_85009imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85009 { margin: 20px 0px 0px 0px; } #stacks_out_85063 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85065{ text-align: center !important; } .stacks_in_85065dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85065dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85065 { margin: 20px 0px 0px 0px; } #stacks_in_85154 *, #stacks_in_85154 *:before, #stacks_in_85154 *:after { box-sizing: border-box; } #stacks_in_85154 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_85154 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_85154 { display: none !important; } #playlisterstacks_in_85154 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Vertical gradient fill */ #playlisterstacks_in_85154 { background-color: #8FCCFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#004DA4), to(#8FCCFF)); background-image: -moz-linear-gradient(top, #004DA4, #8FCCFF); background-image: -ms-linear-gradient(top, #004DA4, #8FCCFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004DA4), color-stop(100%, #8FCCFF)); background-image: -webkit-linear-gradient(top, #004DA4, #8FCCFF); background-image: -o-linear-gradient(top, #004DA4, #8FCCFF); background-image: linear-gradient(top, #004DA4, #8FCCFF); } #playlisterstacks_in_85154 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_85154 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: flex; flex-direction: column; width: 100%; text-align: left; } @media screen and (min-width: 700px) { #coverControlsWrapperstacks_in_85154 { flex-direction: row; } } #coverControlsWrapperstacks_in_85154 { min-height: 200px; } #coverstacks_in_85154 { background-repeat: no-repeat; background-size: contain; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 200px; width: 200px; display: block; margin: 0 auto; } @media screen and (min-width: 700px) { #coverstacks_in_85154 { justify-content: space-between; } } #playerInterfacestacks_in_85154 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_85154 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_85154 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 700px) { #playlisterTopSectionstacks_in_85154 { margin-top: 0px; } } #titlestacks_in_85154 { color: rgba(255, 255, 255, 1.00); font-size: 21px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_85154:before { content: ' '; } #albumstacks_in_85154 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_85154:before { content: 'Album: '; } #artiststacks_in_85154 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_85154:before { content: 'Artist: '; } #additionalInfostacks_in_85154 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_85154:before { content: ' '; } #controlsstacks_in_85154 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 700px) { #controlsstacks_in_85154 { padding-top: 10px; } } #coverControlsWrapperstacks_in_85154 { min-height: 0px; } #coverstacks_in_85154 { display: none; } #playlisterTopSectionstacks_in_85154 { margin-top: 0px; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_85154 { flex-direction: row; justify-content: space-between; padding-left: 0; align-items: center; } #playlisterTopSectionstacks_in_85154 { width: 250px; } #controlsstacks_in_85154 { flex: 1; padding-top: 0; padding-left: 15px; } } #buttonWrapperstacks_in_85154 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_85154 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_85154 .playlisterButtonStandard, #playlisterWrapperstacks_in_85154 .playlisterButton { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 20px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_85154 .playlisterButtonStandard i, #playlisterWrapperstacks_in_85154 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_85154 .playlisterButton:hover, #playlisterWrapperstacks_in_85154 .playlisterButton:active, #playlisterWrapperstacks_in_85154 .playlisterButton:focus { color: rgba(255, 11, 15, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_85154 .playlisterButton:hover i, #playlisterWrapperstacks_in_85154 .playlisterButton:active i, #playlisterWrapperstacks_in_85154 .playlisterButton:focus i { color: rgba(255, 11, 15, 1.00); } #playlisterWrapperstacks_in_85154 #playstacks_in_85154 i { margin-right: -3px; } #playlisterWrapperstacks_in_85154 #pausestacks_in_85154 { display: none; } #playlisterWrapperstacks_in_85154 .playlisterIsPlaying #playstacks_in_85154 { display: none; } #playlisterWrapperstacks_in_85154 .playlisterIsPlaying #pausestacks_in_85154 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_85154 .playlisterButton:after, #playlisterWrapperstacks_in_85154 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } #userOptionsBarstacks_in_85154 { float: right; } #playlisterWrapperstacks_in_85154 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_85154 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 700px) { #playlisterWrapperstacks_in_85154 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_85154 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_85154, #volumeBtnstacks_in_85154 { display: none; } @media screen and (min-width: 700px) { #volumeBtnstacks_in_85154 { display: inline-block; } #volumeControlsstacks_in_85154 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_85154 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_85154 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_85154 i, #volume-fullstacks_in_85154 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_85154 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_85154 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_85154 .ui-slider-range { background: rgba(255, 246, 0, 1.00); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_85154 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } #progressBarstacks_in_85154 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_85154 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_85154 #progressstacks_in_85154 { background-color: rgba(248, 247, 0, 1.00); height: 100%; display: block; width: 0px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } #currentstacks_in_85154 { float: left; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_85154 { float: right; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_85154 { visibility: hidden; } #durationstacks_in_85154.showDuration { visibility: visible; } #playlisterPlayliststacks_in_85154 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_85154 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_85154 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_85154 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_85154 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } #playlisterPlayliststacks_in_85154 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(156, 80, 108, 1.00); font-size: 16px; height: 30px; line-height: 30px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } #playlisterPlayliststacks_in_85154 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_85154 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_85154 li.active-playlistitem, #playlisterPlayliststacks_in_85154 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(8, 0, 255, 1.00); } #playlisterPlayliststacks_in_85154 li { padding-left: 0; } #playlisterPlayliststacks_in_85154 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_85154 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_85154 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_85154 li.active-playlistitem { } #playlisterPlayliststacks_in_85154 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_85154 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_85154 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_85154, .no-audio #playlisterPlayliststacks_in_85154 { display: none; } #playlisterNoAudiostacks_in_85154 { display: none; } .no-audio #playlisterNoAudiostacks_in_85154 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_85154 { display: none; } #playlisterWrapperstacks_in_85154 #albumstacks_in_85154 { display: none; } #playlisterWrapperstacks_in_85154 #artiststacks_in_85154 { display: none; } #playlisterWrapperstacks_in_85154 #downloadstacks_in_85154 { display: none !important; } #playlisterWrapperstacks_in_85154 #shufflestacks_in_85154 { display: none; } #playlisterWrapperstacks_in_85154 #playlistTogglestacks_in_85154 { display: none; } #playlisterPlaceholderstacks_in_85154 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_85154 audio { width: 100%; } #stacks_in_85154 { background-color: rgba(0, 116, 207, 1.00); border: solid rgba(87, 144, 205, 1.00); border-width: 0px 0px 20px 0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 20px 0px 20px 0px; } #stacks_out_85154 { width: 750px; } #stacks_in_85153 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_85153 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_85074 h3,#stacks_in_85074 h3 a,#stacks_in_85074 p,#stacks_in_85074 p a{ color:rgba(170, 69, 69, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_85074 p a:hover, #stacks_in_85074 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85074 { margin: 30px 0px 0px 0px; } #stacks_in_85075 { font-size: 179%; } #stacks_in_85076 h3,#stacks_in_85076 h3 a,#stacks_in_85076 p,#stacks_in_85076 p a{ color:rgba(155, 151, 154, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_85076 p a:hover, #stacks_in_85076 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_85076 { margin: 10px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85080 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85080 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85080 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85080 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85080 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85080 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85080 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85080 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85080 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85080outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85080owl-stack{ height:0px; } #stacks_in_85080owl-stack .stacks_in_85080item img{ display: block; width: 100%; height: auto; } #stacks_in_85080imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85080 { margin: 20px 0px 0px 0px; } #stacks_out_85088 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_85090{ text-align: center !important; } .stacks_in_85090dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_85090dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_85090 { margin: 20px 0px 0px 0px; } #stacks_in_84803 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84803 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_84808 h3,#stacks_in_84808 h3 a,#stacks_in_84808 p,#stacks_in_84808 p a{ color:rgba(15, 99, 229, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_84808 p a:hover, #stacks_in_84808 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84808 { margin: 30px 0px 0px 0px; } #stacks_in_84809 { font-size: 179%; } #stacks_in_84810 h3,#stacks_in_84810 h3 a,#stacks_in_84810 p,#stacks_in_84810 p a{ color:rgba(158, 153, 161, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_84810 p a:hover, #stacks_in_84810 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84810 { margin: 10px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_85598 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_85598 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_85598 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_85598 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_85598 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_85598 .owl-theme .owl-controls .owl-page.active span, #stacks_in_85598 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_85598 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_85598 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_85598outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_85598owl-stack{ height:0px; } #stacks_in_85598owl-stack .stacks_in_85598item img{ display: block; width: 100%; height: auto; } #stacks_in_85598imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_85598 { margin: 20px 0px 0px 0px; } #stacks_in_84806 *, #stacks_in_84806 *:before, #stacks_in_84806 *:after { box-sizing: border-box; } #stacks_in_84806 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_84806 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_84806 { display: none !important; } #playlisterstacks_in_84806 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Solid colour fill */ #playlisterstacks_in_84806 { background: rgba(0, 215, 248, 1.00); } #playlisterstacks_in_84806 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_84806 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: flex; flex-direction: column; width: 100%; text-align: left; } @media screen and (min-width: 600px) { #coverControlsWrapperstacks_in_84806 { flex-direction: row; } } #coverControlsWrapperstacks_in_84806 { min-height: 200px; } #coverstacks_in_84806 { background-repeat: no-repeat; background-size: contain; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 200px; width: 200px; display: block; margin: 0 auto; } @media screen and (min-width: 600px) { #coverstacks_in_84806 { justify-content: space-between; } } #playerInterfacestacks_in_84806 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_84806 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_84806 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_84806 { margin-top: 0px; } } #titlestacks_in_84806 { color: rgba(23, 36, 181, 1.00); font-size: 17px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_84806:before { content: ' '; } #albumstacks_in_84806 { color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_84806:before { content: 'Album: '; } #artiststacks_in_84806 { color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_84806:before { content: 'OPERA Thionville '; } #additionalInfostacks_in_84806 { color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_84806:before { content: '75ème anniversaire ANGEVILLERS '; } #controlsstacks_in_84806 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_84806 { padding-top: 10px; } } #coverControlsWrapperstacks_in_84806 { min-height: 0px; } #coverstacks_in_84806 { display: none; } #playlisterTopSectionstacks_in_84806 { margin-top: 0px; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_84806 { flex-direction: row; justify-content: space-between; padding-left: 0; align-items: center; } #playlisterTopSectionstacks_in_84806 { width: 250px; } #controlsstacks_in_84806 { flex: 1; padding-top: 0; padding-left: 15px; } } #buttonWrapperstacks_in_84806 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_84806 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_84806 .playlisterButtonStandard, #playlisterWrapperstacks_in_84806 .playlisterButton { display: inline-block; width: 39px; height: 39px; text-align: center; line-height: 39px; text-align: center; font-size: 17px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_84806 .playlisterButtonStandard i, #playlisterWrapperstacks_in_84806 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 39px !important; } #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_84806 .playlisterButton:hover, #playlisterWrapperstacks_in_84806 .playlisterButton:active, #playlisterWrapperstacks_in_84806 .playlisterButton:focus { color: rgba(3, 160, 255, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_84806 .playlisterButton:hover i, #playlisterWrapperstacks_in_84806 .playlisterButton:active i, #playlisterWrapperstacks_in_84806 .playlisterButton:focus i { color: rgba(3, 160, 255, 1.00); } #playlisterWrapperstacks_in_84806 #playstacks_in_84806 i { margin-right: -3px; } #playlisterWrapperstacks_in_84806 #pausestacks_in_84806 { display: none; } #playlisterWrapperstacks_in_84806 .playlisterIsPlaying #playstacks_in_84806 { display: none; } #playlisterWrapperstacks_in_84806 .playlisterIsPlaying #pausestacks_in_84806 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_84806 .playlisterButton:after, #playlisterWrapperstacks_in_84806 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } #userOptionsBarstacks_in_84806 { float: right; } #playlisterWrapperstacks_in_84806 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84806 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 600px) { #playlisterWrapperstacks_in_84806 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84806 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_84806, #volumeBtnstacks_in_84806 { display: none; } @media screen and (min-width: 600px) { #volumeBtnstacks_in_84806 { display: inline-block; } #volumeControlsstacks_in_84806 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_84806 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_84806 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_84806 i, #volume-fullstacks_in_84806 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_84806 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_84806 { height: 120px; width: 10px; background: rgba(246, 115, 25, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_84806 .ui-slider-range { background: rgba(75, 179, 135, 1.00); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_84806 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } #progressBarstacks_in_84806 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_84806 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_84806 #progressstacks_in_84806 { background-color: rgba(226, 255, 0, 1.00); height: 100%; display: block; width: 0px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } #currentstacks_in_84806 { float: left; font-size: 11px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_84806 { float: right; font-size: 11px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_84806 { visibility: hidden; } #durationstacks_in_84806.showDuration { visibility: visible; } #playlisterPlayliststacks_in_84806 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_84806 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_84806 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_84806 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_84806 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_84806 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(139, 139, 139, 1.00); font-size: 16px; height: 25px; line-height: 25px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } #playlisterPlayliststacks_in_84806 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_84806 li.active-playlistitem, #playlisterPlayliststacks_in_84806 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(76, 119, 178, 1.00); } #playlisterPlayliststacks_in_84806 li { padding-left: 20px; } #playlisterPlayliststacks_in_84806 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_84806 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_84806 li.active-playlistitem { } #playlisterPlayliststacks_in_84806 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_84806 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_84806 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_84806, .no-audio #playlisterPlayliststacks_in_84806 { display: none; } #playlisterNoAudiostacks_in_84806 { display: none; } .no-audio #playlisterNoAudiostacks_in_84806 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_84806 { display: none; } #playlisterWrapperstacks_in_84806 #albumstacks_in_84806 { display: none; } #playlisterWrapperstacks_in_84806 #shufflestacks_in_84806 { display: none; } #playlisterWrapperstacks_in_84806 #playlistTogglestacks_in_84806 { display: none; } #playlisterPlaceholderstacks_in_84806 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_84806 audio { width: 100%; } #stacks_in_84806 { background-color: rgba(205, 204, 212, 1.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 20px 0px 0px 0px; } #stacks_out_84806 { width: 550px; } #stacks_out_84883 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_84885{ text-align: center !important; } .stacks_in_84885dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#9B979A; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_84885dooabutton:hover { /* Flat type button specific styles */ background-color:#918D90; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_84885 { margin: 20px 0px 0px 0px; } #stacks_in_84888 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84888 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_84671 h3,#stacks_in_84671 h3 a,#stacks_in_84671 p,#stacks_in_84671 p a{ color:rgba(10, 166, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-shadow: 0 0 1px rgba(255, 255, 255, 1.00), 1px 1px 1px rgba(240, 240, 240, 1.00), 2px 2px 1px rgba(225, 225, 225, 1.00), 3px 3px 1px rgba(210, 210, 210, 1.00), 4px 4px 1px rgba(195, 195, 195, 1.00), 5px 5px 1px rgba(180, 180, 180, 1.00); padding:5px 0; } #stacks_in_84671 p a:hover, #stacks_in_84671 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84671 { margin: 30px 0px 0px 0px; } #stacks_in_84672 { font-size: 179%; } #stacks_in_84673 h3,#stacks_in_84673 h3 a,#stacks_in_84673 p,#stacks_in_84673 p a{ color:rgba(10, 166, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_84673 p a:hover, #stacks_in_84673 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84673 { margin: 10px 0px 0px 0px; } #stacks_in_84804 h3,#stacks_in_84804 h3 a,#stacks_in_84804 p,#stacks_in_84804 p a{ color:rgba(163, 122, 151, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:""; } #stacks_in_84804 p a:hover, #stacks_in_84804 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84804 { margin: 10px 0px 0px 0px; } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 div{ -webkit-backface-visibility: hidden; } */ .owl-wrapper{ position: relative; z-index: 2; } #stacks_in_84677 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_84677 .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #1C9E34; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ #stacks_in_84677 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_84677 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_84677 .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1C9E34; } #stacks_in_84677 .owl-theme .owl-controls .owl-page.active span, #stacks_in_84677 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_84677 .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ #stacks_in_84677 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_84677outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_84677owl-stack{ height:0px; } #stacks_in_84677owl-stack .stacks_in_84677item img{ display: block; width: 100%; height: auto; } #stacks_in_84677imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_84677 { margin: 20px 0px 0px 0px; } #stacks_out_84705 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_84707{ text-align: center !important; } .stacks_in_84707dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#4BB54B; border:none; color:#FFFFFF; font-size:122% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_84707dooabutton:hover { /* Flat type button specific styles */ background-color:#41AB41; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_84707 { margin: 20px 0px 0px 0px; } #stacks_in_83515 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83515 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ }