@import url('normalize.css');
@import url('/design/fonts/gilroy/stylesheet.css');

* {
font-family:'Gilroy', Arial, sans-serif;
}

html {
height:100%;
}

html,
body {
margin:0;
padding:0;
color:#333;
}

body {
min-height:100%;
height:auto;
position:relative;
color:#f0e2d5;
text-align:left;
font-weight:400;
font-style:normal;
line-height:1.5;
background-color:#ffffff;
}

form {
margin:0;
padding:0;
border:none;
}

/* Category */

.category {
background-color:#ffffff;
padding:0;
overflow:hidden;
}

.category ul {
overflow:hidden;
}

.category li {
margin:0;
padding:0;
box-sizing:border-box;
}

.category li a {
display:block;
padding:20px;
margin:0px;
color:#333;
font-weight:400;
background-color:transparent;
}

.project {
margin:0 10px;
padding:0;
background:transparent;
overflow:hidden;
}

.project-head {
color:#333;
margin:0 0 0 14px;
font-size:20px;
font-weight:900;
text-transform:uppercase;
}

.project a {
display:block;
margin:10px;
padding:0;
height:200px;
background-color:#fff;
background-position:right bottom;
background-size:150px 150px;
background-repeat:no-repeat;
color:#fff;
border:1px solid #eaeaea;
box-shadow:0 0 10px rgba(0,0,0,0.20);
border-radius:18px;
transition:all .2s ease-out 0s;
}
.project li {
margin:0;
padding:0;
float:left;
width:100%;
box-sizing:border-box;
/*overflow:hidden;*/
}
.project li a:hover {
transform:translate(0,-5px);
box-shadow:0 0 15px rgba(0,0,0,0.20);
}

.project .p-raskraska a {
background-image:url('/design/css/images/krasivokrasim.png');
background-position:right -30px bottom;
background-color:#fff;
}

.project .p-voicecards a {
background-image:url('/design/css/images/voicecards.png');
background-position:right bottom;
background-color:#fff;
}

.project .p-nakleyka a {
background-image:url('/design/css/images/bestvinyl.png');
background-position:right -30px bottom;
background-color:#fff;
}

.project .p-print a {
background-image:url('/design/css/images/print.png');
background-position:right -10px bottom;
background-color:#fff;
}

.p-name {
display:block;
padding:20px 20px 10px 20px;
font-size:20px;
font-weight:700;
}

.p-desc {
display:block;
width:50%;
padding:0 20px;
font-size:16px;
}

.project a,
.project a:link,
.project a:focus,
.project a:active,
.project a:visited {
color:#333;
}

.tv-channel img {
width:100px;transition:.2s;
}

.tv-channel img:hover {
transform:scale(1.2);
}

.tv-channel {
margin:20px;
padding:0;
background-color:transparent;
overflow:hidden;
}

.tv-channel a {
display:block;
margin:0;
padding:5px;
text-align:center;
background-color:#ffffff;
}

.tv-channel li {
margin:0;
padding:0;
box-sizing:border-box;
}

.tv a i:hover {
transform:scale(0.8);
}

.tv-name {
display:none;
}

.horo {
margin:20px;
padding:0;
background-color:#fff;
overflow:hidden;
}

.horo li {
margin:0;
padding:0;
box-sizing:border-box;
}

.horo li a {
display:block;
padding:5px;
margin:0;
height:60px;
text-align:left;
font-size:18px;
font-weight:400;
background-color:#ffffff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.main {
height:100%;
background-color:#ffffff;
padding:71px 0 240px 0;
overflow:hidden;
}

.g_main,
.main.page {
max-width:1200px;
margin:0 auto;
}

.box1,
.box2 {
margin:0;
padding:0;
border:none;
}

.boxbr {
clear:both;
}

body,
a:link,
a:focus,
a:hover,
a:active,
a:visited {
font-size:18px;
}

.t {
height:40px;
line-height:55px;
color:#444;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:20px;
font-weight:900;
margin:0;
padding:0 18px;
}

.b,
.l0,
.l1,
.ads,
.info {
margin:0;
padding:20px;
}

.p {
margin:0;
padding:10px 0;
}

a,
.p {
color:#333;
}

.sr {
color:#4a9639;
}

p {
margin:10px 0;
}

ul {
color:#345;
}

a {
text-decoration:none;
outline:0;
}

a:visited {
color:#333;
}

.b a {
line-height:1.2;
}

.n,
a:active {
color:#333;
}

a:hover {
color:#333;
}

.ads ul li:hover {
background-color:transparent;
color:#333;
}

input[type="submit"]:hover {
background-color:#4eb543;
color:#ffffff;
}

.a,
.b a,
.l0 a,
.l1 a,
.info a {
display:inline-block;
color:#333;
background-color:#f0f0f0;
min-width:24px;
padding:5px 8px;
margin:2px 0;
}

#h {
position:fixed;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
background-color:#01aaaf;
z-index:4;
}

#h a {
color:#9696a2;
display:inline-block;
background-color:transparent;
padding:0;
margin:0;
}

.b a,
span.a {
background-color:#f0f0f0;
color:#333;
font-size:20px;
margin:10px 5px 0 0;
padding:5px 7px;
border-radius:9px;
transition:background .15s;
}
/*
.b a:hover,
span.a:hover {
box-shadow:inset 0 0 0 30px rgba(255,255,255,0.5);
}
*/
span.a {
line-height:1.2;
}

.a,
.ac,
.b a,
.l0 a,
.l1 a {
text-align:left;
}

.a,
.b a,
#h a,
.center {
text-align:center;
}

.b,
.ads,
.info {
color:#333;
background-color:#e0e0e0;
font-size:20px;
}

.l {
margin:20px;
padding:0 0 20px 0;
color:#333;
border-bottom:2px solid #eee;
}

.i,
.e,
.x,
.in {
text-align:center;
margin-top:10px;
padding:20px;
font-size:24px;
font-weight:400;
color:#999;
}

.l0 .i,
.l1 .i {
background-color:#fba026;
color:#ffffff;
padding:10px;
font-size:inherit;
border-radius:9px;
}

form .i::before,
form .e::before,
form .x::before {
content:'';
display:inline-block;
width:24px;
height:24px;
margin-right:5px;
vertical-align:middle;
}

form .e::before {
content:'';
background-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.209 2.3027c-5.511 0-10 4.489-10 10 0 5.511 4.489 10 10 10 5.511 0 10-4.489 10-10 1e-6 -5.511-4.489-10-10-10zm0 2c4.4301 0 8 3.5699 8 8 0 4.4301-3.5699 8-8 8-4.4301 0-8-3.5699-8-8-2e-7 -4.4301 3.5699-8 8-8zm0 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1 1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm0 8a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1z" fill="rgb(246,36,52)"/></svg>');
background-origin:border-box;
background-position:0 0;
background-repeat:no-repeat;
}

form .i::before {
content:'';
background-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c-5.511 0-10 4.489-10 10 1e-7 5.511 4.489 10 10 10 5.511 0 10-4.489 10-10 0-5.511-4.489-10-10-10zm0 2c4.4301 0 8 3.5699 8 8 0 4.4301-3.5699 8-8 8-4.4301 0-8-3.5699-8-8 0-4.4301 3.5699-8 8-8zm4.2715 4.1719a1 1 0 0 0-0.73633 0.29297l-4.9492 4.9492-2.1211-2.1211a1 1 0 0 0-1.4141 0 1 1 0 0 0 0 1.4141l2.8281 2.8281a1.0001 1.0001 0 0 0 1.4141 0l5.6562-5.6562a1 1 0 0 0 0-1.4141 1 1 0 0 0-0.67774-0.29297z" fill="rgb(0,185,86)"/></svg>');
background-origin:border-box;
background-position:0 0;
background-repeat:no-repeat;
}

form .x::before {
content:'';
background-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c-5.511 0-10 4.489-10 10 0 5.511 4.489 10 10 10 5.511 0 10-4.489 10-10 0-5.511-4.489-10-10-10zm0 2c4.4301 0 8 3.5699 8 8 0 4.4301-3.5699 8-8 8-4.4301 0-8-3.5699-8-8 0-4.4301 3.5699-8 8-8zm-3.5078 3.4648a1 1 0 0 0-0.73438 0.29297 1 1 0 0 0 0 1.4141l2.8281 2.8281-2.8281 2.8281a1 1 0 0 0 0 1.4141 1 1 0 0 0 1.4141 0l2.8281-2.8281 2.8281 2.8281a1 1 0 0 0 1.4141 0 1 1 0 0 0 0-1.4141l-2.8281-2.8281 2.8281-2.8281a1 1 0 0 0 0-1.4141 1 1 0 0 0-0.67774-0.29297 1 1 0 0 0-0.73633 0.29297l-2.8281 2.8281-2.8281-2.8281a1 1 0 0 0-0.67969-0.29297z" fill="rgb(255,69,0)"/></svg>');
background-origin:border-box;
background-position:0 0;
background-repeat:no-repeat;
}

form .i,
form .e,
form .x {
background:none;
margin:0 10px 0 0;
padding:0;
text-align:left;
font-size:14px;
font-weight:700;
}

form .i {
color:#00b956;
}

form .e {
color:#f62434;
}

form .x {
color:#ff4500;
}

.in {
color:#22a7f0;
}

form .e + textarea,
form .e + #file-name,
form .e + a.location,
form .e + input[type="text"],
form .e ~ select[name$="1"],
form .e + input[type="password"] {
border-bottom:2px solid #f62434;
}

.l0,
.l1 {
background-color:#ffffff;
color:#333;
border:none;
margin:0 20px;
padding:10px 0;
font-size:20px;
}

.l0 b,
.l1 b {
font-weight:700;
}

.l,
.b,
.info {
background-color:#ffffff;
}

.ads {
background-color:#9696a2;
margin:0;
}

.not_found {
max-width:992px;
margin:20px auto;
}

.not_found img {
width:100%;
max-height:none;
}

a.source_link {
background:none;
font-size:14px;
margin:0;
padding:0;
}

.s,
.small,
.b.small {
font-size:14px;
}

b {
font-weight:600;
}

.big {
display:block;
font-size:24px;
}

.x-small {
font-size:12px;
}

form b {
font-size:16px;
font-weight:400;
text-transform:uppercase;
}

img {
max-width:100%;
border:none;
vertical-align:middle;
}

.imgr {
float:left;
margin:2px 2px 2px 0;
}

.l .imgr {
border:1px solid #345;
}

ul, ol {
list-style:none;
margin:0;
padding:0;
}
ol {
counter-reset:list;
}

