/*
Theme Name: HentaiDream
Theme URI: http://eromode.co/
Author: EroMode
Author URI: http://eromode.co/
Version: 2.0
Description: Theme Fanshare Anime
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Light, two-columns, right-sidebar, custom-header, custom-menu, featured-images
Text Domain: hentaidream

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

#player_code{height:360px !important; width:640px !important;}
#flvplayer_wrapper{height:360px !important; width:640px !important;}
.player-embed{height:360px !important; width:640px !important;}
.player-embed iframe{height:360px !important; width:640px !important;}
div#flvplayer_wrapper{height:360px !important; width:640px !important;}
object#flvplayer{height:360px !important; width:640px !important;}
object#vplayer{height:360px !important; width:640px !important;}

/******* BODY ********/
*:focus {outline:none}
html {
background: #232323;
}

body {
color: #3f3f3f;
margin: 0 auto;
font-family: sans-serif;
font-size: 12px;
}

.bger{
background: url('images/bg.png') #232323;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom center;
}

/*
@media (max-width: 1100px){
	.bger{
	background-image:none;
	background:#eeeeee;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom left, bottom right;
	}
}
@media (min-width: 1500px){
	.bger{
	background: url('images/bgleftbig.png'),url('images/bgrightbig.png') #eeeeee;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom left, bottom right;
	}
}
*/

#wrapper {
background: #fafafa;
border: 1px solid #E8E8E8;
width: 990px;
margin: 0 auto;
box-shadow: 0px 4px 30px 3px #111;
}
#pusat {
margin: 0 0 10px 0;
width: 968px;
padding: 5px 10px 5px;
position: relative;
overflow: hidden;
}
#pusat{min-height:330px;}
@media (max-height: 500px) {#pusat{min-height:150px;}}
@media (min-height: 700px) {#pusat{min-height:430px;}}

#main {
position: relative;
width: 100%;
margin: 0 auto;
}
#content {
margin: 0 auto;
overflow: hidden;
}
h1 {
font-size:36px;
margin:0;
}
h2 {
margin:0;
}
img {
border:none;
}
a {
text-decoration: none;
color: #444;
}
a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}
blockquote {
padding: 5px;
background: #FAFAFA;
border-left: 3px solid #C7C7C7;
padding-left: 10px;
font-style: italic;
color: #777;
}
/******* HEADER ********/
#header {
position: relative;
width: 990px;
height: 110px;
margin: 10px auto;
}
.logos {
height: 110px;
float: left;
}
.logos img {
height: 110px;
width: auto;
max-width: 240px;
}
.iklan728 {float: right;margin-top: 5px;}
.iklan728bot {
margin-top: 15px;
}
.iklan468 {width: 488px; height: 80px; margin: -5px auto;}
.ads728 {
width: 728px;
margin: 0 auto;
}
.perapih {
margin: 0 auto;
width: 990px;
}
.sitename {
width: 940px;
height: 200px;
}
.description {
color:#a2a2a2;
margin:-5px 0 0 5px;
}
.search-block {
float: right;
margin-right:4px;
margin-top: 7px;
}
.search-block .search-center {
margin: 0 auto;
overflow: hidden;
}
.search-block #s,
#txt_wpm_sch{
width: 200px;
border: 0px;
color: #333;
-webkit-font-smoothing: antialiased !important;
border-radius: 5px;
background: #FFF;
font-size: 12px;
line-height: 14px;
padding: 6px 8px;
margin: 0;
box-shadow: inset 0 2px 3px #C0C0C0;
}
.search-block #ss{
width: 70px;
border: 0px;
color: #333;
-webkit-font-smoothing: antialiased !important;
border-radius: 5px;
background: #FFF;
font-size: 12px;
height: 26px;
padding: 6px 0px 6px 4px;
margin: 0;
box-shadow: inset 0 2px 3px #C0C0C0;
}
.search-block .tombols {
background: #ccd4e3;
color: #002873;
border: 0px;
font-size: 12px;
cursor: pointer;
margin: 0;
margin-left: -3px;
padding: 0 7px;
line-height: 40px;
font-weight: bold;
-webkit-font-smoothing: antialiased !important;
font-family: helvetica;
text-transform: uppercase;
}
.rekomen {
border-top: 2px solid #3a3a3a;
border-right: 2px solid #3a3a3a;
margin-bottom: 10px;
padding-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-font-smoothing: antialiased !important;
background: #444;
/*background-image: linear-gradient(to right, #F8FAFC, #f2f4f8 50%, #f2f4f8);*/
}
.rekomen h2 {
float: left;
background: #3a3a3a;
color: #fff;
font-size: 12px;
padding: 6px 8px;
margin-right: 5px;
}
.rekomen a {
line-height: 24px;
color: #eee;
font-family: segoe ui;
font-weight: 500;
}
.qtip-default {
border: 3px solid #bf0045 !important;
background: #fafafa !important;
}
.qtip-content .infseries {
min-width: 500px !important;
}
.seriestitle {
display: block;
font-size: 14px;
font-weight: bold;
background: #bf0045;
margin: -5px -9px 5px -9px;
padding: 7px;
color: #fff;
}
.infseries {
overflow: hidden;
margin: 5px 0;
}
.infseries img {
float: left;
width: 150px;
height: 200px;
padding: 1px;
border: 1px solid #B4B4B4;
margin-right: 10px;
}
.infseries .right {
font-size: 12px;
line-height: 16px;
font-family: segoe ui;
color: #555;
}
.infseries .right b {
color: #333;
}
.infseries .right a {
color: #333;
}
.infseries .right .seriesin {
margin: 0;
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #111;
}
.infseries .right .seriesin p {margin: 0;}
/*========= Navigasi =========*/
#nav {
background: url(images/nav.jpg);
background-color: #bf0045;
height: 40px;
width: 998px;
padding: 0;
border-radius: 5px;
margin: -3px -4px 5px;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
#nav ul li {
float: left;
position: relative;
}
#nav ul li a {
float: left;
position: relative;
color: #FAFAFA;
padding: 0 10px;
font-family: helvetica;
font-size: 14px;
line-height: 40px;
min-width: 48px;
text-align: center;
transform: all 0.2s;
}
#nav.mobile ul li a {
float: left;
position: relative;
color: #FAFAFA;
padding: 0 5px;
font-family: helvetica;
font-size: 12px;
line-height: 40px;
min-width: 40px;
text-align: center;
transform: all 0.2s;
}
#nav ul li a:hover {
background: url(images/hovernav.png) bottom center no-repeat;
text-decoration: none;
}
/* Sub Levels */
#nav ul ul {
background: #FDFDFD;
width: 180px;
height: auto;
font-size: 11px;
position: absolute;
top: 100%;
left: 0px;
z-index: 9999;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
opacity: 0;
visibility: hidden;
}
#nav ul ul li {
height: 30px;
width: 180px;
float: none;
}
#nav ul ul li a {
padding: 6px 7px;
display: block;
width: 166px;
color: #333;
line-height: 19px;
font-weight: normal;
}
#nav ul ul li.menu-item-object-page a:hover {
background: url('images/nav.jpg');
color: #FFF;
float: none;
}
#nav ul ul li.menu-item-object-page a {
color: #333;
}

