/* General
-------------------------------------------------------------------------------- */
.ttw-hidden {display:none}

/* Video Player Container
-------------------------------------------------------------------------------- */
#ttw-video-player {width:640px; height:360px; margin:0; position:relative; overflow:hidden}

/* Fullscreen Styles
-------------------------------------------------------------------------------- */
body.ttw-full-window {padding:0; margin:0; height:100%; overflow-y:auto}


#ttw-video-player.ttw-fullSize {position:fixed; overflow:hidden; z-index:1000; left:0; top:0; bottom:0; right:0; width:100% !important; height:100% !important; margin:0; _position:absolute}


/* Fix for Firefox 9 fullscreen
-------------------------------------------------------------------------------- */
#ttw-video-player:-moz-full-screen {position: absolute}

#ttw-video-player:-webkit-full-screen {width:100% !important; height:100% !important}

#ttw-left-column {float:left; width:970px; height:auto; position:relative}

* html #ttw-right-column{
    position: absolute;
    height: 100%;
    width: 420px;
    right: 0;
    top: 0;
    overflow: auto;
    z-index: 110;
}

html>body #ttw-right-column {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    width: 420px;
}

#ttw-right-column {border-left:2px solid #81bbfc}

/* Video Player Container
-------------------------------------------------------------------------------- */
#ttw-video-player .meteor-player {position:relative; height:100%; width:100%; background:#000; overflow:hidden}
#ttw-video-player .skype-portal {position:relative; height:531px; width:944px; background:#000; overflow:hidden}
#ttw-video-player .skype-player {position:relative; width:368px; height:207px; background:#000; margin:20px auto}

