#supersized-loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
text-indent: -999em; }
#supersized {
display: block;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
height: 100%;
width: 100%;
margin:0;
}
#supersized img {
width: auto;
height: auto;
position: relative;
display: none;
outline: none;
border: none;
}
#supersized.speed img {
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;
} #supersized.quality img {
-ms-interpolation-mode: bicubic;
image-rendering: optimizeQuality;
} #supersized li {
display: block;
list-style: none;
z-index: -30;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
}
#supersized a {
width: 100%;
height: 100%;
display: block;
}
#supersized li.prevslide {
z-index: -20;
}
#supersized li.activeslide {
z-index: -10;
}
#supersized li.image-loading { width: 100%;
height: 100%;
}
#supersized li.image-loading img {
visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
display: inline;
} #ourner-sitebar #thumb-tray{
height: 160px;
box-shadow: none;
background: rgba(255,255,255,0.2);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#thumb-tray ul#thumb-list{
margin:4px 0;
}
#thumb-tray ul#thumb-list li{
height:152px;
background: none;
width:auto;
overflow: hidden;
}
#thumb-tray ul#thumb-list li img{
width:225px;
min-height:152px;
opacity: 0.85;
filter:alpha(opacity=85);
height:auto;
}
.slider-control{
position: fixed;
top:16px;
right:58px;
height:41px;
width: 220px;
}
.slider-control #prevslide,
.slider-control #nextslide,
.slider-control span.music_icon,
.slider-control span.music,
.slider-control span.close-music,
.slider-control span.music,
.slider-control span.slide-description,
.slider-control span.slide-hidden,
.slider-control span.slide-fullscreen,
.slider-control span.slide-screen
{
height:41px;
width:41px;
background-image: url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/images/control-slider.png);
background-color: rgba(255,255,255,0.7);
bottom: auto;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
float:left;
margin: 0 0 0 3px;
left: auto;
top: auto;
right: auto;
}
.slider-control #prevslide{
background-position: 11px 11px;
}
.slider-control #nextslide{
background-position: -162px 11px;
}
.slider-control #prevslide:hover,
.slider-control #nextslide:hover,
.slider-control span.music_icon,
.slider-control span.music,
.slider-control span.close-music,
.slider-control span.music,
.slider-control span.slide-description,
.slider-control span.slide-fullscreen:hover
{
border:none;
background-color: #fff;
}
.slider-control #prevslide:hover,
.slider-control #nextslide:hover,
.slider-control span.music_icon,
.slider-control span.music,
.slider-control span.slide-fullscreen:hover
{
-moz-transition: all 200ms linear 0s;
-webkit-transition: all 200ms linear 0s;
-o-transition: all 200ms linear 0s;
}
.slider-control span.music_icon,
.slider-control span.close-music,
.slider-control span.music{
background-position: -33px 11px;
}
.slider-control span.slide-description,
.slider-control span.slide-hidden{
background-position: -76px 11px;
}
.slider-control span.slide-fullscreen,
.slider-control span.slide-screen{
background-position: -119px 11px;
}
#tz_fullslide .slide-des{
position: fixed;
right: 60px;
bottom:240px;
width:35%;
}
.slider-control span.close-music, .slider-control span.slide-hidden,
.slider-control span.slide-screen{
display: none;
background-color: rgba(255, 255, 255, 0.7);
}
#tz_fullslide #slidecaption,
#tz_fullslide #slidecaption1{
text-shadow: none;
margin: 0;
display: block;
float: none;
}
#tz_fullslide #slidecaption1{
padding:15px 30px;
font-size: 11px;
color: #000;
background: rgba(255,255,255,0.7);
margin-top: 12px;
}
#tz_fullslide #slidecaption h2{
color:#fff;
font-size: 32px;
background: rgba(255,91,10,0.7);
padding:6px 30px 10px;
display: inline-block;
font-weight: normal;
margin:0;
}
#ja-footer{
position: fixed;
bottom:0;
height: 30px;
border-top: 1px solid #000000;
background: #fff;
width: 100%;
z-index: 100;
border-left: 5px solid #000
}
#ourner-sitebar #thumb-tray{ bottom:-100px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#thumb-tray #thumb-back, #thumb-tray #thumb-forward {
bottom: 50px;
height: 41px;
position: absolute;
width: 41px;
z-index: 5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ja-sidebar-1{
position: fixed;
left:0;
top:0;
background:rgba(255,255,255,1);
margin:0;
width: 17px;
border-left: 5px solid #000;
z-index: 99;
bottom: 0;
padding:  15px 13px;
border-right: 1px solid #cfcfcf;
opacity: 0.3;
filter:alpha(opacity=0.3);
}
.ja-sidebar-1 .sidebar-background{ width: 17px;
height: 142px;
position: absolute;
top:15px;
}
.thumb_up{
background: url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/images/thumb-up.png) no-repeat;
background-color: #282828;
opacity: 0.5;
height: 20px;
text-align: left;
}
.thumb_down{
background: url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/images/thumb-down.png) no-repeat;
background-color: #282828;
opacity: 0.5;
height: 25px;
text-align: left;
}
.tz_thumb{
width: 45px;
position: absolute;
float: right;
bottom: 0;
right: 0;
z-index: 999999;
}
.tz_thumb:hover{
cursor: pointer;
}
#slidecaption{
height: auto;
width: 100%;
}
.tz_supersized > div {
position: relative;
z-index: 10;
}
.background_overload {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/images/bg-dot.png) repeat;
z-index: 10;
}
.back_homepage{
position:fixed;
top:50px;
left:50px;
z-index:100;
color:#111;
padding:5px 15px;
background:rgba(255,255,255,0.9);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.back_homepage a{
color:#111;
}
.back_homepage:hover a:hover{
text-decoration:none;
font-weight:bold;
-webkit-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#tz_supersized .slide-des{
bottom: 30%;
left: 15%;
position: fixed;
right: 30%;
z-index: 100;
}
#tz_supersized .slide-des #slidecaption h2{
display: inline-block;
padding:15px 20px 17px;
background: rgba(255,255,255,1);
margin-bottom:20px;
color:#0099FF;
text-shadow: none;
}
#tz_supersized .slide-des #slidecaption1{
display:inline-block;
background: rgba(255,255,255,1);
padding:15px 20px;
}
#tz_supersized .slide-des #slidecaption1 p{
display:inline-block;
line-height: 1.5em;
margin:0;
}#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }
#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/bg-hover.png) repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }
#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
#prevslide{ left:10px; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/back.png); }
#nextslide{ right:10px; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/forward.png); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }
ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height:12px; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/nav-dot.png) no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/bg-hover.png) repeat-x 0 44px; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; } #progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/progress-back.png) repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/progress-bar.png) repeat-x; } #nextthumb,#prevthumb { z-index:100; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; } #thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/thumb-back.png) no-repeat center center;}
#thumb-forward{ right:0; background:url(//www.beachcomber.gr/wp-content/plugins/tz-filmcampaign/assets/img/thumb-forward.png) no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }
ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }