body, .navi li a, .navi li span, .open, .menu li a { 
background-color: rgb(14, 14, 14);}

body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 {
margin: 0;
padding: 0;}

body {
font-family: Arial, sans-serif;
text-transform: uppercase;}

div, ul, li, a {overflow: hidden;}

li {list-style-type: none;}

img {display: block;}

a {text-decoration: none;}

a, h1, h2, .logo a, .open, .foot span, .full-meta li span i {
color: rgb(250,240,245);}

h1, h2 {
font-weight: normal;
text-transform: uppercase;}

h1 {
margin: 15px 5px 5px 5px;
font-size: 22px;
line-height: 28px;
overflow: hidden;}

h2 {
margin: 15px 5px 5px 5px;
font-size: 22px;
line-height: 24px;}

hr {
background-image: -webkit-linear-gradient(left, #ffa31a, #ffa31a0e, #ffa31a);
background-image: -moz-linear-gradient(left, #fff, #000, #fff);
background-image: -ms-linear-gradient(left, #fff, #000, #fff);
background-image: -o-linear-gradient(left, #fff, #000, #fff);
margin: 30px 0 0 0;
border: 0;
height: 1px;}

.wrap {
width: 100%;
margin: 0 auto;

}
.wll {
width: 100%;
background: #212121 ;
padding: 1px;
border-radius: 8px;
margin: 0 auto;

}

.head {
font-size: 0;
padding-bottom: 10px;
background: #1b1b1b;
border-bottom: 2px solid #ffa31a;}

.open {
float: right;
cursor: pointer;
width: 34px;
height: 34px;
line-height: 30px;
font-size: 20px;
margin: 10px 5px 0 5px;
border-radius: 3px;
text-align: center;}

.logo {
float: left;
margin: 10px 5px 0 5px;}

.logo a {
height: 34px;
line-height: 34px;
font-size: 16px;
display: block;
text-transform: uppercase;}

.ct-list li a, .preview a, .foot { 
background: #ffa31a;
color: #000;}


img, .preview-img {
background-color: none;}

.ct-list li span.ct-val i, a:hover, .preview .dur i, .navi li span i, .logo a span, .menu li a i, .full-links li a i {
color: #ffa31a;}

.ct-list li a:hover, .preview a:hover, .navi li.active a, .navi li a.active, .navi li a:hover, .search button, .open:hover, .open.active, .menu li a:hover, .menu li a.active, .menu li.active a, .menu li a:hover i, .menu li a.active i, .menu li.active a i, .full-links li a:hover i, .full-links li a:hover {
background-color: #ffa31a;
color: #fff;}

.ct-list ul {padding: 6px 3px 12px 3px;}
.ct-list li {width: 50%;float:left;}

.ct-list li a {
font-size: 15px;
margin: 4px 2px 0 2px;
border-radius: 3px;
display: block;
height: 45px;
line-height: 45px;
padding: 0 10px;
white-space: nowrap;}

.preview-ins:hover {
background-color: #ffa31a66;}

.preview a {
border-color: rgb(60,50,55);}

.preview a:hover {
border-color: rgba(200,100,150,0.4);}

.preview .dur {
background-color: rgba(40,30,35,0.8);
color: rgb(250,250,250);}

.preview a:hover .preview-bottom li span {
color: rgb(20,10,15);}


.description, .err {
background: rgb(19, 19, 19);
text-transform: none;
padding: 12px;
margin: 10px;
display: block;
border-radius: 5px;
color: #efefef;
font-size: 18px;
line-height: 23px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 3px;
border: 1px solid #ffa31a55;}
    
.description a {
color:#ffa31a;
letter-spacing: 1px;}

.description h2 {
margin: 0 0  0;}


.videojs{
    align-items: center;
text-align: center;
padding: 2px;
margin: auto;
border-radius: 5px;
border: 1px solid #ffa31a55}


.navi ul {
float: right;
margin: 10px 10px 5px 5px;}

.navi li {
float: left;
margin: 5px 5px 0 0;}

.navi li a, .navi li span {
border-radius: 3px;
font-size: 16px;
display: block;
height: 28px;
line-height: 28px;
padding: 0 6px;
text-align: center;}


.menu {
display: none;
clear: both;
padding: 8px 5px 0 5px;
margin: 0 auto;
max-width: 600px;}

.menu li { margin-top: 2px; }
.menu li a {
display: block;
font-size: 22px;
height: 50px;
line-height: 50px;
text-transform: uppercase;
padding: 0 20px;
border-radius: 3px;}


.search {
display: none;
clear: both;
padding: 10px 5px 0 5px;
margin: 0 auto;
max-width: 600px;}

.search form {
overflow: hidden;
position: relative;
padding-right: 52px;}

.search-input {
padding: 0 20px;
border-radius: 3px;
border-style: solid;
border-width: 1px;}

.search input {
background: none;
text-transform: uppercase;
width: 100%;
border: 0 none;
outline: 0 none;
font-size: 22px;
height: 48px;
line-height: 48px;}

.search button {
background: #ffa31a;
opacity: 0.95;
border-radius: 3px;
position: absolute;
top: 0;
right: 0;
border: 0 none;
cursor: pointer;
outline: 0 none;
width: 50px;
text-align: center;
font-size: 18px;
height: 50px;
line-height: 50px;}

.search-input, .search input { 
background-color: #363636;
color: #fff;
border-color: #363636;}

.search button:hover {opacity: 1;}


.input, .input-submit {
background: #2d2d2d;
border-radius: 4px;
padding: 10px 12px;
margin: 2px 1px;
border: 0;
outline: none;}

.input {
width: 68%;
color: #fff;
border: 1px solid #00000077;}

.input-submit {
background: #ffa31a;
color: #fff;
cursor: pointer;
outline: none;}

.input-submit:hover {
background: #ffa31abe;
color: #fff;}


.previews-block {padding-top: 5px;}
.preview {width: 100%;}
.preview-ins {border-radius: 3px; padding: 5px;}
.preview a {border-radius: 3px; display: block; padding-bottom: 5px; position: relative;}
.preview-img {position: relative; padding-bottom: 75%; overflow: visible;}
.preview-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.preview .name {height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px;}
.preview .dur {position: absolute; top: 4px; font-size: 12px; border-radius: 2px; padding: 0 5px; height: 20px; line-height: 20px;}
.preview .dur {right: 4px;}
.preview-cat-ins a {padding-bottom: 0;}
.preview-cat-ins .name {height: 40px; line-height: 40px; text-align: center; font-size: 18px;}


.full-meta li a, .full-meta li span {
height: 34px;
line-height: 34px;
padding: 0 10px; 
color: #fff;
border: 1px solid #ffa31a30;}


.foot {
background: #080808;
color: #ffa31a;
padding: 15px 0 25px 0;
border-top: 2px solid #ffa31a;
margin-top: 4px;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
text-align: center;}

.foot p {margin: 10px 5px 0 5px;}
.foot a {text-decoration: underline; letter-spacing: 1px; font-size:15px;padding-bottom:30px;}
.foot a:hover {text-decoration: none;}
.foot ul {padding-top: 5px;}
.foot li {margin: 5px 5px 0 5px; display: inline-block; vertical-align: top;}
.foot li a {font-size:13px; text-decoration:none; letter-spacing: 0;}

.block-load {
padding: 10px;
text-align: center;}

.block-load button {
background: #ffa31a33;
color: #ffffff;
padding: 10px;
cursor: pointer;
font-size: 16px;
outline: none;
border-radius: 10px;
border: 1px solid #ffa31a;
border-bottom: 4px solid #ffa31a;
font-weight: 500;}


.pages {
overflow: hidden;
margin: 6px 0 12px 0;
margin-top: 18px;
text-align: center;
font-size: 0;
}

.pages li {
display: inline-block;
vertical-align: top;
margin: 2px 1px 0;}

.pages li a, .pages li span {
border-radius: 3px;
min-width: 32px;
display: block;
height: 40px;
line-height: 40px;
padding: 0 5px;
font-size: 14px;}

.pages li a {
background-color: #ffa31a;
color: #fff;}

.pages li span {
background: #ffa31a55;
color: #fff;}



@media all and (min-width:330px) {
    .preview {float: left; width: 50%;}
    .logo a {font-size: 20px;}
}

@media all and (min-width:400px) {
    .logo a {font-size: 28px;}
    .preview-ins-cat .name {font-size: 16px;}
    .ct-list li {width: 50%; float: left;}
}

@media all and (min-width:540px) {
    .list ul {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}
}

@media all and (min-width:640px) {
    .logo a {font-size: 34px;  height: 40px; line-height: 40px;}
    .open {width: 40px; height: 40px; line-height: 36px; font-size: 24px;}
}

@media all and (min-width:660px) {
    .preview {width: 33.3333%;}
    .ct-list li {width: 33.3333%;}
}

@media all and (min-width:740px) {
    .list ul {column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}
}

@media all and (min-width:1010px) {
    .videojs{width: 990px; }
    .wll  {width: 70%;}
    .wrap {width: 70%;}
    .head {padding-bottom: 0;}
    .logo {float: left; margin: 0 20px 0 5px;}
    .logo a {font-size: 36px; height: 70px; line-height: 70px;}
    .open {display: none;}
    .menu, .search {display: block !important; clear: none;}
    .menu {float: left; padding: 0;}
    .menu li {float: left; margin: 0 1px 0 0;}
    .menu li a {border-radius: 0; height: 70px; line-height: 70px; font-size: 16px; padding: 0 15px; text-align: center;}
    .search {float: right; width: 240px;}
    .search-input {padding: 0 10px;}
    .search input {font-size: 16px;}
    .preview {width: 330px;}
    .preview-bottom li {font-size: 13px;}
    .preview-bottom li span {display: inline;}
    .preview .name {font-size: 16px;}
    .preview-cat-ins .name {font-size: 20px;}
    .foot {font-size: 16px; line-height: 18px;}
    .ct-list li {width: 25%;}
}

@media all and (min-width:1340px) {
    .videojs{width: 990px;}
    .wll {width: 70%;}
    .wrap {width: 70%;}
    .logo a {font-size: 42px;}
    .menu li a {font-size: 20px; min-width: 100px; padding: 0 20px;}
    .search {width: 320px; max-width: 100%;}
    .search-input {padding: 0 15px;}
    .search input {font-size: 20px;}
    .searches-list {height: 45px; line-height: 45px;}
    .searches-list li {font-size: 16px;}
    h1 {font-size: 24px;}
    h2 {font-size: 24px; line-height: 26px;}
    .ct-list li {width: 16.6666%;}
}

@media all and (min-width:1670px) {
    .videojs{width: 990px;}
    .wll {width: 70%}
     .wrap {width: 70%;}
    .logo a {margin-right: 25px;}
    .menu li a {min-width: 110px;}
    .search {width: 520px;}
    h1 {font-size: 26px;}
    h2 {font-size: 26px; line-height: 28px;}
}
@font-face{font-family:'FontAwesome';src:url(/style/fa/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/style/fa/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/style/fa/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/style/fa/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/style/fa/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal;font-display:swap;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-search:before{content:"\f002";}.fa-search-plus:before{content:"\f00e";}.fa-bell:before{content:"\f0f3";}.fa-star:before{content:"\f005";}.fa-tags:before{content:"\f02c";}.fa-tag:before{content:"\f02b";}.fa-female:before{content:"\f182";}.fa-user-secret:before{content:"\f21b";}.fa-download:before{content:"\f019";}.fa-video-camera:before{content:"\f03d";}.fa-folder:before{content:"\f07b";}.fa-desktop:before{content:"\f108";}.fa-clock-o:before{content:"\f017";}.fa-eye:before{content:"\f06e";}.fa-calendar:before{content:"\f073";}.fa-check:before{content:"\f00c";}.fa-circle-o:before{content:"\f10c";}.fa-bars:before{content:"\f0c9";}.fa-play-circle:before{content:"\f144";}.fa-play:before{content:"\f04b";}.fa-category:before{content: "\f008";}
body, input, button { font-family: 'Oswald', sans-serif; }




.shet22{

    opacity: 0;
}