/* Video Display Container
-------------------------------------------------------------------------------- */
#ttw-video-player .ttw-video-container {position:absolute; top:0; left:0; right:0; bottom:0}
.ttw-video-container .video-display {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden}
.ttw-video-container .youtube-display {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden}
.ttw-video-container .video-background {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden}
.ttw-video-container .video-poster {display:block; margin:0 auto; padding:0; position:relative; width:100%; height:100%; background-color:#000; overflow:hidden; z-index:3990}

/* Video Captions
-------------------------------------------------------------------------------- */
.ttw-video-container .video-track-display {
        text-align:center;
        position:absolute;
        bottom:40px;
        left:0;
        right:0;
        width:60%;
        margin-left:auto;
        margin-right:auto;
}

.video-cue{
        display:block;
        color:#ccc;
        font-size:14px;
        text-align:center;
        text-shadow:rgb(0,0,0) 1px 1px 1px;
}

.client-manager {width:86px; height:82px; position:absolute; bottom:40px; right:12px; z-index:4900}
body.ttw-full-window .client-manager {top:30px}
.client-manager img {margin-left:1px;-moz-box-shadow:-2px 1px 4px rgba(0,0,0,0.5);-webkit-box-shadow:-2px 1px 4px rgba(0,0,0,0.5);box-shadow:-2px 1px 4px rgba(0,0,0,0.5);}
.client-manager .skip-ads-button {width:100%; height:30px; position:absolute; bottom:0px; margin-top:4px; background: url(images/skip-background.png) no-repeat}
.client-manager .skip-ads-button span {position:relative; float:left; margin-left:8px; line-height:30px; font-size:14px; color:#ccc}


.red {color:#ff0000;text-decoration:underline}

/* Error Message Text
-------------------------------------------------------------------------------- */
.ttw-video-container .video-status {position:absolute; top:50%; left:0; right:0; z-index:4990}
.ttw-video-container.embed-code .video-status {top:33%;left:10%;right:10%;}
.ttw-video-container .video-status .video-notification {position:relative; text-align:center}
.ttw-video-container.embed-code .video-status .video-notification {width:80%;margin:0 auto}
.ttw-video-container .video-status .video-notification .video-message {display:inline-block; padding:4px 10px; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.6); color:#fff; font-size:1.4em}

.ttw-video-container .controls-button {
        width: 30px;
        height: 30px;
        position:absolute!important;
        bottom:16px;
        left:10px;
        cursor:default;
        visibility: hidden;
        opacity:0;
        z-index:4900
}

.ttw-video-container .controls-button.open {background:url(images/controls_up_arrow.png) no-repeat}
.ttw-video-container .controls-button.close {background:url(images/controls_down_arrow.png) no-repeat}

.tooltip-wrapper {
        left:0;
        bottom:34px;
        position:absolute;
        text-decoration:none;
        background:#000;
        padding:0 6px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        text-shadow:1px 1px 1px #000;
        text-align:center;
        opacity:0;
        height:0;
        line-height:22px;
        cursor:default;
        z-index:5990;
        overflow:hidden;
        -webkit-transition:opacity .15s linear,height 0s linear .15s;
        -moz-transition:opacity .15s linear,height 0s linear .15s;
        transition:opacity .15s linear,height 0s linear .15s
}

.ttw-show {
        opacity:1;
        height:22px;
        -webkit-transition:opacity .15s linear 0;
        -moz-transition:opacity .15s linear 0;
        transition:opacity .15s linear 0
}

.ttw-video-container .actions-panel {
        position:absolute;
        top:15px;
        right:15px;
        height:32px;
        z-index:5990
}

.actions-panel .slider-container {position:relative; float:left; height:32px; width:0; overflow:hidden}
.actions-panel .slider-container .slider-bounds {position:absolute; top:0; left:0; height:32px; width:100%}

.actions-panel .slider-container .slider-bounds .description-panel {
        position:relative;
        float:right;
        width:0;
        height:32px;
}

.reveal {
	-webikt-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        margin: 0;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 100%;
}

.reveal * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

.ttw-video-container .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3em 3em;
        width: 100%;
        height: 100%;
}

.ttw-video-container .overlay::before {
        position: absolute;
        top: 30px;
        right: 50%;
        bottom: 30px;
        left: 50%;
        height:42px;
        border-left: 1px solid #B21117;
        border-right: 0px;
        content: '';
        opacity: 0;
        background-color: #B21117;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
}

.flutter-effect h2,.flutter-effect p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}

.flutter-effect h2 {
        word-spacing: -0.15em;
        font-weight: 300;
        -webkit-transform: translate3d(0%, 100%, 0);
        transform: translate3d(0%, 100%, 0);
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
}

.flutter-effect h2 span {
        font-weight: 800;
}

.flutter-effect p {
        font-weight: 200  ;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}

.transform .overlay h2 {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
}

.transform .overlay p {
        opacity: 0.8;
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
}

.transform .overlay::before {
        background: rgba(255, 255, 255, 0);
        left: 70px;
        right: 0px;
        height:42px;
        opacity: 1;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
}

.actions-panel .slider-container .slider-bounds .description-panel h2.video-info {
        display:block;
        float:right;
        height:42px;
        color:#fff;
        margin-right:-36px;
        font-size:16px;
        line-height:42px;
        font-family:Arial;
        font-style:italic;
        font-smooth:always;
        padding:0px 20px;
        width:100%;
        background: -webkit-gradient(linear,left top,right top, from(rgba(19, 28, 35, .05)), to(rgba(14, 18, 19, .8)));
	background: -webkit-linear-gradient(left, rgba(19, 28, 35, .05), rgba(14, 18, 19, .8));
        background: -moz-linear-gradient(left, rgba(19, 28, 35, .05), rgba(14, 18, 19, .8));
	background: -ms-linear-gradient(left, rgba(19, 28, 35, .05), rgba(14, 18, 19, .8));
        background: -o-linear-gradient(left, rgba(19, 28, 35, .05), rgba(14, 18, 19, .8));
        background: linear-gradient(left, rgba(19, 28, 35, .05), rgba(14, 18, 19, .8));
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis
}

.player-options {
        position:relative; 
        float:right; 
        height:32px; 
        width:102px;
        opacity:0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
}

.player-options > li {position:relative;float:left;cursor:pointer;height:30px;width:32px;display:inline-block}
.player-options > li:first-child {border-left:2px solid #B21117}
.player-options > li:last-child {border-right:none}

.options-btn {
        background:#000;
        background:rgba(19,19,19,.75);
        border:1px solid #151515;
        border-left-color:rgba(255,255,255,.1);
        -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,.1);
        -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0px 1px 0 rgba(255,255,255,.1)
}

.list-icon {position:relative; display:inline-block; width:22px; height:16px; margin:7px 6px; background:url(images/list-icon.png)}
.embed-icon {position:relative; display:inline-block; width:18px; height:14px; margin:8px 7px; background:url(images/embed.png)}
.share-icon {position:relative; display:inline-block; width:15px; height:16px; margin:8px; background:url(images/share-icon.png)}

.actions-button {
        position:relative;
        float:left;
        width:33px;
        height:30px;
        border: 1px solid #000;
        background:#202027;
        -webkit-box-shadow: inset 0px -14px 28px -14px #000000, inset 0px 1px 1px 0px rgba(255,255,255,.1);
        -moz-box-shadow: inset 0px -14px 28px -14px #000000, inset 0px 1px 1px 0px rgba(255,255,255,.1);
        box-shadow: inset 0px -14px 28px -14px #000000, inset 0px 1px 1px 0px rgba(255,255,255,.1);
        -webkit-border-radius:0px 5px 5px 0px;
        -moz-border-radius:0px 5px 5px 0px;
        border-radius:0px 5px 5px 0px;
        cursor:pointer;
        opacity:0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        z-index:12
}
.social_share.bubble {
        position:absolute;
        right:10px;
        top:10px;
        width:32px;
        height:102px;
        opacity:0;
        z-index:2
}

.social_share.bubble .sb_network_button {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    top: -11px;
    left: 9px;
    z-index: 1;
    cursor: pointer;
    text-indent: -9999px;
}

.social_share.bubble .sb_network_button.facebook {
    background-image: url(images/bubble_facebook_share_button.png);
}

.social_share.bubble .sb_network_button.linkedin {
    background-image: url(images/bubble_linkedin_share_button.png);
}

.social_share.bubble .sb_network_button.google {
    background-image: url(images/bubble_googleplus_share_button.png);
}

.social_share.bubble .sb_network_button.twitter {
    background-image: url(images/bubble_twitter_share_button.png);
}

.social_share.bubble .sb_network_button.pinterest {
    background-image: url(images/bubble_pinterest_share_button.png);
}

.social_share.bubble .sb_network_button:hover {
    background-position: 0px -34px;
}

.transform .social_share.bubble {
        opacity:1;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
}

.transform .overlay,.transform .actions-button,.transform .player-options {
        opacity:1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}

/* Preloader
------------------------------------------------------------------------------- */
.ttw-video-container .preloader {display:none; position:absolute!important; width:50px; height:50px; top:0; left:0; right:0; bottom:0; margin:auto; background:#000 url('images/loader.gif') no-repeat center center; opacity:0.7; filter:alpha(opacity = 70); z-index:4000}

/* Big Play Button
------------------------------------------------------------------------------- */
.ttw-video-container .play-button {width:66px; height:66px; position:absolute!important; top:50%; left:50%; margin:-33px 0px 0px -33px; background:url(images/big-play-button.png) no-repeat; cursor:pointer; visibility:hidden; opacity:0; z-index:4900}

.meteor-player.paused .play-button div {width:24px; height:25px; margin-top:20px; margin-left:21px; background: url('images/play-icon.png')}
.meteor-player.playing .play-button div {width:18px; height:22px; margin-top:20px; margin-left:22px; background: url('images/pause-icon.png')}


/* Video Title Text
-------------------------------------------------------------------------------- */
.ttw-video-interface .video-title {position:absolute; top:0; left:0; padding:10px; z-index:1900}
.ttw-video-interface .video-title .info-text {color:#d5def2; font-size:22px; font-weight:normal; white-space:nowrap; text-shadow:0 1px 0 #000}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.video-control-text {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px}


/* Video Player Interface
================================================================================ */
#ttw-video-player .ttw-video-interface {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        margin:0;
        padding:0;
        height:32px;
        z-index: 9999
}

/* Progress Bar
-------------------------------------------------------------------------------- */
.ttw-video-interface .progress-bar {position:absolute; top:0px; left:0px; right:0px; height:6px; cursor:pointer}
.ttw-video-interface .progress-bar .loadbar-container {height:6px; position:relative; background:url(images/loadbar.png) repeat-x; z-index:2400}

.ttw-video-interface .progress-bar .play-progress, .ttw-video-interface .progress-bar .load-progress {position:absolute; display:block; height:100%; left:0; top:0}

.ttw-video-interface .progress-bar .load-progress {background:url(images/load-progress.png) repeat-x}
.ttw-video-interface .progress-bar.adsense .play-progress {background:url(images/adsense-progress.png) repeat-x; z-index:10}
.ttw-video-interface .progress-bar.default .play-progress {background:url(images/play-progress.png) repeat-x; z-index:10}

/* Controlbar
------------------------------------------------------------------------------- */
.ttw-video-interface .controlbar {position:absolute; top:6px; left:0; right:0; height:26px; background:url(images/controls-background.png) repeat-x}

/* Play/Pause Button
-------------------------------------------------------------------------------- */
.ttw-video-interface .playPauseBtn {width:24px; height:24px; position:absolute!important; top:1px; left:3px}

.meteor-player.paused .playPauseBtn div {width:12px; height:14px; background:url('images/playButton.png'); margin-top:4px; margin-left:6px; cursor:pointer}
.meteor-player.playing .playPauseBtn div {width:12px; height:14px; background:url('images/pauseButton.png'); margin-top:4px; margin-left:5px; cursor:pointer}

.ttw-video-interface .time-display {position:absolute; top:0; left:40px; height:26px; width:100px; font-style:normal; text-shadow:1px 1px 1px #000; line-height:26px; z-index:auto}
.ttw-video-interface .time-display .current-time {position:relative; float:left; color:#ccc; text-align:right; margin-right:3px; cursor:default}
.ttw-video-interface .time-display .total-time {position:relative; float:left; text-align:left; cursor:default}


.ttw-video-interface .volume-wrapper {position:absolute!important; top:0px; height:26px; width:30px; right:164px}

.ttw-video-interface .volume-bar {
        position:absolute;
        top:9px;
        right:100px;
        width:60px;
        height:6px;
        border:1px solid #000;
        background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#010101), to(#2b2c33));
        background:-webkit-linear-gradient(top, #010101, #2b2c33);
        background:-moz-linear-gradient(top, #010101, #2b2c33);
        background:-ms-linear-gradient(top, #010101, #2b2c33);
        background:-o-linear-gradient(top, #010101, #2b2c33);
        background:linear-gradient(top, #010101, #2b2c33);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        cursor:pointer;
}


.ttw-video-interface .volume-level {
        position:absolute;
        left:0px;
        top:0px;
        width:60px;
        height:6px;
        background:#383E3F;
        background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4B5356), to(#383E3F));
        background:-webkit-linear-gradient(top, #4B5356, #383E3F);
        background:-moz-linear-gradient(top, #4B5356, #383E3F);
        background:-ms-linear-gradient(top, #4B5356, #383E3F);
        background:-o-linear-gradient(top, #4B5356, #383E3F);
        background:linear-gradient(top, #4B5356, #383E3F);
        -webkit-box-shadow: 0 1px 0 #656C70 inset;
        -moz-box-shadow: 0 1px 0 #656C70 inset;
        box-shadow: 0 1px 0 #656C70 inset;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px
}

.ttw-video-interface .volume-button {position:absolute!important; top:6px; left:5px; background: url('images/speaker-button.png'); width:10px; height:15px; cursor:pointer}
.ttw-video-interface .volume-indicator {position:absolute!important; top:7px; left:16px; width:9px; height:12px}
.ttw-video-interface .volume-static {position:absolute!important; top:0px; left:0px; background: url('images/volume-active.png'); width:9px; height:12px}
.ttw-video-interface .volume-active {position:absolute!important; bottom:0px; left:0px; background: url('images/volume-static.png'); width:9px; height:12px}

/* Fullscreen Button
-------------------------------------------------------------------------------- */
.ttw-video-interface .fullscreen-button {position:absolute; top:4px; height:26px; width:32px; right:3px}
.ttw-video-interface .fullscreen-button div {width: 14px; height: 14px; background: url('images/fullscreen-button.png'); margin: 3px auto; cursor:pointer!important}
.ttw-video-interface.ttw-fullscreen .fullscreen-button div {width: 14px; height: 14px; background: url('images/minimize-button.png'); margin: 3px auto; cursor:pointer!important}


/* Captions Button
-------------------------------------------------------------------------------- */
.ttw-video-interface .captions-button{position:absolute; top:0px; right:35px; width:26px; height:26px; cursor:pointer}
.ttw-video-interface .captions-button div{width:16px; height:10px; background:url('images/closed-captions.png'); margin-top:8px; margin-left:auto; margin-right:auto; padding:0}

.ttw-video-interface .settings-button{position:absolute; top:0px; right:65px; width:26px; height:26px; cursor:pointer}
.ttw-video-interface .settings-button div{width:14px; height:14px; background:url('images/settings.png'); margin-top:6px; margin-left:auto; margin-right:auto; padding:0}

/* Thumbs Gallery / Playlist Container
-------------------------------------------------------------------------------- */

.playlist-mob {position:absolute; bottom:20px; left:0; width:100%; height:110px; overflow:hidden; z-index:9999}

.playlist-container {
        position:relative; 
        display:block; 
        float:left; 
        width:640px;
        height:100px;
        margin:0px
}

/* Next/Previous buttons for slideshow */
.playlist-container .prev-button {cursor:default; position:absolute; left:9px; width:22px; height:38px}
.playlist-container .next-button {cursor:default; position:absolute; right:9px; width:22px; height:38px}

.playlist-container .prev-button.active {background: url('images/slider_prev.png') no-repeat 0 0}
.playlist-container .prev-button.active:hover {background: url('images/slider_prev.png') no-repeat -22px 0}
.playlist-container .prev-button.disabled {background: url('images/slider_prev.png') no-repeat -44px 0}

.playlist-container .next-button.active {background: url('images/slider_next.png') no-repeat 0 0}
.playlist-container .next-button.active:hover {background: url('images/slider_next.png') no-repeat -22px 0}
.playlist-container .next-button.disabled {background: url('images/slider_next.png') no-repeat -44px 0}

.playlist-container ul {
        position:relative; 
        display:block; 
        margin:0 auto; 
        overflow:hidden; 
        height:100%
}

.playlist-container.thumb-lg .prev-button,.playlist-container.thumb-lg .next-button {top:20px}
.playlist-container.thumb-sm .prev-button,.playlist-container.thumb-sm .next-button {top:46px}

.item {height:75px;width:133px}

.Flutters {
	-webikt-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
        background: #000 none repeat scroll 0 0;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-family: "Raleway",Arial,sans-serif;
        margin: 0;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 100%;
}
.Flutters figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: left;
}
.Flutters * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.Flutters img {
        max-width: 100%;
        position: relative;
        display:block;
        top: 0;
        opacity: 1.0;
        left: 0;
        -webkit-transition: 1.3s ease-in-out;
        transition: 0.4s ease-in-out;
}

/* ******************************************************
	Effect 8: flutEffect_8
*********************************************************/


.item.figure .flutEffect_8 figcaption > .overlay,
.item.active .flutEffect_8 figcaption > .overlay {
        float: left;
        height: 100%;
        width: 50%;
        position: relative;
}

.item.figure .flutEffect_8 figcaption::before,
.item.active .flutEffect_8 figcaption::before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 100%;
        right: 0px;
        content: '';
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.25);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
}
.item.figure .flutEffect_8 h2,
.item.active .flutEffect_8 p,
.item.figure .flutEffect_8 p {
        margin: 0;
        padding: 6px 4px;
        opacity: 0;
        position: absolute;
        width: 100%;
        -webkit-transition: opacity 0.45s, -webkit-transform 0.3s ease-in;
        transition: opacity 0.45s,-webkit-transform 0.3s ease-in,-moz-transform 0.3s ease-in,-o-transform 0.3s ease-in,transform 0.3s ease-in;
}
.item.active .flutEffect_8 h2 {display:none}
.item.figure .flutEffect_8 h2 {
        font-size: 14px;
        top: 0;
        font-weight: 300;
        text-transform: uppercase;
        bottom: 0;
        color:#999;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transform: translate3d(-50%, 0%, 0);
        transform: translate3d(-50%, 0%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}
.item.figure .flutEffect_8.small-tmb h2 {font-size:11px}
.item.figure .flutEffect_8 h2 span {
        font-weight: 800;
}
.item.figure .flutEffect_8.big-tmb p,
.item.active .flutEffect_8.big-tmb p {
        bottom: 10px;
        text-align: center;
        color: rgba(0, 0, 0, 0.85);
        opacity: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}
.item.figure .flutEffect_8.small-tmb p,
.item.active .flutEffect_8.small-tmb p {
        bottom:3px;
        margin-left:-6px;
        text-align: center;
        color: rgba(0, 0, 0, 0.85);
        opacity: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}

.item.active .flutEffect_8.small-tmb p,
.item.active .flutEffect_8.big-tmb p {left:-20px}
.item.figure .flutEffect_8.small-tmb p,
.item.figure .flutEffect_8.big-tmb p {margin-left:3px}

.item.figure .flutEffect_8 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        color: #ffffff;
}
.item .flutEffect_8 .tmb-pp-btn {
        position:relative;
        float:left;
        display:block;
        width:40px;
        height:40px
}
.tmb-pp-btn.pause-ico {margin-top:0;background: url('images/pause_icon.png') 0 0 no-repeat}
.tmb-pp-btn.play-ico {margin-top:0;background: url('images/play_icon.png') 0 0 no-repeat}

.item.active .flutEffect_8 img,
.item.figure .flutEffect_8:hover img {
        opacity: 0.7;
}
.item.figure .flutEffect_8:hover figcaption h2 {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
}
.item.active .flutEffect_8.big-tmb figcaption p,
.item.figure .flutEffect_8.big-tmb:hover figcaption p,
.item.active .flutEffect_8.small-tmb figcaption p,
.item.figure .flutEffect_8.small-tmb:hover figcaption p {
        opacity: 1;
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
}
.item.active .flutEffect_8.big-tmb figcaption::before,
.item.figure .flutEffect_8.big-tmb:hover figcaption::before,
.item.active .flutEffect_8.small-tmb figcaption::before,
.item.figure .flutEffect_8.small-tmb:hover figcaption::before {
        left: 0px;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
}

/* Transitions: fade-in/fade-out
-------------------------------------------------------------------------------- */
.fade-in {
        visibility: visible !important;
        opacity: 1 !important;
    
        -webkit-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}


.fade-out {
        visibility: hidden !important;
        opacity: 0 !important;
    
        -webkit-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}