.c a,
.l ul li a,
.b ul li a,
.ads ul li a {
text-align:left;
border:none;
background-color:transparent;
color:#333;
}

.b ul li a,
.ads ul li a {
display:block;
padding:8px 0;
font-size:18px;
font-weight:400;
}

.b ul li h2{
padding:10px 20px;
}

.l ul li a {
display:block;
padding:10px 0;
}

.ans {
text-align:right;
font-size:12px;
}

.ads ul {
list-style:none;
padding-left:0;
}

ul.recipes {
list-style:disc outside;
margin:0;
padding:0 0 0 20px;
}

ul.recipes li {
padding:2px 0;
}

ul.recipes li:hover {
background-color:transparent;
}

ul.recipes li span {
color:#333;
font-size:14px;
}

.b.hm {
background-image:url('/design/images/hangman/squared.png');
text-align:center;
margin:20px;
}

.rsp {
text-align:center;
}

table.numpad {
border-collapse:collapse;
background-color:#babfc3;
border:2px solid #42494f;
}

.numpad td {
width:33%;
height:25%;
background-color:#babfc3;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
}

a.numpad-btn {
display:block;
background-color:#babfc3;
color:#333;
border:2px solid #42494f;
border-radius:9px;
margin:5px;
padding:12px 15px;
font-size:24px;
font-weight:700;
}

td[colspan="4"] {
background-color:#fff;
border-bottom:2px solid #42494f;
font-size:32px;
}

table.numpad tr:nth-child(5) td:nth-child(1) a.numpad-btn {
background-color:#d9c900;
font-size:16px;
padding:17px 15px;
}

table.numpad tr:nth-child(5) td:nth-child(3) a.numpad-btn {
background-color:#df1a23;
font-size:14px;
padding:17px 10px;
}

select,
#hide_pwd,
#file-name,
.menu-button,
.radio + label,
.toggle + label,
.gender + label,
.btn-rated + label,
#nb_close,
#hm-notify-button,
.checkbox + label,
input[type="submit"] {
cursor:pointer;
}

*::selection {
background-color:#01aaaf;
color:#fff;
}

select,
.location,
#file-name,
form.fm .btn_vk,
a.btn_green,
input[type="text"],
input[type="submit"],
form a.btn_gray,
input[type="password"] {
width:285px;
height:44px;
box-sizing:border-box;
line-height:22px;
}

form.fm .btn_vk,
form.fm a.btn_green,
form.fm #file-name,
form.fm a.btn_gray,
form.fm input[type="text"],
form.fm input[type="submit"],
form.fm input[type="password"] {
width:100%;
}

form .b input.captcha {
width:145px;
}

textarea,
.textarea {
width:100%;
min-width:285px;
max-width:930px; /* width:285px; */
height:176px;
min-height:44px;
background-color:#f8f8f8;
border:1px solid #eaeaea;
border-radius:9px;
box-sizing:border-box;
border-bottom:2px solid #eaeaea;
margin:5px 0 20px 0;
padding:10px;
resize:vertical;
outline:0;
}

a.location {
text-align:left;
}

a.location:active {
border-bottom:2px solid #345;
}

.box1 .b.user_sidebar a {
background-color:#fff;
border:2px solid #777;
border-radius:22px;
}

select,
#file-name,
a.location,
input[type="text"],
input[type="password"] {
margin:5px 0 15px 0;
padding:10px;
font-size:14px;
color:#333;
background-color:#f8f8f8;
border:1px solid #eaeaea;
border-radius:9px;
border-bottom:2px solid #eaeaea;
outline:0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
border-bottom:2px solid #ccc;
transition-duration:0.5s;
}

label#file-name {
display:inline-block;
padding:10px 44px 10px 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
background-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.971 2.0004a1.0001 1.0001 0 0 0-0.67773 0.29297l-3 3a1 1 0 0 0 0 1.4141 1 1 0 0 0 1.4141 0l1.293-1.293v10.586a1 1 0 0 0 1 1 1 1 0 0 0 1-1v-10.586l1.293 1.293a1 1 0 0 0 1.4141 0 1 1 0 0 0 0.29297-0.67773 1 1 0 0 0-0.29297-0.73633l-3-3a1.0001 1.0001 0 0 0-0.73633-0.29297zm-6.9707 7c-0.83332 0-1.5499 0.38584-2.082 0.91797-0.53213 0.53213-0.91797 1.2487-0.91797 2.082v7c0 0.83333 0.38584 1.5499 0.91797 2.082 0.53213 0.53213 1.2487 0.91797 2.082 0.91797h14c0.83334 0 1.5499-0.38584 2.082-0.91797s0.91797-1.2487 0.91797-2.082v-7c0-0.83333-0.38583-1.5499-0.91797-2.082-0.53214-0.53213-1.2487-0.91797-2.082-0.91797h-1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h1c0.1667 0 0.45011 0.11417 0.66797 0.33203s0.33203 0.50131 0.33203 0.66797v7c0 0.16665-0.11417 0.45011-0.33203 0.66797s-0.50128 0.33203-0.66797 0.33203h-14c-0.16665 0-0.45011-0.11417-0.66797-0.33203-0.21786-0.21786-0.33203-0.50132-0.33203-0.66797v-7c0-0.16666 0.11417-0.45011 0.33203-0.66797 0.21786-0.21786 0.50131-0.33203 0.66797-0.33203h1a1 1 0 0 0 1-1 1 1 0 0 0-1-1z" fill="rgb(185,185,185)"/></svg>');
background-origin:border-box;
background-position:top 10px right 10px;
background-repeat:no-repeat;
background-size:24px 24px;
}

input[type="submit"] {
margin:5px 0 20px 0;
padding:10px;
background-color:#4eb543;
color:#ffffff;
margin-top:10px;
border:none;
border-radius:9px;
outline:0;
font-weight:700;
font-size:14px;
text-transform:uppercase;
}

a.btn_green {
display:block;
background-color:#4eb543;
color:#fff;
margin:20px 0 0 0;
padding:10px;
font-weight:700;
font-size:14px;
text-transform:uppercase;
border:none;
line-height:22px;
}

a.btn_orange {
display:block;
background-color:#ff8039;
color:#fff;
margin:20px 0 0 0;
padding:10px;
font-weight:700;
font-size:14px;
text-transform:uppercase;
border:none;
line-height:22px;
}

a.btn_gray {
display:block;
background-color:#bbbbbb;
color:#fff;
margin:20px 0 0 0;
padding:10px;
font-weight:700;
font-size:14px;
text-transform:uppercase;
border:none;
line-height:22px;
}

form.fm .btn_vk {
background-color:#0077ff;
background-image:url('/design/css/images/logo_vk.png');
background-origin:border-box;
background-position:15px 10px;
background-repeat:no-repeat;
color:#ffffff;
margin:0;
padding:10px;
font-weight:700;
font-size:14px;
text-transform:uppercase;
border:none;
line-height:22px;
}

a.btn_save {
display:block;
width:270px;
margin:20px 0 0 0;
padding:10px;
border-radius:9px;
color:#fff;
font-size:14px;
font-weight:700;
background-color:#0075ff;
background-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a1 1 0 0 0-1 1v10.586l-1.293-1.293a1 1 0 0 0-1.4141 0 1 1 0 0 0 0 1.4141l3 3a1.0001 1.0001 0 0 0 1.4141 0l3-3a1 1 0 0 0 0.29297-0.73633 1 1 0 0 0-0.29297-0.67773 1 1 0 0 0-1.4141 0l-1.293 1.293v-10.586a1 1 0 0 0-1-1zm-7 7c-0.83332 0-1.5499 0.38584-2.082 0.91797s-0.91797 1.2487-0.91797 2.082v7c0 0.83333 0.38584 1.5499 0.91797 2.082s1.2487 0.91797 2.082 0.91797h14c0.83334 0 1.5499-0.38584 2.082-0.91797s0.91797-1.2487 0.91797-2.082v-7c0-0.83333-0.38583-1.5499-0.91797-2.082s-1.2487-0.91797-2.082-0.91797h-1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h1c0.1667 0 0.45011 0.11417 0.66797 0.33203s0.33203 0.50131 0.33203 0.66797v7c0 0.16665-0.11417 0.45011-0.33203 0.66797s-0.50128 0.33203-0.66797 0.33203h-14c-0.16665 0-0.45011-0.11417-0.66797-0.33203s-0.33203-0.50132-0.33203-0.66797v-7c0-0.16666 0.11417-0.45011 0.33203-0.66797s0.50131-0.33203 0.66797-0.33203h1a1 1 0 0 0 1-1 1 1 0 0 0-1-1z" fill="rgb(255,255,255)"/></svg>');
background-origin:border-box;
background-position:10px 6px;
background-repeat:no-repeat;
background-size:24px 24px;
}

#hide_pwd {
display:inline-block;
width:24px;
height:24px;
background:url('/design/css/images/sprite-eye.png');
background-repeat:no-repeat;
vertical-align:middle;
margin:0 0 0 10px;
padding:0;
background-position:0 0;
}

table.r {
background-color:#ffffff;
margin:0;
padding:0;
border:none;
border-collapse:separate;
width:100%;
}

table.r tbody tr td {
font-size:20px;
padding:10px 10px 10px 0;
}

table.br tr td {
border:1px solid #333;
}

td {
vertical-align:top;
padding:5px;
}

.s {
background-color:#ffffff;
color:#333;
margin:0;
padding:1px 12px;
}

.c1 {
color:#22a7f0;
}

.c2 {
color:#f62434;
}

.c3 {
color:#a0a0a0;
}

.c4 {
color:#00b956;
}

.gradient {
padding:10px;
}

code {
border:1px solid #d7d7d7;
background-color:#ffffff;
padding:5px;
display:inline-block;
}

.w {
border:1px solid #d7d7d7;
background-color:#ffffff;
padding:5px;
}

.b .ai {
border:none;
padding:0;
background-color:transparent;
color:#333;
}

.avatar {
border:1px solid #212040;
border-radius:62px;
box-sizing:border-box;
}

.tv-time {
display:inline-block;
font-size:20px;
font-weight:900;
margin:0 10px 0 0;
}

.tv i {
background-image:url('/design/css/images/sprite-logo_tv.png');
background-repeat:no-repeat;
display:inline-block;
width:100px;
height:100px;
margin:0;
padding:0;
transition:.3s;
}

.tv b
.i_channel1 {
background-position:0 0;
}

.i_channel2 {
background-position:-100px 0;
}

.i_channel3 {
background-position:-200px 0;
}

.i_channel4 {
background-position:-300px 0;
}

