@import url('https://fonts.googleapis.com/css2?family=Righteous&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

input,textarea,select {
max-width:620px;
font-size:13px;
}

body {
background:#363636;
margin:0px auto;
padding:0px;
font-family:"Roboto",Helvetica,sans-serif;
font-weight:400;
font-style:normal;
font-size:13px;
text-decoration:none;
color:#424242;
max-width:620px;
}

a,a:link {
color:#E72C30;
text-decoration:none;
}

img {
max-width:100%;
height:auto;
image-rendering:auto;
}

h1,h2,h3,h6,li,ol,p,ul {
padding:0;
margin:0;
}

* ::-webkit-scrollbar {
display:none;
}

#hw {
background:#fff;
margin:0;
padding:0;
}

#hw .v {
padding:8px 5px 1px;
margin:0;
position:relative;
background:url(https://2.bp.blogspot.com/-usDforCDO9M/VZfBjJ8J8fI/AAAAAAAAAzk/g6_5NuI7gGI/s1600/line.png) center top repeat-x #ffffff;
}

#hw .v h1 {
padding:8px 5px;
margin:0;
}

#hw .v h1 a {
font-family:"Righteous",sans-serif;
font-weight:700;
font-style:normal;
font-size:35px;
color:#fff;
background:-webkit-linear-gradient(left,#731618,#901b1e,#ad2124,#ca272a,#e72c30);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:0 1px 1px rgba(0,0,0,0.1);
}

#hw .desc {
margin:0;
padding:6px 12px;
background:#f3f3f3;
border-bottom:solid 1px #ddd;
font-size:inherit;
}

#hw .desc h2 {
margin:0;
padding:0px;
}

#hw .nav {
background:#ffffff;
border-bottom:2px solid #eee;
text-align:left;
padding:6px 0px;
display:block;
width:100%;
}

#hw .nav a {
padding:6px 15px;
color:#0086ce!important;
font-weight:bold;
text-decoration:none;
border-right:1px solid rgba(0, 0, 0, 0.1);
border-bottom:2px solid #f9f9f9;
width:auto;
}

#hw .nav a:hover {
border-bottom:2px solid #d21f3c;
}

#hw .nav span.sptr {
display:none;
}

#hw .profil {
border-bottom:solid 1px #c01d37;
padding:2px 3px;
}

#hw .msg {
background:#fff;
border:solid 1px #005a92;
padding:3px 6px;
}

#hw .navbar ,.thmlink {
text-align:left;
padding:5px 3px;
border-bottom:solid 1px #ddd;
display:block;
}

#hw .navbar a,.thmlink a {
background:#cd5c5c;
padding:1px 6px;
color:#fff!important;
text-decoration:none;
}

@media screen and (max-width:620px) {
#hw .nav {
text-align:left;
font-weight:bold;
}

#hw .nav a {
padding:2px;
color:#fff!important;
font-weight:bold;
text-decoration:none;
border-right:0px solid rgba(0, 0, 0, 0.1);
border-bottom:0px solid #fff;
width:auto;
}

#hw .nav a:hover {
border-bottom:0px solid #a91a31;
text-decoration:none;
}

#hw .nav span.sptr {
display:inline;
font-weight:bold;
}

.mn ul li {
max-width:97%;
width:100%;
}
}

/* FIXED MENU */

.navZ {
font-family:"Roboto",sans-serif;
font-weight:500;
font-style:normal;
font-size:14px;
color:#f5f5f5;
height:40px;
background:#221F1F none repeat scroll 0% 0%;
border:1px solid #1A1717;
}

.navZ input, .navZ label {
display:none;
}

.navZ label {
height:40px;
width:40px;
color:#ddd;
line-height:40px;
font-size:25px;
font-weight:500;
text-align:center;
margin-left:5px;
cursor:pointer;
float:left;
}

.navZ ul {
margin:0px;
padding:0px;
}

.navZ li {
list-style:outside none none;
margin:0px;
padding:0px;
float:left;
position:relative;
}

.navZ input:checked + div label {
color:#fff;
}

.navZ li a {
display:block;
text-decoration:none;
color:#fff;
line-height:40px;
padding:0px 14px;
font-family:"Roboto",sans-serif;
font-weight:500;
font-style:normal;
font-size:14px;
border-right:1px solid rgba(0,0,0,0.1);
}