#nav ul ul ul {
left:100%;
top:-2px;
}
#nav li:hover>ul {
opacity:0.9;
visibility: visible;
}
#nav .select-div{display:none;}
.random {
float: right;
margin: 16px 8px;
}
.random a {
color: #E2E2E2;
text-shadow: 0 1px #0E0E0E;
padding: 7px 8px;
font-size: 11px;
border: 1px solid #666;
background: #525353;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset,0 1px 0 rgba(162, 150, 150, 0.9);
font-weight: bold;
}
.random a:hover {
text-decoration: none;
background: #555;
color: #DFDFDF;
box-shadow: 0 0 4px #000;
border: 1px solid #868686;
}
/*========= Sosial Navi =========*/
#nav .sosialbutton {
float: right;
}
#nav .sosialbutton ul {
margin: 0;
padding: 0;
}
#nav .sosialbutton ul li {
line-height: 45px;
}
#nav .sosialbutton ul li a {
font-size: 18px;
padding: 11px 0px;
padding-bottom: 11px;
}
/******* GENRE ********/
#genrelist {
background: #0084ff;
padding: 0 4px;
width: 962px;
height: 22px;
margin: 0 auto 10px;
overflow: hidden;
border-radius: 7px;
}
.genreset {
overflow: hidden;
width: 730px;
border-right: 1px solid #FFF;
float: left;
}
#genrelist h2 {
float: left;
font-size: 11px;
background: #bf0045;
color: #FFF;
padding: 3px 5px;
margin-top: 6px;
border-radius: 3px;
}
#genrelist ul {
margin: 0;
padding: 0;
list-style: none;
}
#genrelist ul li {
float: left;
margin: 4px 7px 4px 6px;
}
#genrelist ul li a {
color: #fff;
text-decoration: none;
}
#genrelist ul li a:hover {
text-shadow: 0 0 5px #bde4ff;
}
.moregenre {
background: #333;
padding: 2px 7px;
border-radius: 5px;
}
.moregenre:hover {
text-shadow: 0 0 0 #333;;
}
.statistik {
float: right;
height: 30px;
width: 258px;
border-left: 1px solid #C9C9C9;
overflow: hidden;
}
/******* POSTS ********/
.postsbody {
float: left;
width: 640px;
margin-right: 8px;
}
.ongoinglist {
overflow: hidden;
margin-bottom: 8px;
}
.ongoinglist h2 {
font-size: 14px;
padding: 6px 0;
margin-bottom: 1px;
color: #555;
border-bottom: 4px solid #ECEBEB;
}
.ongoinglist .onseries {
overflow: hidden;
}
.ongoinglist .onseries .ongoingimg {
float: left;
margin: 4px 4px 4px 3px;
}
.ongoinglist .onseries .ongoingimg img {
width: 116px;
height: 160px;
border: 1px solid #CCC;
padding: 1px;
}
.ongoinglist .onseries .ongoingimg .title {
width: 120px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
margin: 3px 0;
text-align: center;
}
.allgreen {overflow: hidden;margin-bottom: 10px;border-radius: 4px;}
.releases {
margin-bottom: 0;
position: relative;
}
.releases h1 {
font-size: 14px;
font-weight: bold;
font-family: helvetica;
padding: 0 0 7px 0;
color: #bf0045;
border-bottom: 4px solid #bf0045;
}
.rss {
position: absolute;
right: 10px;
top: 8px;
}
.rss a {
color: #FFC200;
}
.rss a:hover {
color: #FFF;
text-decoration: none;
}
.postslist {
overflow: hidden;
padding: 5px 5px;
font-family: segoe ui;
background: #f2f4f8;
border-right: 3px solid #ccd4e3;
border-left: 3px solid #ccd4e3;
margin-bottom: 2px;
}
.postslist .left {
overflow: hidden;
color: #777;
}
.postslist .left h2 {
font-size: 12px;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #444;
}
.postslist .left h2 a {
color: #444;
}
.postslist .left h2 a:hover {
color: #002873;
text-decoration: none;
}
.postslist .right {
float: right;
}
.postslist .right a {color:#555;}
.postslist .right a:hover {text-decoration:underline;}
.postarea {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.headpost {
overflow: hidden;
}
.headpost h1 {
font-size: 14px;
padding-bottom: 3px;
color: #444;
}
.detail {
font-family: arial;
color: #8D8D8D;
padding: 5px 0 0;
font-size: 11px;
border-top: 4px solid #E7E7E7;
overflow: hidden;
margin-bottom: 6px;
}
.detail .left {
float: left;
line-height: 14px;
}
.detail .left a {
color: #8D8D8D;
}
.detail .left a:hover {
text-decoration: underline;
}
.detail .right {
float: right;
}
.detail2 {
width: auto;
font-size: 11px;
line-height: 18px;
padding: 3px 5px;
overflow: hidden;
border-radius: 0 0 4px 4px;
margin: 0 5px;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.2),inset 0 -1px 2px rgba(0,0,0,0.2);
border-bottom: 1px solid #aaa;
}
.detail2 .kiri {
float: left;
width: 380px;
color: #555;
}
.downloadhd{
margin-top:5px;
background: #0084ff;
}
.screenshot{
margin-top:5px;
background: #0084ff;
}
.detail2 .kiri a {
color: #555;
}
.detail2 .kanan {
float: right;
background: #39A83D;
font-weight: bold;
border-radius: 3px;
height: 18px;
margin-top: 1px;
color: #FFF;
padding: 0 4px;
}
.imgpost {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.imgpost img {
max-width: 550px;
height: auto;
box-shadow: 0 0 10px #888;
}
.bodypost {
font-family: segoe ui;
font-weight: 500;
text-align: justify;
line-height: 18px;
font-size: 13px;
}
.bodypost a {
color: #EB142D;
}
.bodypost a:hover {
text-decoration: underline;
}
.bodypost p {
margin: 10px 0;
}
.download {
font-size: 11px;
font-weight: bold;
background: #F5F5F5;
padding: 10px;
margin: 10px 0;
}
.download ul {
margin: 0;
padding: 0;
list-style: none;
}
.download ul li {
background: #E4E4E4;
margin-bottom: 2px;
line-height: 26px;
padding: 0 5px;
}
.download ul li strong {
background: #bf0045;
border-right: 2px solid #F5F5F5;
width: 65px;
display: block;
float: left;
margin-left: -5px;
margin-right: 5px;
color: #FFF;
padding: 0 5px;
text-align: left;
}
.download ul li a {
color: #857979;
}
.download ul li a:hover {
text-decoration: underline;
}
.download .credit {
width: auto;
margin-bottom: 0;
line-height: 26px;
background: #E4E4E4;
text-align: right;
padding: 0 5px;
}
.download .credit a {}
.lcp_catlist li a {
color: #4D4D4D;
}
.disqusmen {
padding: 10px;
background: #FAFAFA;
margin: 10px 0;
}
.disqusmen span {
display: block;
font-weight: bold;
padding: 3px 0;
font-size: 14px;
font-family: helvetica;
border-bottom: 3px solid #DDD;
margin-bottom: 5px;
}
.serisinf {
overflow: hidden;
}
.serisleft {
float: left;
width: 325px;
padding-right: 7px;
border-right: 1px solid #DDD;
}
.titleseries {
font-weight: bold;
padding: 3px 0;
font-size: 12px;
font-family: helvetica;
border-bottom: 3px solid #DDD;
margin-bottom: 5px;
}
.seriesinf {
overflow: hidden;
}
.seriesinf img {
float: left;
width: 110px;
margin-right: 5px;
height: 155px;
}
.rightinf {
overflow: hidden;
}
.rightinf .inseries {
margin-bottom: 7px;
}
.rightinf .inseries p {
margin: 0;
overflow: hidden;
height: 58px;
}
.rightinf span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.rightinf span a {}
.related {
margin: 0;
float: right;
overflow: hidden;
width: 300px;
}
.related span {
display: block;
font-weight: bold;
padding: 3px 0;
font-size: 12px;
font-family: helvetica;
border-bottom: 3px solid #DDD;
margin-bottom: 5px;
}
.disqusmen a {
color: #555; }
.projectlist {
overflow: hidden;
}
.projectlist li {
list-style: none;
background: url(images/folder.png) no-repeat;
background-position: 1px;
padding-left: 18px;
}
.projectlist li a {
color: #333;font-weight: bold;
}
.tagpost {
font-family: arial;
font-size: 11px;
border-top: 1px dotted #DDD;
border-bottom: 1px dotted #DDD;
line-height: 25px;
margin: 15px 0 5px;
}
/******* ANIPOST ********/
.anipost {
float: left;
width: 160px;
text-align: center;
font-size: 10px;
margin: 5px 0px;
}
.anipost .title {
font-weight: bold;
font-size: 12px;
width: 154px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 13px;
}
.anipost .thumb {
position: relative;
width: 152px;
height: 102px;
border: 1px solid #ccc;
}
.anipost .thumb .play {
position: absolute;
top: 1px;
left: 1px;
width: 150px;
height: 100px;
background: url(images/play-hover.png);
z-index: 200;
display: none;
}
.anipost .thumb:hover .play {display: block;  cursor: pointer;}
.anipost .thumb .imgrapi {
overflow: hidden;
height: 100px;
padding-top: 1px;
border-radius: 3px;
}
.anipost .thumb .imgrapi img {
top: 1px;
left: 1px;
width: 150px;
height: auto;
}
.anipost .thumb .border {
position: absolute;
top: 1px;
left: 1px;
width: 150px;
height: 100px;
z-index: 100;
}
.anipost .thumb .video-Subbed {
background: #bf0045;
text-transform: uppercase;
font-size: 10px;
color: #fff;
position: absolute;
bottom: 3px;
right: 3px;
z-index: 300;
padding: 2px;
opacity: .70;
}
.anipost .thumb .video-Dubbed {
background: #666562;
text-transform: uppercase;
font-size: 10px;
color: #fff;
position: absolute;
bottom: 3px;
right: 3px;
z-index: 300;
padding: 2px;
opacity: .70;
}
.anipost .thumb .video-RAW {
background: #D74353;
text-transform: uppercase;
font-size: 10px;
color: #fff;
position: absolute;
bottom: 3px;
right: 3px;
z-index: 300;
padding: 2px;
opacity: .70;
}
.anipost .viewer {
color: #bf0045;
font-family: sans-serif;
display: block;
width: 154px;
}
.sosialshare {
position: relative;
display: block;
margin-top: 5px;
height: 22px;
}
.sosialshare .right {float: right;}
.sosialshare a {
color: #FFF;
padding: 5px 8px;
font-size: 11px;
margin-right: 4px;
font-family: sans-serif;
display: inline-block;
float: left;
}
.sosialshare .fbshare {
background: #3b5998;
}
.sosialshare .twtshare {
background: #00aced;
}
.sosialshare .googleshare {
background: #da4e3b;
}
.ui-tabs {
border: 0;
padding: 0;
margin: 0;
}
.ui-widget-content {
background: none;
}
.ui-tabs .ui-tabs-panel {
padding: 0;
}
.ui-tabs .ui-tabs-nav {
padding: 5px 0 0;
line-height: normal;
}
.ui-widget-header {
background: none;
border: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin: 0;
padding: 0;
border: 0;
background: #da004f;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
color: #fff;
}
.ui-tabs .ui-tabs-nav li {
background: none;
border: 0;
padding: 0;
margin: 0;
}
.ui-tabs .ui-tabs-nav li a{
font-weight: bold;
font-size: 14px;
font-family: sans-serif;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 8px 20px;
float: left;
}
.mirrorli {
padding: 8px 20px;
float: left;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
div.mirrorli{
background: #da004f;
}
.infovid {
margin-top: 5px;
margin-bottom: 8px;
font-size: 12px;
font-family: helvetica;
line-height: 16px;
padding: 10px;
border: 1px solid #E2E2E2;
background: #FAFAFA;
}
.infovid .left {
float: left;
position: relative;
width:400px;
}
.infovid .left  span {
font-size:13px;
display: block;
line-height: 20px;
}
.infovid .left span b {
display: block;
width: 100px;
float: left;
}
.infovid .right {
width: 200px;
height:120px;
float: right;
position: relative;
}
.infovid .right a span.download {
border-radius: 3px;
padding: 6px 10px;
float:right;
font-size: 12px;
background: #da004f;
margin: 0 0;
display: block;
border: 0;
width: 180px;
height:14px;
text-align: center;
}
.infovid .right a span.download {
color: #FFF;
font-size:12px;
transition: all 0.2s;
}
.infovid .right a span.download:hover {
background: #bf0045;
font-style:none;
}
#embed_holder {position: relative; width: 640px; height: 360px; background: #000; background-position: 50% 150px;}
.player-embed {position: absolute; top: 0px; left: 0px; width: 640px; height: 358px; overflow:hidden;}
.lightszone {
overflow: hidden;
margin-bottom: 3px;
}
#lightsoff {
float: right;
background: #ECECEC;
font-weight: bold;
border-radius: 3px;
padding: 3px 5px;
}
/******* STAFF ********/
.stafflist {
overflow: hidden;
width: 300px;
border: 1px solid #DDD;
margin: 6px;
height: 96px;
float: left;
}
.stafflist img {
width: 100px;
float: left;
margin-right: 10px;
border-right: 1px solid #DDD;
height: auto;
}
.stafflist .onleft {
overflow: hidden;
}
.stafflist .onleft h2 {
font-size: 14px;
margin-top: 10px;
color: #002873;
}
.stafflist .onleft span {
margin-top: 5px;
display: block;
font-family: sans-serif;
font-weight: bold;
color: #777;
font-style: italic;
}

/******* ARCHIVE ********/
.animelistest {
border-bottom: 1px solid #F0EEEE;
padding: 10px;
overflow: hidden;
position: relative;
}
.animelistest:nth-child(odd) {
background: #FCFCFC;
}
.animelistest:nth-child(even) {
background: #F5F5F5;
}
.animelistest img {
height: 165px;
width: 125px;
margin-right: 10px;
float: left;
}
.animelistest .lef {
overflow: hidden;
}
.animelistest .lef h2 {
font-size: 14px;
margin-bottom: 5px;
}
.animelistest .lef h2 a {}
.animelistest .lef .sinopsis {
width: 380px;
margin-bottom: 5px;
text-align: justify;
}
.animelistest .lef .sinopsis p {
margin: 0;
line-height: 15px;
}
.animelistest .lef .genlist {
font-weight: bold;
width: 380px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.animelistest .lef .genlist a {}
.animelistest .lef .Epilist {
position: absolute;
right: 10px;
top: 15px;
width: 61px;
background: #FFF;
}
.animelistest .lef .Epilist .titler {
width: 55px;
background: #bf0045;
font-family: arial;
color: #FFF;
font-weight: bold;
font-size: 11px;
display: block;
text-align: center;
padding: 3px;
}
.animelistest .lef .Epilist .totepiso {
width: 61px;
font-weight: bold;
color: #555;
font-size: 26px;
display: block;
text-align: center;
line-height: 32px;
}
.animelistest .lef .score {
position: absolute;
top: 75px;
right: 10px;
width: 61px;
background: #FFF;
}
.animelistest .lef .score .titscore {
background: #bf0045;
font-family: arial;
color: #FFF;
font-weight: bold;
font-size: 11px;
display: block;
text-align: center;
padding: 3px;
}
.animelistest .lef .score .scorez {
width: 61px;
font-weight: bold;
color: #555;
font-size: 16px;
letter-spacing: 0px;
display: block;
text-align: center;
line-height: 22px;
}
/******* ANIME INFO ********/
.animeinfo {
float: left;
width: 640px;
margin-right: 8px;
}
.animeinfo h2 {
margin-top: 10px;
font-size: 12px;
padding: 3px 0;
font-family: open sans;
text-transform: uppercase;
color: #002873;
border-bottom: 4px solid #DADADA;
margin-bottom: 6px;
}
.animeinfo .infos {
background: #f2f4f8;
color: #505050;
font-size: 11px;
padding: 7px;
}
.animeinfo .imgdesc {
overflow: hidden;
}
.animeinfo .imgdesc img {
float: left;
width: 165px;
height: 230px;
margin-right: 10px;
}
.animeinfo .imgdesc .desc {
color: #444;
}
.animeinfo .imgdesc .desc p {
margin: 0;
font-family: segoe ui;
}
.listinfo {
overflow: hidden;
border-top: 1px solid #EBEBEB;
margin: 5px 0;
}
.listinfo ul {
margin: 0;
padding: 0;
list-style: none;
}
.listinfo ul li {
padding: 6px;
border: 1px solid #EBEBEB;
border-top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listinfo ul li:nth-child(odd) {
background: #F5F5F5;
}
.listinfo ul li:nth-child(even) {
background: #FFF;
}
.listinfo ul li b {
display: block;
width: 100px;
float: left;
}
.listinfo ul li a {}
.episodelist {
overflow: hidden;
margin: 5px 0;
}
.episodelist .offzone {
margin-top: 10px;
padding: 6px;
overflow: hidden;
background: #bf0045;
font-family: open sans;
color: #FFF;
}
.episodelist .leftoff {
display: block;
float: left;
width: 510px;
}
.episodelist .rightoff {
display: block;
float: left;
width: 106px;
text-align: center;
}
.episodelist ul {
padding: 0;
margin: 0;
list-style: none;
}
.episodelist ul li {
padding: 6px;
overflow: hidden;
border: 1px solid #EBEBEB;
font-family: open sans;
font-weight: 500;
border-top: 0;
}
.episodelist ul li:nth-child(odd) {
background: #f5f5f5;
}
.episodelist ul li:nth-child(even) {
background: #fff;
}
/******* PAGINATION ********/
.pagination {
overflow: hidden;
width: 100%;
line-height: 30px;
font-family: helvetica;
}
.wp-pagenavi {
clear: both;
float: right;
background: #f5f5f5;
padding: 2px 4px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #CCC;
background: #FFF;
padding: 4px 7px;
border-radius: 3px;
color: #777;
margin: 2px;
}
.wp-pagenavi span.current {
font-weight: bold;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #FFF;
background: #bf0045;
color: #FFF;
}
/******* ANIMELIST ********/
.nav_apb {
border-radius: 2px;
padding: 5px 0px 5px 2px;
margin-bottom: 5px;
-webkit-font-smoothing: antialiased !important;
background-image: linear-gradient(to right, #F8FAFC, #f2f4f8 50%, #f2f4f8);
}
.nav_apb a {
padding: 5px 0 4px;
width: 19.3px;
text-align: center;
display: block;
float: left;
text-decoration: none;
border: 1px solid #CCC;
background: #FFF;
border-radius: 3px;
color: #777;
margin: 1px;
}
.nav_apb a:hover {
border-color: #FFF;
background: #bf0045;
color: #FFF;
}
#animelist {
overflow: hidden;
}
#animelist h2 {
font-size: 14px;
padding: 3px 0;
margin-bottom: 5px;
border-bottom: 4px solid #DDD;
}
#a-z {
overflow: hidden;
-webkit-column-width: 312px;
-moz-column-width: 312px;
column-width: 312px;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.letter-group {
display: inline-block;
width: 97%;
height: auto;
background-color: #FAFAFA;
padding: 5px;
margin: 0 0 5px 0;
}
.letter-cell {
background: url('images/hentailist.png') no-repeat;
margin-bottom: 2px;
height: 21px;
padding-top: 25px;
padding-bottom: 5px; 
margin-bottom: 5px;
}
.letter-cell a {
color: #fff;
font-family: 'Cambria';
font-size: 20px;
margin: 5px 10px;
font-weight: normal;
}
.row-cells {}
.title-cell {
background: url('images/playgo.png') no-repeat left center;
padding: 2px 0 0 12px;
margin-left: 4px;
}
.title-cell a {
color: #104b66;
font-size: 13px;
}
.ongoinginfo {
float: left;
width: 315px;
margin-bottom: 10px;
overflow: hidden;
}
.ongoinginfo img {
width: 110px;
height: 150px;
float: left;
margin-right: 5px;
padding: 2px;
border: 1px solid #CCC;
}
.ongoinginfo .onleft {
padding-right: 10px;
}
#animelist .ongoinginfo .onleft h2 {
font-size: 12px;
border: 0;
padding: 0;
}
#animelist .ongoinginfo .onleft h2 a {
color: #256C88;
}
.ongoinginfo .onleft span {
display: block;
color: #777;
font-size: 11px;
}
.ongoinginfo .onleft span a {
color: #777;
}
.ongoinginfo .onleft span.sino {
overflow: hidden;
height: 50px;
}
.ongoinginfo .onleft span.sino p {
margin: 0;
}

/*JAV*/
.jav {
float: left;
width: 315px;
margin-bottom: 10px;
overflow: hidden;
}
.jav img {
width: 110px;
height: 150px;
float: left;
margin-right: 5px;
padding: 2px;
border: 1px solid #CCC;
}
.jav .onleft {
padding-right: 10px;
}
#animelist .jav .onleft h2 {
font-size: 12px;
border: 0;
padding: 0;
}
#animelist .jav .onleft h2 a {
color: #256C88;
}
.jav .onleft span {
display: block;
color: #777;
font-size: 11px;
}
.jav .onleft span a {
color: #777;
}
.jav .onleft span.sino {
overflow: hidden;
height: 50px;
}
.jav .onleft span.sino p {
margin: 0;
}

