/************************************************************************************/
/* Html 
/************************************************************************************/
@-ms-viewport {width:device-width;}
html {box-sizing:border-box; -ms-overflow-style:scrollbar; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden; height:100vh;}
*, *::before, *::after {box-sizing:inherit;}
body {font-family: 'Aeroport-Light'; height:100vh; font-weight:normal; padding:0; color:#444; font-size:18px; margin:0; line-height:1.2em; background:#fff;}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
.stack {position:relative; display:inline-block; height:1.2em; line-height:1em; vertical-align:middle;}
.img-thumbnail {padding:5px; line-height:1.42857143; background-color:#fff; border:1px solid #bbb;}
ul {margin-top:0; margin-bottom:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a img {border:none; outline:0;}
.img-responsive {display:block; max-width:100%; height:auto;}
.img-rounded {border-radius:12px;}
.img-rounded-a {border-radius:8px;}
* {outline: 0 !important;}
/************************************************************************************/
/* Grid 
/************************************************************************************/
.flex-center {-ms-flex-align:center; align-items:center; flex:1 100%; display:flex;}
.row {margin-right:0; margin-left:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.container-full {margin-left:auto; margin-right:auto; padding:0;}
.container-full {width:100%;}
.container-small {padding:0 20px; margin-left:auto; margin-right:auto;}
/************************************************************************************/
/* Typo
/************************************************************************************/
.wrap {display:flex; flex-direction:column; height:100vh;}
p {padding-bottom:20px;}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
/************************************************************************************/
/* Header 
/************************************************************************************/
img.logo {height:60px;}
.grid-top {grid-gap:0 30px; width:100%; grid-template-columns: auto 1fr; display:grid; grid-template-areas:'head-a head-b'; background:#000;}
.head-a {grid-area:head-a; background:#000; height:60px;}
.head-b {grid-area:head-b; text-align:right; background:#000; height:60px; padding-right:20px; padding-top:18px;}
.bread ul {list-style:none; font-size:14px; text-transform:uppercase;}
.bread ul li {display:inline;}
.bread ul li+li:before {padding:9px; content:"";}
.bread ul li a {color:#fff; text-decoration:none;}
.bread ul li a:hover {opacity:.8;}
.bread ul li .active, .bread ul li .active:hover {color:#D90000;}
.searchTerm {margin:15px 0 17px 0; width:100%; border:1px solid #bbb; background: none; border-right:none; padding:5px 15px; height:38px; outline:none; color:#333; font-size:16px;}
.searchTerm:focus {color:#fff;}
.searchButton {margin:15px 0 17px 0; width:50px; padding-right:10px; height:38px; background: none; border:1px solid #D90000; background:#D90000; text-align:center; cursor:pointer; border-left:none;}
.searchButton img {height:29px;}
.search-a {width:100%; position:relative; display:flex;}
.grid-search {grid-gap:0 20px; width:100%; grid-template-columns: 1fr auto; display:grid; grid-template-areas:'grid-search-a grid-search-b';}
.grid-search-a {grid-area:grid-search-a;}
.grid-search-b {grid-area:grid-search-b;}
.city {padding-top:20px;}
.city i {padding-right:10px; color:#ddd; font-size:20px;}
.city a:link, .city a:visited {color:#D90000; text-decoration:none;}
.city a:hover {color:#FF3030;}
.city ul li {display:inline; font-size:14px; font-family: 'Aeroport'; text-transform:uppercase;}
.offcanvas-trigger-open {margin-top:-3px; color:#fff;}
.offcanvas-trigger-open {border:0; background:none; font-size:26px; padding-top:0; cursor:pointer;}
.offcanvas-trigger-open i {cursor:pointer; color:#fff;}
.offcanvas-trigger-close, .offcanvas-trigger-close:hover {border:0; background:none; font-size:24px; color:#fff; padding-top:20px; cursor:pointer; padding-right:20px; float:right;}
.offcanvas {background:#222; color:#fff; position:fixed; z-index:999999; display:none; transform:translate3d(0, 0, 0); transition:transform 0ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.offcanvas-left {top:0; padding:0; left:-320px; width:320px; height:100vh;}
.offcanvas-left-active {transform:translate3d(100%, 0, 0); margin-top:0; transition:transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.offcanvas-initialized {display:block;}
ul.navi {padding:65px 30px 15px 30px; list-style:none;}
ul.navi li {padding:4px 0; display:inline-block; width:100%;}
ul.navi a {margin:0; font-size:13px; color:#fff; text-decoration:none;}
ul.navi a:hover {color:#fff; text-decoration:none;}
.hr-line {margin:15px 0 20px 0; padding: 0; height: 0; border: none; border-top: 1px solid #888;}
.grid-tops {grid-gap:0 20px; width:100%; grid-template-columns: auto 1fr; display:grid; grid-template-areas:'heads-a heads-b'; padding:8px 0; font-size:17px;}
.heads-a {grid-area:heads-a;}
.heads-b {grid-area:heads-b; text-align:right; padding-top:3px;}
.breads i {font-size:20px; color:#2599D5; margin-right:10px;}
.breads ul {list-style:none; font-size:13px; color:#000;}
.breads ul li {display:inline; color:#000; text-decoration:none; text-transform:uppercase; font-family: 'Aeroport-Medium';}
.navcat-b {list-style:none; background:none; padding:3px 0;}
.navcat-b > li {display:inline-block;}
.navcat-b a {color:#000; text-decoration:none; font-size:16px;}
.navcat-b a:hover {text-decoration:none; color:#D90000;}
.navcat-b > li + li:before {padding:0 10px 0 7px; color:#D90000; content:"|";}
.red {color:#D90000 !important;}
/************************************************************************************/
/* Main 
/************************************************************************************/
main {flex:1 0 auto; padding-top:10px;}
h1, h2, h3 {font-family: 'Aeroport'; font-size:22px; text-transform:uppercase; color:#000; padding-bottom:22px; line-height:1.2em;}
.gh {text-transform:uppercase; color:#000; font-family: 'Aeroport'; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-word; margin-top:12px; margin-bottom:5px; text-align:center; padding:0 7px;}
.grid-city {display:grid; grid-template-columns:repeat(4, 1fr); -ms-grid-rows:auto; grid-column-gap:30px; grid-row-gap:30px;}
.effect img {filter: grayscale(100%);}
.effect:hover img {filter: none;}
.opi {padding-bottom:20px;}
img.hed  {height:235px;}
.grid-news {display:grid; grid-template-columns:repeat(2, 1fr); -ms-grid-rows:auto; grid-column-gap:25px; grid-row-gap:25px; text-align:left; padding-bottom:5px;}
.anons-all-a {grid-gap:0 25px; width:100%; grid-template-columns:240px 1fr; display:grid; grid-template-areas:'anons-img-a anons-txt-a';}
.anons-img-a {grid-area:anons-img-a;}
.anons-txt-a {grid-area:anons-txt-a;}
.anons-img-a img {display: block; object-fit: cover; object-position:center top; width: 100%; height:150px;}
.its {text-transform:uppercase; color:#000; font-family: 'Aeroport'; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-word; margin-bottom:10px;}
.anons-txt-a p {padding-top:10px; padding-bottom:0; font-size:16px;}
.anons-txt-a p i {font-size:16px; padding-right:6px; color:#333;}
.trut {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
p.sd {font-size:17px;}
.comics {grid-gap:0 30px; width:100%; grid-template-columns:235px 1fr 235px; display:grid; grid-template-areas:'comics-a comics-b comics-c';}
.comics-a {grid-area:comics-a;}
.comics-b {grid-area:comics-b;}
.comics-c {grid-area:comics-c;}
ul.leaders-d {margin:0; padding:5px 12px 10px 12px;}
ul.leaders-d li {clear:both; padding:0 10px 10px 0; display:block; font-size:17px; color:#000;}
ul.leaders-d li span:first-child {float:left; padding:0 7px 0 0; margin:0;}
ul.leaders-d li span + span {float:right; padding:0 0 0 7px; margin:0; color:#D90000;}
ul.leaders-d li i {font-size:12px; padding-left:3px;}
ul.leaders-d li:after {content:""; display:block; overflow:hidden; height:1em; border-bottom:#aaa 1px dotted;}
ul.leaders-d a {border-bottom:1px solid #aaa; margin-bottom:2px;}
.dowload a {color:#fff; font-size:13px; background:#CCAF77; padding:8px 12px; text-transform:uppercase;}
.dowload ul li {display:inline-block; margin-bottom:30px;}
.comics-img {display:grid; grid-template-columns:repeat(2, 1fr); -ms-grid-rows:auto; grid-column-gap:15px; grid-row-gap:15px; padding-top:10px;}
.comics-img .img img {cursor:zoom-in;}
.title-b {font-family: 'Aeroport-Medium'; font-size:18px; text-transform:uppercase; color:#000; padding-bottom:12px; padding-top:5px;}
.comics-v {grid-gap:0 30px; width:100%; grid-template-columns:400px 1fr 400px; display:grid; grid-template-areas:'comics-a-v comics-b-v comics-c-v';}
.comics-a-v {grid-area:comics-a-v;}
.comics-b-v {grid-area:comics-b-v;}
.comics-c-v {grid-area:comics-c-v;}
.comics-img-v {display:grid; grid-template-columns:repeat(1, 1fr); -ms-grid-rows:auto; grid-column-gap:15px; grid-row-gap:15px; padding-top:10px;}
.news p {font-size:18px;}
.news p i {font-size:16px; padding-right:6px; color:#333;}
.news h2 {padding-bottom:0; font-size:19px; font-family: 'Aeroport'; padding:15px 0;}
.genres {padding:15px; background:#eee; margin-bottom:20px; margin-top:15px; color:#D90000;}
.info-artist {padding:0 0 25px 0;}
ul.info-artist li {color:#000; font-size:19px; padding-bottom:3px;}
ul.info-artist li span {margin-right:8px; color:#D90000;}
.hrt {height:200px;}
.search {display:grid; grid-template-columns:repeat(2, 1fr); -ms-grid-rows:auto; grid-column-gap:20px; grid-row-gap:20px;}
.form-control-b {z-index:1 !important; width:100%; display:block; height:36px; padding:10px; background:none; font-size:16px; line-height:1.42857143; background-image:none; border:1px solid #bbb; margin:8px 0;}
.form-control-b:focus {border:1px solid #aaa; outline:0; -webkit-box-shadow:none; box-shadow:none;}
.form-control-b::-moz-placeholder {color:#aaa; opacity:1;}
.form-control-b:-ms-input-placeholder {color:#aaa;}
.form-control-b::-webkit-input-placeholder {color:#aaa;}
textarea {resize:none; height:140px !important; padding:10px 12px;}
.write-comment label, .write-comment-a label, .ud label {font-weight:normal; color:#bbb; text-align:left; padding:5px 0 10px 0; font-size:15px;}
.btn-a {display:inline-block; margin-bottom:0; font-size:16px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; margin-top:8px;}
.btn-read-a {color:#fff; font-size:16px; background:#D90000; padding:7px 15px;}
.btn-read-a:hover, .btn-read-a:focus, .btn-read-a:active {background:#D90000; color:#fff;}
sup {color:#D90000; font-size:110%; top:-1px; padding-left:3px; opacity:1 !important;}
/************************************************************************************/
/* Footer 
/************************************************************************************/
footer {flex:0 0 auto; margin-top:15px;}
.black {border-top: 1px solid #bbb;}
.black p {padding:20px; font-size:16px; color:#000; line-height:1.1em;}
.black span {color:#D90000;}
/************************************************************************************/
/* Breadcrumbs
/************************************************************************************/
.breadcrumbs ul {list-style:none; font-size:16px; margin:0 0 22px 0;}
.breadcrumbs ul li {display:inline;}
.breadcrumbs ul li+li:before {padding:8px 12px 8px 8px; color:#000; content:"|";}
.breadcrumbs ul li a {color:#444; text-decoration:none;}
.breadcrumbs ul li a:hover {color:#444; text-decoration:none;}
.breadcrumbs ul li a.active {color:#D90000; text-decoration:none;}
/************************************************************************************/
/* Pagination 
/************************************************************************************/
.paginations ul {display:inline-block; padding:0; list-style:none; margin:10px 0;}
.paginations ul > li {float:left; display:block; margin:0 5px;}
.paginations ul > li > a {display:table-cell; vertical-align:middle; text-align:center; background:#444; height:36px; width:36px; color:#fff; font-size:14px; padding:3px 10px;}
.paginations ul > li > a:hover, .paginations ul > li > a:focus {color:#fff; background:#555;}
.paginations .active a {background:#D90000; color:#fff;}
.paginations .active a:hover {background:#D90000; color:#fff;}
.paginations img {height:17px;}
.paginations .arrow a {height:36px; width:36px;} 
.paginations ul > li > span {display:table-cell; vertical-align:middle; text-align:center; height:36px; width:36px; padding:1px 10px;}
/************************************************************************************/
/* Fancybox
/************************************************************************************/
.fancybox-button--zoom {display:none !important;}
.fancybox-bg {background:#222}
.fancybox-is-open .fancybox-bg {opacity:1;}
.fancybox-button {background:#D90000;}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {color:#fff;}
.fancybox-content {margin:20px 20px 0 20px;}
.fancybox-caption {padding:0 0 40px 0; margin-top:30px; color:#fff; font-size:17px;}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {color:#fff;}
.fancybox-container {z-index:999999999999;}
.fancybox-infobar {color:#fff; font-size:20px; opacity:1;}
/************************************************************************************/
/* Owl-carousel
/************************************************************************************/
.owl-carousel .item {position:relative; z-index:1; text-align:center; padding:60px 30px 118px 30px;}
.owl-carousel .owl-item {float:left; width:100%; z-index:1;}
.owl-nav button {display:inline-block; zoom:1; filter:Alpha(Opacity=100); opacity:1; position:absolute; top:50%; margin-top:-30px;}
#slider-d .owl-theme .owl-controls .owl-buttons .owl-prev {left:20px; color:#fff;}
#slider-d .owl-theme .owl-controls .owl-buttons .owl-next {right:20px; color:#fff;}
#slider-d .owl-theme .owl-controls .owl-buttons .owl-prev:hover {color:#D90000;}
#slider-d .owl-theme .owl-controls .owl-buttons .owl-next:hover {color:#D90000;}
#slider-d .owl-theme .owl-controls .owl-buttons div {display:inline-block; zoom:1; *display:inline; font-size:40px; filter:Alpha(Opacity=100); opacity:1; position:absolute; top:50%; margin-top:-15px; background-size:cover;}
.big-text {font-size:33px; color:#fff; text-transform:uppercase; font-family: 'Aeroport'; padding-bottom:20px; text-shadow: 2px 2px #000;}
.small-text {font-size:17px; color:#fff; text-transform:uppercase; text-shadow: 2px 2px #000; font-family: 'Aeroport'; padding:0;}
#slider-d .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .owl-page span {opacity:.9; background:#D90000 !important;}
#slider-d .owl-theme .owl-controls .owl-page span {display:block; width:40px; height:4px; margin:0 6px 25px 6px; opacity:.9; background:#fff !important;}
#slider-d .owl-pagination {margin-top:-50px;}
.doc {margin-bottom:35px;}
.item-a {padding:55px 20px 50px 20px;}
.bittons {background:#D90000; color:#fff; font-size:15px; padding:9px 20px; display:inline-block; cursor:pointer; text-transform:uppercase; font-family: 'Aeroport'; margin-top:28px;}
/************************************************************************************/
/* Media 
/************************************************************************************/
/* col-mx */
@media only screen and (min-width:300px) and (max-width:480px) {
.hidden-mx {display:none !important;}
.container-small {width:100%;}
.pad {padding:0;}
.grid-city {grid-template-columns:repeat(1, 1fr);}
.big-text {font-size:28px;}
.small-text {font-size:16px;}
.grid-news {grid-template-columns:repeat(1, 1fr);}
.anons-all-a {grid-template-columns:1fr; grid-template-areas:'anons-txt-a';}
.comics {grid-template-columns:1fr; display:grid; grid-template-areas:'comics-a' 'comics-b' 'comics-c';}
.comics-a {margin-bottom:25px;}
.comics-b {margin-bottom:25px;}
ul.leaders-d li span + span {float:none; padding:0 0 0 7px;}
ul.leaders-d li span:first-child {float:none; padding:0;}
ul.leaders-d li:after {content:""; height:0; border-bottom:none;}
ul.leaders-d li {padding:3px 0;}
.comics-img {grid-template-columns:repeat(2, 1fr);}
.comics-img img {margin:0 auto;}
.ds {text-align:center;}
.comics-v {grid-gap:0 35px; width:100%; grid-template-columns:1fr; grid-template-areas:'comics-a-v' 'comics-b-v' 'comics-c-v';}
.title-b {padding-top:15px;}
.comics-img-v .img img {width:auto; cursor:zoom-in;}
.search {grid-template-columns:repeat(1, 1fr);}
}
/* col-mp */
@media only screen and (min-width:481px) and (max-width:576px) {
.hidden-mp {display:none !important;}
.container-small {width:100%;}
.pad {padding:0;}
.grid-city {grid-template-columns:repeat(1, 1fr);}
.big-text {font-size:28px;}
.small-text {font-size:16px;}
.grid-news {grid-template-columns:repeat(1, 1fr);}
.anons-all-a {grid-template-columns:1fr; grid-template-areas:'anons-txt-a';}
.comics {grid-template-columns:1fr; display:grid; grid-template-areas:'comics-a' 'comics-b' 'comics-c';}
.comics-a {margin-bottom:25px;}
.comics-b {margin-bottom:25px;}
ul.leaders-d li span + span {float:none; padding:0 0 0 7px;}
ul.leaders-d li span:first-child {float:none; padding:0;}
ul.leaders-d li:after {content:""; height:0; border-bottom:none;}
ul.leaders-d li {padding:3px 0;}
.comics-img {grid-template-columns:repeat(2, 1fr);}
.comics-img img {margin:0 auto;}
.ds {text-align:center;}
.comics-v {grid-gap:0 35px; width:100%; grid-template-columns:1fr; grid-template-areas:'comics-a-v' 'comics-b-v' 'comics-c-v';}
.comics-a-v {margin-bottom:25px;}
.comics-b-v {margin-bottom:25px;}
.comics-img-v .img img {width:auto; cursor:zoom-in;}
.search {grid-template-columns:repeat(1, 1fr);}
}
/* col-ml */
@media only screen and (min-width:577px) and (max-width:768px) {
.hidden-ml {display:none !important;}
.container-small {width:100%;}
.pad {padding:0;}
.grid-city {grid-template-columns:repeat(2, 1fr);}
.big-text {font-size:28px;}
.small-text {font-size:16px;}
.grid-news {grid-template-columns:repeat(1, 1fr);}
.comics {grid-template-columns:1fr; display:grid; grid-template-areas:'comics-a' 'comics-b' 'comics-c';}
.comics-a {margin-bottom:25px;}
.comics-b {margin-bottom:25px;}
.comics-img {grid-template-columns:repeat(2, 1fr);}
.comics-img img {margin:0 auto;}
.ds {text-align:center;}
.comics-v {grid-gap:0 35px; width:100%; grid-template-columns:1fr; grid-template-areas:'comics-a-v' 'comics-b-v' 'comics-c-v';}
.comics-a-v {margin-bottom:25px;}
.comics-b-v {margin-bottom:25px;}
.comics-img-v {grid-template-columns:repeat(2, 1fr);}
.comics-img-v .img img {width:auto; cursor:zoom-in;}
.search {grid-template-columns:repeat(1, 1fr);}
}
/* col-tp */
@media only screen and (min-width:769px) and (max-width:992px) {
.hidden-tp {display:none !important;}
.container-small {width:100%;}
.grid-city {grid-template-columns:repeat(2, 1fr);}
.grid-news {grid-template-columns:repeat(1, 1fr);}
.comics {grid-template-columns:auto 1fr; display:grid; grid-template-areas:'comics-a comics-b' 'comics-c comics-c';}
.comics-a {margin-bottom:25px;}
.comics-b {margin-bottom:25px;}
.comics-img {grid-template-columns:repeat(4, 1fr);}
.comics-img img {margin:0 auto;}
.ds {text-align:center;}
.comics-v {grid-gap:0 35px; width:100%; grid-template-columns:1fr; grid-template-areas:'comics-a-v' 'comics-b-v' 'comics-c-v';}
.comics-a-v {margin-bottom:25px;}
.comics-b-v {margin-bottom:25px;}
.comics-img-v {grid-template-columns:repeat(4, 1fr);}
.comics-img-v .img img {width:auto; cursor:zoom-in;}
}
/* col-ts */
@media only screen and (min-width:993px) and (max-width:1300px) {
.hidden-ts {display:none !important;}
.container-small {width:100%;}
.grid-news {grid-template-columns:repeat(1, 1fr);}
.comics {grid-template-columns:auto 1fr; display:grid; grid-template-areas:'comics-a comics-b' 'comics-c comics-c';}
.comics-a {margin-bottom:25px;}
.comics-b {margin-bottom:25px;}
.comics-img {grid-template-columns:repeat(4, 1fr);}
.comics-img img {margin:0 auto;}
.ds {text-align:center;}
.comics-v {grid-template-columns:auto 1fr; display:grid; grid-template-areas:'comics-a-v comics-b-v' 'comics-c-v comics-c-v';}
.comics-a-v {margin-bottom:25px;}
.comics-b-v {margin-bottom:25px;}
.comics-img-v {grid-template-columns:repeat(4, 1fr);}
.comics-img-v .img img {width:auto; cursor:zoom-in;}
}
/* col-tl */
@media only screen and (min-width:1301px) and (max-width:1600px) {
.hidden-tl {display:none !important;}
.container-small {width:100%;}
}
/* col-tb */
@media only screen and (min-width:1601px) {
.hidden-tb {display:none !important;}
.container-small {max-width:1600px;}
}