.i_channel5 {
background-position:-400px 0;
}

.i_channel6 {
background-position:-500px 0;
}

.i_channel7 {
background-position:-600px 0;
}

.i_channel8 {
background-position:-700px 0;
}

.i_channel9 {
background-position:-800px 0;
}

.i_channel10 {
background-position:-900px 0;
}

.i_channel11 {
background-position:0 -100px;
}

.i_channel12 {
background-position:-100px -100px;
}

.i_channel13 {
background-position:-200px -100px;
}

.i_channel14 {
background-position:-300px -100px;
}

.i_channel15 {
background-position:-400px -100px;
}

.i_channel16 {
background-position:-500px -100px;
}

.i_channel17 {
background-position:-600px -100px;
}

.i_channel18 {
background-position:-700px -100px;
}

.i_channel19 {
background-position:-800px -100px;
}

.i_channel20 {
background-position:-900px -100px;
}

.weather .deg {
display:inline-block;
font-size:48px;
min-width:100px;
}

.weather i {
background-image:url('/design/css/images/sprite-weather.png');
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
width:120px;
height:120px;
margin:0;
padding:0;
}

.i_d1 {
background-position:0 0;
}

.i_d2 {
background-position:-120px 0;
}

.i_d3 {
background-position:-240px 0;
}

.i_d4 {
background-position:-360px 0;
}

.i_d5 {
background-position:-480px 0;
}

.i_d6 {
background-position:-600px 0;
}

.i_d7 {
background-position:-720px 0;
}

.i_d8 {
background-position:-840px 0;
}

.i_d9 {
background-position:-960px 0;
}

.i_n1 {
background-position:0 -120px;
}

.i_n2 {
background-position:-120px -120px;
}

.i_n3 {
background-position:-240px -120px;
}

.i_n4 {
background-position:-360px -120px;
}

.i_n5 {
background-position:-480px -120px;
}

.i_n6 {
background-position:-600px -120px;
}

.i_n7 {
background-position:-720px -120px;
}

.i_n8 {
background-position:-840px -120px;
}

.i_n9 {
background-position:-960px -120px;
}

.cover {
text-align:center;
background-image:url('/design/css/images/cover/bg.png');
background-position:top center;
background-repeat:repeat-x;
border-radius:9px;
margin:20px 20px 0 20px;
padding:20px;
}

.layout {
overflow:hidden;
vertical-align:bottom;
}

.nl1 {
display:inline-block;
width:18px;
height:18px;
color:#01aaaf;
background-color:#ffdd66;
font-size:12px;
font-weight:700;
border-radius:50%;
text-align:center;
margin:2px;
line-height:18px;
}

.nl2 {
display:block;
width:18px;
height:18px;
color:#01aaaf;
background-color:#ffdd66;
font-size:12px;
font-weight:700;
border-radius:50%;
text-align:center;
position:absolute;
top:10px;
left:30px;
}

.nl3 {
font-size:24px;
font-weight:300;
color:#9696a2;
}

.nl4 {
font-size:44px;
color:#9696a2;
}

.l0,
.l1,
.b li a {
position:relative;
}

.ny {
font-weight:700;
color:#6a5acd;
text-shadow:1px 1px #483d8b;
}

.ls {
background:#ccc url('/img/tr.png');
text-align:center;
border:1px solid #999;
}

.cloud {
display:inline-block;
background-color:#ffffff;
border:3px solid #212040;
border-radius:50px 50px 50px 0;
color:#333;
margin:0 0 15px 2px;
padding:10px;
font-size:12px;
font-weight:700;
text-align:left;
min-width:40px;
}

.cloud.fs {
font-size:14px;
}

.ac a,
.lb a {
color:#345;
display:block;
background-color:transparent;
}

.ac img {
border:1px solid #01aaaf;
margin:0;
}

.fs24 {
font-size:24px;
}

.fs20 {
font-size:20px;
}

/* */

.biorhythm {
margin:20px;
padding:20px 20px 10px 20px;
background-color:#5b3256; /*674172;*/
border-radius:18px;
}

.biorhythm h2 {
color:#fff;
}

.biorhythm-condition {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
background-color:transparent;
color:#fff;
margin:0 0 10px 0;
padding:10px 15px;
}

.biorhythm .result,
.biorhythm-condition {
position:relative;
}

.biorhythm .scale {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.biorhythm .scale span {
width:100%;
height:100%;
display:inline-block;
animation:resultscale 1s ease-out 0s;
}

@keyframes resultscale {
from {
width:0;
}

to {
width:100%;
}

}

.biorhythm .scale span.plus {
background-color:#00b956;
}

.biorhythm .scale span.minus {
background-color:#f62434;
}

.biorhythm .scale span.total {
background-color:#22a7f0;
}

.biorhythm .result {
position:relative;
top:0;
left:0;
}

.biorhythm .percent {
display:inline-block;
width:80px;
color:inherit;
font-size:24px;
}

/* BMI */

.imt-scale {
margin-bottom:20px;
}

.imt-scale div {
padding: 10px 20px;
color:#fff;
}

.imt-scale .deficit {
background-color:#6495ed;
}

.imt-scale .normal {
background-color:#32cd32;
}

.imt-scale .excess {
background-color:#ff8c00;
}

.imt-scale .obesity1  {
background-color:#ff3535;
}

.imt-scale .obesity2  {
background-color:#ff0000;
}

.imt-scale .obesity3  {
background-color:#cc0000;
}

.imt-scale .obesity4  {
background-color:#990000;
}

/* */

.poll {
margin:0 20px;
}

.answer {
background-color:transparent;
margin:0 0 10px 0;
padding:0;
}

.answer .disabled {
pointer-events:none;
color:#333;
}

.answer a:active,
.answer a:visited {
color:#333;
}

.answer a:active {
background-color:#ffffff;
}

.answer a {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
border-bottom:1px dashed #ccc;
background-color:transparent;
color:#333;
padding:10px 15px;
}

.result,
.answer {
position:relative;
}

.scale {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.scale span {
background-color:#f5e653;
width:100%;
height:100%;
display:inline-block;
animation:votescale 1s ease-out 0s;
}

@keyframes votescale {
from {
width:0;
}

to {
width:100%;
}

}

.result {
position:relative;
top:0;
left:0;
}

.percent {
display:inline-block;
width:80px;
color:#333;
font-size:24px;
}

/*  */

.set {
padding:4px 5px;
}

#h,
.to {
text-transform:uppercase;
}

hr {
color:#01aaaf;
}

span.cnt {
font-size:10px;
display:inline-block;
background:#d00;
border:1px solid #ffffff;
padding:1px;
color:#ffffff;
}

.d1,
h2,
h4 {
font-weight:400;
text-transform:uppercase;
color:#333;
}

.d1,
h2 {
font-size:20px;
margin-bottom:5px;
}

h4 {
font-size:18px;
}

form.fm h2 {
text-align:center;
}

.moon-phase {
position:relative;
height:28px;
width:28px;
background:url('/design/css/images/sprite-moon_phase.png');
float:left;
margin:0 5px 0 0;
}

.currency_name {
font-weight:700;
margin:0 0 10px 0;
}

.guess_num {
font-size:64px;
color:#333;
}

.pers {
padding:4px;
text-align:center;
}

.pers input[type="submit"] {
width:100%;
border:1px solid #ffffff;
}

.answ {
text-align:center;
}

.answ a {
display:block;
border:1px solid #43c5e3;
}

.answ a,
.pers input[type="submit"] {
background-color:#43c5e3;
color:#ffffff;
padding:5px;
font-weight:700;
font-size:20px;
text-align:center;
}

form .box2 a,
form .box2  span.a {
background-color:#f8f8f8;
border:1px solid #eaeaea;
border-radius:9px;
}

table.matrix {
background-color:transparent;
padding:0;
margin:20px 0 0 0;
border:1px solid #01aaaf;
border-collapse:separate;
}

table.matrix tr td {
background-color:#01aaaf;
color:#01aaaf;
border:1px solid #01aaaf;
width:80px;
height:80px;
text-align:center;
vertical-align:middle;
}

table.matrix tr td h2 {
color:#333;
}

table.matrix tr:nth-child(1) td:nth-child(1) {
animation:pi 1s linear .3s 1 normal forwards running;
}

table.matrix tr:nth-child(2) td:nth-child(1) {
animation:pi 1s linear .6s 1 normal forwards running;
}

table.matrix tr:nth-child(3) td:nth-child(1) {
animation:pi 1s linear .9s 1 normal forwards running;
}

table.matrix tr:nth-child(1) td:nth-child(2) {
animation:pi 1s linear 1.2s 1 normal forwards running;
}

table.matrix tr:nth-child(2) td:nth-child(2) {
animation:pi 1s linear 1.5s 1 normal forwards running;
}

table.matrix tr:nth-child(3) td:nth-child(2) {
animation:pi 1s linear 1.8s 1 normal forwards running;
}

table.matrix tr:nth-child(1) td:nth-child(3) {
animation:pi 1s linear 2.1s 1 normal forwards running;
}

table.matrix tr:nth-child(2) td:nth-child(3) {
animation:pi 1s linear 2.4s 1 normal forwards running;
}

table.matrix tr:nth-child(3) td:nth-child(3) {
animation:pi 1s linear 2.7s 1 normal forwards running;
}

@keyframes pi {
0% {
transform:rotateY(180deg);
background-color:#01aaaf;
}

49% {
background-color:#01aaaf;
}

50%,
100% {
background-color:#fff;
}

}

.spell-u {
text-decoration:underline;
font-weight:700;
}

.spell-c {
font-style:italic;
font-weight:700;
}

.max {
font-size:16px;
font-weight:700;
}

.mg {
color:#f5a623;
}

.ms {
color:#b9b9b9;
}

.mb {
color:#d06a3d;
}

.ma {
color:#333;
}

.l2 {
margin:0 20px;
padding:10px;
}

table.ska {
width:100%;
text-align:center;
background-color:transparent;
color:#333;
padding:0;
border:1px solid #333;
border-collapse:separate;
}

.skl {
text-align:left;
}

.skw {
background-color:#bbbbbb;
font-weight:700;
}

.skr {
background-color:#ff0000;
}

.sky {
background-color:#ffff00;
}

.skg {
background-color:#42c330;
}

.event {
/*
background-image:url('/cover.jpg');
background-repeat:repeat-x;
background-position:bottom center;
background-size:contain;
*/
background-color:#01aaaf;
}

.event-box {
text-align:center;
max-width:500px;
display:block;
margin:0 auto;
}

.event-banner {
background-image:url('/design/css/images/event/bestvinyl.png');
background-position:bottom left;
background-repeat:no-repeat;
background-size:cover;
display:block;
width:100%;
height:0;
padding-bottom:50%;
}

.countdown {
display:inline-block;
margin-top:50px;
color:#ffffff;
font-size:24px;
font-weight:700;
}

cell {
margin:0;
padding:0;
width:100%;
}

.cell a {
display:block;
margin:0;
padding:20px;
background-color:#ffffff;
text-align:center;
color:#777;
font-size:12px;
font-weight:700;
}

.cell a:hover {
background-color:#9696a2;
}

.tabs {
margin:0;
padding:0;
background-color:#ffffff;
border-bottom:1px solid #777;
overflow:auto;
line-height:1.2;
white-space:nowrap;
text-transform:uppercase;
}

.tabs a,
.tabs span {
display:inline-block;
width:auto;
padding:15px;
color:#777;
font-weight:700;
text-align:center;
border:none;
border-bottom:3px solid #ffffff;
box-sizing:border-box;
font-size:14px;
}

.tabs span {
border-bottom:3px solid #01aaaf;
position:relative;
color:#333;
}

.tabs a:hover {
color:#333;
}

.head_menu {
/*
position:absolute;
top:0;
right:0;
*/
display:inline-block;
height:56px;
margin:0;
padding:0;
list-style:none;
}

.head_menu li {
display:inline-block;
width:56px;
height:56px;
transition:.2s;
position:relative;
}

.head_menu i,
.nb_title i {
background:url('/design/css/images/sprite-head_menu.png');
background-repeat:no-repeat;
display:block;
width:24px;
height:24px;
margin:16px;
padding:0;
}

.head_menu .hm-user {
background-position:0 0;
}

.head_menu .hm-notify {
background-position:-24px 0;
}

.nb_title .hm-back {
background-position:-48px -24px;
}

#notify_box {
position:fixed;
top:92px;
width:320px;
min-height:100px;
margin:0;
padding:0;
overflow:hidden;
font-weight:400;
background-color:#fff;
color:#333;
border-left:1px solid #d9d9d9;
box-shadow:0 0 7px rgba(0,0,0,0.25);
border-radius:18px;
transition:all .2s ease-out 0s;
z-index:5;
}

#hm-notify-button {
display:inline-block;
height:100%;
}