/******* GENRES ********/
.allgenres {
overflow: hidden;
}
.allgenres h2 {
font-size: 14px;
border-bottom: 4px solid #DDD;
padding: 4px 0;
margin-bottom: 5px;
}
.allgenres ul {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
.allgenres ul li {
float: left;
margin: 3px;
}
.allgenres ul li a {
display: block;
border-radius: 3px;
padding: 5px;
border: 1px solid #ccc;
text-align: center;
/*box-shadow: 0 0 1px #000;*/
width: 88px;
font-size: 11px;
color: #777;
background: #fff;
}
.allgenres ul li a:hover {
background: #bf0045;
border: 1px solid #FFF;
color: #FFF;
text-decoration: none;
}
/******* SIDEBAR RIGHT ********/
.sidebar_right {
width: 300px;
float: right;
}
.sidebar_right li {
margin: 0 0 5px 0;
list-style: none;
height: auto;
}
.sidebar_right h3 {
font-size: 14px;
font-weight: bold;
font-family: helvetica;
border-bottom: 4px solid #D9D9DA;
margin: 0;
overflow: hidden;
color: #444;
-webkit-font-smoothing: antialiased !important;
line-height: 22px;
}
.sidebar_right h3 span {
display: block;
float: left;
text-transform: uppercase;
border-right: 2px solid #4B718F;
line-height: 35px;
height: 35px;
padding: 0 15px;
color: #666;
background-color: #f5f5f5;
}
.sidebar_right ul {
margin: 0;
margin-bottom: 10px;
padding: 0;
}
.sidebar_right ul li {
border-top: 0;
line-height: 17px;
margin: 0;
padding: 6px 10px;
list-style: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sidebar_right ul li:nth-child(odd) {
background: url(images/white-trans.png);
}
.sidebar_right ul li:nth-child(even) {
background: #none;
}
.sidebar_right ul li a {
font-size: 12px;
color: #555;
font-family: segoe ui;
}
.sidebar_right ul li a:hover{
text-decoration:underline;
}
.textwidget {
font-size: 12px;
text-align: justify;
border: 1px solid #F1F1F1;
border-top: 0;
padding: 10px;
background: #FFF;
margin-bottom: 10px;
overflow: hidden;
}
.sidebar_right a:hover{
text-decoration:underline;
}
#chatango {
margin: -1px 0 10px;
background: #FFF;
}
.ads300 {
margin-bottom: 10px;
overflow: hidden;
background: #FFF;
}
/********* ADDED SERIES ******/
.serieslist {
overflow: hidden;
}
.serieslist ul {}
.serieslist ul li {
padding: 5px;
}
.serieslist ul li .imgseries {
float: left;
overflow: hidden;
width: 50px;
height: 50px;
border-radius: 3px;
margin-right: 5px;
}
.serieslist ul li .imgseries img {
width: 50px;
margin: 0;
height: auto;
border: 0;
padding: 0;
}
.serieslist ul li .leftseries {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sidebar_right .serieslist ul li .leftseries h2 {
line-height: 20px;
}
.sidebar_right .serieslist ul li .leftseries h2 a {
color: #bf0045;
}
.serieslist ul li .leftseries span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11px;
line-height: 15px;
}
.serieslist ul li .leftseries span a {}

/********* TOP SERIES ******/
.topseries {
overflow: hidden;
border-top: 0;
padding: 5px 0;
margin-bottom: 10px;
}
.imgseries img {
width: 92px;
height: 125px;
float: left;
padding: 1px;
border: 1px solid #DDD;
margin-right: 5px;
margin-bottom: 6px;
}
.topseries h2 {
font-size: 12px;
margin-bottom: 5px;
}
.topseries h2 a {}
.topseries span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px;
line-height: 14px;
}
.topseries span a {}
.topseries .topdesc {
display: block;
overflow: hidden;
width: 288px;
background: #f5f5f5;
height: 21px;
font-size: 11px;
border: 1px solid #EBEBEB;
padding: 5px;
}
.topseries .topdesc p {
margin: 0;
}

