/* 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_2_page0 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 30px 0px 20px 0px; } #stacks_in_4_page0 h1,#stacks_in_4_page0 h1 a,#stacks_in_4_page0 p,#stacks_in_4_page0 p a{ font-size:54px; line-height:1.00em; margin:0; } #stacks_in_4_page0 h1,#stacks_in_4_page0 h1 a,#stacks_in_4_page0 p,#stacks_in_4_page0 p a{ color:rgba(194, 92, 14, 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 ; 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_4_page0 p a:hover, #stacks_in_4_page0 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4_page0 { margin: 10px 0px 0px 0px; } #stacks_in_6_page0 { margin: 10px 0px 30px 0px; } #stacks_in_8_page0 h4,#stacks_in_8_page0 h4 a,#stacks_in_8_page0 p,#stacks_in_8_page0 p a{ color:rgba(153, 153, 153, 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 ; } #stacks_in_8_page0 p a:hover, #stacks_in_8_page0 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_10_page0 h4,#stacks_in_10_page0 h4 a,#stacks_in_10_page0 p,#stacks_in_10_page0 p a{ font-size:30px; line-height:1.00em; margin:0; } #stacks_in_10_page0 h4,#stacks_in_10_page0 h4 a,#stacks_in_10_page0 p,#stacks_in_10_page0 p a{ color:rgba(226, 103, 60, 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 ; 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_10_page0 p a:hover, #stacks_in_10_page0 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_10_page0 { margin: 0px 0px 20px 0px; } #stacks_in_12_page0>.s3_row { margin: 0 -10px; } #stacks_in_12_page0>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_12_page0>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_12_page0>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_12_page0>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_12_page0>.s3_row { margin: -10px 0; } #stacks_in_12_page0>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_12_page0 { margin: 30px 0px 0px 0px; } #stacks_in_14_page0 { border: solid rgba(23, 168, 3, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_16_page0 h1,#stacks_in_16_page0 h1 a,#stacks_in_16_page0 p,#stacks_in_16_page0 p a{ color:rgba(23, 168, 3, 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 ; 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_16_page0 p a:hover, #stacks_in_16_page0 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_18_page0 h3,#stacks_in_18_page0 h3 a,#stacks_in_18_page0 p,#stacks_in_18_page0 p a{ color:rgba(23, 179, 17, 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 ; } #stacks_in_18_page0 p a:hover, #stacks_in_18_page0 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_20_page0 h3,#stacks_in_20_page0 h3 a,#stacks_in_20_page0 p,#stacks_in_20_page0 p a{ color:rgba(131, 136, 138, 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 ; } #stacks_in_20_page0 p a:hover, #stacks_in_20_page0 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 */ #stacks_in_24_page0 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_24_page0 .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_24_page0 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_24_page0 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_24_page0 .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_24_page0 .owl-theme .owl-controls .owl-page.active span, #stacks_in_24_page0 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_24_page0 .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_24_page0 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_24_page0outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_24_page0owl-stack{ height:0px; } #stacks_in_24_page0owl-stack .stacks_in_24_page0item{ margin: 3px; } #stacks_in_24_page0owl-stack .stacks_in_24_page0item img{ display: block; width: 100%; height: auto; } #stacks_in_24_page0imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_24_page0 { margin: 20px 0px 0px 0px; } /* Start Button Press stack CSS code */ #stacks_in_78_page0{ text-align: center !important; } .stacks_in_78_page0dooabutton{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* 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_78_page0dooabutton:hover { /* Flat type button specific styles */ background-color:#41AB41; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_78_page0 { margin: 20px 0px 0px 0px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_79_page0 { background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_79_page0 .jp-play { width: 48px; height: 48px; top: -5px; background: #FFFFFF!important; border: 1px solid #CCCCCC!important; border-radius: 0%!important; } #jp_container_stacks_in_79_page0 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #000000; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_79_page0 .jp-pause-button-a, #jp_container_stacks_in_79_page0 .jp-pause-button-b{ border-left-color: #000000!important; } .jpRwFfGroup_stacks_in_79_page0{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_79_page0 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #000000; } #jp_container_stacks_in_79_page0 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_79_page0 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_79_page0 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_79_page0 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_79_page0 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #000000; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_79_page0 .jp-progress { overflow: hidden; background-color: #EEEEEE; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_79_page0 .jp-seek-bar { background: #EEEEEE; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_79_page0 .jp-play-bar { background: #000000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_79_page0 .jp-details, #jp_container_stacks_in_79_page0 .jp-playlist { width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #CCCCCC; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #333333!important} .jp-playlist-item:hover {color: #CCCCCC!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_79_page0 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #000000; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #000000; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_79_page0 { margin: 20px 0px 0px 0px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_84_page0 { background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_84_page0 .jp-play { width: 48px; height: 48px; top: -5px; background: #FFFFFF!important; border: 1px solid #CCCCCC!important; border-radius: 0%!important; } #jp_container_stacks_in_84_page0 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #000000; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_84_page0 .jp-pause-button-a, #jp_container_stacks_in_84_page0 .jp-pause-button-b{ border-left-color: #000000!important; } .jpRwFfGroup_stacks_in_84_page0{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_84_page0 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #000000; } #jp_container_stacks_in_84_page0 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_84_page0 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_84_page0 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_84_page0 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_84_page0 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #000000; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_84_page0 .jp-progress { overflow: hidden; background-color: #EEEEEE; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_84_page0 .jp-seek-bar { background: #EEEEEE; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_84_page0 .jp-play-bar { background: #000000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_84_page0 .jp-details, #jp_container_stacks_in_84_page0 .jp-playlist { width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #CCCCCC; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #333333!important} .jp-playlist-item:hover {color: #CCCCCC!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_84_page0 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #000000; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #000000; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_84_page0 { margin: 20px 0px 0px 0px; } #stacks_in_94_page0 { border: solid rgba(23, 168, 3, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_96_page0 h1,#stacks_in_96_page0 h1 a,#stacks_in_96_page0 p,#stacks_in_96_page0 p a{ color:rgba(23, 168, 3, 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 ; 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_96_page0 p a:hover, #stacks_in_96_page0 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_98_page0 h3,#stacks_in_98_page0 h3 a,#stacks_in_98_page0 p,#stacks_in_98_page0 p a{ color:rgba(23, 179, 17, 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 ; } #stacks_in_98_page0 p a:hover, #stacks_in_98_page0 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_100_page0 h3,#stacks_in_100_page0 h3 a,#stacks_in_100_page0 p,#stacks_in_100_page0 p a{ color:rgba(131, 136, 138, 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 ; } #stacks_in_100_page0 p a:hover, #stacks_in_100_page0 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 */ #stacks_in_104_page0 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_104_page0 .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_104_page0 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_104_page0 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_104_page0 .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_104_page0 .owl-theme .owl-controls .owl-page.active span, #stacks_in_104_page0 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_104_page0 .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_104_page0 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_104_page0outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_104_page0owl-stack{ height:0px; } #stacks_in_104_page0owl-stack .stacks_in_104_page0item{ margin: 3px; } #stacks_in_104_page0owl-stack .stacks_in_104_page0item img{ display: block; width: 100%; height: auto; } #stacks_in_104_page0imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_104_page0 { margin: 20px 0px 0px 0px; } /* Start Button Press stack CSS code */ #stacks_in_136_page0{ text-align: center !important; } .stacks_in_136_page0dooabutton{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* 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_136_page0dooabutton:hover { /* Flat type button specific styles */ background-color:#41AB41; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_136_page0 { margin: 20px 0px 0px 0px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_137_page0 { background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_137_page0 .jp-play { width: 48px; height: 48px; top: -5px; background: #FFFFFF!important; border: 1px solid #CCCCCC!important; border-radius: 0%!important; } #jp_container_stacks_in_137_page0 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #000000; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_137_page0 .jp-pause-button-a, #jp_container_stacks_in_137_page0 .jp-pause-button-b{ border-left-color: #000000!important; } .jpRwFfGroup_stacks_in_137_page0{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_137_page0 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #000000; } #jp_container_stacks_in_137_page0 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_137_page0 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_137_page0 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_137_page0 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_137_page0 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #000000; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_137_page0 .jp-progress { overflow: hidden; background-color: #EEEEEE; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_137_page0 .jp-seek-bar { background: #EEEEEE; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_137_page0 .jp-play-bar { background: #000000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_137_page0 .jp-details, #jp_container_stacks_in_137_page0 .jp-playlist { width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #CCCCCC; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #333333!important} .jp-playlist-item:hover {color: #CCCCCC!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_137_page0 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #000000; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #000000; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_137_page0 { margin: 20px 0px 0px 0px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_142_page0 { background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_142_page0 .jp-play { width: 48px; height: 48px; top: -5px; background: #FFFFFF!important; border: 1px solid #CCCCCC!important; border-radius: 0%!important; } #jp_container_stacks_in_142_page0 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #000000; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_142_page0 .jp-pause-button-a, #jp_container_stacks_in_142_page0 .jp-pause-button-b{ border-left-color: #000000!important; } .jpRwFfGroup_stacks_in_142_page0{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_142_page0 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #000000; } #jp_container_stacks_in_142_page0 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_142_page0 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_142_page0 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_142_page0 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_142_page0 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #000000; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_142_page0 .jp-progress { overflow: hidden; background-color: #EEEEEE; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_142_page0 .jp-seek-bar { background: #EEEEEE; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_142_page0 .jp-play-bar { background: #000000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_142_page0 .jp-details, #jp_container_stacks_in_142_page0 .jp-playlist { width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #CCCCCC; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #333333!important} .jp-playlist-item:hover {color: #CCCCCC!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_142_page0 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #000000; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #000000; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_142_page0 { margin: 20px 0px 0px 0px; } #stacks_in_152_page0 { border: solid rgba(23, 168, 3, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_154_page0 h1,#stacks_in_154_page0 h1 a,#stacks_in_154_page0 p,#stacks_in_154_page0 p a{ color:rgba(23, 168, 3, 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 ; 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_154_page0 p a:hover, #stacks_in_154_page0 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_156_page0 h3,#stacks_in_156_page0 h3 a,#stacks_in_156_page0 p,#stacks_in_156_page0 p a{ color:rgba(23, 179, 17, 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 ; } #stacks_in_156_page0 p a:hover, #stacks_in_156_page0 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_158_page0 h3,#stacks_in_158_page0 h3 a,#stacks_in_158_page0 p,#stacks_in_158_page0 p a{ color:rgba(131, 136, 138, 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 ; } #stacks_in_158_page0 p a:hover, #stacks_in_158_page0 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } /* Start Owl stack CSS code */ /* * Owl Carousel Owl Demo Theme * v1.3.2 */ #stacks_in_162_page0 .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ #stacks_in_162_page0 .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_162_page0 .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ #stacks_in_162_page0 .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } #stacks_in_162_page0 .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_162_page0 .owl-theme .owl-controls .owl-page.active span, #stacks_in_162_page0 .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ #stacks_in_162_page0 .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_162_page0 .owl-item.loading{ min-height: 150px; background: url("../files/AjaxLoader.gif") no-repeat center center } #stacks_in_162_page0outerwrapper{ max-width: 750px; margin: 0 auto 0 auto; } /* Preview Mode */ #stacks_in_162_page0owl-stack{ height:0px; } #stacks_in_162_page0owl-stack .stacks_in_162_page0item{ margin: 3px; } #stacks_in_162_page0owl-stack .stacks_in_162_page0item img{ display: block; width: 100%; height: auto; } #stacks_in_162_page0imagewell{ height: 0px; } /* End Owl stack CSS code */ #stacks_in_162_page0 { margin: 20px 0px 0px 0px; } /* Start Button Press stack CSS code */ #stacks_in_210_page0{ text-align: center !important; } .stacks_in_210_page0dooabutton{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* 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_210_page0dooabutton:hover { /* Flat type button specific styles */ background-color:#41AB41; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_210_page0 { margin: 20px 0px 0px 0px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_211_page0 { background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_211_page0 .jp-play { width: 48px; height: 48px; top: -5px; background: #FFFFFF!important; border: 1px solid #CCCCCC!important; border-radius: 0%!important; } #jp_container_stacks_in_211_page0 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #000000; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_211_page0 .jp-pause-button-a, #jp_container_stacks_in_211_page0 .jp-pause-button-b{ border-left-color: #000000!important; } .jpRwFfGroup_stacks_in_211_page0{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_211_page0 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #000000; } #jp_container_stacks_in_211_page0 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_211_page0 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_211_page0 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_211_page0 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_211_page0 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #000000; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_211_page0 .jp-progress { overflow: hidden; background-color: #EEEEEE; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_211_page0 .jp-seek-bar { background: #EEEEEE; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_211_page0 .jp-play-bar { background: #000000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_211_page0 .jp-details, #jp_container_stacks_in_211_page0 .jp-playlist { width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #CCCCCC; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #333333!important} .jp-playlist-item:hover {color: #CCCCCC!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_211_page0 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #000000; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #000000; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_211_page0 { margin: 20px 0px 0px 0px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_216_page0 { background: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_216_page0 .jp-play { width: 48px; height: 48px; top: -5px; background: #FFFFFF!important; border: 1px solid #CCCCCC!important; border-radius: 0%!important; } #jp_container_stacks_in_216_page0 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #000000; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_216_page0 .jp-pause-button-a, #jp_container_stacks_in_216_page0 .jp-pause-button-b{ border-left-color: #000000!important; } .jpRwFfGroup_stacks_in_216_page0{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_216_page0 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #000000; } #jp_container_stacks_in_216_page0 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_216_page0 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #000000 transparent transparent; } #jp_container_stacks_in_216_page0 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_216_page0 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000000; } #jp_container_stacks_in_216_page0 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #000000; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_216_page0 .jp-progress { overflow: hidden; background-color: #EEEEEE; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_216_page0 .jp-seek-bar { background: #EEEEEE; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_216_page0 .jp-play-bar { background: #000000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_216_page0 .jp-details, #jp_container_stacks_in_216_page0 .jp-playlist { width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #CCCCCC; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #333333!important} .jp-playlist-item:hover {color: #CCCCCC!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_216_page0 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #000000; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #000000; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_216_page0 { margin: 20px 0px 0px 0px; } /* Start Button Press stack CSS code */ #stacks_in_225_page0{ text-align: center !important; } .stacks_in_225_page0dooabutton{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Flat type button specific styles */ background-color:#BD3500; border:none; color:#FFFFFF; font-size:132% !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_225_page0dooabutton:hover { /* Flat type button specific styles */ background-color:#B32B00; color:#FFFFFF; } /* End Button Press stack CSS code */ #stacks_in_225_page0 { margin: 20px 0px 0px 0px; } #stacks_out_225_page0 { width: 760px; } /* * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.0.0 * Simple Divider is a Free Stack for RapidWeaver allowing easy drag-and-drop of a simple divider with minimal customization options. */ #simpleDivider_stacks_in_226_page0 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_226_page0 .theDivider1, #simpleDivider_stacks_in_226_page0 .theDivider2 {width: inherit} #simpleDivider_stacks_in_226_page0 .theDivider1 { border-top: solid 1px #CCCCCC; border-bottom: solid 1px #FFFFFF; } #simpleDivider_stacks_in_226_page0 .theDivider2 { height: 1px; background-color: #FFB486; }