.navZ li a:hover,.navZ li:hover a {
background:#3E3B3B;
color:#eee;
}

.navZ li.home a {
display:block;
background:#221F1F;
text-decoration:none;
color:#fff;
line-height:40px;
padding:0px 14px;
font-family:"Roboto",sans-serif;
font-weight:500;
font-style:normal;
font-size:14px;
}

.navZ li.home a:hover,.navZ li.home:hover a {
background:#E72C30;
color:#eee;
}

.navZ li ul li a:hover,.navZ li ul li:hover a {
background:#dedede !important;
color:#E72C30 !important;
}

.navZ li ul {
transition:.3s ease-out;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
position:absolute;
top:100%;
left:0px;
z-index:99;
width:200px; 
opacity:0;
height:auto;
visibility:hidden;
background:#494747;
}

.navZ .maxer ul li ul {
margin-top:-1px;
}

.navZ li ul li a {
font-weight:400 !important;
font-size:14px !important;
color:#fff !important;
line-height:25px;
}

.navZ li ul li {
float:none;
display:block;
height:0;
transition:.3s ease-out;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
font-weight:normal;
}

.navZ li ul ul {
top:0px;
left:100%;
border-top:0;
}

.navZ li:hover ul {
opacity:1;
visibility:visible;
}

.navZ li:hover ul li {
height:25px;
}

.serching form {
max-width:none;
float:right;
margin:4px;
min-width:225px;
background:#E3E3E3 none repeat scroll 0% 0%;
border:1px solid #202020;
border-radius:4px;
position:relative;
box-shadow:0px 0px 5px rgba(0,0,0,0.75) inset;
}

.serching form input {
display:block !important;
margin:0px;
border:0px none;
padding:5px 0px;
outline:0px none;
height:20px;
font-style:normal;
line-height:20px;
font-size:12px;
border-radius:2px 0 0 2px !important;
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:30px;
}

.serch {
text-indent:10px;
background:transparent;
}

.serchg {
float:right;
width:35px;
height:30px!important;
padding:0px!important;
background:#E72C30 none repeat scroll 0% 0%;
color:#fff;
border:0px none !important;
font-size:12px !important;
border-radius:0 2px 2px 0;
cursor:pointer;
font-weight:bold;
}

@media screen and (max-width:902px) {
.serching form {
min-width: 200px;
}
}

@media screen and (max-width:620px) {
.navZ {
position:relative;
}

.navZ label {
display:block;
}

.navZ ul {
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background:#efefef;
z-index:1;
}

.navZ .maxer ul li {
float:none;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #fafafa;
}

.navZ .maxer ul li a {
line-height:30px;
}

.navZ .maxer ul li ul {
margin-bottom:10px;
}

.navZ input:checked + div ul {
display:block;
}

.navZ li ul li a {
color:#313131 !important;
}

.navZ li ul li:hover a, .navZ li:hover a {
background:transparent;
}

.navZ a:hover {
background:#424242!important;
}

.navZ li:hover ul {
opacity:1;
}

.navZ li ul {
position:static;
visibility:visible;
opacity:1;
width:auto;
background:transparent;
}

.navZ li ul li a, .navZ li a {
color:#424242;
}

.navZ li ul li ul {
}

.navZ li ul li, .navZ li:hover ul li {
height:auto;
}

.navZ li ul li {
margin-left:10px;
border-left:3px solid #E72C30;
}

.serching form {
min-width:0;
float:none;
position:absolute;
left:45px;
right:0;
}

.serching form input {
width:85%;
}

.serching form button {
width:15%;
}
}

.f-nav {
z-index:9999;
position:fixed;
left:0;
top:0;
right:0;
max-width:618px;
width:100%;
padding:2px 0px 0px 0px;
margin:0 auto;
}

/* CONTENT */

#content {
background:#ececec;
overflow:hidden;
padding:1px;
margin:0px;
}

#content a {
color:#e72c30;
}

#content a:hover {
color:#ff6800;
}

#content h3.title,#k h2.title {
text-transform:capitalize;
border-left:5px solid #AD2124;
padding:9px 10px;
margin:0;
color:#fff;
font-weight:500;
font-size:15px;
background:#E72C30;
box-shadow:0px 1px 3px rgba(0,0,0,0.5);
}