/*********COMMENTS ******/
.comment a{
color:#51504a;
text-decoration:none;
}
.commentlist li .avatar {
float: right;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 14px;
color: #555;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
}
.commentmetadata {
font-weight: normal;
}
h3.comments {
padding: 0;
margin: 40px auto 20px;
color:#444444;
}
h3#comments {
padding: 0;
margin: 10px 0 10px 0px;
color: #555;
font-family: arial;
width: 100%;
}
#respond {
margin: 0;
padding: 0;
color: #555;
font-family: arial;
}
h3.respond {
padding: 0;
margin: 10px 0 10px 0px;
color:#444444;
}
#respond h3{
width: 100%;
padding: 0;
margin: 10px 10px 10px 0px;
color:#444444;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
margin: 0;
font-family: arial;
}
.commentlist li {
background-position: right bottom;
background-repeat: no-repeat;
background-color: #FFF;
margin: 0;
margin-bottom: 10px;
padding: 10px;
list-style: none;
border: 1px dotted #DDD;
}
.commentlist li ul li {
background-color: #FFFFFF;
margin-right: -5px;
margin-left: 10px;
box-shadow: 0 0 5px #DDD;
margin-top: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0 0 0px;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
border: 1px dotted #B8B8B8;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
.reply {
width: 44px;
padding: 2px;
text-align: center;
color: #888;
border: 1px solid #DDD;
background: #FAFAFA;
}
.reply a { color: #777;}
/******* FOOTER ********/
#footer {
text-align: center;
font-family: helvetica;
padding: 0 0 10px 0;
margin-top: 15px;
font-size: 11px;
color: #eee;
background: #bf0045;
box-shadow: 0px 4px 30px 3px #111;
}

#footer a {
color: #ddd;
}

