/************************************************************************************/
/* 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:'Noto Sans'; height:100vh; font-weight:normal; padding:0; color:#4B686F; font-size:17px; margin:0; background:#fff; background-attachment:fixed;}
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:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
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:10px;}
p {padding-bottom:15px;}
* {outline:0 !important;}
/************************************************************************************/
/* Grid 
/************************************************************************************/
.flex-center {-ms-flex-align:center; align-items:center; flex:1 100%;}
.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;}
.flex-container {position:absolute; top:calc(50% - 200px); width:100%; left:0; text-align:center;}
.son {width:250px; margin-bottom:30px;}
.col-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-6 {width:100%; padding:0 15px;}
.row-x-out {margin-right:-15px; margin-left:-15px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
/************************************************************************************/
/* Typo
/************************************************************************************/
.wrap {display:flex; flex-direction:column; height:100vh;}
p {padding-bottom:15px;}
h1 {font-size:22px; padding-bottom:30px; text-transform:uppercase;}
h2 {font-size:22px; padding-bottom:30px; text-transform:uppercase;}
h3 {font-size:16px; padding-bottom:0; text-transform:uppercase;}
h4 {font-size:16px; padding:0 0 10px 0;}
h5 {font-size:16px; padding-bottom:5px; text-transform:uppercase;}
h6 {font-size:14px; padding-bottom:20px; text-transform:uppercase;}
.color {background:linear-gradient(90deg,#a7e2db 30.2%,rgba(179,226,167,.96) 57.12%,rgba(208,216,176,.66) 83.02%),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; padding:0; line-height:none; font-family:'NotoSans-Bold';}
.text-center {text-align:center;}
.err img {width:280px;}
/************************************************************************************/
/* Header 
/************************************************************************************/
.top-bg {background:#1F5761; padding:18px 0;}
.grid-top {grid-gap:0 25px; width:100%; grid-template-columns:auto auto 1fr auto; display:grid; grid-template-areas:'head-a head-b head-c head-d';}
.head-a {grid-area:head-a;}
.head-b {grid-area:head-b;}
.head-c {grid-area:head-c;}
.head-d {grid-area:head-d;}
.head-a img {height:45px;}
.searchTerm {width:100%; border:1px solid #fff; background:#fff; border-right:none; padding:5px 10px; height:32px; outline:none; color:#333; border-top-left-radius:10px; border-bottom-left-radius:10px; font-size:15px;}
.searchTerm:focus {color:#266A76;}
.searchButton {width:47px; height:32px; border:1px solid #fff; background:#fff; text-align:center; color:#fff; cursor:pointer; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.searchButton img {height:24px;}
.search-a {width:100%; position:relative; display:flex;}
.search-b {width:100%; position:relative; display:flex;}
.city {margin-top:-8px;}
.city img {height:17px; margin-left:5px; margin-top:-2px;}
.city a:link, .city a:visited {color:#fff !important; text-decoration:none; text-transform:uppercase;}
.city ul li {display:inline; color:#fff; font-size:14px; padding-left:5px;}
.land {font-size:14px; color:#A7E2DB; padding:0 0 5px 0;}
.city-s .img-thumbnail {padding:1px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
.city-s {margin-top:10px;}
.city-s img {margin-right:1px; height:20px; margin-left:1px;}
.city-s a:link, .city-s a:visited {color:#fff !important; text-decoration:none; text-transform:uppercase;}
.city-s ul li {display:inline;}
.bott-bg {background:#28737D; padding:18px 0;}
/************************************************************************************/
/* Nav */
/************************************************************************************/
.navcat-a {list-style:none; background:none;}
.navcat-a > li {display:inline-block; padding:0 6px;}
.navcat-a a {color:#fff; text-decoration:none; font-size:14px; text-transform:uppercase;}
.navcat-a a:hover, .navcat-a a.active {text-decoration:none; color:#A7E2DB !important;}
.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:10px; cursor:pointer; padding-right:15px; float:right;}
.offcanvas {background:#28737D; 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:55px 20px 15px 20px; text-align:left;}
ul.navi li {padding:10px 0;}
ul.navi a {margin:0; font-size:15px; text-transform:uppercase; color:#fff; text-decoration:none;}
ul.navi a:hover {color:#fff; text-decoration:none;}
/************************************************************************************/
/* Main 
/************************************************************************************/
main {flex:1 0 auto; padding-top:25px;}
.row-x {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.items-1 {cursor:pointer; padding:20px; background:#F8F8F8; border-radius:16px;}
.items-1:hover, .items-3:hover {background:#F2F2F2;}
.items-2 {padding:15px 25px 15px 25px; border-radius:16px; background:#1F5761; margin-bottom:30px;}
.items-3 {cursor:pointer; padding:20px 20px 8px 20px; background:#F8F8F8; border-radius:16px; margin-bottom:25px;}
.grid-2 {display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:30px; grid-row-gap:30px; color:#4B686F; margin-bottom:25px;}
.grid-3 {display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:30px; grid-row-gap:30px; color:#4B686F; margin-bottom:20px;}
.grid-5 {display:grid; grid-template-columns:repeat(5, 1fr); grid-column-gap:30px; grid-row-gap:30px; color:#4B686F; margin-bottom:20px; text-align:center;}
.grid-5s {display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:30px; grid-row-gap:30px; color:#4B686F; text-align:center;}
.grid-6 {display:grid; grid-template-columns:repeat(6, 1fr); grid-column-gap:30px; grid-row-gap:30px; color:#4B686F; text-align:center;}
.grid-4 {display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:30px; grid-row-gap:30px; color:#4B686F; text-align:center;}
.color-1 {background:linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(112,145,134,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; padding:0; line-height:none; font-family:'NotoSans-Bold';}
.color-2 {background:linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(112,145,134,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; padding:0; line-height:none; font-family:'NotoSans-Bold'; font-size:16px; text-transform:none;}
.re {margin-top:3px; margin-bottom:5px;}
.res {margin-top:5px;}
.city-a i {padding-right:6px; color:#1F5761; font-size:15px;}
.city-a ul li {display:inline; color:#1F5761; font-size:15px;}
.city-a h3 {font-size:16px; padding:0 0 5px 0; text-transform:uppercase;}
.meta {color:#fff; font-size:11px; background:#357786; padding:2px 8px; border-radius:4px; text-transform:uppercase;}
.meta.reds {background:#999;}
.items-1:hover .meta.reds {background:#777;}
.meta-a {color:#fff; font-size:11px; background:#3D8A9A; padding:2px 8px; border-radius:4px; text-transform:uppercase;}
.meta-a.active {color:#fff; font-size:11px; background:#3CA6B9; padding:2px 8px; border-radius:4px; text-transform:uppercase;}
.meta-a.active:hover {color:#fff; font-size:11px; background:#3CA6B9 !important; padding:2px 8px; border-radius:4px; text-transform:uppercase;}
.btn-a {color:#fff; background:#5D9CB3; border-radius:10px; border:none; padding:8px 8px 8px 14px; margin:10px 0 15px 0; font-size:13px; text-transform:uppercase;}
a.btn-a, a.btn-a:focus, a.btn-a:active {background:#5D9CB3; color:#fff; outline:none; box-shadow:none; display:inline-block;}
a.btn-a:hover {background:#72AEC0; display:inline-block;}
.btn-a i {color:#fff; font-size:17px; padding-left:10px;}
.radio-toolbars input[type="radio"] {display:none;}
.radio-toolbars label {display:inline-block; border:solid 1px #A7E2DB; background:#1F5761; width:100%; padding:5px 10px 6px 10px; cursor:pointer; font-size:13px; border-radius:6px; margin-top:15px;}
.radio-toolbars label:hover {border:solid 1px #A7E2DB; cursor:pointer; padding:5px 10px 6px 10px; background:#1F5761;}
.radio-toolbars input[type="radio"]:checked + label {border:solid 1px #A7E2DB; padding:5px 10px 6px 10px; background:#357786;}
.whites {color:#fff; font-size:15px; opacity:.8;}
.filter {grid-gap:0 25px; grid-template-columns:120px 1fr auto; display:grid; grid-template-areas:'filter-year filter-month filter-bit';}
.filter-year {grid-area:filter-year;}
.filter-month {grid-area:filter-month;}
.filter-bit {grid-area:filter-bit; margin-top:38px}
.grid-anons {display:grid; grid-template-columns:repeat(12, 1fr); -ms-grid-rows:auto; grid-column-gap:15px; grid-row-gap:15px; text-align:center;}
.btn-b {color:#fff; background:#5D9CB3; border-radius:8px; border:none; padding:8px 15px 9px 15px; font-size:13px; text-transform:uppercase;}
a.btn-b, a.btn-b:focus, a.btn-b:active, .btn-b, .btn-b:focus, .btn-b:active {background:#5D9CB3; color:#fff; outline:none; box-shadow:none; display:inline-block;}
a.btn-b:hover, .btn-b:hover {background:#72AEC0; display:inline-block;}
.filter-new {grid-gap:0 30px; width:100%; grid-template-columns:250px 1fr; display:grid; grid-template-areas:'filter-new-a filter-new-b';}
.filter-new-a {grid-area:filter-new-a; margin-bottom:30px;}
.filter-new-b {grid-area:filter-new-b;}
.radio-toolbar-a input[type="radio"] {display:none;}
.radio-toolbar-a label {display:inline-block; background:none !important; padding:0 0 15px 0; font-size:15px; color:#4B686F;}
.radio-toolbar-a label:hover {cursor:pointer; background:none;}
.radio-toolbar-a input[type="radio"]:checked + label {background:none; padding:0 0 15px 0; color:#5D9CB3 !important;}
.radio-toolbar-a label:before {content:'\e917'; font-family:'icomoon'; color:#5D9CB3 !important; padding-right:6px;}
.radio-toolbar-a input[type="radio"]:checked + label:before {content:'\e918'; font-family:'icomoon'; color:#5D9CB3 !important; padding-right:6px;}
.col-filter {display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:0; grid-row-gap:0;}
.ra {font-size:16px; padding-bottom:15px; color:#5D9CB3;}
.disabled {pointer-events:none; opacity:.4;}
.city-b {margin-bottom:25px;}
.city-b i {padding-right:6px; color:#fff; font-size:15px;}
.city-b ul li {display:inline; color:#fff; font-size:15px;}
.img-grid {display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:30px; grid-row-gap:30px; margin:15px 0 20px 0;}
.pop {padding-left:8px;}
.book-grid {grid-gap:0 25px; grid-template-columns:125px 1fr; display:grid; grid-template-areas:'book-img book-anons';}
.book-img {grid-area:book-img;}
.book-anons {grid-area:book-anons;}
ul.leaders-b {margin:0; padding:5px 12px 10px 12px;}
ul.leaders-b li {clear:both; padding:0 12px 10px 0; display:block; font-size:15px;}
ul.leaders-b li span:first-child {float:left; padding:0 7px 0 0; margin:0;}
ul.leaders-b li span + span {float:right; padding:0 0 0 7px; margin:0; color:#5D9CB3;}
ul.leaders-b li i {font-size:12px; padding-left:3px;}
ul.leaders-b li:after {content:""; display:block; overflow:hidden; height:1em; border-bottom:#bbb 1px dotted;}
.flag img {height:20px; margin-top:-2px;}
.flag .img-thumbnail {padding:1px; border-radius:0;}
.flags img {height:20px; margin-top:-4px; margin-right:6px;}
.flags .img-thumbnail {padding:1px; border-radius:0;}
.isr {width:130px; margin-bottom:10px; border-radius:50%}
.isr-a {width:130px; margin-bottom:10px; border-radius:50%}
.items-1:hover .meta {background:#5D9CB3;}
.grid-book-tems {grid-gap:0 25px; grid-template-columns:250px 1fr; display:grid; grid-template-areas:'a-book-img a-book-anons';}
.a-book-img {grid-area:a-book-img;}
.a-book-anons {grid-area:a-book-anons;}
.gfr {padding-top:10px;}
ul.leaders-d {margin:0; padding:5px 12px 10px 12px;}
ul.leaders-d li {clear:both; padding:0 12px 15px 0; display:block; font-size:16px;}
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:#5D9CB3;}
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:#bbb 1px dotted;}
ul.leaders-d a {color:#5D9CB3; border-bottom:1px solid #5D9CB3; margin-bottom:2px;}
.dowload a {color:#A7E2DB; font-size:13px; background:#357786; padding:10px 15px; border-radius:8px; text-transform:uppercase;}
.dowload ul li {display: inline-block; margin-bottom:10px;}
.dowload a:hover {color:#fff;}
.dowload i {color:#A7E2DB; font-size:24px; margin-right:8px;}
/*.related h3, .related h4 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:90%; margin:0 auto;}*/
.related .it {height:200px;}
.related .flag img {height:20px; margin:12px 0 10px 0;}
.related:hover {opacity:.7;}
.no {text-transform:none;}
.red {color:#b20000 !important;}
.grid-abcd {display:grid; grid-template-columns:repeat(13, 1fr); -ms-grid-rows:auto; grid-column-gap:10px; grid-row-gap:10px; padding-bottom:15px; color:#fff;}
.grid-abcd a {color:#fff;}
.abc {padding:10px; background:#357786; text-align:center; font-size:14px; cursor:pointer; border-radius:8px;}
.abc.active {background:#1F5761; color:#fff;}
.abc span {background:#1F5761; color:#fff; padding:1px 5px; margin-left:8px; font-size:11px; border-radius:4px;}
.abc.active span {background:#A7E2DB; color:#1F5761; padding:1px 5px; margin-left:8px; font-size:11px;}
.abc:hover {color:#fff;}
.abc:hover span {background:#A7E2DB; color:#1F5761;}
.abc.active:hover span {background:#A7E2DB; color:#1F5761;}
.grid-book-tems-a {grid-gap:0 25px; grid-template-columns:auto 1fr; display:grid; grid-template-areas:'a-book-img-a a-book-anons-a';}
.a-book-img-a {grid-area:a-book-img-a;}
.a-book-anons-a {grid-area:a-book-anons-a;}
.info-link {margin:10px 0;}
.info-link li {display:inline-block;}
.video-info-a .views {margin-right:8px; color:#fff; font-size:12px; padding:5px 10px 6px 10px; text-transform:uppercase; border-radius:6px;}
.views.insta {background:#f09433; background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.views.face {background:#3b5998;}
.views.twit {background:#00acee;}
.views.spotify {background:#1db954;}
.views.bandcamp {background:#629aa9;}
.views.apple {background:#fc3c44;}
.views.youtube {background:#c4302b;}
.views.soundcloud {background:#ff7700;}
.views.deezer {background:#ff0092;}
.views.amazon {background:#e47911;}
.views.official {background:#666;}
.info-link li a:hover {opacity:.5;}
.items-1 .img-items img {height:80px; margin-bottom:10px;}
.items-1 .img-items img {filter:grayscale(100%); opacity:.6;} 
.items-1:hover .img-items img {filter:none; opacity:1;} 
ol.list-circle {display:block; counter-reset:list-circle; list-style:none; padding-top:10px; padding-bottom:30px;}
ol.list-circle > li {margin:0 0 10px 35px; position:relative;}
ol.list-circle > li::before {background:#5D9CB3; border-radius:50%; color:#fff; content:counter(list-circle); counter-increment:list-circle; display:inline-block; height:22px; left:-33px; line-height:12px; font-size:14px; padding:5px; position:absolute; text-align:center; top:3px; width:22px;}
/************************************************************************************/
/* File
/************************************************************************************/
.file {grid-gap:0 15px; grid-template-columns:1fr auto; display:grid; grid-template-areas:'book-file book-bit';}
.book-file {grid-area:book-file;}
.book-bit {grid-area:book-bit;}
.input_wrapper {width:100%; position:relative; margin-bottom:10px;}
.input_file {opacity:0; visibility:hidden; position:absolute;}
.input_file-button-text {line-height:1; margin:0 12px;}
.input_file-button {width:100%; height:42px; background:#28737D; color:#fff; font-size:16px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:8px; cursor:pointer; margin:0 auto;}
.input_file-button:hover {background:#1F5761;}
/************************************************************************************/
/* Breadcrumbs
/************************************************************************************/
.breadcrumbs ul {list-style:none; font-size:15px; margin:0 0 20px 0;}
.breadcrumbs ul li {display:inline;}
.breadcrumbs ul li+li:before {padding:8px 8px 8px 5px; color:#306B78; content:"|";}
.breadcrumbs ul li a {color:#5D9CB3; text-decoration:none;}
.breadcrumbs ul li a:hover {color:#306B78; text-decoration:none;}
.breadcrumbs ul li a.active {color:#306B78; text-decoration:none;}
/************************************************************************************/
/* Pagination 
/************************************************************************************/
.paginations {justify-content:center; display:flex;}
.paginations ul {display:inline-block; padding:0; list-style:none; margin-top:30px; margin-bottom:10px;}
.paginations ul > li {float:left; display:block; margin-right:7px;}
.paginations ul > li > a {display:table-cell; border-radius:6px; vertical-align:middle; text-align:center; background:#357786; height:36px; color:#fff; font-size:15px; padding:3px 10px;}
.paginations ul > li > a:hover, .paginations ul > li > a:focus {color:#fff; background:#306B78;}
.paginations .active a {background:#1F5761; color:#fff;}
.paginations .active a:hover {background:#1F5761; color:#fff;}
.paginations img {height:12px;}
.paginations .arrow a {background:#357786;} 
.paginations .arrow a:hover {background:#306B78;}
.paginations ul > li > span {display:table-cell; vertical-align:middle; text-align:center; height:36px; width:36px; padding:1px 10px;}
/************************************************************************************/
/* Footer 
/************************************************************************************/
footer {flex:0 0 auto; margin-top:20px; background:#1F5761; padding:20px 0 0 0; font-size:14px; color:#A7E2DB;}
.footer-img img {height:37px; margin-bottom:12px;}
footer i {font-size:24px; padding:0 5px; margin-top:5px; margin-bottom:12px; color:#fff;}
footer i:hover {color:#A7E2DB;}
.white {color:#fff;}
.navcat-b {list-style:none; background:none; padding:5px 0 15px 0;}
.navcat-b > li {display:inline-block;}
.navcat-b a {color:#A7E2DB; text-decoration:none; font-size:15px;}
.navcat-b a:hover, .navcat-a a.active {text-decoration:none; color:#fff;}
.navcat-b > li + li:before {padding:0 8px 0 5px; color:#A7E2DB; content:"|"; opacity:.4;}
.bott {background:#28737D; margin-top:10px;}
.bott-a {background:#28737D;}
/************************************************************************************/
/* Update 
/************************************************************************************/
.poster {grid-gap:0 25px; width:100%; grid-template-columns:800px 1fr 1fr; display:grid; grid-template-areas:'poster-1 poster-2 poster-3'; color:#fff;}
.poster-1 {grid-area:poster-1; height:160px;}
.poster-2 {grid-area:poster-2; height:160px;}
.poster-3 {grid-area:poster-3; height:160px;}
.flex-center-a {-ms-flex-align:center; align-items:center; flex:1 100%; display:flex;}
.write-comment {grid-gap:0 25px; grid-template-columns:1fr 1fr; display:grid; grid-template-areas:'comm-name comm-coutry' 'comm-text comm-text';}
.write-comment-a {grid-gap:0 25px; grid-template-columns:1fr 1fr 1fr; display:grid; grid-template-areas:'comm-a comm-b comm-c';}
.comm-a {grid-area:comm-a;}
.comm-b {grid-area:comm-b;}
.comm-c {grid-area:comm-c;}
.write-comment-sd {grid-gap:0 20px; grid-template-columns:1fr; display:grid; grid-template-areas:'comm-name-sd' 'comm-sd';}
.comm-name-sd {grid-area:comm-name-sd;}
.comm-sd {grid-area:comm-sd;}
.write-cap {grid-gap:15px 20px; grid-template-columns:90px 90px auto; display:grid; grid-template-areas:'cap-cifra cap-enter cat-send';}
.comm-name {grid-area:comm-name;}
.comm-coutry {grid-area:comm-coutry;}
.comm-inst {grid-area:comm-inst;}
.comm-face {grid-area:comm-face;}
.comm-twit {grid-area:comm-twit;}
.comm-text {grid-area:comm-text;}
.cap-cifra {grid-area:cap-cifra; font-size:18px; padding:2px 10px; text-align:center; background:#383838; height:32px;}
.cap-enter {grid-area:cap-enter;}
.cat-send {grid-area:cat-send;}
.form-control-b {z-index:1 !important; width:100%; display:block; height:36px; padding:3px 12px; background:#fff; font-size:15px; line-height:1.42857143; color:#333; background-image:none; border:1px solid #ddd; margin:10px 0 0 0; border-radius:8px;}
.form-control-b:focus {border:1px solid #999; outline:0; -webkit-box-shadow:none; box-shadow:none; color:#333;}
.form-control-b::-moz-placeholder {color:#999; opacity:1;}
.form-control-b:-ms-input-placeholder {color:#999;}
.form-control-b::-webkit-input-placeholder {color:#999;}
textarea {resize:none; height:80px !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; padding:6px 12px; margin-bottom:0; font-size:14px; 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;}
.btn-read-a {color:#A7E2DB; font-size:13px; background:#357786; padding:10px 15px; border-radius:8px; text-transform:uppercase;}
.btn-read-a:hover, .btn-read-a:focus, .btn-read-a:active {background:#357786; color:#fff;}
sup {color:#EA1D25; font-size:110%; top:-1px; padding-left:3px; opacity:1 !important;}
.br {border:1px solid #ddd; padding:17px 17px 12px 17px; background:#fff; border-radius:8px;}
.grid-comment {display:grid; grid-template-columns:repeat(3, 1fr); -ms-grid-rows:auto; grid-column-gap:15px; grid-row-gap:15px; margin-bottom:10px;} 
.grid-com {grid-gap:0 0 8px 8px; grid-template-columns:48px auto; display:grid; grid-template-areas:'avatar avatar-name';}
.avatar {grid-area:avatar;}
.avatar-name {grid-area:avatar-name; color:#333; font-size:15px; margin-bottom:5px;}
.avatar-comment {color:#333; font-size:16px; padding-bottom:10px; border-top:1px solid #ccc; padding-top:15px;}
.avatar-date {color:#888; font-size:13px;}
.avatar-color {height:34px; width:34px; border-radius:50%; text-align:center; font-size:17px; text-transform:uppercase; padding-top:5px; margin-top:4px; color:#fff;}
.name-flag img {margin-right:8px; height:13px;}
.name-flag {text-transform:uppercase; font-size:14px; font-family: 'NotoSans-Bold';}
.colors-1 {background:#00579C;}
.colors-2 {background:#0288D1;}
.colors-3 {background:#7A1FA2;}
.colors-4 {background:#33691E;}
.colors-5 {background:#8C6E63;}
.colors-6 {background:#EC407A;}
.colors-7 {background:#512DA7;}
.colors-8 {background:#78909C;}
.colors-10 {background:#68A130;}
.colors-11 {background:#F5511E;}
.colors-12 {background:#5C6BC0;}
.colors-13 {background:#C2175B;}
.colors-14 {background:#AA47BC;}
.colors-15 {background:#BF360C;}
.colors-16 {background:#0098A6;}
.colors-17 {background:#00887A;}
.colors-18 {background:#425863;}
.colors-19 {background:#004C3F;}
.colors-20 {background:#5D4038;}
/************************************************************************************/
/* Media 
/************************************************************************************/
/* col-mx */
@media only screen and (min-width:300px) and (max-width:480px) {
.hidden-mx {display:none !important;}
.container-small {width:100%;}
.head-a img {height:35px;}
.grid-top {grid-gap:0 20px; width:100%; grid-template-columns:1fr auto auto; display:grid; grid-template-areas:'head-a head-d head-b';}
.fei {grid-template-columns:1fr; grid-template-areas:'fei-text';}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
.filter {grid-template-columns:1fr; grid-template-areas:'filter-year' 'filter-month' 'filter-bit';}
.grid-anons {grid-template-columns:repeat(3, 1fr);}
.filter-bit {margin-top:23px;}
.filter-month {margin-top:15px;}
.radio-toolbars label {margin-top:3px; margin-bottom:3px;}
.bs {margin-top:10px;}
.img-grid {grid-template-columns:repeat(1, 1fr);}
.filter-new {grid-template-columns:1fr; display:grid; grid-template-areas:'filter-new-b';}
.grid-3 {grid-template-columns:repeat(1, 1fr);}
.book-grid {grid-template-columns:1fr; grid-template-areas:'book-img' 'book-anons';}
.city-a h3, h4 {text-align:center;}
.book-img img {width:150px; margin:0 auto;}
.city-a h3 {margin-top:20px;}
h1, h2 {text-align:center;}
.items-1 {padding:20px 20px 10px 20px;}
.grid-5 {grid-template-columns:repeat(1, 1fr);}
.grid-6 {grid-template-columns:repeat(1, 1fr);}
.grid-book-tems {grid-template-columns:1fr; grid-template-areas:'a-book-img' 'a-book-anons'; text-align:center;}
.grid-book-tems-a {grid-template-columns:1fr; grid-template-areas:'a-book-img-a' 'a-book-anons-a'; text-align:center;}
.a-book-img-a img {margin:0 auto;}
.a-book-img img {margin:0 auto;}
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;}
.grid-abcd {grid-template-columns:repeat(3, 1fr);}
.search-a {width:275px;}
.grid-4 {grid-template-columns:repeat(1, 1fr);}
.grid-5s {grid-template-columns:repeat(1, 1fr);}
.grid-comment {grid-template-columns:repeat(1, 1fr);}
.write-comment {grid-template-columns:1fr; grid-template-areas:'comm-name' 'comm-coutry' 'comm-text';}
.dowload ul li:last-child {margin-bottom:15px;}
}
/* col-mp */
@media only screen and (min-width:481px) and (max-width:576px) {
.hidden-mp {display:none !important;}
.container-small {width:100%;}
.grid-top {grid-gap:0 20px; width:100%; grid-template-columns:1fr auto auto; display:grid; grid-template-areas:'head-a head-d head-b';}
.head-a img {height:35px;}
.fei {grid-template-columns:1fr; grid-template-areas:'fei-text';}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
.filter {grid-template-columns:1fr; grid-template-areas:'filter-year' 'filter-month' 'filter-bit';}
.grid-anons {grid-template-columns:repeat(4, 1fr);}
.filter-bit {margin-top:23px;}
.filter-month {margin-top:15px;}
.radio-toolbars label {margin-top:3px; margin-bottom:3px;}
.bs {margin-top:10px;}
.filter-new {grid-template-columns:1fr; display:grid; grid-template-areas:'filter-new-b';}
.img-grid {grid-template-columns:repeat(1, 1fr);}
.grid-3 {grid-template-columns:repeat(1, 1fr);}
.book-grid {grid-template-columns:1fr; grid-template-areas:'book-img' 'book-anons';}
.city-a h3, h4 {text-align:center;}
.book-img img {width:150px; margin:0 auto;}
.city-a h3 {margin-top:20px;}
h1, h2 {text-align:center;}
.items-1 {padding:20px 20px 10px 20px;}
.grid-5 {grid-template-columns:repeat(2, 1fr);}
.grid-6 {grid-template-columns:repeat(1, 1fr);}
.related h3 {margin-top:0;}
.grid-book-tems {grid-template-columns:1fr; grid-template-areas:'a-book-img' 'a-book-anons'; text-align:center;}
.grid-book-tems-a {grid-template-columns:1fr; grid-template-areas:'a-book-img-a' 'a-book-anons-a'; text-align:center;}
.a-book-img img {margin:0 auto;}
.a-book-img-a img {margin:0 auto;}
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;}
.grid-abcd {grid-template-columns:repeat(3, 1fr);}
.search-a {width:275px;}
.grid-4 {grid-template-columns:repeat(1, 1fr);}
.grid-5s {grid-template-columns:repeat(1, 1fr);}
.grid-comment {grid-template-columns:repeat(1, 1fr);}
.write-comment {grid-template-columns:1fr; grid-template-areas:'comm-name' 'comm-coutry' 'comm-text';}
.dowload ul li {display: block; margin-bottom:30px; text-align:center;}
.dowload ul li:last-child {margin-bottom:15px;}
}
/* col-ml */
@media only screen and (min-width:577px) and (max-width:768px) {
.hidden-ml {display:none !important;}
.container-small {width:100%;}
.grid-top {grid-gap:0 20px; width:100%; grid-template-columns:1fr auto auto; display:grid; grid-template-areas:'head-a head-d head-b';}
.head-a img {height:35px;}
.fei {grid-template-columns:1fr; grid-template-areas:'fei-text';}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
.filter {grid-template-columns:1fr; grid-template-areas:'filter-year' 'filter-month' 'filter-bit';}
.grid-anons {grid-template-columns:repeat(6, 1fr);}
.filter-bit {margin-top:23px;}
.filter-month {margin-top:15px;}
.radio-toolbars label {margin-top:3px; margin-bottom:3px;}
.bs {margin-top:10px;}
.filter-new {grid-template-columns:1fr; display:grid; grid-template-areas:'filter-new-b';}
.img-grid {grid-template-columns:repeat(2, 1fr);}
.grid-3 {grid-template-columns:repeat(1, 1fr);}
.grid-5 {grid-template-columns:repeat(2, 1fr);}
.grid-6 {grid-template-columns:repeat(2, 1fr);}
.grid-book-tems {grid-template-columns:1fr; grid-template-areas:'a-book-img' 'a-book-anons'; text-align:center;}
.grid-book-tems-a {grid-template-columns:1fr; grid-template-areas:'a-book-img-a' 'a-book-anons-a'; text-align:center;}
.a-book-img img {margin:0 auto;}
.a-book-img-a img {margin:0 auto;}
.a-book-anons h3 {padding-top:20px;}
.grid-abcd {grid-template-columns:repeat(5, 1fr);}
.city-a h3 {margin-top:20px;}
.search-a {width:275px;}
.grid-4 {grid-template-columns:repeat(2, 1fr);}
.related h3 {margin-top:0;}
.grid-5s {grid-template-columns:repeat(2, 1fr);}
.grid-comment {grid-template-columns:repeat(1, 1fr);}
.write-comment {grid-template-columns:1fr; grid-template-areas:'comm-name' 'comm-coutry' 'comm-text';}
}
/* col-tp */
@media only screen and (min-width:769px) and (max-width:992px) {
.hidden-tp {display:none !important;}
.container-small {width:100%;}
.head-a img {height:35px;}
.grid-top {grid-gap:0 20px; width:100%; grid-template-columns:auto 1fr auto auto; display:grid; grid-template-areas:'head-a head-b head-c head-d';}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
.filter {grid-template-columns:1fr; grid-template-areas:'filter-year' 'filter-month' 'filter-bit';}
.grid-anons {grid-template-columns:repeat(6, 1fr);}
.filter-bit {margin-top:23px;}
.filter-month {margin-top:15px;}
.radio-toolbars label {margin-top:3px; margin-bottom:3px;}
.bs {margin-top:10px;}
.filter-new {grid-gap:0 30px; width:100%; grid-template-columns:1fr; display:grid; grid-template-areas:'filter-new-a' 'filter-new-b';}
.img-grid {grid-template-columns:repeat(2, 1fr);}
.grid-3 {grid-template-columns:repeat(2, 1fr);}
.book-grid {grid-template-columns:1fr; grid-template-areas:'book-img' 'book-anons';}
.city-a h3, h4 {text-align:center;}
.book-img img {width:150px; margin:0 auto;}
.a-book-img-a img {margin:0 auto;}
.city-a h3 {margin-top:20px;}
.grid-5 {grid-template-columns:repeat(3, 1fr);}
.grid-6 {grid-template-columns:repeat(3, 1fr);}
.grid-book-tems {grid-template-columns:1fr; grid-template-areas:'a-book-img' 'a-book-anons'; text-align:center;}
.grid-book-tems-a {grid-template-columns:1fr; grid-template-areas:'a-book-img-a' 'a-book-anons-a'; text-align:center;}
.a-book-anons h3 {padding-top:20px;}
.a-book-img img {margin:0 auto;}
.grid-abcd {grid-template-columns:repeat(7, 1fr);}
.grid-4 {grid-template-columns:repeat(2, 1fr);}
.related h3 {margin-top:0;}
.grid-5s {grid-template-columns:repeat(2, 1fr);}
.grid-comment {grid-template-columns:repeat(2, 1fr);}
.grid-4 {grid-template-columns:repeat(2, 1fr);}
.write-comment {grid-template-columns:1fr; grid-template-areas:'comm-name' 'comm-coutry' 'comm-text';}
}
/* col-ts */
@media only screen and (min-width:993px) and (max-width:1300px) {
.hidden-ts {display:none !important;}
.container-small {width:100%;}
.head-a img {height:35px;}
.filter {grid-template-columns:1fr; grid-template-areas:'filter-year' 'filter-month' 'filter-bit';}
.filter-bit {margin-top:23px;}
.filter-month {margin-top:15px;}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
.grid-3 {grid-template-columns:repeat(2, 1fr);}
.grid-5 {grid-template-columns:repeat(4, 1fr);}
.grid-6 {grid-template-columns:repeat(3, 1fr);}
.grid-abcd {grid-template-columns:repeat(10, 1fr);}
.grid-5s {grid-template-columns:repeat(3, 1fr);}
.grid-comment {grid-template-columns:repeat(2, 1fr);}
.grid-4 {grid-template-columns:repeat(3, 1fr);}
}
/* col-tl */
@media only screen and (min-width:1301px) and (max-width:1600px) {
.hidden-tl {display:none !important;}
.container-small {max-width:1600px;}
.grid-3 {grid-template-columns:repeat(2, 1fr);}
}
/* col-tb */
@media only screen and (min-width:1601px) {
.hidden-tb {display:none !important;}
.container-small {max-width:1600px;}
}
/************************************************************************************/
/* Margin & Padding 
/************************************************************************************/
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.m-auto {margin:auto !important;}
.m-0 {margin:0 !important;}
.mt-0 {margin-top:0 !important;}
.mr-0 {margin-right:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.ml-0 {margin-left:0 !important;}
.m-1 {margin:15px !important;}
.mt-1 {margin-top:15px !important;}
.mr-1 {margin-right:15px;}
.mb-1 {margin-bottom:15px !important;}
.ml-1 {margin-left:15px !important;}
.m-2 {margin:20px !important;}
.mt-2 {margin-top:20px !important;}
.mr-2 {margin-right:20px !important;}
.mb-2 {margin-bottom:20px !important;}
.ml-2 {margin-left:20px !important;}
.m-3 {margin:25px !important;}
.mt-3 {margin-top:25px !important;}
.mr-3 {margin-right:25px !important;}
.mb-3 {margin-bottom:25px !important;}
.ml-3 {margin-left:25px !important;}
.m-4 {margin:30px !important;}
.mt-4 {margin-top:30px !important;}
.mr-4 {margin-right:30px !important;}
.mb-4 {margin-bottom:30px !important;}
.ml-4 {margin-left:30px !important;}
.m-5 {margin:40px !important;}
.mt-5 {margin-top:40px !important;}
.mr-5 {margin-right:40px !important;}
.mb-5 {margin-bottom:40px !important;}
.ml-5 {margin-left:40px !important;}
.p-0 {padding:0 !important;}
.pt-0 {padding-top:0 !important;}
.pr-0 {padding-right:0 !important;}
.pb-0 {padding-bottom:0 !important;}
.pl-0 {padding-left:0 !important;}
.p-1 {padding:15px !important;}
.pt-1 {padding-top:15px !important;}
.pr-1 {padding-right:15px !important;}
.pb-1 {padding-bottom:15px !important;}
.pl-1 {padding-left:15px !important;}
.p-2 {padding:20px !important;}
.pt-2 {padding-top:20px !important;}
.pr-2 {padding-right:20px !important;}
.pb-2 {padding-bottom:20px !important;}
.pl-2 {padding-left:20px !important;}
.p-3 {padding:25px !important;}
.pt-3 {padding-top:25px !important;}
.pr-3 {padding-right:25px !important;}
.pb-3 {padding-bottom:25px !important;}
.pl-3 {padding-left:25px !important;}
.p-4 {padding:30px !important;}
.pt-4 {padding-top:30px !important;}
.pr-4 {padding-right:30px !important;}
.pb-4 {padding-bottom:30px !important;}
.pl-4 {padding-left:30px !important;}
.p-5 {padding:40px !important;}
.pt-5 {padding-top:40px !important;}
.pr-5 {padding-right:40px !important;}
.pb-5 {padding-bottom:40px !important;}
.pl-5 {padding-left:40px !important;}