/**************************
* Dizayner by DesignSHYI  *
* Tel: + 99 893 322-31-31 *
*   Telegram: @KaroL_N1   *
**************************/

body {
background-color: #3D3D3D; 
margin:auto;
max-width:1280px;
font-family:"Arial";
font-size:14px;
color: #EB796D;
}

.spimg {
width: 100%;
	position: relative;
}

.rekls {
background-color: #333333;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
padding: 5px 2px 6px 8px;
}
.rekls  span {
background-color: #292929;
display: inline-block;
padding: 2px 5px;
color: orange;
font-size: 12px;
}
.rekls a {
display: inline-block;
margin: 3px 5px;
color: #fff;
}
.rekls a:hover {
text-decoration: underline;
}
.spimg a {
	display: block;
}
.spimg img {
border-radius: 3px 3px 0 0;
display: block;
width: 100%;
height: 240px;
}
.counter {
margin: 6px 4px 4px 4px;
text-align: center;
}
.spzh {width: 33.2%;display: inline-block;}
.mcgul {
border-bottom: 1px solid #000;
padding: 0 0 10px 0;
}
.nmsp span {
opacity: 0.85;
color:#fff;
font-size: 14px;
background-color: #424242;
position: absolute;
left: 0;
bottom: 0px;
padding: 4px 6px;
margin: 0;
}

.gclr {
	clear: both;
	font-size: 0;
	height: 0;
}
.ctpad {padding: 7px;}