#footer-details{
margin: 20px 0 5px;
font-size:11px;
}

#footer-menu{
padding:2px 0;
width:100%;
clear:both;
background:#da004f;
margin-bottom:20px;
}
.footer-menu-nav{
width: 510px;
margin: auto;
overflow:hidden;
}

#footer-menu{
margin:0;
padding:0;
}
#footer-menu li{
float:left;
list-style: none;
padding:4px 8px;
}
#footer-menu li a{
text-transform: uppercase;
font-size:12px;
color:#eee;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-document url-prefix() { 
#genrelist ul li {
    margin: 8px 7px;
}
.search-block .tombols {
    padding: 0px 7px;
}
.topseries .topdesc {
    height: 40px;
}
.ongoinginfo .onleft span.sino {
    height: 45px;
}
.episodelist ul li {
    font-family: open sans;
    font-weight: 500;
}
}

.wprc-container .wprc-content{
background: #F6F6F6;
border-top: 4px solid #FDCE3A;
width: 100%;
padding: 20px;
display: none;
clear: both;
box-shadow: 0 3px 3px #B8B8B8;
}


.sparkle{
max-width: 60px;
background: url('images/sparkles1.gif');
}

.entry_author_image {
margin: 10px 15px 10px 0px;
border-radius:50px;
height:80px;
width:80px;
float:left;
overflow:hidden;
}

.entry_author_image img{
min-height:80px;
max-height:110px;
min-width:80px;
max-width:110px;
}

.single-nav {
padding:3px 0;
}
.single-nav a {
font:12px 'Helvetica';
color:#da004f;
margin:3px 0 0 8px;
text-decoration:none;
font-weight:bold;
transform: all 0.2s;
}
.single-nav a:hover{
color:#bf0045;
}

/**External**/
#latest{
overflow:hidden;
margin-bottom: 30px;
}
.latest-manga {
overflow: hidden;
border: none;
height: 300px;
margin-top: -80px;
margin-bottom: -140px;
}
.latest-manga html {
background:none !important;
}
ul#menu-footer-menu {
margin: 3px 0;
}


.relatedvid{
clear:both;
}
.relatedvideos{
float: left;
overflow: hidden;
margin: 4px 3px 4px 3px;
width: 122px;
padding: 4px 0;
transform: all 0.2s;
}
.relatedvideos:hover{
background: #eee;
}
.relatedvideos .thumb {
border: 1px solid #ccc;
overflow: hidden;
width: 116px;
height: 110px;
border-radius: 3px;
margin: 3px 2px 0;
}
.thumb img {
width: 118px;
height: auto;
margin: -1px;
}
.relatedvid span {
display: block;
font-weight: bold;
padding: 3px 0;
font-size: 14px;
font-family: helvetica;
border-bottom: 3px solid #DDD;
margin-bottom: 5px;
}
.relatedvideos .title {
font-weight: bold;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 13px;
text-align: center;
}
.relatedvideos .viewer{
color: #bf0045;
font-family: sans-serif;
display: block;
text-align: center;
font-size: 11px;
border: none;
padding: none;
font-weight: normal;
}
.title:hover {
text-decoration: none;
}
.javseries{
position: relative;
}
.javtype{
background: #bf0045;
text-transform: uppercase;
font-size: 10px;
color: #fff;
position: absolute;
bottom: 6px;
right: 3px;
z-index: 300;
padding: 2px;
opacity: .70;
}

