/* 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_84617 h2,#stacks_in_84617 h2 a,#stacks_in_84617 p,#stacks_in_84617 p a{ color:rgba(152, 57, 187, 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_84617 p a:hover, #stacks_in_84617 h2 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84617 { margin: 30px 0px 0px 0px; } #stacks_in_84618 { font-size: 179%; } #stacks_in_84619 h3,#stacks_in_84619 h3 a,#stacks_in_84619 p,#stacks_in_84619 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_84619 p a:hover, #stacks_in_84619 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84619 { 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_84623 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_84623 .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_84623 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_84623 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_84623 .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_84623 .owl-theme .owl-controls .owl-page.active span, #stacks_in_84623 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_84623 .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_84623 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_84623outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_84623owl-stack{ height:0px; } #stacks_in_84623owl-stack .stacks_in_84623item img{ display: block; width: 100%; height: auto; } #stacks_in_84623imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_84623 { margin: 20px 0px 0px 0px; } #stacks_out_84661 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_84663{ text-align: center !important; } .stacks_in_84663dooabutton{ -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:#C84ACA; 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_84663dooabutton:hover { /* Flat type button specific styles */ background-color:#BE40C0; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_84663 { margin: 20px 0px 0px 0px; } #stacks_in_84665 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84665 .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_84562 { background-color: rgba(202, 245, 231, 1.00); border: solid rgba(32, 174, 52, 1.00); border-width: 1px; margin: 40px 0px 20px 0px; } #stacks_in_84559 { background-color: rgba(0, 215, 0, 1.00); } #stacks_in_84347 h1,#stacks_in_84347 h1 a,#stacks_in_84347 p,#stacks_in_84347 p a{ color:rgba(0, 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_84347 p a:hover, #stacks_in_84347 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84347 { margin: 10px 0px 0px 0px; } #stacks_in_84436 h3,#stacks_in_84436 h3 a,#stacks_in_84436 p,#stacks_in_84436 p a{ color:rgba(75, 179, 135, 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_84436 p a:hover, #stacks_in_84436 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84436 { margin: 0px 0px 20px 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_84382 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_84382 .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_84382 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_84382 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_84382 .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_84382 .owl-theme .owl-controls .owl-page.active span, #stacks_in_84382 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_84382 .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_84382 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_84382outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_84382owl-stack{ height:0px; } #stacks_in_84382owl-stack .stacks_in_84382item img{ display: block; width: 100%; height: auto; } #stacks_in_84382imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_84382 { margin: 20px 0px 0px 0px; } #stacks_in_84345 *, #stacks_in_84345 *:before, #stacks_in_84345 *:after { box-sizing: border-box; } #stacks_in_84345 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_84345 { -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_84345 { display: none !important; } #playlisterstacks_in_84345 { 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_84345 { background-color: #6AFF76; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#00A600), to(#6AFF76)); background-image: -moz-linear-gradient(top, #00A600, #6AFF76); background-image: -ms-linear-gradient(top, #00A600, #6AFF76); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A600), color-stop(100%, #6AFF76)); background-image: -webkit-linear-gradient(top, #00A600, #6AFF76); background-image: -o-linear-gradient(top, #00A600, #6AFF76); background-image: linear-gradient(top, #00A600, #6AFF76); } #playlisterstacks_in_84345 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_84345 { 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_84345 { flex-direction: row; } } #coverControlsWrapperstacks_in_84345 { min-height: 200px; } #coverstacks_in_84345 { 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_84345 { justify-content: space-between; } } #playerInterfacestacks_in_84345 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_84345 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_84345 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 700px) { #playlisterTopSectionstacks_in_84345 { margin-top: 0px; } } #titlestacks_in_84345 { color: rgba(255, 255, 255, 1.00); font-size: 21px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_84345:before { content: ' '; } #albumstacks_in_84345 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_84345:before { content: 'Album: '; } #artiststacks_in_84345 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_84345:before { content: 'Artist: '; } #additionalInfostacks_in_84345 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_84345:before { content: ' '; } #controlsstacks_in_84345 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 700px) { #controlsstacks_in_84345 { padding-top: 10px; } } #buttonWrapperstacks_in_84345 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_84345 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_84345 .playlisterButtonStandard, #playlisterWrapperstacks_in_84345 .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_84345 .playlisterButtonStandard i, #playlisterWrapperstacks_in_84345 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_84345 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_84345 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_84345 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_84345 .playlisterButton:hover, #playlisterWrapperstacks_in_84345 .playlisterButton:active, #playlisterWrapperstacks_in_84345 .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_84345 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_84345 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_84345 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_84345 .playlisterButton:hover i, #playlisterWrapperstacks_in_84345 .playlisterButton:active i, #playlisterWrapperstacks_in_84345 .playlisterButton:focus i { color: rgba(255, 11, 15, 1.00); } #playlisterWrapperstacks_in_84345 #playstacks_in_84345 i { margin-right: -3px; } #playlisterWrapperstacks_in_84345 #pausestacks_in_84345 { display: none; } #playlisterWrapperstacks_in_84345 .playlisterIsPlaying #playstacks_in_84345 { display: none; } #playlisterWrapperstacks_in_84345 .playlisterIsPlaying #pausestacks_in_84345 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_84345 .playlisterButton:after, #playlisterWrapperstacks_in_84345 .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_84345 { float: right; } #playlisterWrapperstacks_in_84345 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84345 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 700px) { #playlisterWrapperstacks_in_84345 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84345 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_84345, #volumeBtnstacks_in_84345 { display: none; } @media screen and (min-width: 700px) { #volumeBtnstacks_in_84345 { display: inline-block; } #volumeControlsstacks_in_84345 { 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_84345 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_84345 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_84345 i, #volume-fullstacks_in_84345 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_84345 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_84345 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_84345 .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_84345 .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_84345 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_84345 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_84345 #progressstacks_in_84345 { 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_84345 { float: left; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_84345 { 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_84345 { visibility: hidden; } #durationstacks_in_84345.showDuration { visibility: visible; } #playlisterPlayliststacks_in_84345 { 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_84345 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_84345 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_84345 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_84345 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } #playlisterPlayliststacks_in_84345 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(152, 112, 53, 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_84345 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_84345 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_84345 li.active-playlistitem, #playlisterPlayliststacks_in_84345 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(255, 187, 86, 1.00); } #playlisterPlayliststacks_in_84345 li { padding-left: 0; } #playlisterPlayliststacks_in_84345 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_84345 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_84345 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_84345 li.active-playlistitem { } #playlisterPlayliststacks_in_84345 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_84345 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_84345 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_84345, .no-audio #playlisterPlayliststacks_in_84345 { display: none; } #playlisterNoAudiostacks_in_84345 { display: none; } .no-audio #playlisterNoAudiostacks_in_84345 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_84345 { display: none; } #playlisterWrapperstacks_in_84345 #albumstacks_in_84345 { display: none; } #playlisterWrapperstacks_in_84345 #artiststacks_in_84345 { display: none; } #playlisterWrapperstacks_in_84345 #downloadstacks_in_84345 { display: none !important; } #playlisterWrapperstacks_in_84345 #shufflestacks_in_84345 { display: none; } #playlisterWrapperstacks_in_84345 #playlistTogglestacks_in_84345 { display: none; } #playlisterPlaceholderstacks_in_84345 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_84345 audio { width: 100%; } #stacks_in_84345 { background-color: rgba(138, 205, 120, 1.00); border: solid rgba(117, 207, 108, 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_84345 { width: 750px; } #stacks_in_84454 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84454 .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_84456 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84456 .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_84349 { border: solid rgba(255, 255, 255, 1.00); border-width: 15px 0px 0px 0px; } #stacks_in_84357 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84357 .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_84446 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84446 .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_84358 { border: solid rgba(255, 255, 255, 1.00); border-width: 5px 0px 0px 0px; } #stacks_in_84448 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84448 .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_84447 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84447 .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_84366 { border: solid rgba(255, 255, 255, 1.00); border-width: 15px 0px 0px 0px; } #stacks_in_84378 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84378 .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;*/ } /* Start Button Press stack CSS code */ #stacks_in_84432{ text-align: center !important; } .stacks_in_84432dooabutton{ -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:#43B360; 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_84432dooabutton:hover { /* Flat type button specific styles */ background-color:#39A956; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_84432 { margin: 20px 0px 0px 0px; } #stacks_out_84432 { width: 54%; } #stacks_in_84136 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84136 .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_84136 { margin: 20px 0px 0px 0px; } #stacks_in_84126 h1,#stacks_in_84126 h1 a,#stacks_in_84126 p,#stacks_in_84126 p a{ color:rgba(160, 102, 39, 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_84126 p a:hover, #stacks_in_84126 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84126 { margin: 30px 0px 0px 0px; } #stacks_in_84127 { font-size: 179%; } #stacks_in_84128 h1,#stacks_in_84128 h1 a,#stacks_in_84128 p,#stacks_in_84128 p a{ color:rgba(161, 139, 93, 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_84128 p a:hover, #stacks_in_84128 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_84128 { 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_84566 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_84566 .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_84566 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_84566 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_84566 .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_84566 .owl-theme .owl-controls .owl-page.active span, #stacks_in_84566 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_84566 .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_84566 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_84566outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_84566owl-stack{ height:0px; } #stacks_in_84566owl-stack .stacks_in_84566item img{ display: block; width: 100%; height: auto; } #stacks_in_84566imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_84566 { margin: 20px 0px 0px 0px; } #stacks_in_84307 *, #stacks_in_84307 *:before, #stacks_in_84307 *:after { box-sizing: border-box; } #stacks_in_84307 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_84307 { -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_84307 { display: none !important; } #playlisterstacks_in_84307 { 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_84307 { background-color: #6AFF76; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#00A600), to(#6AFF76)); background-image: -moz-linear-gradient(top, #00A600, #6AFF76); background-image: -ms-linear-gradient(top, #00A600, #6AFF76); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A600), color-stop(100%, #6AFF76)); background-image: -webkit-linear-gradient(top, #00A600, #6AFF76); background-image: -o-linear-gradient(top, #00A600, #6AFF76); background-image: linear-gradient(top, #00A600, #6AFF76); } #playlisterstacks_in_84307 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_84307 { 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_84307 { flex-direction: row; } } #coverControlsWrapperstacks_in_84307 { min-height: 200px; } #coverstacks_in_84307 { 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_84307 { justify-content: space-between; } } #playerInterfacestacks_in_84307 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 700px) { #playerInterfacestacks_in_84307 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_84307 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 700px) { #playlisterTopSectionstacks_in_84307 { margin-top: 0px; } } #titlestacks_in_84307 { color: rgba(255, 255, 255, 1.00); font-size: 21px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_84307:before { content: ' '; } #albumstacks_in_84307 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_84307:before { content: 'Album: '; } #artiststacks_in_84307 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_84307:before { content: 'Artist: '; } #additionalInfostacks_in_84307 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_84307:before { content: ' '; } #controlsstacks_in_84307 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 700px) { #controlsstacks_in_84307 { padding-top: 10px; } } #buttonWrapperstacks_in_84307 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_84307 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_84307 .playlisterButtonStandard, #playlisterWrapperstacks_in_84307 .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_84307 .playlisterButtonStandard i, #playlisterWrapperstacks_in_84307 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_84307 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_84307 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_84307 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_84307 .playlisterButton:hover, #playlisterWrapperstacks_in_84307 .playlisterButton:active, #playlisterWrapperstacks_in_84307 .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_84307 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_84307 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_84307 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_84307 .playlisterButton:hover i, #playlisterWrapperstacks_in_84307 .playlisterButton:active i, #playlisterWrapperstacks_in_84307 .playlisterButton:focus i { color: rgba(255, 11, 15, 1.00); } #playlisterWrapperstacks_in_84307 #playstacks_in_84307 i { margin-right: -3px; } #playlisterWrapperstacks_in_84307 #pausestacks_in_84307 { display: none; } #playlisterWrapperstacks_in_84307 .playlisterIsPlaying #playstacks_in_84307 { display: none; } #playlisterWrapperstacks_in_84307 .playlisterIsPlaying #pausestacks_in_84307 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_84307 .playlisterButton:after, #playlisterWrapperstacks_in_84307 .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_84307 { float: right; } #playlisterWrapperstacks_in_84307 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84307 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 700px) { #playlisterWrapperstacks_in_84307 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84307 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_84307, #volumeBtnstacks_in_84307 { display: none; } @media screen and (min-width: 700px) { #volumeBtnstacks_in_84307 { display: inline-block; } #volumeControlsstacks_in_84307 { 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_84307 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_84307 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_84307 i, #volume-fullstacks_in_84307 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_84307 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_84307 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_84307 .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_84307 .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_84307 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_84307 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_84307 #progressstacks_in_84307 { 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_84307 { float: left; font-size: 14px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_84307 { 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_84307 { visibility: hidden; } #durationstacks_in_84307.showDuration { visibility: visible; } #playlisterPlayliststacks_in_84307 { 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_84307 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_84307 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_84307 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_84307 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } #playlisterPlayliststacks_in_84307 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(152, 112, 53, 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_84307 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_84307 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_84307 li.active-playlistitem, #playlisterPlayliststacks_in_84307 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(255, 187, 86, 1.00); } #playlisterPlayliststacks_in_84307 li { padding-left: 0; } #playlisterPlayliststacks_in_84307 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_84307 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_84307 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_84307 li.active-playlistitem { } #playlisterPlayliststacks_in_84307 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_84307 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_84307 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_84307, .no-audio #playlisterPlayliststacks_in_84307 { display: none; } #playlisterNoAudiostacks_in_84307 { display: none; } .no-audio #playlisterNoAudiostacks_in_84307 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_84307 { display: none; } #playlisterWrapperstacks_in_84307 #albumstacks_in_84307 { display: none; } #playlisterWrapperstacks_in_84307 #artiststacks_in_84307 { display: none; } #playlisterWrapperstacks_in_84307 #downloadstacks_in_84307 { display: none !important; } #playlisterWrapperstacks_in_84307 #shufflestacks_in_84307 { display: none; } #playlisterWrapperstacks_in_84307 #playlistTogglestacks_in_84307 { display: none; } #playlisterPlaceholderstacks_in_84307 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_84307 audio { width: 100%; } #stacks_in_84307 { background-color: rgba(138, 205, 120, 1.00); border: solid rgba(117, 207, 108, 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_84307 { width: 750px; } #stacks_in_84308 { border: solid rgba(255, 255, 255, 1.00); border-width: 15px 0px 0px 0px; } #stacks_in_84316 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84316 .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_84317 { border: solid rgba(255, 255, 255, 1.00); border-width: 5px 0px 0px 0px; } #stacks_in_84325 { border: solid rgba(255, 255, 255, 1.00); border-width: 15px 0px 0px 0px; } #stacks_in_84337 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84337 .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;*/ } /* Start Button Press stack CSS code */ #stacks_in_84137{ text-align: center !important; } .stacks_in_84137dooabutton{ -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:#43B360; 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_84137dooabutton:hover { /* Flat type button specific styles */ background-color:#39A956; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_84137 { margin: 20px 0px 0px 0px; } #stacks_out_84137 { width: 54%; } #stacks_in_84132 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_84132 .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_84132 { margin: 20px 0px 0px 0px; } #stacks_in_83953 h3,#stacks_in_83953 h3 a,#stacks_in_83953 p,#stacks_in_83953 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_83953 p a:hover, #stacks_in_83953 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83953 { margin: 30px 0px 0px 0px; } #stacks_in_83954 { font-size: 179%; } #stacks_in_83955 h3,#stacks_in_83955 h3 a,#stacks_in_83955 p,#stacks_in_83955 p a{ color:rgba(117, 170, 224, 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_83955 p a:hover, #stacks_in_83955 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83955 { margin: 10px 0px 0px 0px; } #stacks_in_83990 h3,#stacks_in_83990 h3 a,#stacks_in_83990 p,#stacks_in_83990 p a{ color:rgba(117, 170, 224, 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_83990 p a:hover, #stacks_in_83990 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83990 { margin: 0px 0px 20px 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_83957 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_83957 .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_83957 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_83957 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_83957 .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_83957 .owl-theme .owl-controls .owl-page.active span, #stacks_in_83957 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_83957 .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_83957 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_83957outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_83957owl-stack{ height:0px; } #stacks_in_83957owl-stack .stacks_in_83957item img{ display: block; width: 100%; height: auto; } #stacks_in_83957imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_83957 { margin: 20px 0px 0px 0px; } #stacks_in_84070 *, #stacks_in_84070 *:before, #stacks_in_84070 *:after { box-sizing: border-box; } #stacks_in_84070 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_84070 { -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_84070 { display: none !important; } #playlisterstacks_in_84070 { 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_84070 { background: rgba(0, 215, 248, 1.00); } #playlisterstacks_in_84070 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_84070 { 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_84070 { flex-direction: row; } } #coverControlsWrapperstacks_in_84070 { min-height: 200px; } #coverstacks_in_84070 { 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_84070 { justify-content: space-between; } } #playerInterfacestacks_in_84070 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_84070 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_84070 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_84070 { margin-top: 0px; } } #titlestacks_in_84070 { color: rgba(23, 36, 181, 1.00); font-size: 17px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_84070:before { content: ' '; } #albumstacks_in_84070 { color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_84070:before { content: 'Album: '; } #artiststacks_in_84070 { color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_84070:before { content: 'Jubilate et OPERA Thionville '; } #additionalInfostacks_in_84070 { color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_84070:before { content: '20ième Anniversaire Jubilate 2000 '; } #controlsstacks_in_84070 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_84070 { padding-top: 10px; } } #buttonWrapperstacks_in_84070 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_84070 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_84070 .playlisterButtonStandard, #playlisterWrapperstacks_in_84070 .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_84070 .playlisterButtonStandard i, #playlisterWrapperstacks_in_84070 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 39px !important; } #playlisterWrapperstacks_in_84070 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_84070 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_84070 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_84070 .playlisterButton:hover, #playlisterWrapperstacks_in_84070 .playlisterButton:active, #playlisterWrapperstacks_in_84070 .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_84070 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_84070 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_84070 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_84070 .playlisterButton:hover i, #playlisterWrapperstacks_in_84070 .playlisterButton:active i, #playlisterWrapperstacks_in_84070 .playlisterButton:focus i { color: rgba(3, 160, 255, 1.00); } #playlisterWrapperstacks_in_84070 #playstacks_in_84070 i { margin-right: -3px; } #playlisterWrapperstacks_in_84070 #pausestacks_in_84070 { display: none; } #playlisterWrapperstacks_in_84070 .playlisterIsPlaying #playstacks_in_84070 { display: none; } #playlisterWrapperstacks_in_84070 .playlisterIsPlaying #pausestacks_in_84070 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_84070 .playlisterButton:after, #playlisterWrapperstacks_in_84070 .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_84070 { float: right; } #playlisterWrapperstacks_in_84070 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84070 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 600px) { #playlisterWrapperstacks_in_84070 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_84070 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_84070, #volumeBtnstacks_in_84070 { display: none; } @media screen and (min-width: 600px) { #volumeBtnstacks_in_84070 { display: inline-block; } #volumeControlsstacks_in_84070 { 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_84070 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_84070 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_84070 i, #volume-fullstacks_in_84070 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_84070 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_84070 { height: 120px; width: 10px; background: rgba(246, 115, 25, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_84070 .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_84070 .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_84070 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_84070 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_84070 #progressstacks_in_84070 { 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_84070 { float: left; font-size: 11px; margin-top: 4px; color: rgba(255, 255, 255, 1.00); } #durationstacks_in_84070 { 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_84070 { visibility: hidden; } #durationstacks_in_84070.showDuration { visibility: visible; } #playlisterPlayliststacks_in_84070 { 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_84070 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_84070 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_84070 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_84070 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_84070 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_84070 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_84070 li.active-playlistitem, #playlisterPlayliststacks_in_84070 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(76, 119, 178, 1.00); } #playlisterPlayliststacks_in_84070 li { padding-left: 20px; } #playlisterPlayliststacks_in_84070 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_84070 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_84070 li.active-playlistitem { } #playlisterPlayliststacks_in_84070 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_84070 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_84070 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_84070, .no-audio #playlisterPlayliststacks_in_84070 { display: none; } #playlisterNoAudiostacks_in_84070 { display: none; } .no-audio #playlisterNoAudiostacks_in_84070 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_84070 { display: none; } #playlisterWrapperstacks_in_84070 #albumstacks_in_84070 { display: none; } #playlisterWrapperstacks_in_84070 #shufflestacks_in_84070 { display: none; } #playlisterWrapperstacks_in_84070 #playlistTogglestacks_in_84070 { display: none; } #playlisterPlaceholderstacks_in_84070 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_84070 audio { width: 100%; } #stacks_in_84070 { 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_84070 { width: 550px; } #stacks_out_83985 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_83987{ text-align: center !important; } .stacks_in_83987dooabutton{ -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:#5B83B1; 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_83987dooabutton:hover { /* Flat type button specific styles */ background-color:#5179A7; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_83987 { margin: 20px 0px 0px 0px; } /* Start Button Press stack CSS code */ #stacks_in_84095{ text-align: center !important; } .stacks_in_84095dooabutton{ -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:#5B83B1; 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_84095dooabutton:hover { /* Flat type button specific styles */ background-color:#5179A7; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_84095 { margin: 20px 0px 0px 0px; } #stacks_in_83989 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83989 .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_83776 h3,#stacks_in_83776 h3 a,#stacks_in_83776 p,#stacks_in_83776 p a{ color:rgba(160, 102, 39, 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_83776 p a:hover, #stacks_in_83776 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83776 { margin: 30px 0px 0px 0px; } #stacks_in_83777 { font-size: 179%; } #stacks_in_83778 h3,#stacks_in_83778 h3 a,#stacks_in_83778 p,#stacks_in_83778 p a{ color:rgba(161, 139, 93, 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_83778 p a:hover, #stacks_in_83778 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83778 { 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_83782 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_83782 .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_83782 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_83782 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_83782 .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_83782 .owl-theme .owl-controls .owl-page.active span, #stacks_in_83782 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_83782 .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_83782 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_83782outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_83782owl-stack{ height:0px; } #stacks_in_83782owl-stack .stacks_in_83782item img{ display: block; width: 100%; height: auto; } #stacks_in_83782imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_83782 { margin: 20px 0px 0px 0px; } #stacks_out_83810 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_83812{ text-align: center !important; } .stacks_in_83812dooabutton{ -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:#B08B4F; 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_83812dooabutton:hover { /* Flat type button specific styles */ background-color:#A68145; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_83812 { margin: 20px 0px 0px 0px; } #stacks_in_83930 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83930 .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_83759 h3,#stacks_in_83759 h3 a,#stacks_in_83759 p,#stacks_in_83759 p a{ color:rgba(23, 167, 85, 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_83759 p a:hover, #stacks_in_83759 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83759 { margin: 70px 0px 0px 0px; } #stacks_in_83760 { font-size: 179%; } #stacks_in_83761 h3,#stacks_in_83761 h3 a,#stacks_in_83761 p,#stacks_in_83761 p a{ color:rgba(75, 179, 135, 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_83761 p a:hover, #stacks_in_83761 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83761 { margin: 10px 0px 0px 0px; } #stacks_in_83766 h3,#stacks_in_83766 h3 a,#stacks_in_83766 p,#stacks_in_83766 p a{ color:rgba(75, 179, 135, 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_83766 p a:hover, #stacks_in_83766 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83766 { margin: 0px 0px 20px 0px; } #stacks_in_83752 *, #stacks_in_83752 *:before, #stacks_in_83752 *:after { box-sizing: border-box; } #stacks_in_83752 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_83752 { -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_83752 { display: none !important; } #playlisterstacks_in_83752 { 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_83752 { background: rgba(202, 128, 71, 1.00); } #playlisterstacks_in_83752 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_83752 { 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_83752 { flex-direction: row; } } #coverControlsWrapperstacks_in_83752 { min-height: 200px; } #coverstacks_in_83752 { 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_83752 { justify-content: space-between; } } #playerInterfacestacks_in_83752 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_83752 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_83752 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_83752 { margin-top: 0px; } } #titlestacks_in_83752 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_83752:before { content: ' '; } #albumstacks_in_83752 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_83752:before { content: 'Album: '; } #artiststacks_in_83752 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_83752:before { content: 'Artist: '; } #additionalInfostacks_in_83752 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_83752:before { content: 'Oratorio de Noël de Saint Saëns '; } #controlsstacks_in_83752 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_83752 { padding-top: 10px; } } #buttonWrapperstacks_in_83752 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_83752 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_83752 .playlisterButtonStandard, #playlisterWrapperstacks_in_83752 .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_83752 .playlisterButtonStandard i, #playlisterWrapperstacks_in_83752 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_83752 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_83752 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_83752 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_83752 .playlisterButton:hover, #playlisterWrapperstacks_in_83752 .playlisterButton:active, #playlisterWrapperstacks_in_83752 .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_83752 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_83752 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_83752 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_83752 .playlisterButton:hover i, #playlisterWrapperstacks_in_83752 .playlisterButton:active i, #playlisterWrapperstacks_in_83752 .playlisterButton:focus i { color: rgba(3, 160, 255, 1.00); } #playlisterWrapperstacks_in_83752 #playstacks_in_83752 i { margin-right: -3px; } #playlisterWrapperstacks_in_83752 #pausestacks_in_83752 { display: none; } #playlisterWrapperstacks_in_83752 .playlisterIsPlaying #playstacks_in_83752 { display: none; } #playlisterWrapperstacks_in_83752 .playlisterIsPlaying #pausestacks_in_83752 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_83752 .playlisterButton:after, #playlisterWrapperstacks_in_83752 .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_83752 { float: right; } #playlisterWrapperstacks_in_83752 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_83752 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 600px) { #playlisterWrapperstacks_in_83752 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_83752 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_83752, #volumeBtnstacks_in_83752 { display: none; } @media screen and (min-width: 600px) { #volumeBtnstacks_in_83752 { display: inline-block; } #volumeControlsstacks_in_83752 { 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_83752 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_83752 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_83752 i, #volume-fullstacks_in_83752 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_83752 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_83752 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_83752 .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_83752 .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_83752 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_83752 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_83752 #progressstacks_in_83752 { background-color: rgba(75, 179, 135, 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_83752 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_83752 { float: right; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 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_83752 { visibility: hidden; } #durationstacks_in_83752.showDuration { visibility: visible; } #playlisterPlayliststacks_in_83752 { 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_83752 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_83752 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_83752 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_83752 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } #playlisterPlayliststacks_in_83752 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(153, 153, 153, 1.00); font-size: 18px; height: 45px; line-height: 45px; 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_83752 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_83752 li.active-playlistitem, #playlisterPlayliststacks_in_83752 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } #playlisterPlayliststacks_in_83752 li { padding-left: 0; } #playlisterPlayliststacks_in_83752 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_83752 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_83752 li .playlistItemActiveIcon { display: none; font-size: 130%; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_83752 li.active-playlistitem { } #playlisterPlayliststacks_in_83752 li.active-playlistitem .playlistItemNumber { display: none; } #playlisterPlayliststacks_in_83752 li.active-playlistitem .playlistItemActiveIcon { display: inline-block; } #playlisterPlayliststacks_in_83752 li.active-playlistitem .playlistItemActiveIcon i { color: rgba(255, 255, 255, 1.00); } .no-audio #playlisterstacks_in_83752, .no-audio #playlisterPlayliststacks_in_83752 { display: none; } #playlisterNoAudiostacks_in_83752 { display: none; } .no-audio #playlisterNoAudiostacks_in_83752 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_83752 { display: none; } #playlisterWrapperstacks_in_83752 #albumstacks_in_83752 { display: none; } #playlisterWrapperstacks_in_83752 #artiststacks_in_83752 { display: none; } #playlisterWrapperstacks_in_83752 #downloadstacks_in_83752 { display: none !important; } #playlisterWrapperstacks_in_83752 #shufflestacks_in_83752 { display: none; } #playlisterWrapperstacks_in_83752 #playlistTogglestacks_in_83752 { display: none; } #playlisterPlaceholderstacks_in_83752 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_83752 audio { width: 100%; } #stacks_in_83752 { background-color: rgba(202, 84, 55, 1.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_out_83752 { width: 550px; } #stacks_in_83772 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83772 .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_83772 { margin: 20px 0px 0px 0px; } #stacks_out_83651 { width: 750px; } #stacks_in_83616 h3,#stacks_in_83616 h3 a,#stacks_in_83616 p,#stacks_in_83616 p a{ color:rgba(117, 170, 224, 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_83616 p a:hover, #stacks_in_83616 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83616 { margin: 10px 0px 20px 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_83618 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_83618 .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_83618 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_83618 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_83618 .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_83618 .owl-theme .owl-controls .owl-page.active span, #stacks_in_83618 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_83618 .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_83618 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_83618outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_83618owl-stack{ height:0px; } #stacks_in_83618owl-stack .stacks_in_83618item img{ display: block; width: 100%; height: auto; } #stacks_in_83618imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_83618 { margin: 20px 0px 0px 0px; } #stacks_out_83646 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_83648{ text-align: center !important; } .stacks_in_83648dooabutton{ -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:#5B83B1; 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_83648dooabutton:hover { /* Flat type button specific styles */ background-color:#5179A7; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_83648 { margin: 20px 0px 0px 0px; } #stacks_in_83650 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83650 .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_83606 h3,#stacks_in_83606 h3 a,#stacks_in_83606 p,#stacks_in_83606 p a{ color:rgba(156, 105, 48, 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_83606 p a:hover, #stacks_in_83606 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83606 { margin: 30px 0px 0px 0px; } #stacks_in_83607 { font-size: 179%; } #stacks_in_83608 h3,#stacks_in_83608 h3 a,#stacks_in_83608 p,#stacks_in_83608 p a{ color:rgba(186, 164, 145, 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_83608 p a:hover, #stacks_in_83608 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83608 { margin: 10px 0px 10px 0px; } #stacks_out_83610 { width: 650px; } #stacks_in_83934 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83934 .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_83545 h3,#stacks_in_83545 h3 a,#stacks_in_83545 p,#stacks_in_83545 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_83545 p a:hover, #stacks_in_83545 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83545 { margin: 30px 0px 0px 0px; } #stacks_in_83546 { font-size: 179%; } #stacks_in_83557 h3,#stacks_in_83557 h3 a,#stacks_in_83557 p,#stacks_in_83557 p a{ color:rgba(117, 170, 224, 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_83557 p a:hover, #stacks_in_83557 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83557 { 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_83547 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_83547 .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_83547 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_83547 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_83547 .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_83547 .owl-theme .owl-controls .owl-page.active span, #stacks_in_83547 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_83547 .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_83547 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_83547outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_83547owl-stack{ height:0px; } #stacks_in_83547owl-stack .stacks_in_83547item img{ display: block; width: 100%; height: auto; } #stacks_in_83547imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_83547 { margin: 20px 0px 0px 0px; } #stacks_out_83559 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_83560{ text-align: center !important; } .stacks_in_83560dooabutton{ -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:#5B83B1; 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_83560dooabutton:hover { /* Flat type button specific styles */ background-color:#5179A7; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_83560 { margin: 20px 0px 0px 0px; } #stacks_in_83555 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83555 .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_83539 h3,#stacks_in_83539 h3 a,#stacks_in_83539 p,#stacks_in_83539 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_83539 p a:hover, #stacks_in_83539 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83539 { margin: 30px 0px 0px 0px; } #stacks_in_83540 { font-size: 179%; } /* 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_83259 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_83259 .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_83259 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_83259 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_83259 .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_83259 .owl-theme .owl-controls .owl-page.active span, #stacks_in_83259 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_83259 .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_83259 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_83259outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_83259owl-stack{ height:0px; } #stacks_in_83259owl-stack .stacks_in_83259item img{ display: block; width: 100%; height: auto; } #stacks_in_83259imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_83259 { margin: 20px 0px 0px 0px; } #stacks_in_83541 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_83541 .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_83425 h3,#stacks_in_83425 h3 a,#stacks_in_83425 p,#stacks_in_83425 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_83425 p a:hover, #stacks_in_83425 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83425 { margin: 30px 0px 0px 0px; } #stacks_in_83426 { font-size: 179%; } #stacks_in_83427 h3,#stacks_in_83427 h3 a,#stacks_in_83427 p,#stacks_in_83427 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_83427 p a:hover, #stacks_in_83427 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_83427 { 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_83431 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_83431 .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_83431 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_83431 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_83431 .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_83431 .owl-theme .owl-controls .owl-page.active span, #stacks_in_83431 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_83431 .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_83431 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_83431outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_83431owl-stack{ height:0px; } #stacks_in_83431owl-stack .stacks_in_83431item img{ display: block; width: 100%; height: auto; } #stacks_in_83431imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_83431 { margin: 20px 0px 0px 0px; } #stacks_out_83475 { width: 560px; } /* Start Button Press stack CSS code */ #stacks_in_83477{ text-align: center !important; } .stacks_in_83477dooabutton{ -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_83477dooabutton:hover { /* Flat type button specific styles */ background-color:#41AB41; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_83477 { 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;*/ }