html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } 
body, input, button, textarea {font-family: 'Montserrat', sans-serif; background:#13162b; color:#7d86a5;}

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.woff2?5357165') format('woff2'),
       url('../font/fontello.woff?5357165') format('woff'),
       url('../font/fontello.svg?5357165#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

header div nav a:after,
header div .user-area a,
header div nav a,
header div form input,
header div .user-area a.join:before,
	.tiles-wrap .picbox .picture .heart small,
	.tiles-wrap .picbox .picture .heart,
.tiles-wrap .picbox .picture.video video,
.tiles-wrap .picbox .picture img,
.pager ul li.previous a:before,
.pager ul li.next a:after,
.logotype a {transition: all 300ms ease-in-out 0s;}
header div .user-area a.login:before,
.tiles-wrap .picbox .picture .rate:before,
.tiles-wrap .picbox .picture .heart:before,
.tiles-wrap .picbox .picture:after,
.pager ul li.previous a:before,
.pager ul li.next a:after,
header div form button:before { font-family: 'fontello'; } 
.tiles-wrap .picbox .picture .rate,
.pager ul li a,
header div form input {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
  header div:after,
  .clear:after {clear:both; display:block; content:'';} 
   .with2 {display:inline-block; float:left; width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px);} 
  
header {border-bottom:1px solid rgba(255,255,255,.11);}
header div {text-align:center;}
header div a.logotype {display:inline-block; float:left; position:relative;}
header div a.logotype img {height:78px; vertical-align:middle;}
header div nav {display:inline-block; }
header div nav a{display:inline-block; line-height:80px; text-decoration:none; color:rgba(255,255,255,.4); text-transform:uppercase; position:relative; font-size:12px; font-weight:600; padding:0 10px;}
header div nav a:after {content:''; display:inline-block; width:0px; height:2px; background:#fe4b6b; position:absolute; left:0; bottom:-2px;}
header div nav a.select:after,
header div nav a:hover:after {width:100%;}
header div nav a.select,
header div .user-area a:hover,
header div nav a:hover {color:#fefefe;}
header div .user-area {display:inline-block; float:right; padding-top:18px;}
header div .user-area a {display:inline-block; line-height:55px; text-decoration:none; color:rgba(255,255,255,.4); text-transform:uppercase; position:relative; font-size:12px; font-weight:600; padding:0 10px;}
.get-acces a,
header div .user-area a.join {display:inline-block; line-height:45px; height:45px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
color:#fefefe; text-shadow:0px 1px 1px #1a83b9; padding:0 25px;
background: rgba(33,159,238,1);
background: -moz-linear-gradient(45deg, rgba(33,159,238,1) 0%, rgba(97,235,210,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(33,159,238,1)), color-stop(100%, rgba(97,235,210,1)));
background: -webkit-linear-gradient(45deg, rgba(33,159,238,1) 0%, rgba(97,235,210,1) 100%);
background: -o-linear-gradient(45deg, rgba(33,159,238,1) 0%, rgba(97,235,210,1) 100%);
background: -ms-linear-gradient(45deg, rgba(33,159,238,1) 0%, rgba(97,235,210,1) 100%);
background: linear-gradient(45deg, rgba(33,159,238,1) 0%, rgba(97,235,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219fee', endColorstr='#61ebd2', GradientType=1 ); position:relative; display:inline-block;}
.get-acces a:hover,
header div .user-area a.join:hover {text-shadow:0px 1px 1px #d13f54; background: rgba(253,64,104,1);
background: -moz-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(253,64,104,1)), color-stop(100%, rgba(255,145,125,1)));
background: -webkit-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: -o-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: -ms-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4068', endColorstr='#ff917d', GradientType=1 );}
header div .user-area a.join:before {content:''; display:inline-block; position:absolute; left:0; bottom:0;
-webkit-box-shadow: 0px 10px 32px 0px rgba(254,77,107,0.65);
-moz-box-shadow: 0px 10px 32px 0px rgba(254,77,107,0.65);
box-shadow: 0px 10px 32px 0px rgba(254,77,107,0.65); height:20px; width:70px; left:50%; margin-left:-35px; z-index:-1; opacity:0;}
header div .user-area a.join:hover:before {opacity:1;}
header div .user-area a.login {display:inline-block; line-height:45px; height:45px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
color:#fefefe;   border:1px solid rgba(255,255,255,.11); padding-right:25px; padding-left:35px; margin:0 10px 0 15px; position:relative;}
header div .user-area a.login:before {content: '\e804'; position:absolute; left:15px; line-height:45px;}
header div .user-area a.login:hover {text-shadow:0px 1px 1px #d13f54; background: rgba(253,64,104,1);
background: -moz-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(253,64,104,1)), color-stop(100%, rgba(255,145,125,1)));
background: -webkit-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: -o-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: -ms-linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
background: linear-gradient(45deg, rgba(253,64,104,1) 0%, rgba(255,145,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4068', endColorstr='#ff917d', GradientType=1 );}
header div .user-area a.login:hover:before {content: '\e809';}
header div form {display:inline-block; float:right; padding-top:18px; position:relative; min-width:300px;}
header div form input {border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.21); height:42px; line-height:42px; padding-left:10px; color:#fefefe; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);}
header div form input:focus {outline:none; border-color:#5ce6d3;}
header div form button:focus {outline:none;}
header div form button {position:absolute; right:0; top:20px; height:44px; width:44px; display:inline-block;  cursor:pointer; text-align:center; border:0; background:none;}
header div form button:before {content: '\e801'; font-weight:normal; color:#fefefe; line-height:44px;}


.article-content {margin-top:95px;}
.tiles-wrap {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

.tiles-wrap .picbox {
  display: block;
  opacity: 0;
  text-align: center;
  list-style-type: none;
  background-color: #424f74;
  float: left;
  cursor: pointer;
  width: 300px;
 
}
.tiles-wrap.wookmark-initialised.animated .picbox {
  -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;
}
.tiles-wrap.wookmark-initialised .picbox {
  opacity: 1;
}
.tiles-wrap li.wookmark-inactive {
  visibility: hidden;
  opacity: 0;
}
.tiles-wrap li:hover {
  background-color: #fafafa;
}
.tiles-wrap img {
  display: block;
}
 
 
.tiles-wrap .picbox .picture {display:block; overflow:hidden; position:relative;}
.tiles-wrap .picbox p {text-align:left;padding:5px;}
.tiles-wrap .picbox p a {text-decoration:none; color:#fefefe; font-size:13px; line-height:1.4;}
.tiles-wrap .picbox .picture .rate {display: inline-block; right: auto; left: 10px; bottom: auto; top: 10px;     background: rgba(28, 28, 48,.4);
    color: #fff;    font-size: 11px;    font-weight: 600;    padding: 4px 5px; position:absolute; z-index:10;}
	.tiles-wrap .picbox .picture .rate:before {content: '\e806'; margin-right:4px; font-weight:normal; color:#4ae17d; font-size:12px;}
	.tiles-wrap .picbox .picture .heart {position:absolute; left:10px; bottom:10px; z-index:10;}
	.tiles-wrap .picbox .picture .heart:before {content: '\e816';color:#fefefe; font-size:12px;}
	.tiles-wrap .picbox .picture .heart small {display:inline-block; max-width:0px; overflow:hidden; white-space:nowrap; color:#fefefe; font-size:12px; margin-left:5px; vertical-align:middle;}
	.tiles-wrap .picbox .picture .heart:hover small { max-width:150px;  }
	.tiles-wrap .picbox .picture .heart small:before{content:'Add to favorite';}
	.tiles-wrap .picbox .picture .heart.added small:before{content:'Remove from favorite';}
	.tiles-wrap .picbox .picture .heart.added:before {color:#fd466a;content: '\e80e';}
.tiles-wrap .picbox .picture img { display:block; width:100%; height:auto;}
.tiles-wrap .picbox .picture:after {content: '\e810'; height:40px; width:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px; z-index:10;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); line-height:40px; color:#fd4068; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.27);
box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.27); display:none;}
.tiles-wrap .picbox:hover .picture:after {display:block;}
.tiles-wrap .picbox .picture:before {content: '';
display: block;
width: 100%;
bottom: 0px;
left: 0;
right: 0;
position: absolute;
background: rgba(13, 13, 13, 0.15);
background: -moz-linear-gradient(top, rgba(13, 13, 13, 0.15) 54%, rgba(0, 0, 0, 0.5) 73%, #292a37 100%);
background: -webkit-gradient(left top, left bottom, color-stop(54%, rgba(13, 13, 13, 0.15)), color-stop(73%, rgba(0, 0, 0, 0.5)), color-stop(100%, #292a37));
background: -webkit-linear-gradient(top, rgba(13, 13, 13, 0.15) 54%, rgba(0, 0, 0, 0.5) 73%, #292a37 100%);
background: -o-linear-gradient(top, rgba(13, 13, 13, 0.15) 54%, rgba(0, 0, 0, 0.5) 73%, #292a37 100%);
background: -ms-linear-gradient(top, rgba(13, 13, 13, 0.15) 54%, rgba(0, 0, 0, 0.5) 73%, #292a37 100%);
background: linear-gradient(to bottom, rgba(13, 13, 13, 0.15) 54%, rgba(0, 0, 0, 0.5) 73%, #292a37 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@layer1', endColorstr='@layer1', GradientType=0);
opacity: 0;
height: 100%;
transition: all 300ms ease-in-out 0s;
z-index: 2;  }
.tiles-wrap .picbox:hover .picture:before {opacity:0.5;}
.tiles-wrap .picbox:hover img { transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);}
	
.tiles-wrap .picbox:hover .picture.video:after,
.tiles-wrap .picbox .picture.video:after {display:none;}
.animated, .tiles-wrap .picbox .picture:after, .fixed_head {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fixed_head {position:fixed; left:0; width:100%; top:0; z-index:30; background:rgba(19, 22, 43,.8);}
.fixed_head a {color:rgba(255,255,255,.8);}
.tiles-wrap .picbox:hover .picture.video:before  {display:none; }
.pager {padding:15px 0;} .pager ul{text-align:center;} .pager ul li{display:inline-block;} .pager ul li.previous {float:left;} .pager ul li.previous a {padding:0 10px 0 25px; position:relative;} .pager ul li.previous a:before {content: '\e800'; font-weight:normal; font-size:9px; position:absolute; left:10px; line-height:35px; display:inline-block;} .pager ul li.previous a:hover:before {left:5px;} .pager ul li.next {float:right;} .pager ul li.next a {padding:0 20px 0 10px; position:relative;} .pager ul li.next a:after {content: '\e814'; font-weight:normal; font-size:9px; position:absolute; right:14px; line-height:35px;} .pager ul li.next a:hover:after {right:10px;} .pager ul li:hover a, .pager ul li.select a {background:#fd4068; color:#fff; border-color:#fd4068;} .pager ul li a{line-height:35px; min-width:50px; font-weight:600; font-size:11px; text-decoration:none; color:rgba(255,255,255,.6); display:block; border:1px solid rgba(255,255,255,.11);}

.get-acces {text-align:center; margin-top:20px; margin-bottom:20px;}
.get-acces a {text-decoration:none; font-weight:800; display:inline-block; line-height:100px; height:100px; font-size:40px; padding:0 70px; text-transform:uppercase; }

footer {background:#0d0e1b;}
footer .footer-content {position:relative; padding-top:8px; padding-bottom:20px;}
footer .footer-content .anime {position:absolute; left:0; bottom:auto; width: 175px; top: 10px;}
footer .footer-content div {padding-left:200px;}
footer .footer-content p {line-height:1.6; font-size:12px; margin:8px 0 0 0;}
footer .reinsurance.asacp {
    background: url(https://static-ht.hentaiproscontent.com/Hentai/Site/All/Pub/assets/common/img/footer/sprites-se07a215fa0.png) no-repeat;
    width: 88px;
    height: 31px;
}
footer .reinsurance.rta {
    background: url(https://static-ht.hentaiproscontent.com/Hentai/Site/All/Pub/assets/common/img/footer/sprites-se07a215fa0.png) 0 -197px no-repeat;
    width: 88px;
    height: 30px;
}
footer .reinsurance.probiller {
    background: url(https://static-ht.hentaiproscontent.com/Hentai/Site/All/Pub/assets/common/img/footer/sprites-se07a215fa0.png) 0 -155px no-repeat;
    width: 120px;
    height: 27px;
}
footer .link-block {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 5px;
}
footer .reinsurance, footer span.billing-adress {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
}
footer p a {color:#219fee; text-decoration:none;}
footer p a:hover {color:#fd4068;}
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp, .tiles-wrap .picbox .picture:after, .fixed_head { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }	
@media screen and (min-width: 1200px) {
	.pager ul,
	footer .footer-content,
	header div {max-width:1200px; margin-left:auto; margin-right:auto;}
}	
@media screen and (max-width:1200px) {
	.pager ul {padding-left:10px; padding-right:10px;}
	header div {margin-left:10px; margin-right:10px;}
}
@media screen and (max-width:1160px) {
	header div form {min-width:auto;}
}

@media screen and (max-width:1040px) {
	header div form {display:none;}
}
@media screen and (max-width: 860px) {

	header div a.logotype {margin-left:10px;}
	header div .user-area {margin-right:10px;}
	header div { position:relative; margin-left:0; margin-right:0;}
}

@media screen and (max-width: 740px) {
	footer .footer-content .anime {display:none;}
	footer .footer-content div {padding-left:10px; padding-right:10px;}
}

@media screen and (max-width: 680px) {
		header div nav {display:none;}
}

@media screen and (max-width: 640px) {
	header div nav:after {content:''; display:block; clear:both;}
	header div nav a {display:inline-block; width:25%; float:left; padding:0;}
}
@media screen and (max-width: 560px) {
	.tiles-wrap {position:static;}
	.tiles-wrap .picbox {float:none; position:static!important; width:100%;}
	.tiles-wrap .picbox .picture video {width:100%;}
	.pager ul li {display:none;}
	.pager ul li.previous,
	.pager ul li.select,
	.pager ul li.next {display:inline-block;}
	.get-acces {padding-left:10px; padding-right:10px;}
	.get-acces a {padding:0; width:100%;}
}

@media screen and (max-width: 520px) {
	header div .user-area {  margin:18px 0 12px 0; padding-top:0;}
	
	header div .user-area a.join {margin-right:10px;}
	header div .user-area a.login {margin-left:10px;}
 
	header div nav a {white-space:nowrap; text-overflow:ellipsis;}
}

@media screen and (max-width: 480px) {
	.get-acces a {font-size:30px;}
}

@media screen and (max-width: 450px) {
	.get-acces a {font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
}

@media screen and (max-width: 380px) {
	header div nav a {font-size:10px;}
	header div .user-area a.login {display:none;}
}
@media screen and (max-width: 340px) {
	
	
}