.nb_title {
position:absolute;
width:280px;
height:56px;
padding:0 20px;
line-height:56px;
font-weight:700;
background-color:#fff;
}

.nb_content {
padding:80px 20px 20px 20px;
overflow-y:auto;
height:100%;
}

#nb_close {
position:absolute;
top:0;
right:0;
display:block;
width:56px;
height:56px;
text-align:center;
line-height:56px;
font-size:24px;
font-weight:700;
color:#333;
}

.nb_open {
right:20px;
}

.nb_close {
right:-330px;
}

.nb_hide .nl2 {
display:none;
}

.nb_empty {
display:block;
margin:100px 0;
}

.nb_empty::before {
content:'';
display:block;
height:100px;
background:url('/design/css/images/bell.png') center center no-repeat;
}

.nb_empty::after {
content:'Новых уведомлений нет';
display:block;
font-size:14px;
font-weight:700;
color:#bbbbbb;
text-align:center;
}

.i_logo,
.i_login,
.foot-logo,
#sidebar i {
background:url('/design/css/images/sprite-logo.png');
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
}

.i_login,
#sidebar i {
width:40px;
height:40px;
margin:0 10px 0 0;
padding:0;
}

a#logo {
margin:0 20px;
padding:8px 0;
}

a#logo .i_logo {
width:115px;
height:40px;
background-position:0 0;
display:block;
margin:0 auto;
}

#sidebar .i_info {
background-position:-100px 0;
}

#sidebar .i_comm {
background-position:-140px 0;
}

#sidebar .i_rest {
background-position:-180px 0;
}

#sidebar .i_serv {
background-position:-220px 0;
}

#sidebar .i_dev {
background-position:-260px 0;
}

#sidebar .i_login {
background-position:-300px 0;
}

#sidebar a {
height:56px;
line-height:56px;
color:#ffffff;
font-size:14px;
font-weight:900;
}

.pn {
padding:20px;
text-align:left;
background-color:transparent;
}

#pi,
a.pl,
a.pr,
.pn input[type="text"],
.pn input[type="submit"] {
border:none;
border-radius:9px;
width:55px;
height:40px;
line-height:40px;
text-align:center;
font-size:12px;
font-weight:700;
margin:0 10px 0 0;
padding:0;
box-sizing:border-box;
vertical-align:top;
}

.pn input[type="submit"] {
background-color:#4eb543;
color:#fff;
}

.pn form {
display:inline-block;
margin:0;
padding:0;
height:100%;
box-sizing:border-box;
}

#pi,
a.pl,
a.pr {
display:inline-block;
background-color:#4eb543;
color:#fff;
}

#pi,
.pn input[type="text"] {
background-color:#eaeaea;
color:#333;
}

.pn input[type="text"] {
padding:4px;
}

/**/

.pn a {
position:relative;
z-index:1;
}

.pn a.pl::after,
.pn a.pr::after {
content:'';
position:absolute;
width:0%;
height:100%;
top:0;
background-color:rgba(0,0,0,0.1);
transition:.2s;
z-index:-1;
}

.pn a.pr::after {
left:0;
}
.pn a.pl::after {
right:0;
}

.pn a.pl:hover::after,
.pn a.pr:hover::after {
width:100%;
}

/* Forum */

.forum-group {
border:1px solid #ccc;
border-radius:18px;
padding:0;
}

.forum-group  ul {
padding:20px;
}

.forum-header {
height:300px;
border-radius:17px 17px 0 0;
}

.forum-header h2 {
padding:0 20px;
font-size:48px;
font-weight:900;
line-height:300px;
color:#fff;
text-transform:none;
}

.forum-header {
background-position:top right;
background-repeat:no-repeat;
background-size:contain;
}

.forum-header.forum_communicate {
background-color:#c1e3ec;
background-image: url('/design/css/images/forum_communicate.png');
}

.forum-header.forum_webmaster {
background-color:#42b8e4;
background-image: url('/design/css/images/forum_webmaster.png');
}

.forum-header.forum_admin {
background-color:#42b8e4;
background-image: url('/design/css/images/forum_webmaster.png');
}

.forum-firstpost {
margin:0;
border-bottom:4px solid #ddd !important;
}

.forum-post {
padding:20px 0;
}

a.forum-box {
background:none;
margin:0;
padding:0;
display:flex !important;
flex-wrap:wrap;
}

.forum-count,
.forum-section {
display:inline-block;
}

.forum-section {
font-size:20px;
font-weight:400;
flex:1;
}

.forum-count {
width:60px;
text-align:center;
flex:0 60px;
}

.forum-count .nl3 {
display:block;
font-size:20px;
font-weight:300;
}

.forum-topic {
display:block;
font-size:16px;
font-weight:400;
flex:1 100%;
}

.forum-create {
display:block;
font-size:14px;
font-weight:400;
margin-left:54px;
flex:1 100%;
}

.forum-create a {
background:none;
margin:0 0 0 10px;
padding:0 10px;
font-weight:900;
}

a.forum-nickname {
display:inline-block;
}

a.forum-reply,
a.forum-repost {
min-width:100px;
height:30px;
background-color:#f5f5f5;
line-height:30px;
text-align:center;
margin:0 0 0 10px;
padding:5px;
}

.forum-pubdate {
font-size:14px;
}

.topic-close {
color:#999;
font-weight:700;
}

.b .weather {
display:inline-block;
padding:20px;
}

.news {
background-color:transparent;
margin:10px 0 20px 0;
padding:0 20px;
border:none;
}

.news ul {
margin:0;
padding:0;
border:none;
}

.news ul li a {
background-color:#ffffff;
text-align:left;
height:100%;
display:block;
margin:10px 2px;
padding:0;
border:none;
}

.news ul li a span {
border-radius:9px;
}

.news-title {
position:absolute;
padding:10px 20px;
min-height:20%;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.5);
color:#ffffff;
border-radius:0 0 9px 9px;
}

.news-subtitle {
display:block;
font-size:24px;
font-weight:900;
}

.news li {
overflow:hidden;
margin:0;
padding:0;
border:none;
}

.news-pubdate {
margin-bottom:5px;
font-size:14px;
}

.news-src {
background-position:0 0;
background-repeat:no-repeat;
background-size:cover;
display:block;
width:100%;
height:0;
padding-bottom:66%;
border-radius:18px;
}

.news-imgbox {
position:relative;
width:100%;
margin-bottom:20px;
overflow:hidden;
}

.news-img {
max-width:900px;
}

.info_line-block {
margin:20px;
}

.foot {
width:100%;
height:220px;
position:absolute;
bottom:0;
background-color:#f4f4f4;
margin:0;
padding:0;
color:#999;
overflow:hidden;
font-size:12px;
line-height:1.2;
}

.foot-block {
float:left;
color:#333;
width:25%;
}

.foot-title {
font-size:20px;
font-weight:400;
color:#454545;
margin:0;
padding:0 0 10px 20px;
}

.foot a {
display:block;
font-weight:400;
color:#555;
padding:2px 20px;
}

.foot-info {
padding:10px 20px 0 20px;
font-size:16px;
color:#999;
}

.foot a:link,
.foot a:focus,
.foot a:hover,
.foot a:active,
.foot a:visited {
background-color:transparent;
}

.foot-box {
overflow:hidden;
}

.foot-line {
background-color:#e8e8e8;
height:40px;
}

#mb,
.radio,
.toggle,
.checkbox,
.gender,
.btn-rated,
input[type="file"] {
display:none;
}

label {
font-size:14px;
}

.toggle + label {
display:inline-block;
position:relative;
margin:5px 0 5px 0;
padding:0 0 0 58px;
line-height:24px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.toggle + label::before {
content:'';
display:block;
width:42px;
height:24px;
position:absolute;
top:0;
left:0;
border-radius:12px;
background-color:#bbbbbb;
transition:.4s;
}

.toggle + label::after {
content:'';
display:inline-block;
width:18px;
height:18px;
position:absolute;
top:3px;
left:3px;
border-radius:50%;
background-color:#ffffff;
transition:.2s;
}

.toggle:checked + label::after {
transform:translateX(18px);
background-color:#ffffff;
}

.toggle:checked + label::before {
background-color:#01aaaf;
}

.checkbox + label {
display:inline-block;
position:relative;
margin:5px 0 10px 0;
padding:0 0 0 34px;
line-height:24px;
transition:.2s;
}

.checkbox + label::before {
content:'';
display:block;
width:20px;
height:20px;
position:absolute;
top:0;
left:0;
border:2px solid #bbbbbb;
border-radius:6px;
background-color:#ffffff;
transition:.2s;
}

.checkbox + label::after {
content:'';
display:inline-block;
width:6px;
height:12px;
position:absolute;
top:3px;
left:7px;
border:none;
border-right:4px solid #01aaaf;
border-bottom:4px solid #01aaaf;
border-radius:0 0 3px 0;
transform:rotate(45deg) scale(0);
transition:.2s;
}

.checkbox:checked + label::after {
transform:rotate(45deg) scale(1);
}

.checkbox:checked + label::before {
background-color:#ffffff;
}

.radio + label {
display:inline-block;
position:relative;
margin:5px 0 12px 0;
padding:0 0 0 34px;
line-height:24px;
}

.radio + label::before {
content:'';
display:block;
width:20px;
height:20px;
position:absolute;
top:0;
left:0;
border:2px solid #bbbbbb;
border-radius:50%;
background-color:#ffffff;
}

.radio + label::after {
content:'';
visibility:hidden;
display:block;
width:14px;
height:14px;
position:absolute;
top:5px;
left:5px;
border-radius:50%;
background-color:#01aaaf;
transform:scale(0);
transition:.2s;
}

.radio:checked + label::after {
content:'';
visibility:visible;
transform:scale(1);
}

.radio:checked + label::before {
background-color:#ffffff;
}

/* Button rated*/

.gender + label{
display:inline-block;
width:132px;
height:44px;
line-height:44px;
margin:5px 0 20px 0;
padding-left:10px;
background-color:#a0a0a0;
color:#ffffff;
font-weight:600;
}

.gender + label i{
vertical-align:middle;
margin-right:8px
}

#male + label {
margin-right:1px;
border-radius:9px 0 0 9px;
}

#female + label {
border-radius:0 9px 9px 0;
}

#male:hover + label,
#male:checked + label {
background-color:#22a7f0;
}

#female:hover + label,
#female:checked + label {
background-color:#db0a5b;
}


.gender-icons {
display:inline-block;
width:24px;
height:24px;
background-image:url('/design/css/images/sprite-gender.png');
background-repeat:no-repeat;
margin:0;
padding:0;
}

label[for="male"] .gender-icons {
background-position:0 0;
}

label[for="female"] .gender-icons {
background-position:-24px 0;
}

/**/

select,
input {
box-shadow:none;	
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
}

select::-ms-expand {
display:none;
}

select {
padding:0 30px 0 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z" fill="rgb(187,187,187)"/></svg>');
background-origin:border-box;
background-position:bottom 10px right 10px;
background-repeat:no-repeat;
background-size:24px 24px;
font-size:14px;
}

select:focus {
border-bottom:2px solid #ccc;
}

option {
background-color:#fff;
color:#333;
border:none;
}

select[name="d1"],
select[name="d2"],
select[name="y1"],
select[name="y2"] {
width:85px;
background-position:55px 10px;
}

select[name="m1"],
select[name="m2"] {
width:115px;
background-position:85px 10px;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
border-radius:0;
}

select[name="ds"],
select[name="ms"] {
width:142px;
background-position:113px 10px;
}

select[name="ds"] {
border-right:1px solid #eaeaea;
border-radius:9px 0 0 9px;
}

select[name="ms"] {
border-radius:0 9px 9px 0;
}

select[name="hour"],
select[name="minute"] {
width:80px;
background-position:50px 10px;
}

select[name="d1"],
select[name="d2"] {
border-radius:9px 0 0 9px;
}

select[name="y1"],
select[name="y2"] {
border-radius:0 9px 9px 0;
}

.shot  {
border:1px solid #345;
}

.img_round {
border:none;
margin-bottom:20px;
}

.nl2 ~ .hm-notify {
animation:ring 2s 1s ease-out 3;
transform-origin:50% 0;
}

@keyframes ring {
  0%  {
transform:rotate(0deg);
}

  5%  {
transform:rotate(30deg);
}

 15%  {
transform:rotate(-25deg);
}

 25%  {
transform:rotate(20deg);
}

 35%  {
transform:rotate(-15deg);
}

 45%  {
transform:rotate(10deg);
}

 55%  {
transform:rotate(-5deg);
}

 60%  {
transform:rotate(0deg);
}

100%  {
transform:rotate(0deg);
}

}

.ads_normal {
border:none;
margin:0;
padding:0;
z-index:100;
}

.tl1,
.tl2 {
display:inline-block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.tl1 {
padding:20px 4px 20px 80px;
}

.tl2 {
padding:20px 4px 20px 20px;
}

/* Currency */

.currency-block .quote_rate {
margin-right:6px;
font-size:16px;
font-weight:700;
color:#333;
}

.currency-block .quote_zero {
font-size:16px;
font-weight:400;
color:#3498db;
}

.currency-block .quote_plus {
position:relative;
padding-left:14px;
font-size:16px;
font-weight:400;
color:#00b956;
}

.currency-block .quote_minus {
position:relative;
padding-left:14px;
font-size:16px;
font-weight:400;
color:#f62434;
}

.currency-block .quote_plus::before,
.currency-block .quote_minus::before {
content:'';
position:absolute;
left:0;
width:0;
height:0;
border-width:8px 4px;
border-style:solid;
border-color:transparent;
}

.currency-block .quote_plus::before {
bottom:6px;
border-bottom-color:#00b956;
}

.currency-block .quote_minus::before {
top:6px;
border-top-color:#f62434;
}

.main_news {
background-color:#f0f0f0; /*#f5f5f5;*/
color:#333;
border-radius:18px;
margin:0 20px 20px 20px;
padding:5px 0 0 0;
}
.main_news-head {
display:flex;
justify-content:space-between;
align-items:baseline;
}

.main_news-scroll {
width:auto;
overflow-y:hidden;
scrollbar-width:thin;
scrollbar-color:#cdcdcd #f0f0f0;
white-space:nowrap;
padding:14px 0 10px 0;
}

.main_news-scroll::-webkit-scrollbar {
height:8px;
}
.main_news-scroll::-webkit-scrollbar-track {
background-color:#f0f0f0;
}
.main_news-scroll::-webkit-scrollbar-thumb:hover {
background-color:#a6a6a6;
}

.main_news-scroll::-webkit-scrollbar-thumb {
background-color:#cdcdcd;
}

.main_news a.main_news-link {
display:inline-block;
width:150px;
height:170px;
margin:0 0 0 14px;
overflow:hidden;
background-color:#fff;
border-radius:18px;
position:relative;
overflow:hidden;
}

.main_news-link {
background-color:#fff;
padding:0;
color:#333;
text-align:left;
}

.main_news .img {
display:block;
width:150px;
height:100px;
background-position:0 0;
background-size:cover;
background-repeat:no-repeat;
border-radius:9px 9px 0 0;
}

.main_news a.main_news-tabs {
display:inline-block;
background-color:transparent;
color:#333;
height:44px;
line-height:44px;
margin-left:15px;
padding:0px;
font-weight:700;
font-size:16px;
text-align:center;
}

.main_news-title {
color:#333;
margin:0 0 0 14px;
font-size:20px;
font-weight:900;
text-transform:uppercase;
}

.main_news-text,
.main_news-fulltext {
display:block;
background-color:#fff;
color:#333;
text-align:left;
padding:7px 10px;
font-size:16px;
font-weight:400;
white-space:normal;
transition:.3s;
}

.main_news-fulltext {
position:absolute;
top:170px;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:auto;
}

.main_news a:hover > .main_news-fulltext {
top:0;
}

.main_news a.main_news-tabs:hover {
color:#888888;
}

.main_news a.main_news-link:hover {
/* box-shadow:0 0 5px #ccc; */
}

/* Currencies */

.currency-block {
padding:0 14px;
display:inline-block;
}

.currency-block a {
display:inline-block;
padding:0 5px 0 0;
font-size:16px;
font-weight:700;
}

/* Joke */

.main_joke {
margin:0;
background-color:#d0f0bf;
background-image:url('/design/css/images/joke.png');
background-repeat:no-repeat;
background-position:20px 20px;
border-radius:18px;
}

.main_joke a {
display:block;
text-align:left;
padding:15px 20px 15px 130px;
}

.main_joke-title {
color:#0d460a;
font-size:20px;
font-weight:900;
text-transform:uppercase;
}

.main_joke-text {
display:block;
margin:10px 0;
color:#0d460a;
font-size:20px;
font-weight:400;
}

/* Horoscope */

.main_horoscope {
margin:0 0 20px 0;
background-color:#2f477a;
background-image:url('/design/css/images/horoscope.png');
background-repeat:no-repeat;
background-position:10px 20px;
border:1px solid #ccc;
border-radius:18px;
}

.main_horoscope a {
display:block;
text-align:left;
padding:15px 20px 15px 130px;
}

.main_horoscope-title {
color:#f3f293;
font-size:20px;
font-weight:900;
text-transform:uppercase;
}

.main_horoscope-text {
display:block;
margin:10px 0;
font-size:20px;
font-weight:400;
color:#fff;
}

.main_horoscope-date {
color:#999;
font-size:14px;
display:none;
}

/*  */

.horo-head {
color:#333;
}

.horo_icon {
background-image:url('/design/css/images/sprite-zodiac_signs.png');
background-repeat:no-repeat;
background-size:600px auto;
display:block;
vertical-align:middle;
width:50px;
height:50px;
margin:0 10px 0 0;
padding:0;
float:left;
border-radius:50%;
}

.sign_aries {
background-position:0 0;
background-color:#f22613;
border:5px solid #f22613;
}

.sign_taurus {
background-position:-50px 0;
background-color:#26a65b;
border:5px solid #26a65b;
}

.sign_gemini {
background-position:-100px 0;
background-color:#f7ca18;
border:5px solid #f7ca18;
}

.sign_cancer {
background-position:-150px 0;
background-color:#c0c0c0;
border:5px solid #c0c0c0;
}

.sign_leo {
background-position:-200px 0;
background-color:#f4b350;
border:5px solid #f4b350;
}

.sign_virgo {
background-position:-250px 0;
background-color:#2c3e50;
border:5px solid #2c3e50;
}

.sign_libra {
background-position:-300px 0;
background-color:#52b3d9;
border:5px solid #52b3d9;
}

.sign_scorpio {
background-position:-350px 0;
background-color:#96281b;
border:5px solid #96281b;
}

.sign_sagittarius {
background-position:-400px 0;
background-color:#68c3a3;
border:5px solid #68c3a3;
}

.sign_capricorn {
background-position:-450px 0;
background-color:#795932;
border:5px solid #795932;
}

.sign_aquarius {
background-position:-500px 0;
background-color:#4ecdc4;
border:5px solid #4ecdc4;
}

.sign_pisces {
background-position:-550px 0;
background-color:#913d88;
border:5px solid #913d88;
}

.tabs_auth {
margin:0;
padding:0;
background-color:#ffffff;
border-bottom:1px solid #e0e0e0;
overflow:auto;
white-space:nowrap;
display:flex;
}

.tabs_auth a,
.tabs_auth span {
display:inline-block;
width:auto;
padding:12px 15px;
color:#777;
text-align:center;
border:none;
border-bottom:2px solid #ffffff;
box-sizing:border-box;
flex:1;
}

.tabs_auth span {
border-bottom:2px solid #4eb543;
font-weight:700;
color:#333;
}

/* Banner Main */

.banner-block {
margin:0 0 20px 0;
overflow:hidden;
border-radius:0 0 18px 18px;
}

.banner-backgroud {
background-color:#01aaaf;
margin:0;
padding:0;
}

.banner-link {
text-decoration:none;
cursor:default;
}

.banner-content {
display:block;
text-align:center;
}

.banner-content {
max-width:1200px;
min-height:300px;
margin:0 auto;

display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}

/* Text */

.banner-text {
display:inline-block;
vertical-align:top;
text-align:left;
margin:0;
padding:20px;
}

.banner-title {
display:block;
font-size:48px;
font-weight:900;
line-height:1;
color:#fff;
margin:0;
padding:0;
}

.banner-description {
display:block;
font-size:20px;
font-weight:400;
color:#ffffff;
margin:20px 0 30px 0;
padding:0;
}

.banner-button {
position:relative;
display:inline-block;
min-width:150px;
height:48px;
margin:0;
padding:0 24px;
line-height:44px;
font-size:14px;
font-weight:700;
background-color:transparent;
color:#ffffff;
text-align:center;
text-transform:uppercase;
border:2px solid #ffffff;
border-radius:24px;
box-sizing:border-box;
cursor:pointer;
transition:all .2s ease 0s;
z-index:1;
}

.banner-button {
animation:banner-button-a 1s 3;
}

@keyframes banner-button-a {
0% {
box-shadow:0 0 0 0px rgba(255,255,255,0.3);
}
100% {
box-shadow:0 0 0 20px rgba(255,255,255,0);
}

}

.banner-title {
animation:banner-a .7s linear .2s 1 normal backwards running;
}

@keyframes banner-a {

from {
opacity:0;
transform:translate(50%,0);
}
to {
opacity:1;
transform:none;
}

}

.banner-description {
animation:banner-b .7s linear .7s 1 normal backwards running;
}

@keyframes banner-b {

from {
opacity:0;
transform:translate(1px,100%);
}
to {
opacity:1;
transform:none;
}

}

.banner-image {
animation:banner-i .5s linear .7s 1 normal backwards running;
}

@keyframes banner-i {

from {
opacity:0;
transform:translate(0,50%);
}
to {
opacity:1;
transform:none;
}

}

/* -------------------------------- */

.banner-image {
display:inline-block;
max-width:400px;
}

.banner-image img {
width:100%;
max-height:none;
}

/*  */

#h {
height:56px;
}

.b,
.ads,
.info {
margin:1px 0;
padding:18px;
font-size:20px;
}

/* */

.monthPre {
color:#fff;
text-align:center;
}

.monthNow {
color:#333;
text-align:center;
}

.dayNow {
border:2px solid #345;
box-sizing:border-box;
color:#345;
text-align:center;
}

.calendar td {
width:30px;
height:30px;
vertical-align:middle;
}

.monthNow th {
height:50px;
background-color:#345;
color:#fff;
text-align:center;
vertical-align:middle;
font-size:20px;
font-weight:400;
text-transform:uppercase;
}

.dayNames {
color:#345;
text-align:center;
text-transform:uppercase;
}

.dayNames td:last-child {
color:#ff0000;
}

a.btn-promo {
display:block;
width:270px;
margin:20px 0 0 0;
padding:10px;
border-radius:9px;
color:#fff;
font-size:14px;
font-weight:700;
background-color:#f8104d;
background-origin:border-box;
background-position:5px 6px;
background-repeat:no-repeat;
background-size:24px 24px;
text-align:center;
}

.hobby {
display:inline-block;
background-color:#f8104d;
color:#fff;
border-radius:50px;
margin:10px 4px 0 0;
padding:5px 16px;
font-size:16px;
}

.bg_pages {
position:fixed;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background-image:url('/design/css/images/hbd.jpeg');
background-repeat:repeat;
}

header {
box-shadow:0 5px 5px rgba(0,0,0,0.25);
}

.header {
display:flex;
align-items:center;
/* background: url('/design/css/images/glenta.png') left 45px top 7px no-repeat; */
}

#logo {
flex:2 0 1;
}
#sidebar {
flex:2 0 1;
}
.head_menu {
flex:1 0 1;
margin-left:auto;
}

/* */

.dialog-ya,
.dialog-on {
color:#333;
margin:10px;
padding:0;
}

.dialog-on .dialog-cloud {
background-color:#ddd;
border-radius:18px 18px 18px 3px;
}

.dialog-ya .dialog-cloud {
background-color:#ccc;
border-radius:18px 18px 3px 18px;
}

.dialog-ya {
text-align:right;
}

.dialog-cloud {
text-align:left;
display:inline-block;
padding:20px;
max-width:80%;
}

/* Grattis */

.grattis .l0,
.grattis .l1 {
text-align:left;
}

.grattis .l0::before,
.grattis .l1::before {
content:'* * *';
display:block;
padding-left:100px;
text-align:left;
font-size:40px;
font-weight:700;
color:#63ca61;
}

.gratti {
margin:10px 10px 20px 20px;
overflow:hidden;
}

.gratti ul {
display:inline-block;
width:50%;
}

.gratti ul.male-block {
float:left;
}

.gratti ul a {
display:block;
margin:10px 10px 0 0;
padding:21px;
text-align:center;
border-radius:9px;
color:#ffffff;
font-weight:700;
font-size:14px;
text-transform:uppercase;
}
.gratti ul.male-block a {
background-color:#22a7f0;
}
.gratti ul.female-block a {
background-color:#db0a5b;
}

.list_tags {
display:flex;
padding:0 0 0 20px;
}

.list_tags_letter {
width:32px;
height:32px;
line-height:32px;
margin:4px 0 4px 0;
padding:0;
background:#ffdb8b;
color:#9b8127;
border-radius:50%;
text-align:center;
font-weight:900;
font-size:20px;

flex:0 0 auto;
}

.list_tags_group {
margin:0;
padding:0;
}

.list_tags a {
display:inline-block;
width:auto;
height:32px;
line-height:32px;
border-radius:50px;
margin:5px 0 5px 8px;
padding:0 16px;
background:#6495ed;
color:#fff;
font-weight:400;
}

/* CALLED */

.nowrap {
white-space:nowrap;
}

/* Information */

.called-information {
color:#333;
padding:20px;
margin:0 20px;
font-size:20px;
}

.called-data {
display:flex;
align-items:center;
padding: 5px 0;
}

.called-data i {
margin-right: 10px;
}

.called-format {
display:block;
font-weight:400;
color:#808080;
}

.called-information h2{
color:#808080;
}

/* Calltypes */

.called-calltypes {
margin:0 20px 20px 20px;
padding:15px 20px;
background-color:#f5e653;
border-radius:18px;
}

.called-calltypes h2 {
margin-left:50px;
}

.called-calltype {
display:flex;
justify-content:space-between;
align-items:center;

margin:0;
padding:5px 0;
color:#4c4c4c;
}

.called-type {
display:flex;
align-items:center;
font-weight:400;
font-size:20px;
}

.called-type i {
margin-right:10px;
}

.called-percent {
font-size:24px;
font-weight:300;
}

/* Statistics */

.called-statistic {
display:flex;
flex:1;
margin:0 20px;
}

.called-statistic li {
padding:10px;
width:100%;
color:#ffffff;
font-weight:300;
font-size:20px;
text-align:center;
}

.called-stats {
background-color:#a0a0a0;
border-radius:18px;
}

.called-stats.rate_neutral {
background-color:#a0a0a0;
}
.called-stats.rate_positive {
background-color:#00b956;
}
.called-stats.rate_negative {
background-color:#f62434;
}
.called-stats.search {
margin:0 20px;
}

.called-count {
display:block;
font-size:24px;
font-weight:400;
}

/*Comment */

.called-notice {
position:relative;
background-color:#fce5ba;
color:#a76846;
font-size:16px;
font-weight:400;
margin:0;
padding:12px 12px 12px 48px;
}

.called-title {
display:flex;
justify-content:space-between;
}

/* Button rated*/

.btn-rated + label{
display:inline-block;
width:132px;
height:44px;
line-height:44px;
margin:5px 0 20px 0;
padding-left:10px;
background-color:#a0a0a0;
color:#ffffff;
font-weight:600;
}

.btn-rated + label i{
vertical-align:middle;
margin-right:8px
}

#btn-rated_positive + label {
margin-right:1px;
border-radius:9px 0 0 9px;
}

#btn-rated_negative + label {
border-radius:0 9px 9px 0;
}

#btn-rated_positive:hover + label,
#btn-rated_positive:checked + label {
background-color:#00b956;
}

#btn-rated_negative:hover + label,
#btn-rated_negative:checked + label {
background-color:#f62434;
}

/* Icons */

.called-icons {
display:inline-block;
width:24px;
height:24px;
background-image:url('/design/css/images/sprite-phone.png');
background-repeat:no-repeat;
margin:0;
padding:0;
}

.called-icons.dialpad {
background-position:0 0;
}
.called-icons.region {
background-position:-24px 0;
}
.called-icons.mobile {
background-position:-48px 0;
}
.called-icons.landline {
background-position:-72px 0;
}

.called-icons.reviews {
background-position:-96px 0;
}
.called-icons.search {
background-position:-120px 0;
}
.called-icons.rate_positive,
.called-icons.rate_neutral {
background-position:-144px 0;
}
.called-icons.rate_negative {
background-position:-168px 0;
}

