body {
background-color: #f2c4fe;
text-decoration: none;
width: 100%;
margin:0px;
line-height: 1.6;
font-family: Arial;
font-size: 14px;
}
.container {
color: #000000;
background-color: #f2c4fe;
margin:0 auto;
text-align: center;
}
.headl {
padding: 3px 10px 3px 10px;
text-align: left;
height: 75px;
background:#4e175c; 
background: linear-gradient(to right,#4e175c 0,#482b4f 100%);
margin-bottom: 2px;
}
.headl img{
max-width: 100%;
}
@media (max-width:250px) {
.headl {
height: 65px;
}
}
a{
font-size: 14px;
color:#4e175c; text-decoration: none;
}
a:hover {color:#942baf; cursor: pointer;}
.headtit {
text-align: center;
color: #ffffff;
font-weight: bold;
border-bottom: 2px solid #faae3f;
font-size: 15px;  
padding: 8px 10px 8px 10px; 
background:#771c8d; 
background: linear-gradient(to right,#771c8d 0,#a525c5 100%);
margin: 3px 0px 3px 0px; 
}
.minkat {
color: #ffffff;
border-bottom: 0px;
width: 32%; 
display: inline-block; 
}
.minkat a{ 
font-size: 15px;
text-decoration: none;
text-align: left !important;
color: #ffffff;
display: block; 
background-color: #a361b4;
padding: 8px 7px 8px 10px; 
text-align: center;
margin: 2px 2px 2px 2px;
}
.minkat a:hover{ 
background-color:#d0953e;
cursor: pointer;
}
@media (max-width:1050px) {
.minkat{
width: 49%; 
}
}
@media (max-width:550px) {
.minkat {
width: 100%; 
}
.minkat a{ 
font-size: 14px;
}
}
        a.ubutton1 {
            border: 1px solid #d28102;
            border-radius: 4px;
            white-space: nowrap;
            text-align: center;
            margin-left: 3px;
            margin-right: 3px;
            margin-top: 2px;
            margin-bottom: 2px;
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
            padding: 8px 9px 8px 9px;
            color: #ffffff !important;
            line-height: 1;
            background: #e79007;
            box-shadow: inset 0 -5px 25px rgba(0, 0, 0, 0.3);
        }
        a.ubutton1:hover{
            cursor: pointer;
            color: #ffffff;
            background-color: #d1a663;
            text-decoration: none;
        }
.thumbs {
max-width: 1300px;
width: 100%;
margin: 3px auto;
text-align: center;
}  
.thumb {
font-size: 14px;
border: 3px solid #f2c4fe;
overflow: hidden;
#background: #68197c;
#background: linear-gradient(to right,#68197c 0,#9426af 100%);
background-color: #a361b4;
display: inline-block;
width: 100%;
max-width: 23%;
text-align: center;
margin: 3px 3px;
}
.thumb a{
font-size: 14px;
color: #ffffff;  
text-decoration: none;
}
.thumb a:hover {
cursor: pointer;
color:#d8a047;
}
.thumb:hover {
transition: all 0.5s ease;
border: 3px solid #d0b690;
opacity: 0.9;
}
.nazv {
display: table-cell;
line-height: 0;
height: 40px;
}
.nazvin {
height: 36px;
color: #ffffff;
line-height: 14px;
padding: 0px 2px 0px 2px;
overflow: hidden;
}
.screens {
display: block;
position: relative;
}
.screens img{ 
max-width: 100%;
width: 100%;
}
.vrem{ 
position: absolute;
left: 3px;
top: 3px;
font-size:14px;   
background-color: rgba(104, 25, 124, 0.8);
height: 17px;
font-weight: bold;
line-height: 18px;
color: #ffffff;
padding: 2px 5px;
z-index: 3;
} 
.nvs{
padding: 4px 5px 4px 5px;
margin: 0px 0px 2px 0px;
text-align: left;
color: #000000;
line-height: 22px;
}
.nvs a {
color: #ffffff;
text-decoration: none;
}
.nvs a:hover {
cursor: pointer;
}
a.butall {
font-size: 15px;
white-space: nowrap;
text-align: center;
margin: 3px 0px 2px 0px;
font-weight: bold;
text-decoration: none;
display: inline-block;
padding: 6px 9px 6px 9px;
color: #ffffff;
background-color: #d78813;
box-shadow: inset 0 -5px 25px rgba(0, 0, 0, 0.2);
border: 1px solid #e48d0d;
}
a.butall:hover{
cursor: pointer;
background-color:#e29f3c;
text-decoration: none;
}
@media (max-width:630px) {
a.butall {
font-size: 14px;
display: block;
}
}
@media (max-width:230px) {
.nvs{
padding: 4px 0px 4px 0px;
}
}
.blcenter {
text-align: center; 
}
@media (max-width: 1080px) {
.thumb { 
max-width: 30%;
}   
}    
@media (max-width: 800px) {
.thumb { 
max-width: 46%;
}
}
@media (max-width: 458px) {
.headtit {
font-size: 14px;  
}
.thumb { 
max-width: 94%;
margin: 5px 0px 5px 0px;
} 
}
.mainc{
border: 1px solid #d5c2da;
color: #000000;
font-size: 14px;  
text-align: left;
padding: 5px 5px 5px 10px;  
margin: 3px 0px 3px 0px; 
line-height: 22px;
background: #c3aec9;
}
.mainc img {
max-width: 100%;
width: 26px;
height: 26px;
vertical-align: middle;
margin: 0px 0px 2px 0px;
}
.ftdown{
text-align: center; 
margin: 0px 0px 7px 0px;
padding: 9px;
font-size: 14px;
color: #ffffff;
line-height: 22px;
background:#4e175c; 
background: linear-gradient(to right,#4e175c 0,#482b4f 100%);
word-spacing: 3px;
}
.ftdown a{
text-decoration: none;
border-radius: 6px;
padding: 3px 6px 3px 6px;
background-color:#b58cc0;
color: #ffffff;
}
.ftdown a:hover{
cursor: pointer;
background-color:#c6a2d0;
color: #f5d7fd;
}
a.vybr {
background-color:#e29f3c !important; 
}
.progscr {position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.4);height:4px}
.fa-home:before {content: "f015";}
.kvids {
margin: 1px 1px 0px -4px;
float: right;
text-align: center;
color: #ffffff;
padding: 2px 6px 2px 6px;
border-radius: 4px;
font-size: 12px;
height: 18px;
background: #761e76;
opacity: 0.6;
}
.cous {
padding: 4px 0px 4px 0px;
word-spacing: 3px;
}
.cous a{
background-color: transparent;
}
.cous a:hover{
background-color: transparent;
}
.fa-copyright:before {content: "f1f9";}
.fa-star:before {content: "f005";}
.upb {
color : #000000;
line-height: 2;
margin-top: 3px;
padding: 4px 0px 4px 10px;
text-decoration: none;
background: #d7a5e4;
text-align: left;
}
.upb a{
color: #000000;
letter-spacing:0.9px;
font-size: 14px;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;}