#content h3.title a {
text-transform:capitalize;
float:right;
background:#AD2124;
padding:2px 9px;
margin:-1px 0 0 0;
color:#fff;
border:0;
border-radius:2px;
font-size:13px;
box-shadow:1px 1px 3px rgba(29,5,6,0.2);
}

#content h3.title a:hover {
background:#CA272A;
color:#eee;
}

#content h3.title:before,#k h2.title:before {
content:"\f0ca";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:15px;
text-decoration:inherit;
color:#fff;
padding:0 6px 0 1px;
}

#content h3.title-cat {
text-transform:uppercase;
border-left:5px solid #AD2124;
padding:9px 10px;
margin:0;
color:#fff;
font-weight:500;
font-size:15px;
background:#E72C30;
box-shadow:0px 1px 3px rgba(0,0,0,0.5);
}

#content h3.title-cat:before {
content:"\f07b";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:15px;
text-decoration:inherit;
color:#fff;
padding:0 6px 0 1px;
}

#content h3.title-chart {
text-transform:capitalize;
border-left:5px solid #AD2124;
padding:9px 10px;
margin:0;
color:#fff;
font-weight:500;
font-size:15px;
background:#E72C30;
box-shadow:0px 1px 3px rgba(0,0,0,0.5);
}

#content h3.title-chart a {
text-transform:capitalize;
float:right;
background:#CA272A;
padding:2px 9px;
margin:-1px 0 0 0;
color:#fff;
border:0;
border-radius:2px;
font-size:13px;
box-shadow:1px 1px 2px rgba(144,27,30,0.2);
}

#content h3.title-chart a:hover {
background:#EA464A;
color:#eee;
}

#content h3.title-chart:before {
content:"\f080";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:15px;
text-decoration:inherit;
color:#fff;
padding:0 6px 0 1px;
}

/* CONTENT lIST */

#entry {
padding:4px 6px;
margin:0px;
overflow:hidden;
max-width:100%;
display:block;
}

#entry .entry-list {
background:#fff;
margin:0;
padding:5px;
display:flex;
justify-content:flex-start;
align-items:center;
flex-direction:row;
}

#entry .entry-list:nth-child(odd),#content .list .lagu:nth-child(odd),.cat li:nth-child(odd) {
background:#fff;
border-bottom:1px solid #f5f5f5;
}

#entry .entry-list:nth-child(even),#content .list .lagu:nth-child(even),.cat li:nth-child(even) {
background:#f9f9f9;
border-bottom:1px solid #f1f1f1;
}

.entry-list .image-cover {
width:65px;
min-width:65px;
padding:2px;
margin:0px;
align-items:center;
justify-content:center;
flex-direction:row;
vertical-align:top;
}

.entry-list .image-cover img {
width:60px;
height:60px;
display:block;
margin:0 auto;
padding:0px;
box-shadow:2px 2px 6px 0px rgba(0,0,0,0.2);
border-radius:5px;
}

.entry-list .title-list {
padding:3px 2px;
margin:0px;
display:block;
align-items:center;
justify-content:flex-start;
flex-direction:row;
}

.entry-list .title-list h2.title {
font-size:14px;
font-weight:500;
line-height:1.25em;
padding:0px;
margin:0px;
}

.entry-list .title-list h2.title a {
color:#E72C30;
font-size:14px;
font-weight:500;
}

.entry-list .title-list h2.title a:hover {
color:#FF4500;
text-decoration:underline;
}

.title-list span {
display:block;
vertical-align:baseline;
padding:0px;
margin:1px 0px;
line-height:1.25em;
}

.title-list span.album {
font-size:13px;
font-weight:400;
color:#454545;
padding:0px;
margin:0px;
}

.title-list span.date {
font-size:10px;
font-weight:300;
color:#606060;
padding-top:4px;
margin:0px;
}

.title-list span.date i {
display:inline-flex;
padding:2px 5px;
margin-right:5px;
border-radius:5px;
background:#fafafa;
text-align:center;
border:1px solid #f1f1f1;
font-style:normal;
text-decoration:none;
box-shadow:1px 1px 1px 0px rgba(0,0,0,0.1);
}

.title-list span.date i:first-child {
margin-left:0px;
}

.title-list span.date i:last-child {
margin-right:0px;
}

/* CONTENT LIST 2 */

#content .list {
padding:4px 6px;
margin:0px;
overflow:hidden;
}

#content .list .lagu {
background:#fff;
padding:10px;
margin:0;
overflow:hidden;
display:flex;
justify-content:flex-start;
align-items:center;
flex-direction:row;
vertical-align:middle;
border-bottom:1px solid #f0f0f0;
}

#content .list .lagu a {
font-size:14px;
font-weight:400;
line-height:1.25em;
color:#E72C30;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

#content .list .lagu a:hover {
color:#FF4500;
text-decoration:underline;
}

#content .list .lagu a:before {
content:"\f2dc";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:11px;
text-decoration:inherit;
padding:0 5px 0 0px;
margin:0px;
vertical-align:baseline;
}

#content .list .lagu span {
background:#f5f5f5;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
padding:2px 4px;
margin:0 0 0 5px;
font-size:11px;
font-weight:300;
color:#606060;
border-radius:5px;
vertical-align:baseline;
justify-items:left;
}

#content .informasi {
border-top:1px solid #ebebeb;
margin:2px;
}

#content .note {
padding:10px;
margin:2px 0;
text-align:center;
font-size:14px;
font-weight:400;
background:rgb(255,210,125);
background:linear-gradient(90deg, rgba(255,210,125,1) 0%, rgba(255,229,179,1) 75%);
border:1px solid #F0C36D;
border-radius:4px;
}

#content .note a {
color:#f77951;
}

#content .note a:hover {
color:#f84912;
text-decoration:underline;
}

/* CONTENT VIEW DETAIL */

#content .media-view {
background:#fff;
overflow:hidden;
margin:0;
padding:4px;
color:#555555;
}

#content .media-view .media-info {
background:#f9f9f9;
overflow:hidden;
margin:2px 2px 5px 2px;
border:2px solid #E72C30;
border-radius:2px;
box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);
}

#content .media-view .media-info h1 {
font-size:15px;
font-weight:500;
text-align:center;
padding:6px;
margin:1px 1px 0;
color:#fff;
background:#E72C30;
}

#content .media-view .media-info ul {
margin:0;
padding:0;
list-style:none;
}

#content .media-view .media-info ul li {
padding:8px 5px;
border:0;
border-top:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
list-style:none;
line-height:1.25em;
}

#content .media-view .media-info ul li:nth-child(odd) {
background:#f9f9f9;
}

#content .media-view .media-info ul li:nth-child(even) {
background:#faeded;
border-radius:3px;
}

#content .media-view .media-info ul li b {
display:inline-block;
width:24%;
color:#454545;
font-weight:500;
}

#content .media-view .media-info ul li a {
color:#E72C30;
}

#content .media-view .media-info .thumbnail {
width:135px;
height:auto;
max-width:135px;
padding:5px;
margin:0;
}

#content .media-view .media-info .thumbnail img {
width:130px;
max-width:100%;
padding:0px;
margin:0 auto;
display:block;
box-shadow:2px 2px 6px 0px rgba(0,0,0,0.4);
border-radius:5px;
}

#content .media-view .media-info .music-player {
padding:0;
margin:0;
}

#content .media-view .media-info audio {
margin:0;
width:100%;
max-width:100%;
height:auto;
padding:0;
}

#content .media-view .media-description {
background:#fdfdfd;
padding:5px 10px;
margin:5px 2px;
text-align:justify;
line-height:1.25em;
border-bottom:5px solid #ebebeb;
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
}

#content .media-view .dtags ul {
margin:5px 2px;
padding:0;
list-style:none;
border-top:1px solid #f0f0f0;
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
}

#content .media-view .dtags ul li {
padding:8px 5px;
border-bottom:1px solid #f0f0f0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
list-style:none;
}

#content .media-view .dtags ul li:nth-child(odd) {
background:#fff;
}

#content .media-view .dtags ul li:nth-child(even) {
background:#f5f5f5;
}

#content .media-view .dtags ul li b {
display:inline-block;
width:130px;
color:#454545;
font-weight:500;
}

#content .media-view .dtags ul li a {
color:#E72C30;
}

#content .media-view .dtags ul li a:hover {
color:#E72C30;
text-decoration:underline;
}