.called-icons.unknown {
background-position:0 -24px;
}
.called-icons.advertising {
background-position:-24px -24px;
}
.called-icons.call_center {
background-position:-48px -24px;
}
.called-icons.financial_services {
background-position:-72px -24px;
}
.called-icons.debt_collector {
background-position:-96px -24px;
}
.called-icons.fraud {
background-position:-120px -24px;
}
.called-icons.poll {
background-position:-144px -24px;
}
.called-icons.market {
background-position:-168px -24px;
}
.called-icons.silent {
background-position:-192px -24px;
}
.called-icons.other {
background-position:-216px -24px;
}

/* Form search */

.called-searched {
margin:20px;
padding:1px 20px;
height:250px;
background-color:#19b5fe;
background-image:url('/design/css/images/handphone.png');
background-repeat:no-repeat;
background-position:bottom right;
border-radius:18px;
}

form.called-form {
max-width:600px;
margin:20px auto;
}

.called-titleform {
margin-top:70px;
text-align:center;
font-size:32px;
font-weight:900;
color:#fff;
}

.called-search {
position:relative;
height:42px;
border:2px solid #a0a0a0;
background-color:#ffffff;
border-radius:9px;
padding:0 42px 0 0;
}

.called-search #phone {
width:100%;
height:42px;
border:none;
margin:0;
padding:0 12px;
font-size:20px;
}

.called-search button {
position:absolute;
top:0;
right:0;
width:44px;
height:42px;
background-color:#a0a0a0;
border-radius:0 3px 3px 0;
border:none;
margin:0;
padding:0;
}

.called-search button::before {
content:'';
display:inline-block;
width:24px;
height:24px;
background-image:url('/design/css/images/sprite-phone.png');
background-repeat:no-repeat;
margin:0;
padding:0;
vertical-align:middle;
}

.called-search button::before {
background-position:-120px 0; /*-216px 0;*/
}

.b.called-number {
margin:20px;
padding:0;
display:flex;
}

.b.called-number div {
flex:1;
padding:20px 0;
}

/* News info */

.called-info {
display: flex;
flex-direction: column;
margin: 10px;
}
.called-infocell {
flex: 1 0 0;
background: #ddd;
margin: 10px;
}

/* User Icons */

.user_sidebar i {
display:inline-block;
width:24px;
height:24px;
background-image:url('/design/css/images/sprite-user_sidebar.png');
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0;
vertical-align:middle;
}

.user_notify {
background-position:0 0;
}
.user_dialog {
background-position:-24px 0;
}
.user_online {
background-position:-48px 0;
}
.user_forum {
background-position:-72px 0;
}
.user_poll {
background-position:-96px 0;
}
.user_link {
background-position:-120px 0;
}
.user_code {
background-position:-144px 0;
}
.user_ignore {
background-position:-168px 0;
}
.user_setting {
background-position:-192px 0;
}
.user_logout {
background-position:-216px 0;
}

/*  */

/* Currency */

.table_currency {
background-color:#f3f5f7;
border-radius:18px;
margin:0 0 20px 0;
padding:20px;
max-width:1200px;
font-size:16px;
}

.table_row {
display:flex;
justify-content:space-around;
align-items:center;
}

.table_cell {
flex:1;
padding:10px;
}

.table_currency .table_cell:nth-child(1) {
flex-grow:2;
}

.table_cell:nth-child(2),
.table_cell:nth-child(3) {
text-align:center;
}

.table_cell:nth-child(4) {
text-align:right;
}

.table_row:nth-of-type(2n) {
background-color:rgba(255,255,255,.8);
border-radius:9px;
}

/* Pagenation */

.n {
margin:0;
padding:20px;
}

.n a {
display:inline-block;
background-color:transparent;
color:#aaa;
height:36px;
line-height:36px;
margin:5px 5px 0 0;
padding:0 12px;
font-weight:700;
text-align:center;
border:1px solid #aaa;
border-radius:9px;
}

/* Topic */

.topic {
border-bottom:4px solid #eee;
margin:0 20px;
padding:20px 0;
}

.topic-header {
padding:0;
color:#333;
}

.topic-header a {
display:inline-block;
height:100%;
margin:0 10px 0 0;
font-size:16px;
font-weight:700;
line-height:64px;
}

.topic-avatar {
display:inline-block;
width:64px;
height:64px;
vertical-align:middle;
margin:0 10px 0 0;
background-color:#fff;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:0;
border-radius:50%;
}

.topic-text {
margin:0;
padding:10px 0;
color:#333;
font-size:20px;
font-weight:400;
}

.topic-pubdate {
display:inline-block;
font-size:14px;
font-weight:400;
color:#999;
height:64px;
line-height:64px;
}

/* */

a.btn-discuss,
a.topic-btn_create,
a.topic-btn_reply,
a.btn_add {
display:inline-block;
min-width:100px;
height:38px;
line-height:38px;
margin:20px 0 0 0;
padding:1px 16px 1px 12px;
border-radius:20px;
background-color:#f62434;
color:#fff;
text-align:left;
text-transform:uppercase;
font-size:14px;
font-weight:700;
}

a.btn-discuss,
a.btn_add {
background-color:#0075ff;
}

a.btn-discuss::before,
a.topic-btn_create::before,
a.topic-btn_reply::before,
a.btn_add::before,
.called-notice::before {
content:'';
display:inline-block;
width:24px;
height:24px;
background-image:url('/design/css/images/sprite-main.png');
background-repeat:no-repeat;
margin:0 10px -7px 3px;
padding:0;
}

a.btn-discuss::before {
background-position:0 0;
}

a.topic-btn_create::before {
background-position:-24px 0;
}

a.topic-btn_reply::before {
background-position:-48px 0;
}

a.btn_add::before {
background-position:-72px 0;
}

.called-notice::before {
position:absolute;
top:12px;
left:12px;
background-position:-96px 0;
}

/* Comments */

.comments {
margin:0 20px;
}

.comment {
margin:20px 0;
}

.comment-header {
padding:0;
color:#333;
}

.comment-header a {
display:inline-block;
height:100%;
margin:0 10px 0 0;
font-size:16px;
font-weight:700;
line-height:32px;
}

.comment-avatar {
display:inline-block;
width:32px;
height:32px;
vertical-align:middle;
margin:0 10px 0 0;
background-color:#fff;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:0;
border-radius:50%;
}

.comment-to {
font-size:14px;
font-weight:400;
color:#999;
}

.comment-pubdate {
display:inline-block;
font-size:14px;
font-weight:400;
color:#999;
height:32px;
line-height:32px;
}

.comment-ago,
.comment-date {
transition:all .2s ease 0s;
}

.comment-date {
display:none;
}
.comment-pubdate:hover > .comment-ago {
display:none;
}

.comment-pubdate:hover > .comment-date {
display:inline-block;
}

.comment-text {
margin:0;
padding:5px 0 20px 0;
color:#333;
font-size:18px;
font-weight:400;
}

.comment-footer {
text-align:left;
margin:0;
padding:0;
}

a.comment-reply,
a.comment-repost {
min-width:100px;
height:36px;
line-height:30px;
color:#999;
text-transform:uppercase;
text-align:center;
font-size:14px;
font-weight:700;
margin:0 10px 0 0;
padding:0;
}

/* Main Forum */

.main_forum {
margin:0 20px 20px 20px;
padding:15px 20px 10px 20px;
background-color:#0075ff;
border-radius:18px;
}

.main_forum-topic a {
display:block;
padding:10px 20px;
font-size:16px;
font-weight:400;
}

.main_forum-topic {
margin:0 0 10px 0;
background-color:#ffffff;
border-radius:3px 18px 18px 18px;
}

.main_forum-title {
color:#ffffff;
margin:0 0 10px 0;
font-size:20px;
font-weight:900;
text-transform:uppercase;
}

.main_forum-footer {
display:block;
color:#999;
}

.main_forum-pubdate {
display:inline-block;
font-size:14px;
font-weight:400;
color:#999;
margin:0;
}

.main_forum-count,
.comment-count {
display:inline-block;
font-size:14px;
font-weight:400;
color:#999;
}

.main_forum-icon,
.comment-icon {
display:inline-block;
width:18px;
height:18px;
vertical-align:bottom;
text-align:center;
margin:0 2px 0 0;
background-image:url('/design/css/images/sprite-main_small.png');
background-position:0 0;
background-repeat:no-repeat;
}

/**/

svg {
font-size:14px;
font-family:sans-serif;
font-weight:700;
}

.curr {
opacity:0;
font-size:14px;
font-family:sans-serif;
font-weight:700;
transition:0.5s;
}

rect:hover ~ .curr {
opacity:1;
}

.path {
stroke-dasharray:1300;
stroke-dashoffset:1300;
animation:dash 7s linear forwards;
}

@keyframes dash {

to {
stroke-dashoffset:0;
}

}

/*-----------*/

ul.list {
margin:0 0 0 30px;
}

ul.list > li::before {
content:'';
display:inline-block;
width:8px;
height:8px;
vertical-align:1px;
margin:0 12px 0 -20px;
border:2px solid #01aaaf;
border-radius:50%;
box-sizing: border-box;
}

ol.list {
margin:0 0 0 30px;
}
ol.list > li::before {
counter-increment:list;
content:counter(list);
display:inline-block;
width:18px;
height:18px;
border:2px solid #01aaaf;
color:#01aaaf;
font-size:12px;
font-weight:700;
margin:0 12px 0 -20px;
vertical-align:5px;
border-radius:50%;
box-sizing:border-box;
padding:0;
line-height:14px;
text-align:center;
}
/*
.t a {
display:block;
width:50px;
height:50px;
margin:0;
padding:0;
background-color:#ffffff;
float:left;
}
*/

.reader {
text-align:left;
}

.reader .reader_text {
position:relative;
margin:20px 20px 0 20px;
padding:20px;
background-color:#F2F1EF;
color:#000;
font-size:24px;
text-align:center;
}

.reader.interesting_facts .reader_text {
background-color:#feff77;
color:#808000;
padding:120px 20px 20px 20px;
}

.reader.shutki .reader_text {
background-color:#d0f0bf;
color:#0d460a;
padding:110px 20px 20px 20px;
}

.reader.shutki .reader_text{
background-image:url('/design/css/images/joke.png');
background-repeat:no-repeat;
background-position:center 20px;
}

.reader.interesting_facts .reader_text{
background-image:url('/design/css/images/fact.png');
background-repeat:no-repeat;
background-position:center 20px;
}

.reader.aforizmy .reader_text {
background-color:#23a7f1;
color:#fff;
padding:90px 20px;
}

.reader.aforizmy .reader_text::before,
.reader.aforizmy .reader_text::after {
content:'';
display:block;
width:100px;
height:61px;
position:absolute;
background-image:url('/design/css/images/quotes.png');
background-repeat:no-repeat;
}