.sppo:hover {border: 1px solid #ba5e00;}
.sppo {
	background-color: #191919;
	float: left;
width: 31.5%;
height: 240px;
	text-align: left;
	padding: 1px;
border: 1px solid #5E5E5E;
	margin: 5px 9px 6px 9px;
}
.sppo a {
	text-decoration: none;
	font-size: 14px;
}



.phvicop a {color: #f8f4f9; text-decoration:none;}
.phvicop img {vertical-align: top;}
.phvicop {
font-size: 17px;
background: url(/shyi/css/img/hbg.png) repeat-x top left #121413;
border: 1px solid #000000;
padding: 12px 13px;
text-align: left;
}
.phvicop a:hover {text-decoration: underline;}

a {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

.logo {
text-align:left;
height:49px;
}



.spmenu {
font-size: 19px;
margin-top: 6px;
color: #EB796D;
background: url(/shyi/css/img/nizec.png) repeat-x top left #000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 12px;
text-align: left;
}
.skrel {
font-size: 15px;
margin-top: 6px;
background-color: #515d65;
border: 1px solid #3e4b54;
border-radius: 6px;
padding: 7px;
text-align: center;
}
.dblv {
width: 100%;
display:block;
font-size: 15px;
margin: 10px 8px 10px 10px;
}
.schets {
display: inline-block;
color: #EB796D;
margin-top: -2px;
padding: 3px 8px;
margin-left: 2px;
font-size: 17px;
font-weight: normal;
background-color: #1B1F22;
float: right;
border-radius: 6px 0 0 6px;
}

.ilike {
margin: 10px 8px 0 8px;
width: 222px;
float: left;
border-radius:9px;
border: 1px solid #000;
display:inline-block;
text-align: left;color: #fff;background: url(/shyi/css/img/fld.png) repeat-x top left #1B1F22;
padding: 16px 0 16px 17px;
font-size: 20px;
}




.ilike:hover {background: #1B1F22;}

.sppdow {
width: 100%;
display: block;
}
a.sppdow {
float: left;
width: 222px;
display: inline-block;
border: 1px solid #000;
text-align: left;
color: #fff;
background: url(/shyi/css/img/fld.png) repeat-x top left #1B1F22;
display: block;text-decoration:none;
padding: 16px 0 16px 17px;
font-size: 20px;
border-radius: 9px;
margin: 10px 8px 0 8px;
}
a.sppdow:hover{background: #1B1F22;}
}
.liscreen {
padding:4px 3px 0 2px;
position: relative;
text-align: left;
}
.liscreen img:hover {
border:2px solid #814C94;
}
.liscreen img {
text-align: left;
position: relative;
border:2px solid #3D0051;
}
.smccr {position: absolute;  display: inline-block; border:2px solid #744485;
float: left;text-align: center;color: #F0F000;left: 0;bottom: 85px;
left: 100px;opacity: 0.8;
padding: 9px 14px;background-color: #3C0049;font-size: 18px;border-radius: 8px;text-decoration: none;}
.li_title {
background:#3C0049;
display:block;
border-bottom:1px solid #744485;
color:#C7A8B8;
padding:1px;
}

.onh span {
display: inline-block;
margin: 3px 0 1px 11px;
}
.mybody {
background-color: #333333;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.mclinazad {
padding: 3px 5px 8px 3px;
background-color: #333333;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.mclinazad span {margin: 9px 8px 0 8px; font-size: 13px;text-align: left;display: inline-block;}
.onh {
padding: 5px 0;
border: 1px solid #000000;
border-radius: 5px 5px 0 0;
background: url(/shyi/css/img/hbg.png) repeat-x top left #121413;
width: 100%;
font-size: 16px;
text-align: left;
}

.onh h1 {
color: #EB796D;
display: inline-block;
font-size: 17px;
padding: 10px 14px;
margin: 0;
}
.li {
text-align: left; padding: 5px;
}
a.mcli 
{
border: 1px solid #000;
text-align: left;
color: #F0F0E1;
background: url(/shyi/css/img/fld.png) repeat-x top left #A6B6B6;
display: block;text-decoration:none;
padding: 9px 0 9px 7px;
font-size: 17px;
border-radius: 6px;
margin: 10px 8px 0 8px;
}
a.mcli:hover{background: #1B1F22;}
.mcli img {vertical-align: top;}


.img {
border-radius:50%;
border:2px solid #fff;
margin-top:4px;
}
.catsofvideo {
padding: 0 5px 1px 8px;
}
a.catsofvideo {
display:inline-block;
overflow:hidden;
color:#fff;
background: url(/shyi/css/img/mng.png) repeat-x #591C00;
border-color:#d43f3a;
margin:0 3px 0 3px;
padding: 5px 8px;
text-decoration:none;
border-radius:4px;
}
a.catsofvideo:hover {
text-decoration: underline;
}

.nav >li.disabled >a {
color:#999
}

.nav >li.disabled >a:hover,.nav >li.disabled >a:focus {
color:#999;
text-decoration:none;
background-color:transparent;
cursor:not-allowed
}

.pagination {
display:inline-block;
padding-left:0;
margin:0 0 2px 0;
border-radius:4px
}

.pagination >li {
display:inline
}

.pagination >li >a,.pagination >li >span {
font-size: 18px;
border: 1px solid #000;
background: url(/shyi/css/img/mng.png) repeat-x #591C00;
border-radius: 22px;
margin: 3px 4px 3px 4px;
color: #fff;
display: inline-block;
padding: 11px 17px;
text-decoration:none;
}


.pagination >li >a:hover,.pagination >li >span:hover,.pagination >li >a:focus,.pagination >li >span:focus {
text-decoration:underline;
}

.pagination >.disabled >span,.pagination >.disabled >span:hover,.pagination >.disabled >span:focus,.pagination >.disabled >a,.pagination >.disabled >a:hover,.pagination >.disabled >a:focus {
font-size: 18px;
border: 1px solid #000;
background: #141414;
border-radius: 22px;
margin: 3px 4px 3px 4px;
color: #F08609;
display: inline-block;
padding: 11px 17px;
text-decoration:none;
cursor:not-allowed
}
@media screen and (max-width: 1440px) {
.dblv { width: 99%;}
.onh {width: 99%;}
}
@media screen and (max-width: 1280px) {
	.dblv { width: 97%;}
.onh {width: 98%; border-left: none;}
.sppo {
width: 31%;
}
}
@media screen and (max-width: 1024px) {
.sppo {
width: 30%;
}
}
@media screen and (max-width: 800px) {
.spzh { width: 50%;} 
.sppo {
width: 29%;
}
}

@media screen and (max-width: 700px) {
.sppdow {
width: 97%;
display: inline-block;
}
a.sppdow {
display: block;
margin: 10px 0 0 0;
width: 97%;
}
.ilike {
margin: 10px 0 0 0;
width: 97%;
}
.sppo {
width: 45%;
}
}
@media screen and (max-width: 500px) {
	.spzh { width: 100%;} 
.sppo {
width: 94%;
}
	.sppdow, a.sppdow, .ilike {
		font-size: 17px;
width: 95%;
}
}
@media screen and (max-width: 320px) {
	.onh, .dblv {width: 96%;}
	.sppdow, a.sppdow, .ilike {
		font-size: 16px;
width: 94%;
}

.sppo {
width: 92%;
}
}


/**************************
* Dizayner by DesignSHYI  *
* Tel: + 99 893 322-31-31 *
*   Telegram: @KaroL_N1   *
**************************/