#content .media-view .dlbox {
padding:0px;
margin:15px auto;
display:block;
text-align:center;
}

#content .media-view .bt {
background:#E72C30;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:14px;
cursor:pointer;
margin:10px auto;
padding:10px;
width:70%;
max-width:100%;
color:#fff;
display:block;
border-radius:5px;
font-weight:500;
border:1px solid #CA272A;
box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);
}

#content .media-view .bt:hover {
background:#EA464A;
border:1px solid #ED6164;
text-decoration:none;
}

#content .media-view .ads {
padding:0px;
margin:10px auto;
display:block;
text-align:center;
}

#breadcrumb {
background:#fff;
margin:0;
padding:10px 8px;
color:#555555;
font-size:14px;
font-weight:500;
border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
overflow:hidden;
}

#breadcrumb .breadcrumb-list {
padding:0;
margin:0;
line-height:1.25em;
overflow-x:auto;
white-space:nowrap;
}

#breadcrumb .breadcrumb-list a {
color:#353535;
font-weight:400;
}

#breadcrumb .breadcrumb-list a:hover {
color:#E72C30;
text-decoration:underline;
}

#content .share {
background:#fff;
padding:5px 8px;
margin:0;
}

#content .share [type=text] {
background:#fafafa;
padding:5px;
max-width:15%;
width:25%;
max-height:15px;
height:18%;
border:1px solid #ebebeb;
}

#content .media-view .post {
background:#fff;
overflow:hidden;
padding:5px;
margin:0;
border-bottom:4px solid #f0f0f0;
color:#555555;
}

#content .media-view .post .meta {
background:#fafafa;
padding:8px;
margin:0px;
border-radius:5px;
}

#content .media-view .post .meta h1 {
font-weight:500;
font-size:14px;
line-height:1.25em;
padding:0;
margin:0;
color:#353535;
}

#content .media-view .post .meta-info {
overflow:hidden;
padding:8px 5px 4px;
margin:0;
}

#content .media-view .post .meta-info span {
padding:0;
margin:0;
font-size:13px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}

#content .media-view .post .meta-info span b {
display:inline-block;
font-weight:400;
padding:4px;
margin-right:5px;
}

#content .media-view .post .meta-info span b:last-child {
margin-right:0;
}

#content .media-view .post .meta-info span b.user {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:35%;
font-weight:500;
}

#content .media-view .post .meta-info span b.user:before {
text-transform:capitalize;
content:"\f007";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
padding:0px;
font-size:14px;
color:#444;
margin:0 5px 0 0;
}

#content .media-view .post .meta-info span b.view:before {
text-transform:capitalize;
content:"\f06e";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
padding:0px;
font-size:14px;
color:#444;
margin:0 5px 0 0;
}

#content .media-view .post .meta-info span b.added:before {
text-transform:capitalize;
content:"\f073";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
padding:0px;
font-size:14px;
color:#444;
margin:0 5px 0 0;
}

#content .media-view .thumbnail-cover {
padding:0px;
margin:8px 0;
display:flex;
align-content:center;
align-items:center;
justify-content:center;
}

#content .media-view .thumbnail-cover img {
width:200px;
height:auto;
max-width:100%;
padding:0px;
margin:0 auto;
display:block;
box-shadow:0px 2px 6px 0px rgba(0,0,0,0.4);
border-radius:5px;
}

#content .media-view .desc-info {
background:#fafafa;
padding:5px 10px;
margin:5px 2px;
border-bottom:5px solid #ebebeb;
line-height:1.25em;
text-align:justify;
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
}

/* FOOTER */

#content .footer {
clear:both;
padding:10px;
background: rgb(33,33,33);
background: linear-gradient(0deg, rgba(33,33,33,1) 25%, rgba(78,78,78,1) 85%);
color:#eee;
text-align:center;
height:auto;
}

#content .footer a {
color:#fff;
text-decoration:none;
}

#content .footer a:hover {
color:#ED4111;
text-decoration:underline;
}

.footer .center {
display:block;
border-radius:4px;
border:1px solid #0E0E0E;
text-align:center;
background:#171717;
color:#eee;
padding:6px 8px;
margin:4px 0 0 0;
max-width:100%;
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.5);
}

