@import url(https://fonts.Googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap); @font-face {
font-family: 'fwdicon';
src:
url(//www.tatsuyaoe.com/discography/wp-content/plugins/fwduvp/css/fonts/fwdicon.ttf?hojdd7) format('truetype'),
url(//www.tatsuyaoe.com/discography/wp-content/plugins/fwduvp/css/fonts/fwdicon.woff?hojdd7) format('woff'),
url(//www.tatsuyaoe.com/discography/wp-content/plugins/fwduvp/css/fonts/fwdicon.svg?hojdd7#fwdicon) format('svg');
font-weight: normal;
font-style: normal;
}
.fwdicon,
[class^='fwdicon-']:before,
[class*=' fwdicon-']:before { font-family: 'fwdicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fwdicon-10:before {
content: '\e900';
}
.fwdicon-AB:before {
content: '\e901';
}
.fwdicon-author:before {
content: '\e902';
}
.fwdicon-basket:before {
content: '\e903';
}
.fwdicon-buffer:before {
content: '\e904';
}
.fwdicon-calendar:before {
content: '\e905';
}
.fwdicon-cast:before {
content: '\e906';
}
.fwdicon-categories:before {
content: '\e907';
}
.fwdicon-CC:before {
content: '\e908';
}
.fwdicon-CC-off:before {
content: '\e909';
}
.fwdicon-clipboard:before {
content: '\e90a';
}
.fwdicon-close:before {
content: '\e90b';
}
.fwdicon-comments:before {
content: '\e90c';
}
.fwdicon-creepy-ghost:before {
content: '\e90d';
}
.fwdicon-digg:before {
content: '\e90e';
}
.fwdicon-down:before {
content: '\e90f';
}
.fwdicon-download:before {
content: '\e910';
}
.fwdicon-email:before {
content: '\e911';
}
.fwdicon-embed:before {
content: '\e912';
}
.fwdicon-facebook:before {
content: '\e913';
}
.fwdicon-FF-left:before {
content: '\e914';
}
.fwdicon-FF-right:before {
content: '\e915';
}
.fwdicon-flash:before {
content: '\e916';
}
.fwdicon-flikr:before {
content: '\e917';
}
.fwdicon-fullscreen:before {
content: '\e918';
}
.fwdicon-full-width:before {
content: '\e919';
}
.fwdicon-gallery:before {
content: '\e91a';
}
.fwdicon-gallery-fullscreen:before {
content: '\e91b';
}
.fwdicon-gallery-minimise:before {
content: '\e91c';
}
.fwdicon-ghost:before {
content: '\e91d';
}
.fwdicon-google-plus:before {
content: '\e91e';
}
.fwdicon-info:before {
content: '\e91f';
}
.fwdicon-info-off:before {
content: '\e920';
}
.fwdicon-instagram:before {
content: '\e921';
}
.fwdicon-left:before {
content: '\e922';
}
.fwdicon-left-arrow:before {
content: '\e923';
}
.fwdicon-link:before {
content: '\e924';
}
.fwdicon-linkedin:before {
content: '\e925';
}
.fwdicon-loop:before {
content: '\e926';
}
.fwdicon-love:before {
content: '\e927';
}
.fwdicon-mail:before {
content: '\e928';
}
.fwdicon-maps:before {
content: '\e929';
}
.fwdicon-maximise:before {
content: '\e92a';
}
.fwdicon-minimise:before {
content: '\e92b';
}
.fwdicon-minus:before {
content: '\e92c';
}
.fwdicon-min-width:before {
content: '\e92d';
}
.fwdicon-music:before {
content: '\e92e';
}
.fwdicon-normalscreen:before {
content: '\e92f';
}
.fwdicon-pause:before {
content: '\e930';
}
.fwdicon-phone:before {
content: '\e931';
}
.fwdicon-photo:before {
content: '\e932';
}
.fwdicon-pinterest:before {
content: '\e933';
}
.fwdicon-play:before {
content: '\e934';
}
.fwdicon-playlist:before {
content: '\e935';
}
.fwdicon-playlist-close-sidebar:before {
content: '\e936';
}
.fwdicon-playlist-sidebar:before {
content: '\e937';
}
.fwdicon-plus:before {
content: '\e938';
}
.fwdicon-projects:before {
content: '\e939';
}
.fwdicon-quote:before {
content: '\e93a';
}
.fwdicon-quote-thin:before {
content: '\e93b';
}
.fwdicon-quote-thiner:before {
content: '\e93c';
}
.fwdicon-reddit:before {
content: '\e93d';
}
.fwdicon-reload-3:before {
content: '\e93e';
}
.fwdicon-reply:before {
content: '\e93f';
}
.fwdicon-right:before {
content: '\e940';
}
.fwdicon-right-arrow:before {
content: '\e941';
}
.fwdicon-right-arrow-thin:before {
content: '\e942';
}
.fwdicon-right-arrow-thiner:before {
content: '\e943';
}
.fwdicon-screen-maximise:before {
content: '\e944';
}
.fwdicon-screen-minimise:before {
content: '\e945';
}
.fwdicon-search:before {
content: '\e946';
}
.fwdicon-settings:before {
content: '\e947';
}
.fwdicon-share:before {
content: '\e948';
}
.fwdicon-share-off:before {
content: '\e949';
}
.fwdicon-shuffle:before {
content: '\e94a';
}
.fwdicon-sound:before {
content: '\e94b';
}
.fwdicon-sound-off:before {
content: '\e94c';
}
.fwdicon-standard-post:before {
content: '\e94d';
}
.fwdicon-sticky:before {
content: '\e94e';
}
.fwdicon-tumblr:before {
content: '\e94f';
}
.fwdicon-twitter:before {
content: '\e950';
}
.fwdicon-uncast:before {
content: '\e951';
}
.fwdicon-unlink:before {
content: '\e952';
}
.fwdicon-up:before {
content: '\e953';
}
.fwdicon-video-camera:before {
content: '\e954';
}
.fwdicon-vimeo:before {
content: '\e955';
}
.fwdicon-watch-later:before {
content: '\e956';
}
.fwdicon-youtube:before {
content: '\e957';
} .fwduvp .UVPMainButtonsNormalState{
font-family: 'fwdicon';
overflow: visible!important;
font-size:18px !important;
color:#999999 !important;
}
.fwduvp .UVPMainButtonsSelectedState{
font-family: 'fwdicon';
overflow: visible !important;
font-size:18px !important;
color:#FF0000 !important;
}
.fwdicon{
font-family: 'fwdicon';
font-size: 20px;
}
.fwdicon:before{
position: relative;
top: 1px;
}
.fwdicon-FF-left,
.fwdicon-FF-right{
font-size: 23px;
}
.fwdicon-sound:before,
.fwdicon-sound-off:before{
font-size: 20px;
top: 0;
}
.fwdicon-download:before{
top: 0;
}
.fwdicon-embed{
font-size: 21px;
}
.fwduvp .fwduvp-playlist .fwdicon-shuffle:before{
top: -2px;
font-size: 25px;
}
.fwduvp .fwduvp-playlist .fwdicon-loop:before{
font-size: 20px;
top: 0;
left: 6px;
}
.fwduvp .fwduvp-playlist .fwdicon-FF-left:before,
.fwduvp .fwduvp-playlist .fwdicon-FF-right:before{
top: 0;
}
.fwduvp .UVPLargePlayButtonNormalState{
position:absolute;
font-size: 30px !important;
width: 86px !important;
height:59px !important;
cursor: pointer;
background-color:rgba(0,0,0,.7) ;
color:#6a6a6a !important;
}
.fwduvp .UVPLargePlayButtonSelectedState{
position: absolute;
font-size: 30px !important;
width: 86px !important;
height:59px !important;
cursor: pointer;
background-color: #1f1f1f;
color:#FFF !important;
}
.fwduvp .UVPLargePlayButtonNormalState .fwdicon-play:before,
.fwduvp .UVPLargePlayButtonSelectedState .fwdicon-play:before{
position: relative;
top: 2px;
left: 2px;
}
.fwduvp .UVPCloseButtonNormalState,
.fwduvp .UVPCategoriesNextAndPrevNormalState{
position:absolute;
font-size:16px;
width:40px;
height:39px;
cursor: pointer;
background-color:#1f1f1f;
color:#FFF;
}
.fwduvp .UVPCloseButtonSelectedState,
.fwduvp .UVPCategoriesNextAndPrevSelectedState{
position:absolute;
font-size:16px;
width:40px;
height:39px;
cursor: pointer;
background-color:#1f1f1f;
color:#F00;
}
.fwduvp .fwduvp-categories-background .fwdicon-FF-right:before{
position: relative;
left: 2px;
}
.fwduvp .fwduvp-categories-background .fwdicon-close:before{
position: relative;
top: 2px;
}
.fwduvp .UVPCategoriesNextAndPrevNormalState{
background-color:#000000;
color:#666666;
}
.fwduvp .UVPCategoriesNextAndPrevSelectedState{
background-color:#000000;
color:#FFFFFF;
}
.fwduvp .UVPSocialMediaButtonsNormalState{
font-size:18px !important;
color:#aaaaaa !important;
font-weight:100;
}
.fwduvp .UVPSocialMediaButtonsSelectedState{
font-size:18px !important;
color:#FFFFFF !important;
}
.fwduvp .table-fwduvp-button { 
display: table; width:100%; height:100%;
}
.fwduvp .table-cell-fwduvp-button {
display: table-cell; width:100%; height: 100%; vertical-align: middle; text-align:center;
}
.fwduvp .fwduvp-time{}
.fwduvp .fwduvp .arrow{
left:-4px !important;
}
.fwduvp .fwduvp p{
line-height: 1.8;
} .fwduvp .UVP-tooltip-text{
padding: 5px 8px 5px !important;
} .fwduvp .fwduvp-playlist-background{} 
.fwduvp .fwduvp-ytb-title{
font: 400 14px Roboto;
line-height:16px !important;
margin: 2px 0 3px!important;
padding: 3px 0 0 1px !important;
transition: all .25s ease-out !important;
}
.fwduvp .fwduvp-ytb-p{
font-family: Roboto, Arial;
font-size: 13px !important;
line-height: 15px !important;
margin:0px !important;
}
.fwduvp .fwduvp-search{
font-family: Roboto, Arial !important;
}
.fwduvp .fwduvp-search-not-found{
font-family: Roboto, Arial !important;
}
.fwduvp-playlist-name{}
.fwduvp .fwduvp-playlist-name,
.fwduvp .fwduvp-cb-selector{
font: 500 14px Roboto, Arial !important;
}
.fwduvp .fwduvp-cb-button{
font: 400 14px Roboto, Arial !important;
} .fwduvp .UVP-skip-in{}
.fwduvp .UVP-skip{} .fwduvp .UVP-main-label{
font-family: Roboto, Arial !important;
}
.fwduvp .UVP-embed-inpt{
height: auto !important;
} .fwduvp .fwduvp-autoplay-text{
font: 500 12px Roboto, Arial !important;
top: 30px !important;
left: 30px !important;
border-radius: 14px;
line-height: 14px !important;
padding: 6px 23px 6px 18px !important;
background-color: rgba(0, 0, 0, 0.4);
color: #FFFFFF;
transition: background-color .3s ease-out, color .3s ease-out;
}
.fwduvp .fwduvp-autoplay-text:hover{
color: #000;
background-color: rgba(255, 255, 255, 1);
}
.fwduvp .fwduvp-autoplay-text:hover svg path{
fill: #111;
}
.fwduvp .fwduvp-autoplay-text svg{
transform: translate(6px, 2px);
}
.fwduvp .fwduvp-autoplay-text svg path{
transition: all .3s ease-out;
fill: #FFFFFF;
}
@media screen and (max-width: 700px){
.fwduvp .fwduvp-autoplay-text{
top: 15px !important;
left: 10px !important;
}
} .fwduvp .fwduvp-subtitle{
font: 600 21px Roboto, Arial !important;
text-align: center !important;
color: #FFFFFF !important;
text-shadow: 0px 0px 1px #000000 !important;
line-height: 28px !important;
margin: 0 20px 20px !important;
padding: 0px !important;
}
.fwduvp .fwduvp-subtitle.phone{
font-size: 16px !important;
line-height: 20px !important;
margin: 0 10px 20px !important;
}
.fwduvp .fwduvp-subtitle.large{
font-size: 28px !important;
line-height: 38px !important;
margin: 0 20px 20px !important;
} .fwduvp .fwduvp-thumbnail-title{
font: 400 14px Roboto, Arial !important;
color: #FFFFFF !important;
line-height:16px !important;
margin: 2px 0 3px!important;
padding: 3px 0 0 1px !important;
transition: all .25s ease-out !important;
}
.fwduvp .fwduvp-playlist-thumbnail-dark-text.active .fwduvp-thumbnail-title{
color: #FFFFFF !important;
}
.fwduvp .fwduvp-playlist-thumbnail-dark-text.active .fwduvp-ytb-title{
color: #FFFFFF !important;
}
.fwduvp .fwduvp-playlist-thumbnail-dark-text .fwduvp-thumbnail-description{
font-family: Roboto, Arial !important;
color:#888888 !important;
font-size: 13px !important;
line-height: 15px !important;
margin:0px !important;
}
.fwduvp .fwduvp-info-window-dark .fwduvp-ytb-info-title,
.fwduvp .fwduvp-info-window-dark .fwduvp-video-title,
.fwduvp .fwduvp-playlist-thumbnail-dark-text .fwduvp-video-title{
font: 400 14px Roboto, Arial !important;
margin: 12px 12px 8px !important;
color: #FFFFFF !important;
}
.fwduvp .fwduvp-info-window-dark .fwduvp-ytb-info-p,
.fwduvp .fwduvp-info-window-dark .fwduvp-video-main-description,
.fwduvp .fwduvp-playlist-thumbnail-dark-text .fwduvp-video-main-description{
font-family: Roboto, Arial !important;
margin: 0 12px 11px !important;
font-size: 13px !important;
line-height:16px !important;
color:#888888 !important;
}
.fwduvp .fwduvp-info-window-dark .fwduvp-link,
.fwduvp .fwduvp-playlist-thumbnail-dark-text .fwduvp-link{
font-family: Roboto, Arial !important;
margin: -4px 12px 11px !important;
font-size: 13px !important;
line-height: 16px !important;
color: #888888 !important;
}
.fwduvp .fwduvp-categories-dark-text{
font: 400 14px Roboto, Arial !important;
}
.fwduvp .fwduvp-categories-dark-text .fwduvp-header{
color: #FFFFFF !important;
}
.fwduvp .fwduvp-categories-dark-text.active .fwduvp-title{
color: #FFFFFF !important;
}
.fwduvp .fwduvp-categories-dark-text .fwduvp-categories-title{
margin: 10px 15px 0 !important;
line-height: 1.8 !important;
}
.fwduvp .fwduvp-categories-dark-text .fwduvp-title{
font-weight: bold;
line-height: 18px !important;
color:#999 !important;
transition: all .3s ease-out !important;
}
.fwduvp .fwduvp-categories-dark-text .fwduvp-categories-type{
color:#999 !important;
line-height: 18px !important;
margin: 2px 15px 0 !important;
}
.fwduvp .fwduvp-categories-dark-text .fwduvp-categories-description{
color:#999 !important;
line-height: 18px !important;
margin: 5px 15px 13px !important;
}
.fwduvp .fwduvp-link a:link    {color:#0099FF !important;}
.fwduvp .fwduvp-link a:visited {color:#0099FF !important;}
.fwduvp .fwduvp-link a:hover   {color:#DDDDDD !important;}
.fwduvp .fwduvp-link a:active  {color:#0099FF !important;} .fwduvp .fwduvp-loggedin-message-dark{
font: 400 14px  Arial !important;
color: #AAAAAA !important;
}
.fwduvp .fwduvp-loggedin-message-dark a{
color: #CCC;
}
.fwduvp .fwduvp-loggedin-message-dark a:hover{
color: #FFF;
} .fwduvp .fwduvp-white-thumbnail-title{
font-family:  Roboto, Arial !important;
color:#000000 !important;
line-height:16px !important;
margin: 2px 0 3px!important;
padding:0px !important;
transition: all .25s ease-out !important;
}
.fwduvp .fwduvp-playlist-thumbnail-text.white-active .fwduvp-white-thumbnail-title{
color: #000000 !important;
}
.fwduvp .fwduvp-playlist-thumbnail-text.white-active .fwduvp-ytb-title{
color: #000000 !important;
}
.fwduvp .fwduvp-playlist-thumbnail-text.white-active .fwduvp-ytb-title{
color: #FFFFFF !important;
}
.fwduvp .fwduvp-playlist-thumbnail-white-text .fwduvp-thumbnail-description{
font-family: Roboto, Arial !important;
font-size: 13px !important;
line-height: 15px !important;
margin:0px !important;
color:#919191 !important;
}
.fwduvp .fwduvp-info-window-white .fwduvp-ytb-info-title,
.fwduvp .fwduvp-info-window-white .fwduvp-video-title,
.fwduvp .fwduvp-playlist-thumbnail-white-text .fwduvp-video-title{
font: 400 14px Roboto, Arial !important;
margin: 12px 12px 8px !important;
color: #000000 !important;
}
.fwduvp .fwduvp-playlist-thumbnail-white-text .fwduvp-thumbnail-title{
color: #000000 !important;
}
.fwduvp .fwduvp-info-window-white .fwduvp-link a:link    {color:#0099FF !important;}
.fwduvp .fwduvp-info-window-white .fwduvp-link a:visited {color:#0099FF !important;}
.fwduvp .fwduvp-info-window-white .fwduvp-link a:hover   {color:#000000 !important;}
.fwduvp .fwduvp-info-window-white .fwduvp-link a:active  {color:#0099FF !important;}
.fwduvp .fwduvp-info-window-white .fwduvp-ytb-info-p,
.fwduvp .fwduvp-info-window-white .fwduvp-video-main-description,
.fwduvp .fwduvp-playlist-thumbnail-white-text .fwduvp-video-main-description{
font-family: Roboto, Arial !important;
margin: 0 12px 11px !important;
font-size: 13px !important;
line-height:16px !important;
color:#888888 !important;
}
.fwduvp .fwduvp-info-window-white .fwduvp-link,
.fwduvp .fwduvp-playlist-thumbnail-white-text .fwduvp-link{
font-family: Roboto, Arial !important;
margin: -4px 12px 11px !important;
font-size: 13px !important;
line-height: 16px !important;
color: #888888 !important;
}
.fwduvp .fwduvp-categories-white-text{
font: 400 14px Roboto, Arial !important;
}
.fwduvp .fwduvp-categories-white-text .fwduvp-header{
font-weight: 500;
color: #000000 !important;
}
.fwduvp .fwduvp-categories-white-text.active .fwduvp-title{
color: #000000 !important;
}
.fwduvp .fwduvp-categories-white-text .fwduvp-categories-title{
font-weight: 500;
margin: 10px 15px 0 !important;
line-height: 1.8 !important;
}
.fwduvp .fwduvp-categories-white-text .fwduvp-title{
font-weight: bold;
line-height: 18px !important;
color:#666 !important;
transition: all .3s ease-out !important;
}
.fwduvp .fwduvp-categories-white-text .fwduvp-categories-type{
color:#666 !important;
line-height: 18px !important;
margin: 2px 15px 0 !important;
}
.fwduvp .fwduvp-categories-white-text .fwduvp-categories-description{
color:#666 !important;
line-height: 18px !important;
margin: 5px 15px 13px !important;
}
.fwduvp .fwduvp-white-link a:link    {color:#0099FF !important;}
.fwduvp .fwduvp-white-link a:visited {color:#0099FF !important;}
.fwduvp .fwduvp-white-link a:hover   {color:#000000 !important;}
.fwduvp .fwduvp-white-link a:active  {color:0099FF !important;} .fwduvp .fwduvp-loggedin-message-white{
font: 400 14px Roboto, Arial !important;
color: #6a6a6a !important;
}
.fwduvp .fwduvp-loggedin-message-white a{
background-size: 100% 2px;
color: #0099FF;
} .fwduvp .fwduvp-fingerprintstamp-holder{
padding: 15px 20px 15px;
background: rgba(0,0,0,.4);
}
.fwduvp .fwduvp-finger-print-stamp{
font: 400 14px Roboto;
display: block;
margin: 0 0 10px;
color: #FFF;
}
.fwduvp .fwduvp-user-header,
.fwduvp .fwduvp-name-header,
.fwduvp .fwduvp-email-header,
.fwduvp .fwduvp-ip-header,
.fwduvp .fwduvp-time-header{
font-weight: 700;
}
.fwduvp .fwduvp-user-text,
.fwduvp .fwduvp-name-text,
.fwduvp .fwduvp-email-text,
.fwduvp .fwduvp-ip-text,
.fwduvp .fwduvp-time-text{
font-weight: 300;
}
.fwduvp-playlist-data{
display: none !important;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }