/*FONTS*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin-ext);
/*******************************************
- RATING START -
********************************************/
.rating-star { vertical-align: middle;line-height: 17px;}
.sb-rateholder { position:relative; display:inline-block; }
.sb-rateholder-single { position:relative; float:left;}
.sb-icon-star-empty { position:absolute;left:0px;top:0px; z-index:1; color:#ddd; }
.sb-icon-star { position:relative; z-index:2; color:#ffc321;}
/**********************************************
- NONE SELECTION OF NAVIGATION CONTAINER -
***********************************************/
.showbiz-navigation {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
display:none
}
/**************************************
- BASIC STYLING FOR CONTENTS -
***************************************/
.showbiz { position:relative;}
.showbiz .divide5 { width:100%;height:5px;}
.showbiz .divide10 { width:100%;height:10px;}
.showbiz .divide15 { width:100%;height:15px;}
.showbiz .divide20 { width:100%;height:20px;}
.showbiz .divide30 { width:100%;height:30px;}
.showbiz .p20 { padding-top:20px;}
.showbiz .p30 { padding-top:30px;}
.showbiz .p40 { padding-top:30px;}
.showbiz .p60 { padding-top:60px;}
.showbiz .rm5 { margin-right:5px;}
.showbiz .rm10 { margin-right:10px;}
.showbiz .rm15 { margin-right:15px;}
.showbiz .rm20 { margin-right:20px;}
.showbiz .leftfloat { float:left;}
.showbiz .rightfloat { float:right;}
.sbclear { clear:both;}
.showbiz .txt-center { text-align: center;}
.showbiz .txt-left { text-align: left;}
.showbiz .txt-right { text-align: right;}
.showbiz .vert-center { vertical-align:middle;height:100%;}
.showbiz-title .greenbg { background-color:#366300; padding:2px 10px;}
.showbiz-title .redbg { background-color:#b2170a; padding:2px 10px;}
.showbiz-title .bluebg { background-color:#1d628a; padding:2px 10px;}
.showbiz-title .blackbg { background-color:#000; padding:2px 10px;}
.showbiz p { font-size:13px; line-height:20px; color:#303030; font-family: 'Lato', sans-serif; position:relative; padding-top:10px;}
.showbiz p.orange { color:#ff6c00;}
.showbiz p.bigger { font-size:17px; line-height:20px;}
.showbiz p.bolder { font-weight:700;}
.showbiz-title,
.showbiz-title a,
.showbiz-title a:visited,
.showbiz-title a:hover { color:#555; font-family: 'Lato', sans-serif; font-size:14px; text-transform:uppercase; text-decoration: none; font-weight:700;}
.showbiz-title.large,
.showbiz-title.large a,
.showbiz-title.large a:visited,
.showbiz-title.large a:hover { font-size:20px; line-height:25px; font-weight:800;}
.showbiz-price .number { color:#555; font-family: 'Lato', sans-serif; font-size:50px; font-weight: 800;}
.showbiz-price .currency { color:#555; font-family: 'Lato', sans-serif; font-size:35px; font-weight: 400;}
.showbiz-button { background:url(../assets/pre.png) repeat-x; height:40px;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
width:auto; margin:auto;text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font-size:14px; color:#555; font-family: 'Lato', sans-serif; line-height:42px;font-weight:700;text-shadow:0px 1px #fff;
position:relative;
cursor:pointer;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
padding:10px 20px;
overflow: hidden;
position: relative;
border: 1px solid #ccc;
}
.showbiz-button:hover { background:url(../assets/prehover.png) repeat-x;
box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
border: 1px solid #999;
}
.sb_one_half { width: 49%; position:relative;}
.sb_one_third { width: 32%; position:relative;}
.sb_two_third { width: 66%; position:relative;}
.sb_three_fourth { width: 74%; position:relative;}
.sb_four_fifth { width: 78%; position:relative;}
.sb_one_fourth { width: 23.5%; position:relative;}
.sb_one_fifth { width: 18.2%; position:relative;}
.sb_two_fifth { width: 39%; position:relative;}
.sb_three_fifth { width: 58.3%; position:relative;}
.sb_one_sixth { width: 13.33%; position:relative;}
.sb_one_half,
.sb_one_third,
.sb_two_third,
.sb_one_fourth,
.sb_one_fifth,
.sb_three_fourth,
.sb_one_sixth,
.sb_four_fifth,
.sb_two_fifth,
.sb_three_fifth { margin-right: 2%; margin-bottom: 0px; float: left; }
.sb_lastcolumn { margin-right: 0!important; clear: right; }
@media only screen and (min-width: 768px) and (max-width: 979px) {
}
@media only screen and (max-width: 767px) {
.sb_one_half,
.sb_one_third,
.sb_two_third,
.sb_one_fourth,
.sb_one_fifth,
.sb_one_sixth,
.sb_two_fifth,
.sb_three_fifth { width: 100%; margin-bottom:30px;}
.sb_lastcolumn { margin-bottom:0px;}
.sb_mobilecentered { text-align:center;}
}
.sb-clear { clear:both}
/*********************************************************
- NAVIGATION SETTINGS -
USE STYLE CLASS IN THE SHOWBIZ NAVIGATION CONTAINER
**********************************************************/
.showbiz-navigation { }
.showbiz-navigation.center { text-align:center;}
.sb-navigation-left,
.sb-navigation-right,
/**/ .sb-navigation-play { cursor:pointer; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;display:inline-block; padding:1px 3px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
/**/ .sb-navigation-play { margin-right:5px;}
.sb-navigation-left { margin-right:5px;}
.sb-navigation-left i,
.sb-navigation-right i,
/**/ .sb-navigation-play i { font-size:22px; color:#fff; }
.sb-navigation-left.notclickable { cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;}
.sb-navigation-right.notclickable { cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;}
.sb-hidden { display:none;}
/*** WHITE NAV BUTTONS ***/
.sb-nav-light .sb-navigation-left,
.sb-nav-light .sb-navigation-right,
/**/ .sb-nav-light .sb-navigation-play { background:#fff; border:1px solid #d5d5d5; }
.sb-nav-light.showbiz-navigation i { color:#777; }
.sb-nav-light .sb-navigation-left:hover,
.sb-nav-light .sb-navigation-right:hover { border:1px solid #b5b5b5;}
.sb-nav-light .sb-navigation-left.notclickable:hover,
.sb-nav-light .sb-navigation-right.notclickable:hover { border:1px solid #d5d5d5;}
/*** GREY BUTTONS ***/
.sb-nav-grey .sb-navigation-left.notclickable:hover,
.sb-nav-grey .sb-navigation-right.notclickable:hover,
.sb-nav-grey .sb-navigation-left,
.sb-nav-grey .sb-navigation-right,
/**/ .sb-nav-grey .sb-navigation-play
{ background: #919191;
background: -moz-linear-gradient(top, #919191 0%, #6b6b6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#6b6b6b));
background: -webkit-linear-gradient(top, #919191 0%,#6b6b6b 100%);
background: -o-linear-gradient(top, #919191 0%,#6b6b6b 100%);
background: -ms-linear-gradient(top, #919191 0%,#6b6b6b 100%);
background: linear-gradient(to bottom, #919191 0%,#6b6b6b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#6b6b6b',GradientType=0 );
border-top:1px solid #919191; border-left:1px solid #969696; border-right:1px solid #969696; border-bottom:1px solid #6c6c6;
}
.sb-nav-grey .sb-navigation-left:hover,
.sb-nav-grey .sb-navigation-right:hover,
/**/ .sb-nav-grey .sb-navigation-play:hover
{ background: #919191;
background: -moz-linear-gradient(top, #6b6b6b 0%, #919191 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#919191));
background: -webkit-linear-gradient(top, #6b6b6b 0% ,#919191 100%);
background: -o-linear-gradient(top, #6b6b6b 0% ,#919191 100%);
background: -ms-linear-gradient(top, #6b6b6b 0% ,#919191 100%);
background: linear-gradient(to bottom, #6b6b6b 0% ,#919191 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#919191',GradientType=0 );
}
/*** DARK GREY BUTTON ***/
.sb-nav-dark .sb-navigation-left.notclickable:hover,
.sb-nav-dark .sb-navigation-right.notclickable:hover,
.sb-nav-dark .sb-navigation-left,
.sb-nav-dark .sb-navigation-right,
/**/ .sb-nav-dark .sb-navigation-play { background:#555; border:1px solid #919191; border:1px solid #333;
border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; }
.sb-nav-dark .sb-navigation-left:hover,
.sb-nav-dark .sb-navigation-right:hover,
.sb-nav-dark .sb-navigation-play:hover { background:#333}
/*** RETRO NAV BUTTON ***/
.sb-nav-retro .sb-navigation-left.notclickable:hover,
.sb-nav-retro .sb-navigation-right.notclickable:hover,
.sb-nav-retro .sb-navigation-left,
.sb-nav-retro .sb-navigation-right,
.sb-nav-retro .sb-navigation-play { background:#fff; color:#777; }
.sb-nav-retro .sb-navigation-play { margin-top:10px; }
.sb-nav-retro .sb-navigation-left:hover,
.sb-nav-retro .sb-navigation-right:hover { background:#f1f1f1}
.sb-nav-retro .sb-navigation-left { position:absolute;top:50%;left:-26px;margin-top:-15px; border-radius: 500px 0px 0px 500px; -moz-border-radius: 500px 0px 0px 500px;-webkit-border-radius: 500px 0px 0px 500px;
-webkit-box-shadow: -4px 0px 5px 1px rgba(100,100,100,0.1);
-moz-box-shadow: -4px 0px 5px 1px rgba(100,100,100,0.1);
box-shadow: -4px 0px 5px 1px rgba(100,100,100,0.1);
padding:10px 0px 10px 7px;
}
.sb-nav-retro .sb-navigation-right { position:absolute;top:50%;right:-26px;margin-top:-15px; border-radius: 0px 500px 500px 0px; -moz-border-radius: 0px 500px 500px 0px;-webkit-border-radius: 0px 500px 500px 0px;
-webkit-box-shadow: 4px 0px 5px 1px rgba(100,100,100,0.1);
-moz-box-shadow: 4px 0px 5px 1px rgba(100,100,100,0.1);
box-shadow: 4px 0px 5px 1px rgba(100,100,100,0.1);
padding:10px 7px 10px 0px;
}
.sb-retro-skin .showbiz-navigation i { color:#333}
/*** RETRO NAV BUTTON ***/
.sb-nav-dark-retro .sb-navigation-left.notclickable:hover,
.sb-nav-dark-retro .sb-navigation-right.notclickable:hover,
.sb-nav-dark-retro .sb-navigation-left,
.sb-nav-dark-retro .sb-navigation-right,
.sb-nav-dark-retro .sb-navigation-play { background:#222; color:#777; }
.sb-nav-dark-retro .sb-navigation-play { margin-top:10px;
}
.sb-nav-dark-retro .sb-navigation-left:hover,
.sb-nav-dark-retro .sb-navigation-right:hover,
.sb-nav-dark-retro .sb-navigation-play:hover { background:#252525}
.sb-nav-dark-retro .sb-navigation-left { position:absolute;top:50%;left:-26px;margin-top:-15px; border-radius: 500px 0px 0px 500px; -moz-border-radius: 500px 0px 0px 500px;-webkit-border-radius: 500px 0px 0px 500px;
padding:10px 0px 10px 7px;
}
.sb-nav-dark-retro .sb-navigation-right { position:absolute;top:50%;right:-26px;margin-top:-15px; border-radius: 0px 500px 500px 0px; -moz-border-radius: 0px 500px 500px 0px;-webkit-border-radius: 0px 500px 500px 0px;
padding:10px 7px 10px 0px;;
}
.sb-retro-dark-skin .showbiz-navigation i { color:#fff}
/*****************************************
- HOVER ICONS AND ANIMATIONS -
******************************************/
.linkicon, .lupeicon { position:absolute; left:50%;top:50%;
-webkit-transform: translateZ(10);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
color:#fff; font-size:28px; font-weight:bold; margin-top:-16px; margin-left:-15px;
}
.linkicon.notalone { margin-left:8px;}
.lupeicon.notalone { margin-left:-38px;}
.showbiz .mediaholder .linkicon,
.showbiz .mediaholder .lupeicon { top:65%;
-webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
}
.showbiz li:hover .mediaholder .linkicon,
.showbiz li:hover .mediaholder .lupeicon { top:50%; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.showbiz li:hover .mediaholder .lupeicon { transition-delay: 0.1s;
-moz-transition-delay: 0.1s; /* Firefox 4 */
-webkit-transition-delay: 0.1s; /* Safari and Chrome */
-o-transition-delay: 0.1s; /* Opera */
}
/**************************************************
- THE BASIC CONTAINER SETTINGS -
NO NEED TO MODIFICATE ANYTHIN HERE
ALL DETAIL SETTINGS CAN BE SET VIA THE SKINS
**************************************************/
.showbiz ul, .showbiz li { list-style: none; margin:0; padding:0; }
.showbiz ul li { position:relative; -webkit-transform: translateZ(10);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
margin-right:15px;
}
.showbiz .overflowholder { overflow: hidden;position: relative;width: 100%; z-index:2}
.showbiz .overflowholder ul { width:100000px; position: absolute; top: 0px; left: 0px; }
.showbiz .overflowholder ul li { float: left !important;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
position:relative;
}
.showbiz .mediaholder { position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:transparent;padding:0px; border:none;}
.showbiz .mediaholder_innerwrap { position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.showbiz .mediaholder img { width:100%; position:relative; margin-bottom:-5px;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;}
.showbiz .hovercover { width:100%;height:100%; position:absolute; top:0px; left:0px; background-color:#FFF;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;
-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
-webkit-transform: translateZ(10);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.showbiz li:hover .hovercover { -moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.85; }
/*************************************************
- THE GREY SKIN EXTRAS -
**************************************************/
.sb-grey-skin.showbiz-navigation i { text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;}
.sb-grey-skin .mediaholder { background-color:#d5d5d5;border:1px solid #cecece; width:99%;
}
.sb-grey-skin .hovercover { background:rgba(0,0,0,0.5);
}
li.sb-grey-skin:hover .mediaholder img {
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/******************************************************
- THE REVEAL FUNCTIONS -
*********************************************************/
.reveal_container { position:absolute; width:100%;height:100%; top:0px; left:0px; -webkit-transform: translateZ(10);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
visibility:hidden;
}
.reveal_container.tofullwidth { visibility:visible; z-index:20;}
.reveal_container.tofullwidth.sb-removemesoon { visibility:visible; z-index:5; background:#ff0000;}
.showbiz-title.go-to-top { position:absolute;top:100%; margin-top:-40px;z-index:5; left:20px;
-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-webkit-transform: translateZ(10);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
}
.reveal_container .reveal_wrapper { position:absolute; background:#fff; background:rgba(255,255,255,0.9);
width:100%; height:100%; top:0px; left:0px; visibility:hidden;
padding:20px 20px 20px;
height:0px;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
overflow:hidden;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
-webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;
}
/*** BIG WHITE OPENER- DEFAULT ***/
.reveal_opener { width:45px; height:50px; line-height:50px;text-align:center; font-size:22px;color:#888; font-family:Arial; font-weight:700; position:absolute;
right:0px;bottom:0px;background-color:#fff;
border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px;
cursor:pointer;
-webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;-ms-transition: opacity 0.2s ease-out;
z-index:1;
}
.reveal_opener.sb-centered { left:50%;top:50%;}
/*** SMALL WHITE OPENER ***/
.reveal_opener.opener_small_white { background:#fff; width:25px;height:27px;line-height:25px; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;}
/*** SMALL GRAY OPENER ***/
.reveal_opener.opener_small_grey { background:#d5d5d5; width:25px;height:27px;line-height:25px;border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; bottom:0px;right:0px;}
/*** GREY COLORED OPENER ***/
.reveal_opener.opener_big_grey { width:29px; height:29px; line-height:29px;color:#888;
background-color:#d5d5d5;font-weight:700;
border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px;-webkit-border-radius: 5px 0px 0px 0px;
}
.reveal_opener.revactive.opener_big_grey { font-size:30px;width:40px;height:35px;line-height:35px;}
/** REVEAL OPENER PLAY BUTTON **/
.reveal_opener.sb-controll-button { color:#fff; width:40px;height:40px; line-height:40px; background-color:#000; background-color:rgba(0,0,0,0.8); border-radius: 5px !important; -moz-border-radius: 5px !important;-webkit-border-radius: 5px !important; margin-top:-20px;margin-left:-20px;}
/*** HIDE / SHOW OPENER ONLY ON HOVER **/
.reveal_opener.show_on_hover { -moz-opacity:0; filter:alpha(opacity=0); opacity:0; }
li:hover .reveal_opener.show_on_hover { -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.tofullwidth .reveal_wrapper { background:#fff; }
.tofullwidth .reveal_wrapper .table { display:table;}
.tofullwidth .reveal_wrapper .table-cell { display:table-cell; vertical-align:top; }
.tofullwidth .reveal_wrapper .table-cell.onethird { width:33%;}
.tofullwidth .reveal_wrapper .table-cell.pl20 { padding-left:20px;}
@media only screen and (max-width: 480px) {
.tofullwidth .reveal_wrapper .table-cell { display:table-row;}
}
/******************* REVEAL ACTIONS ***/
.reveal_opener .openme { display:block;}
.reveal_opener .closeme { display:none;}
.reveal_container.revactive .reveal_wrapper { }
.revactive .showbiz-title.go-to-top { position:absolute;top:20px; margin-top:0px; z-index:5; left:20px;}
.revactive.reveal_opener .openme { display:none;}
.revactive.reveal_opener .closeme { display:block;}
.revactive.reveal_opener.sb-controll-button.sb-centered { left:auto; top:10px; right:10px !important; margin:0;}