.genreletter {
clear:both;
margin: 5px 5px;
padding-top: 10px;
/*background: url('images/hentailist.png') no-repeat;
height: 26px;
padding-top: 19px;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom: 5px;
color: #fff;
font-family: 'Cambria';
font-size: 20px;
*/
}
.genreletter h1{
font-size: 14px;
font-weight: bold;
font-family: helvetica;
padding: 0 0 7px 0;
color: #bf0045;
border-bottom: 4px solid #bf0045;
}
.postedit {
background: #ddd;
padding: 10px;
text-align: center;
}
.postedit a{
font-weight: bold;
margin: 0 15px;
}

#slider{
width: 968px;
position: relative;
height: 150px;
margin-bottom: 20px;
overflow: hidden;
background: #eee;
border-radius: 2px;
}
#slider h2 {
background: #333;
font-size: 14px;
padding: 6px 10px;
margin-bottom: 1px;
color: #FFF;
text-align: center;
}
.slidercontent{
height: 110px;
width: 111px;
overflow: hidden;
margin: 3px;
border: 2px solid #eee;
float: left;
}
.slidercontent:hover{
border-color: #bf0045;
}
.slidercontent img{
height: 160px;
width: 111px;
}
.btn-slider{
background: blue;
height: 158px;
width: 20px;
position: absolute;
top: 0;
}
.btn-slider.left{left: 0;}
.btn-slider.right{right: 0;}

/*
#slider{
width: 968px;
position: relative;
height: 158px;
margin-bottom: 20px;
}
#slider ul{
margin: 0 20px;
width: 928px;
height: 100%;
overflow: hidden;
background: #eee;
padding: 0;
}
.slidercontent{
height: 150px;
width: 108px;
overflow: hidden;
margin: 2px;
border: 2px solid #eee;
float: left;
}
.slidercontent:hover{
border-color: #bf0045;
}
.slidercontent img{
height: 100%;
width: 100%;
}
.btn-slider{
background: blue;
height: 158px;
width: 20px;
position: absolute;
top: 0;
}
.btn-slider.left{left: 0;}
.btn-slider.right{right: 0;} */

.otherlist a {
padding: 3px 8px;
background: #444;
color: #eee;
border-radius: 4px;
text-decoration: none;
}
.otherlist {
clear: both;
margin: 5px 0;
}
.otherlist a :hover{
background: #222;
}

.clearfix{clear:both; height:1px; width: 100%;}

/***MANGA HOME***/
#hotmanga{
padding: 0;
margin: 0 0 15px;
clear: both;
}
.latestmangacon{
}
.latestmanga{
width: 316px;
margin: 2px;
float: left;
background: #0084ff;
border-radius: 5px;
overflow: hidden;
}
.latestmangahead{
overflow: hidden;
height: 30px;
}
.latestmanga h2{
float: left;
text-transform: uppercase;
font-size: 12px;
font-family: Helvetica;
padding: 8px 0 10px;
width: auto;
border-radius: 5px;
text-align: center;
width: 100%;
}
.latestmanga h2 a{
color: #fff;
}
.latestmanga h2.active{
background: #0084ff;
color: #fff;
}
.latestlist{
height: 243px;
overflow-x: hidden;
clear: both;
background: #eee;
padding: 3px 0;
}
.latestlist ul {
padding: 0;
margin: 0;
}
.latestlist ul li{
font-size: 13px;
font-family: Helvetica;
padding: 5px 10px;
list-style: none;
}
.latestlist ul li:nth-child(odd){background: #fff;}
.latestlist ul li:nth-child(even){background: #f1f1f1;}
.latestlist ul li a{
color: #333;
}
.latestlist ul li a:hover{
color: #000;
}
.tab{display: none;}
.tab.active{display: block;}
.hotmanga{
float: right;
color: #fff;
background: #c00147;
font-size: 11px;
padding: 1px 4px;
border-radius: 3px;
}
.tagtv{float: right; color: #eee; padding: 2px 0; width: 30px; text-align: center; background: #00C0F8; border-radius: 3px; font-size: 12px; font-family: MyriadPro;}
.tagova{float: right; color: #eee; padding: 2px 0; width: 30px; text-align: center; background: #00BF30; border-radius: 3px; font-size: 12px; font-family: MyriadPro;}
.tagmovie{float: right; color: #eee; padding: 2px 0; width: 30px; text-align: center; background: #333; border-radius: 3px; font-size: 12px; font-family: MyriadPro;}

#sct_side_ads{
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	height:600px;
	width:100%;
	margin:0 0 -600px 0
}

#sct_side_ads div.fl{
	float:left;
}

#sct_side_ads div.fr{
	float:right;
}

#sct_side_ads div.fl,
#sct_side_ads div.fr{
	width:50%;
	overflow:hidden;
	height:600px;
	margin-bottom:-600px
}

#sct_side_ads div div.con{
	width:160px;
	height:600px;
	margin-bottom:-600px
}

#sct_side_ads div.fl div.con{
	float:right;
	margin:0 506px 0 0
}

#sct_side_ads div.fr div.con{
	margin:0 0 0 504px
}

#sct_side_ads .textwidget{
	padding:0 !important;
}

.videoad{display: block; background:#111; width:100%; height: 100%; text-align: center;}
.videoads{width:308px; height:266px; margin:auto; padding:25px 0 10px;}
.videoadhide{cursor:pointer; width: 308px; background: #808080; color: #000; padding: 5px 10px; border-radius: 2px; transition:all 0.2s;}
.videoadhide:hover{text-decoration:none; background:#777;}

.vjs-default-skin .vjs-big-play-button{
left: 40% !important;
top: 39% !important;
width: 20% !important;
height: 22% !important;
}

.desc .wprc-container {
  display: none;
}


/* This block of CSS adds opacity transition to background */
.image-link {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}
/* aligns caption to center */
.mfp-title {
  text-align: center;
  padding: 6px 0;
}
.image-source-link {
  color: #DDD;
}
body { -webkit-backface-visibility: hidden; 
  font-family: "Calibri", "Trebuchet MS", "Helvetica", sans-serif;
}