.reader.aforizmy .reader_text::before {
content:'';
left:20px;
bottom:20px;
background-position:0 0;
}

.reader.aforizmy .reader_text::after {
content:'';
right:20px;
top:20px;
background-position:-100px 0;
}

.reader.motivation .reader_text {
background-color:#f9bf3b;
color:#ffffff;
}

.reader.saying .reader_text {
background-color:#9a12b3;
color:#ffffff;
text-align:left;
}

.reader.saying .reader_text strong {
display:inline-block;
margin-right:20px;
font-size:32px;
}


























@media screen and (max-width:420px) {
.main_news-head {
display:block;
}
}


/* - - M - - */

@media screen and (max-width:960px) {

.box2 {
border-top:2px solid #ccc;
}

select,
textarea,
.textarea,
.location,
#file-name,
form.fm .btn_vk,
form a.btn_green,
input[type="text"],
input[type="submit"],
form a.btn_gray,
input[type="password"] {
width:100%;
}

.tabs {
display:flex;
}

.tabs a,
.tabs span {
flex:1;
}

a#logo {
margin:0 0 0 56px;
}

a#logo .i_logo {
width:96px;
height:40px;
background-position:0 -40px;
display:block;
margin:0 auto;
}

.illusion_rotate::after {
content:'Переверни картинку';
}

.horo a {
line-height:60px;
}

#sidebar {
position:fixed;
margin-top:55px;
padding:0;
overflow:auto;
background-color:#01aaaf;
z-index:3;
top:0;
left:-330px;
width:320px;
height:100%;
transition:left .1s linear 0s;
box-shadow:2px 7px 7px rgba(0,0,0,0.5);
}

#sidebar a {
display:block;
background-color:transparent;
text-align:left;
margin:0;
padding:0 20px;
}

#mb:checked ~ #sidebar {
left:0;
width:320px;
}

.menu-button {
position:fixed;
top:0;
left:0;
width:56px;
height:56px;
margin:0;
padding:0;
background-color:transparent;
border:none;
z-index:4;
}

.menu-button::before,
.menu-button span,
.menu-button::after {
position:absolute;
display:block;
left:18px;
width:20px;
height:2px;
background-color:#ffffff;
transition:all .1s linear .1s;
border:none;
border-radius:1px;
}

.menu-button span {
width:16px;
}
.menu-button:hover span {
width:20px;
}

.menu-button::before {
content:'';
top:20px;
}

.menu-button span {
top:27px;
}

.menu-button::after {
content:'';
bottom:20px;
}

#mb:checked ~ .menu-button::after {
width:15px;
transform:rotate(45deg) translateX(-3px);
}

#mb:checked ~ .menu-button span {
width:2px;
}

#mb:checked ~ .menu-button::before {
width:15px;
transform:rotate(-45deg) translateX(-3px);
}

#mb:checked ~ .main::after {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:1;
}

#notify_box {
top:76px;
}

.news {
padding:0 18px;
}

.news ul li span {
background-size:cover;
background-repeat:no-repeat;
display:inline-block;
width:75px;
height:50px;
margin:0 10px 0 0;
padding:0;
float:left;
border:none;
}

.news ul li a {
text-align:left;
height:50px;
display:block;
margin:10px 0 0 0;
padding:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:18px;
border:none;
}

.news-subtitle {
font-size:20px;
}

.pn {
padding:20px 2px;
text-align:center;
}

#pi,
a.pl,
a.pr,
.pn input[type="text"],
.pn input[type="submit"] {
width:60px;
height:44px;
line-height:44px;
font-size:12px;
}

.banner-content {
flex-direction:column;
}

.banner-text {
text-align:center;
}

.b.called-number {
flex-direction:column;
}

.weather {
overflow:hidden;
}

.weather .temp {
float:left;
}

.main {
padding:56px 0 76px 0;
}

/* Footer */

.foot {
height:56px;
}

.foot-title,
.foot-block:not(:nth-child(2)),
.foot-line {
display:none;
}

.foot-block:nth-child(2) {
width:100%;
text-align:center;
}

.foot-block:nth-child(2) a {
display:inline-block;
text-transform:uppercase;
font-weight:700;
font-size:14px;
color:#333;
padding:20px;
}

.ads_normal a {
margin-left:10px;
}

.tl1,
.tl2 {
display:block;
}

.tl1 {
padding:10px 4px 0px 70px;
}

.tl2 {
padding:4px 4px 0px 70px;
}

}

/*

#h::before {
content:'';
position:absolute;
left:0;
top:40px;
width:100%;
height:32px;
display:block;
animation:girlyanda 1s steps(4) 0s infinite;
background-image: url('/design/css/images/sprite-girlyanda.png');
background-repeat: repeat-x;
}
@keyframes girlyanda {
0% {
background-position:0 0;
}
100% {
background-position:0 -128px;
}
}

*/

/* - - PC - - */

@media screen and (min-width:961px) {

#h,
.header {
height:72px;
}

.header {
position:relative;
max-width:1200px;
margin:0 auto;
background-color:transparent;
color:#333;
}

header {
box-shadow:0 5px 5px rgba(0,0,0,0.25);
}

/*

.header::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:72px;
display:block;
animation:sneg 7s linear 0s infinite;
background-image: url('/design/css/images/sneg.png');
z-index:-1;
}

@keyframes sneg {
0% {
background-position:0 0;
}
100% {
background-position:0 288px;
}
}

#h::before {
top:56px;
}

*/

.box2 .b ul {
border-left:2px solid #eee;
}

.box2 .b h2 {
padding:0 20px;
border-left:2px solid #eee;
}

.box2 ul li a {
margin:0 0 0 10px;
padding:7px 10px;
border-radius:9px;
}

.box2 ul li a:hover {
background-color:#f3f3f3;
color:#333;
}

.illusion_rotate::after {
content:'Подведи курсор к картинке';
}

.horo .small {
display:block;
}

.horo a {
line-height:30px;
}

.block {
padding:20px;
background-color:#f3f3f3;
border-radius:18px;
}

.head_menu li:hover {
background-color:rgba(255,255,255,0.2);
}

.nl2 {
top:18px;
}

#sidebar {
display:inline-block;
}

#sidebar img.avatar {
display:block;
margin:0 auto;
}

#rotate {
transition-duration:.9s;
}

#rotate:hover {
transform:rotate(180deg);
}

/* */

.nb_title {
position:absolute;
width:280px;
height:72px;
line-height:72px;
}

.info_line {
display:flex;
}

.info_line-block div {
height:100%;
}

.info_line-block {
display:flex;
align-content:stretch;
flex:2;
flex-direction:column;
margin:0 0 20px 20px;
}

.main_forum {
flex:1;
}

/* Catgory */

.category {
margin-top:20px;
border-top:1px solid #eee;
border-right:1px solid #eee;
}

.category li {
float:left;
width:50%;
border-bottom:1px solid #eee;
border-left:1px solid #eee;
}

.project li {
width:25%;
}

.tv-channel li {
float:left;
width:20%;
border:1px solid #eee;
}

.horo li {
float:left;
width:25%;
border:1px solid #eee;
}

.box1 {
width:65%;
float:left;
}

.box2 {
width:35%;
float:right;
}

.tabs {
margin:0 20px;
}

form.fm {
max-width:325px;
margin:56px auto;
}

form.fm, form.fm .b {
border-radius:18px;
}

.box2 textarea {
width:285px;
height:176px;
}

.cell {
width:33.3%;
}

a#logo {
display:block;
width:115px;
height:40px;
background-color:transparent;
}

#sidebar a {
height:72px;
line-height:72px;
margin:0;
padding:0 16px;
text-transform:uppercase;
transition:.2s;
}

#sidebar a:hover {
background-color:rgba(255,255,255,0.2);
}

.i_logo,
.i_login,
#sidebar i {
display:block;
margin:0 auto;
padding:0;
}

.i_login,
#sidebar i {
width:40px;
height:40px;
}

#sidebar .i_logo {
width:100px;
height:40px;
background-position:0 0;
margin:4px auto 4px;
}

#sidebar .i_info {
background-position:-100px 0;
}

#sidebar .i_comm {
background-position:-140px 0;
}

#sidebar .i_rest {
background-position:-180px 0;
}

#sidebar .i_serv {
background-position:-220px 0;
}

#sidebar .i_dev {
background-position:-260px 0;
}

#sidebar .i_login {
background-position:-300px 0;
}

.login {
background:#212040 url('/design/css/images/bg_auth.png') top left repeat-x;
background-size:contain;
}

.head_menu {
padding:0 4px 0 0;
}

.head_menu,
.head_menu li,
.head_menu li a {
height:72px;
}

.head_menu i,
.nb_title i {
margin:24px 16px;
}

.t {
width:auto;
height:50px;
line-height:65px;
font-size:24px;
margin:0 20px;
padding:0;
}

.c {
display:inline-block;
float:right;
}

.currency_name {
display:inline-block;
margin:0 10px 0 0;
}

.news li {
width:100%;
height:110px;
display:inline-block;
overflow:hidden;
margin:0;
padding:0;
border:none;
box-sizing:border-box;
}

.news ul li span {
background-repeat:no-repeat;
display:inline-block;
width:150px;
height:100px;
margin:0 20px 0 0;
padding:0;
float:left;
border:none;
position:relative;
}

.weather {
width:25%;
float:left;
padding:20px;
box-sizing:border-box;
}

.event-box {
padding-top:100px;
}

/* Foot */

.foot-box {
max-width:1200px;
height:100px;
margin:0 auto;
padding:40px 0;
}

.foot-policy {
max-width:1200px;
margin:0 auto;
}

.foot-copy {
line-height:40px;
font-size:14px;
color:#999;
padding:0 20px;
}

.foot-logo {
display:block;
background-repeat:no-repeat;
background-position:0 -80px;
display:inline-block;
width:115px;
height:40px;
margin:0 0 0 20px;
padding:0;
}

.break-dt {
display:block;
margin:0;
padding:0;
}

.category {
margin:20px;
}

.category a:hover {
box-shadow:0 0 10px rgba(0,0,0,0.25);
}

.event {
margin-top:72px;
}

}

/* */
a[href="/?/user/page/1"] {
position:relative;
margin-right:24px;
}

a[href="/?/user/page/1"] span::after {
content:'';
position:absolute;
top:50%;
right:-26px;
margin-top:-12px;
display:block;
width:24px;
height:24px;
background-image:url("/design/images/icon/verification.png");
}