.footer .menufot {
border-radius:4px;
border:1px solid #0E0E0E;
background:#171717;
color:#eee;
padding:6px 8px;
margin:0 0 8px 0;
display:block;
position:relative;
text-align:center;
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.5);
}

#label {
background:#fff;
overflow:hidden;
margin:0;
padding:5px;
line-height:0;
}

#label ul {
display:flex;
justify-content:center;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
align-content:center;
margin:0px;
padding:0px;
}

#label ul li {
list-style:none;
display:inline-flex;
vertical-align:baseline;
margin:3px;
padding:0px;
}

#label ul li a {
background:#313131;
font-weight:400;
font-size:14px;
text-align:center;
color:#fff;
text-decoration:none;
padding:5px 10px;
margin:0px;
line-height:1.25em;
box-shadow:1px 1px 3px 0px rgba(0,0,0,0.4);
border-radius:5px;
list-style:none;
}

#label ul li a:hover {
background:#E72C30;
color:#eee;
font-weight:500;
text-decoration:underline;
}

#cntnaz {
background:#fff;
overflow:hidden;
display:flex;
justify-content:center;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
align-content:center;
margin:0px;
padding:8px 5px;
}

#cntnaz a {
background:#E72C30;
font-weight:400;
font-size:14px;
line-height:1.25em;
color:#fff;
padding:5px 10px;
margin:3px;
border:1px solid #CA272A;
border-radius:5px;
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);
display:inline-block;
}

#cntnaz a:hover {
background:#EA464A;
font-weight:500;
}

.pagination {
background:#fff;
overflow:hidden;
display:flex;
justify-content:flex-start;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
align-content:center;
margin:4px 0 0;
padding:5px;
font-weight:400;
font-size:14px;
color:#666;
border:1px solid #ebebeb;
}

.pagination span {
background:#efefef;
color:#606060;
padding:5px 10px;
margin:0 2px;
border:1px solid #e1e1e1;
box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);
display:inline-block;
}

.pagination a {
padding:5px 10px;
margin:0 3px;
border:1px solid #ebebeb;
background:#fbfbfb;
box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1);
display:inline-block;
}

.pagination a:active {
background:#f1f1f1;
}

#content .cat ul li {
list-style:none;
}

#content .cat ul {
padding:5px;
margin:0;
}

#content .cat li {
padding:10px;
margin:0;
color:#E72C30;
font-size:14px;
}

#content .cat li a:hover {
text-decoration:underline;
}

#content .cat li:hover {
background:#f3f3f3;
color:#353535;
}

#content .cat li:before {
content:"\f07c";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
padding:0 5px 0 0;
}

#content .cat li:after {
content:"\f054";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
float:right;
padding:0 2px 0 0;
}

#content .request {
padding:10px;
margin:0;
background:#fff;
color:#313131;
}

.request span {
margin:7px 0;
display:block;
width:100%;
max-width:27%;
background:#ba412c;
color:#ffffff;
padding:2px 5px;
text-align:center;
border-radius:2px;
border:1px solid #913322;
}

.request [type=text] {
margin:0;
padding:6px 10px;
max-width:50%;
width:100%;
border:1px solid #0167c0;
background:#f5dad6;
border-radius:2px;
}

.request [type=textarea] {
outline:none;
padding:6px 10px;
margin:0 0 0 0px;
min-height:70px;
max-height:70px;
min-width:50%;
max-width:50%;
width:100%;
border:1px solid #0167c0;
background:#f5dad6;
border-radius:2px;
}

.request [type=submit] {
display:block;
max-width:50%;
font-weight:bold;
background:#262a2d;
border:1px solid #333;
color:#ffffff;
padding:4px 12px;
margin:7px 0 0 0px;
cursor:pointer;
}

.request [type=submit]:hover {
background:#262a2d;
}

#content .pst1 {
text-align:center;
padding:7px;
margin:0;
background:#fff;
}

#content .pst1 textarea {
background:#fbfbfb;
padding:5px;
max-width:20%;
width:100%;
max-height:20px;
height:100%;
border:1px solid #efefef;
}

#content .pst1 [type=text] {
background:#fbfbfb;
padding:5px 4px;
max-width:15%;
width:25%;
max-height:15px;
height:18%;
border:1px solid #efefef;
}

.adzone {
padding:5px;
margin:0 auto;
display:block;
text-align:center;
}