html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body {height:100%; width: 100%; background: #F5FCFF; color: #1b1f21; word-wrap: break-word; }
* {
margin: 0;
padding: 0;}
h1, h2, h3, h4, h5 { line-height: normal; }
h1 { font-size: 1.25em; } h2 { font-size: 1.2em; } h3 { font-size: 1.15em; } h5 { font-size: 1em; }
img { max-height: 499px;max-width:499px;}
a { color: #b33c3c; text-decoration: none; }
a:hover {color: #4C4C4C; text-decoration:underline; }
a img { border: 0 none; }
input, textarea, select, button, body { font: 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; }
input, textarea, select, button, a { outline: none; }
* {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }
h6{font: 25px Georgia,"Nimbus Roman No9 L",serif;
color: #4C4C4C;
text-decoration: none;}
.site { line-height: normal; }
.site { font-size: 1.25em; }
.site { margin: 0; padding: 0; }
.site { float:left; background-color: #ae3e40;color:#F3F2F1; text-decoration:none;}
.clear {
clear: both;}
ul, ul li {list-style-type:none;}
.rnews li {
list-style-type: none; /* Убираем маркеры у списка */
}
.rnews li:before {
content: "» "; /* Добавляем в качестве маркера символ */
}
/*header from skater_1992*/
div.scrollmenu {background-color: #333;overflow: auto;white-space: nowrap;}
div.scrollmenu a {display: inline-block;color: white;text-align: center;padding: 14px;text-decoration: none;height: 19px;}
div.scrollmenu a:hover {background-color: #777;}
.scrollmenu site { float:left; background-color: #ae3e40;color:#F3F2F1; text-decoration:none;}
.scrollmenu3 {background-color: #4590bd;}
@media (min-width: 960px) {
div.scrollmenu {padding-left: 18%;}
.main{max-width: 1050px;}
.left {float: left;max-width:650px;padding:10px;}
}
@media (max-width: 960px) {
.speedbar {margin-top:10px;}
}
.speedbar {margin-left:7px;}
/*врапер*/
.main{ margin: 0 auto;}
.content{width: 100%;padding: 0;margin: 0 auto;}
/*left*/
.left {}
/*short*/
.short{padding:5px;max-width:580px; }
.short img{max-width:95%; }
.short .date{float:left; margin-left:0; margin-right:0; margin-bottom:10px;}
.short h1 { margin: 20px 0;}
.short h1 a{font: normal 24px/24px Georgia, "Times New Roman", Times, serif;
color: #4C4C4C;
text-decoration: none;
text-shadow: #C2C2C2 1px 1px 2px;
}
.short h1 a:hover{color: #b33c3c; }
.short h2 { margin: 0px 0;}
.short h2 a{font: normal 16px/16px Georgia, "Times New Roman", Times, serif;
color: #4C4C4C;
text-decoration: none;
text-shadow: #C2C2C2 1px 1px 2px;
}
.short h2 a:hover{color: #b33c3c; }
.shortblock{ margin-top:10px; }
.shortnewsm{
font-family: Trebuchet MS;
font-size: 14px;
text-decoration: none;
font-weight: normal;
color: #4C4C4C;
}
.shortnewsm a .shortnewsm a:hover {color: #b33c3c;}
.shortimage{background-color: #EDEDED;
border: 1px solid #DBDBDB;
padding: 5px;
margin:0 20px 20px 0;
float: left;}
.shortimage img{width:150px;
height:120px;}
.shortinfo{display:block;
width: 100%;
margin-bottom: 30px;}
.shortdatal{float:left;}
.shortdatal span{display:block;}
.shortdatar{float:right; text-align: right;}
.shortdatar span{display:block; }
.shortnews{ width:370px;
font-family: Trebuchet MS;
font-size: 14px;
text-decoration: none;
font-weight: normal;
color: #4C4C4C;
display:block;
float:right;}
.shortnews a .shortnews a:hover {color: #b33c3c;}
.sco{text-indent: 0px; text-align: justify; }
.sco p {text-indent: 0px; text-align: justify;}
.shortbottom{margin-top:20px;}
.shortbottom .more{float:right;}
.hr{height:5px; background: url("../images/bg-head1.png") repeat-x; margin:10px 0;}
/*fullstory*/
.fullbottom{width:100%; display:block; margin-top:20px;}
.fullbl{float:left;}
.fullbr{float:}
.hr1{height:22px;background: url("../images/kot.png");
margin: 5px 0; opacity:0.4; }
/*comments*/
.com { margin:8px;}
.comm {
border-bottom: 1px dotted #D7D7D5;
}
.comm div[class$="1"], .comm div[class$="3"], .comm div[class$="5"], .comm div[class$="7"], .comm div[class$="9"] {
background: #eeeeec;
border-color: #eeeeec;
}
.comentstyle {padding: 10px 0;}
.comentnik{padding: 5px; font: 10px Tahoma; color:#464f51; line-height: 1.5;}
.comentfoto {margin:5px 25px 10px 10px;}
.comentedit{font: 10px Tahoma; color:#464f51; }
/*right*/
.right {float: left; width:380px; padding-left:10px; }
/*—айдбар*/
h7{font: normal 20px/20px Georgia, "Times New Roman", Times, serif;
color: #4C4C4C;
text-decoration: none;
text-shadow: #C2C2C2 1px 1px 2px;
}
.seporight{width:40px; font:13px Arial; border-bottom:1px dashed #F1F1F1; padding:20px 0 0;
margin:0 0 20px; }
.siderbox{padding:30px 10px; width:300px; }
/*ƒругие новости*/
.sideoth{ margin: 10px 0;
float:left; }
.sideoth img {float: left; object-fit: cover;width:65px; height:65px; margin-right:5px;border-radius: 40px;
-webkit-box-shadow: 0 0 11px 0 #333333;
-moz-box-shadow: 0 0 11px 0 #333333;
box-shadow: 0 0 11px 0 #333333;
margin: 11px 11px 11px 0px;
}
}
.sideothtitle {margin:0 0 10px;}
.sideothtitle a {font: normal 12px/10px Georgia, "Times New Roman", Times, serif;
color: #4C4C4C;
text-decoration: none;
text-shadow: #C2C2C2 1px 1px 2px;
}
.sideothtitle a:hover{color: #b33c3c; }
.sideothnews{float: left;width:200px;font-size: 14px;line-height: 1.2;margin-top:9px;
text-decoration: none;
font-weight: normal;
color: #4C4C4C;text-align: left;}
/*дл¤ списка категорий в две колонки*/
#col {margin: 0;
padding: 0 0 0 3px;
clear:both;
list-style-type: none; }
#col li {display: block;
float: left;
width: 48%;
}
#col li a{font-size:12px;
}
/*search*/
/*poisk from skater_1992*/
.searchbox{ padding:20px 0px 10px 0px;}
.searchbox form {position: relative;max-width: 96%;height: 42px;margin: 0 auto;background: #fafafa;border: 1px solid #DBDBDB;}
.searchbox input, button {border: none;outline: none;background: transparent;}
.searchbox input {width: 82%;height: 42px;padding-left: 15px;}
.searchbox button {height: 42px;width: 42px;background: #000000;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAxLTA2VDE2OjA0OjIwKzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTAxLTA2VDE2OjA0OjIwKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMS0wNlQxNjowNDoyMCswMzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiODVlNjZmNi05NGM4LTgyNGUtODI1Ni0xMjUwZjQ3NjE2MmEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMDAyN2U4Yy1iMTEzLTBhNDEtOTBiNS0zYzFlMzg3YmEzZmYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NGIxYWEyOC04YWJmLWFiNDItYmEyZS1hNDM2MDA3ZmQ4ZjYiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NGIxYWEyOC04YWJmLWFiNDItYmEyZS1hNDM2MDA3ZmQ4ZjYiIHN0RXZ0OndoZW49IjIwMjEtMDEtMDZUMTY6MDQ6MjArMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Yjg1ZTY2ZjYtOTRjOC04MjRlLTgyNTYtMTI1MGY0NzYxNjJhIiBzdEV2dDp3aGVuPSIyMDIxLTAxLTA2VDE2OjA0OjIwKzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3F/y4AAAAmxJREFUWIXt2E2IjVEcx/HPSAhZmIWwsmWFKSaMl/JeInaKKAuyUsKKlZeFoWSmbCgb5SXvqVnIQpoaysuIuCgKWYgiRGNxzuS67tw5z9xnrqbur57+5znnf8793uee//P/n9vQ09NjKGjY/wZIVR00b9VB81YdNG8NGdDhKU5NTU2lXXOwBvPQiO94iSu4jLdZILq6uvr1SQIt0jgcxNYyY1OxEruwE+czrl1RWUBH4yIWxvu7OIcCxqAF6zAl9m9D+/8APVYEuRtH8KNo/BRao52JNtxDZ7WQpAdTCzbH9h4cKoHs1SMsxuN4vx8N1QD2KhV0Q7Sdwh6tpI/YEduL8E8kDkSpoLOjPZPofwtPYrslE1EfSgUdH+2zRP9veBHbkzIR9aFU0J/Rjsyw9oiSuVUpFfR1tDMS/RsxLbZfZQHqS6mgHdFu8mcbVNJ6TBSeZkc/vklKBT2NL8J+O6ny+3cJDsR2K54PmK5IqaAFIS3CKlzFdH/v2cnYjktCFhPbuShLZmrHBOzF0njdEaJ7FJr9G+EnhAz1DheqAc1a5u3DajyM983CflwrQH7DUSE7FYSAOi4UKNeELzogZa2eCD/nDSHvzxci/JfwZK+jO/q14XDRvBVCsbISn2sBSqg/b8SrLxXK9M3FTSzDhywfOJgVfgdul+mfIRTYE7MsNpigX7HRn5xfrFk4i7Gpiw32mamA5XhaZmyOsA0aUxaqxeHulRB4D8qMNem/bETtTqFvhVdYd5mxdSkL1PK4/FyI9vsl/e9TJtf6XP8GC4Ta4ZMQaFtSJjbU/8jNWXXQvFUHzVt10Lw1ZEB/A6mMba3ohm6vAAAAAElFTkSuQmCC'); position: absolute;top: 0;right: 0;cursor: pointer;}
.searchbar { margin-top: 12px;
border-width: 0 1px 1px 0;
border: 1px inset;
width: 280px;
height: 30px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: transparent;}
.searchbar li { float: left; height: 26px; }
.searchbar .lfield { width: 230px; padding-left: 7px; overflow: hidden; }
.searchbar .lfield input { font-style: italic;
color: #8b99a8; float: left;
height: 15px; width: 280px; border: 0 none;
background: none; margin-top: 6px; }
.searchbar .lbtn input { width: 35px; height: 29px;
background: url("../images/search.png") no-repeat; }
.searchbar .lbtn input:hover { background-position: -35px 0; }
/*paginator*/
#paginator { text-align: center;padding:0px;}
#paginator span{font-weight: bold; font-size: 11px; display: inline-block; padding: 3px 6px 3px 6px;
margin: 0 0 0px 3px;
border-radius: 3px;
color: #fafafa;
background-color: #5b728c;
border: 1px solid #5b728c;
}
#paginator a{font-weight: bold; font-size: 11px; display: inline-block; padding: 3px 6px 3px 6px;
color: #fafafa;
margin: 0 0 0px 3px;
border-radius: 3px;
background-color: #808080;
border: 1px solid #808080;
font-weight: normal;
text-decoration: none;}
#paginator a:hover{
display: inline-block; color:#b33c3c;
margin: 0 0 0px 3px;
border-radius: 3px;
background-color: #e7e7e7;
border: 1px solid #AEA9A7;}
/*footer*/
.foot{ height:60px;
background: #181716;
position:relative;
margin-top:20px;
padding:10px;}
.footmenu {position:absolute;width: 100%; left:5px;}
.footmenu span{ padding:5px 10px;}
.footmenu span a{color:#a6a6a6; font: 12px Tahoma; text-decoration:none}
.footmenu span a:hover{color:#fff; font: 12px Tahoma; text-decoration:underline;}
.footcopyr {position:absolute; left:15px; bottom:40px;
color:#a6a6a6; font: 12px Tahoma; text-decoration:none}
.footcopyr a{color:#a6a6a6; font: 12px Tahoma; text-decoration:none}
.footcopyr a:hover{color:#fff; font: 12px Tahoma; text-decoration:underline;}
.footstat{padding:0; position: absolute; right:15px; top:20px; }
/*foodsdter*/
#menu__toggle {
opacity: 0;
}
#menu__toggle:checked ~ .menu__btn > span {
transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
top: 0;
transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
top: 0;
transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
visibility: visible;
left: 0;
}
.hamburger {width: 0px;height: 0px;}
.menu__btn {
display: flex;
align-items: center;
position: fixed;
top: 10px;
left: 10px;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 1;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #fafafa;
transition-duration: .25s;
}
.menu__btn > span::before {
content: '';
top: -8px;
}
.menu__btn > span::after {
content: '';
top: 8px;
}
.menu__box {
display: block;
position: fixed;
visibility: hidden;
top: 0;
left: -100%;
color: #000;
width: 300px;
height: 100%;
margin: 0;
padding: 80px 0;
list-style: none;
background-color: #ECEFF1;
box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
transition-duration: .25s;
}
.menu__item {
display: block;
padding: 12px 24px;
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 600;
text-decoration: none;
transition-duration: .25s;
}
.menu__item:hover {
background-color: #CFD8DC;
}
/* стилевой класс, который управл¤ет шириной контейнера сетки*/
.container {
margin: 0 auto;
width: 100%;
max-width: 960px;
padding: 0 15px;
}
/* левый контейнер */
.posts-list {
margin-bottom: 30px;
width: 64%;
float: left;
}
/* блок дл¤ статьи */
.post {
margin-bottom: 35px;
}
.post-content p {
line-height: 1.5;
padding-bottom: 1em;
}
.post-image {
margin-bottom: 30px;
}
.category {
margin-bottom: 15px;
}
.category a {
color: #F8B763;
text-transform: uppercase;
}
.post-title {
margin-bottom: 12px;
font-size: 26px;
}
/* блок с кнопкой "продолжить чтение" и кнопками социальных сетей */
.post-footer {
border-top: 1px solid #EBEBE3;
border-bottom: 1px solid #EBEBE3;
position: relative;
margin-top: 15px;
}
.more-link {
position: relative;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
color: white;
line-height: 44px;
padding: 0 22px;
background: #3C3D41;
letter-spacing: 0.1em;
white-space: nowrap;
}
.more-link:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
border: solid transparent;
border-width: 22px 18px;
border-left-color: #3C3D41;
transform: translateX(100%);
}
.post-social {
position: absolute;
left: auto;
top: 50%;
right: 0;
text-align: right;
transform: translateY(-50%);
padding: 0;
font-size: 12px;
}
.post-social a {
display: inline-block;
margin-left: 8px;
color: #F8B763;
width: 25px;
height: 25px;
line-height: 23px;
text-align: center;
border-radius: 50%;
border: 1px solid;
}
/* правый контейнер */
aside {
width: 33%;
float: right;
}
/* блок дл¤ виджетов */
.widget {
margin:8px;
max-width: 90%;
padding: 20px 15px;
background: white;
font-size: 13px;
margin-bottom: 30px;
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}
.widget-title {
font-size: 18px;
padding: 10px;
margin-bottom: 20px;
text-align: center;
border: 2px solid #4791bb;
box-shadow: 3px 3px 0 0 #4791bb;
}
.widget-category-list li {
border-bottom: 1px solid #EBEBE3;
padding: 10px 0;
color: #c6c6c6;
font-style: italic;
}
.widget-category-list li:last-child {
border-bottom: none;
}
.widget-category-list li a {
color: #626262;
margin-right: 6px;
font-style: normal;
}
.widget-category-list li a:before {
content: '\203A'; /* выведет Ы */
display: inline-block;
font-family: 'FontAwesome';
margin-right: 10px;
color: #c6c6c6;
}
.widget-posts-list li {
border-top: 1px solid #EBEBE3;
padding: 15px 0;
}
.widget-posts-list li:nth-child(1) {
border-top: none;
}
.post-image-small {
width: 30%;
float: left;
margin-right: 15px;
}
.widget-post-title {
float: left;
}
/* форма подписки */
#subscribe {
position: relative;
width: 100%;
padding: 15px 0;
}
#subscribe input {
width: 100%;
display: block;
float: left;
border: 2px solid #EBEBE3;
padding: 0 0 0 10px;
height: 40px;
position: relative;
outline: none;
color: #9E9C9C;
font-style: italic;
}
#subscribe button {
padding: 0 15px;
background: transparent;
height: 40px;
border: none;
position: absolute;
right: 0;
color: #EF5A42;
cursor: pointer;
font-size: 18px;
}
#subscribe input:focus + button {
background: #EF5A42;
color: white;
}
header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 768px) {
.nav-toggle {
display: block;
}
header {
padding: 10px 0;
}
#menu {
max-height: 0;
background: white;
position: absolute;
overflow: hidden;
top: 63px;
right: 0;
left: 0;
margin: 0;
padding: 0;
float: none;
z-index: 3;
}
#menu li {
display: block;
text-align: center;
border-bottom: 1px solid #EBEBE3;
margin-right: 0;
}
.posts-list, aside {
width: 100%;
float: none;
}
.widget-post-title {
font-size: 1.5em;
}
}
@media(max-width: 480px) {
.logo {
float: none;
margin: 0 auto 15px;
display: table;
}
.logo span {
margin: 0 2px;
}
#menu {
top: 120px;
}
#searchform {
float: left;
margin-left: 0;
}
.post-footer {
border-top: none;
border-bottom: none;
text-align: center;
}
.post-social {
position: static;
text-align: center;
transform: none;
margin-top: 20px;
}
.widget-post-title {
font-size: 1.2em;
}
.footer-col {
float: none;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.footer-col:last-child {
text-align: center;
margin-bottom: 0;
}
}
.ratebox2 {
float: right;
}
.ratebox3 {
float: right;
}
.ratebox ul, .ratebox ul li {
float: left;
}
.ratebox2 ul, .ratebox2 ul li {
float: left;
}
.ratebox3 ul, .ratebox3 ul li {
float: left;
}
.instagram-media, .twitter-tweet {display: inline-block !important;}
/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
color: #a0a1a7;
font-style: italic;
}
.hljs-doctag, .hljs-keyword, .hljs-formula {
color: #a626a4;
}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
color: #e45649;
}
.hljs-literal {
color: #0184bb;
}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
color: #50a14f;
}
.hljs-built_in, .hljs-class .hljs-title {
color: #c18401;
}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
color: #986801;
}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
color: #4078f2;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
.hljs-link {
text-decoration: underline;
}
.exclusive{
width: 85px;
height: 30px;
background: #01ff95;
position: absolute;
margin: 35px 41px;
}
.exclusive:after {content: "EXCLUSIVE";margin: 8px 8px;font-weight: bold;color:#000;position: absolute;}
.exclusiveshrt{
width: 65px;
height: 24px;
background: #01ff95;
position: absolute;
margin: 15px 0px;
}
.exclusiveshrt:after {font-size:10px;content: "EXCLUSIVE";margin: 4px 8px;font-weight: bold;color:#000;position: absolute;}
.nowrap {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.speedbar1 span {background: #333;color: #fafafa;}
@media (min-width: 960px) {
.albums {padding: 13px 20px 12px 13px;position: relative;margin: 0 0 13px 0;left: 0;background: #fff;width: 100%;display: flex;}
.albums-image {width: 157px;height: 157px;overflow: hidden;}
.albums-info {padding-left: 13px;width: 80%;}
h4 { font-size: 1.1em; }
}
@media (max-width: 960px) {
.albums {padding: 1em;margin: 0px;left: 0;width: 96%}
.albums-image {width: 96%;width: 96%;overflow: hidden;padding-left: 3px;}
.albums-info {padding: 0px;width: 98%;}
h4 { font-size: 1.4em; }
.block-button {display:none;}
}
.fixednews{background:#def3ff;}
.albums-image img {
width: 100%;
min-height: 80px;
}
.albums-info-row {
color: #4d4d4d;
font-size: 14px;
padding-top: 3px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.albums-info-row .music_style {
padding: 0px;
padding-right: 10px;
}
.albums-info-row .music_style a {
color: #4d4d4d;
}
.albums-info-row a {
color: #4d4d4d;
padding-left: 5px;
}
.albums-info-row a:nth-child(1n) {
padding-left: 0px;
}
.albums-title {
color: #151719;
font-size: 13px;
padding: 0px 0 3px 0;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.albums-title a {
color: #151719;
height: 16px;
line-height: 16px;
overflow: hidden;
}
.albums-title a:hover {
color: #5f9ab8;
}
.albums-play:hover {
color: #5f9ab8;
background-size: 70%;
}
.albums a:hover {
text-decoration: underline;
}
.block-button {
background: #5b728c;
font-weight: bold;
font-size: 11px;
color: #ffffff;
float: right;
text-align: center;
font-style: normal;
padding: 5px 6px 5px 6px;
border-radius: 3px;
}
.block-button span {
padding-left: 11px;
}
.shortalbums {display:flex;}
.x6 textarea {height: 120px;}
.mass_comments_action {
display:none;
}
.avatar, .avatar img {float: left; margin-right: 12px;}
.comment_over {width:100%;margin-top:20px;padding-bottom:7px;border-bottom:1px solid #dedede;background:#def3ff;}
.comment {display:table;width:100%;}
.comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:14px}
.comment_message {display:table-cell;vertical-align:top;text-align:left}
.comment_rate {display:table-cell;vertical-align:top;text-align:center;width:80px;padding-top: 4px;}
.comment_top {padding-bottom:7px;font-size:12px;}
.comment_top a {text-decoration:none;color:#6c6c6c}
.comment_top .comm_time {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:10px}
.comment_message_in {font-size:15px}
.comment_over:hover .comment_answer_button a {display:inline-block;text-decoration: none;}
.comment_over:hover .c_rate_plus a, .comment_over:hover .c_rate_minus a {display:block;text-decoration: none;}
.comment_answer_button {margin-top:10px;height:24px}
.comment_answer_button a {display:none;color:#666;font-size:13px;text-decoration:none;background:#efefef;padding:3px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.comment_answer_button a:hover {color:#1d1d1d;text-decoration:none;background:#eaeaea;}
.c_minus, .c_ziro, .c_plus {width:38px;font-size:13px;text-align:center;font-weight:bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px}
.c_minus {background:#ffcccc;color:#cc0000}
.c_ziro {background:#e3e2e2;color:#FFF}
.c_plus {background:#ccffcc;color:#009900}
.c_rate_t {display:table;height:24px}
.c_rate_plus {font-size:16px;display:table-cell;vertical-align:top;}
.c_rate_minus {font-size:16px;display:table-cell;vertical-align:top;}
.c_rate_count {display:table-cell;vertical-align:top;width:46px;padding-left:3px;text-align:center}
.c_rate_plus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;margin-top:3px;opacity:0.5;position:absolute}
.c_rate_minus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;margin-top:3px;margin-left:-5px;opacity:0.5;position:absolute}
.c_rate_plus a:hover, .c_rate_minus a:hover {opacity:1;text-decoration: none;}
.card{
background: #f8631c;
padding: 15px;
box-sizing: border-box;
color: #FFF;
margin:2px;
box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75);
}
.card:nth-child(2){
background: #4181ee;
}
.card:last-child{
background: #f8631c;
}
.card-title{
margin-top: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 1.2px;
}
.card-content{
font-size: 14px;
letter-spacing: 0.5px;
line-height: 1.5;
}
.card-btn{
all: unset;
display: block;
margin-left: auto;
border: 2px solid #FFF;
padding: 10px 15px;
border-radius: 25px;
font-size: 10px;
font-weight: 600;
transition: all 0.5s;
cursor: pointer;
letter-spacing: 1.2px;
width: 74px;
}
.card-btn:hover{
color:#f8631c;
background: #FFF;
}
.card:nth-child(2) .card-btn:hover{
color:#4181ee;
background: #FFF;
}
.card:last-child .card-btn:hover{
color:#f8631c;
background: #FFF;
}
.hup, h1 .hup {margin-bottom:10px;}