@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'RussiaLight';src:url("russia-light-webfont.eot");src:url("russia-light-webfont.woff") format("woff"), url("russia-light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal;}
*{margin:0;padding:0;border:0;}


body {
color: #000;
font-size: 13px;
max-width : 1100px;
margin : auto;
font-weight: medium;
font-family:'RussiaLight',Verdana, Arial;
background-position: center;
background: #eaeaea; 
}

a {
text-decoration: none; 
color: #3d3d3d;
}




h3 {
	height:10px;
	margin: auto;

} 

img.icon {
	height:19px;
	margin-bottom: -3px;

}

.head {
	    background: #c75c5c;
		height: 80px;
}

.content {
	position: relative;
	width: 100%;
	display: flex;
}

.category {
	float: left;
    width: 25%;
    margin-right: 2%;
}

.vidmo {
	width: 73%;
	background: #fff;
}


.e-l {
	background: #fbfbfb;
    display: block;
    padding: 8px;
	color: #c75c5c;
    border-bottom: 1px solid #e2e2e2;
}

.e-l-c {
	background: #eaeaea;
    float: right;
    color: #c75c5c;
    border: 1px solid #c75c5c;
    padding: 0px 5px;
}


.contents {
	text-align: center;
}



.title {
	text-align: center;
    background: #fff;
    padding: 15px;
}

.lol {
	padding: 10px;
}

.logo {
	width: 220px;
	padding: 5px 5px 5px 25px;
	display: inline-block;
	text-align: center;
}

.logoab {
	    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.logodom {
	    font-size: 40px;
    font-weight: 600;
    color: #fff;
}

#catlink {
	padding: 35px;
    float: right;
}

#catlink a {
	background: #Fff;
    padding: 5px 15px 5px 15px;
}

.gpl {
	padding: 15px;
    line-height: 20px;
}

.downed {
	padding: 0px 0px 0px 15px;
}

.downs {
    background: #c75c5c;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
    padding: 5px 10px 5px 10px;
}

.page {
	background: #eaeaea;
    color: #cacaca;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border: 1px solid #e2e2e2;
}

.byecos {
	padding: 20px;
	background: #eaeaea;
    display: inline-block;
    overflow:hidden;
    padding: 5px 10px 5px 10px;
    border: 1px solid #e2e2e2;
}



@media screen and (max-width: 900px) {
.category { display: none;  visibility: hidden;}
.vidmo { width: 100%; }
}

.foot {
    background-color: #f9f9f9;
    text-align: center;
    padding: 9px 5px 10px 5px;
    margin-top: 10px;
}
.footer {
    background-color: #f9f9f9;
    text-align: center;
    padding: 9px 5px 10px 5px;
    margin-top: 10px;
}

.footer a {
	padding: 5px 10px;
    border: 1px solid #cfcfcf;
    background-color: #dfdfdf;
    display: inline-block;
    color: #333;
    text-decoration: none;
    transition: ease 0.3s all;
    margin: 3px 5px;
}

.footer  a:hover {
    background-color: #505050;
    color: #fff;
}

.alls {
	padding: 25px;
    text-align: center;
}

.alls a{
	background: #c75c5c;
    padding: 15px;
    color: #fff;
}




#preview{width:25%;display:inline-block; overflow:hidden;vertical-align:top;padding:0px;box-sizing: border-box;  margin-left: 2px;
    margin-top: 3px;}
#preview .innercont{     margin: 0 5px 10px 5px;
    overflow: hidden;}
#preview  .preview_screen img{display:block;width:100%;}
#preview .preview_screen{position:relative;}
#preview .preview_screen2 img{display:block;margin-left: auto;margin-right: auto;}
#preview .preview_screen2{position:relative;background-color:#404040;}
#preview .preview_title a{display: block;background-color:#f1f1f1;font-size:13px;font-weight:normal;overflow:hidden;padding:10px;text-align:left;min-height:46px;cursor: pointer;}
#preview  a{text-decoration:none;}
#preview .preview_screen a:hover img{opacity:0.8;}
#preview .preview_screen2 a:hover img{opacity:0.8;}
#preview .dlit{position:absolute;bottom:5px;right:3px;padding:3px 6px 3px 6px;background:rgba(0,0,0,0.7);color:#fff;}
#preview .views{position:absolute;top:0px;left:0px;padding:3px 6px 3px 22px;background:rgba(0,0,0,0.7) url('views.png') 4px 3px no-repeat;color:#fff;}


@media (min-width:1450px){
#preview{width:24%;}
#catlink { display: none; }
}
@media (max-width:1450px){
#preview{width:33%;}
#catlink { display: none; }
}
@media (max-width:1200px){
#preview{width:33%;}
#catlink { display: none; }
}
@media (max-width:1024px){
#preview{width:49%;}
#catlink { display: none; }
}
@media (max-width:800px){
#preview{width:49%;}
#catlink { display: inline-block; }
}
@media (max-width:479px){
#preview{width:100%;}
#catlink { display: inline-block; }
}