body {
 background: #2a2931;
 font-family: Arial, Helvetica, sans-serif;
 font-size: medium;
 text-align: center;
}

.video-img {
 position: relative;
 height: 10px;
 background: #2a3547;
}

.video-src {
overflow: hidden;
vertical-align: middle;
display: inline-grid;
width: inherit;
}

#scale {
display: block;
margin: 15px 10px 5px auto;
transform: rotate(180deg);
}

.qs_ {
  background: #363442;
  border: none;
  margin: 0 5px;
  float: left;
}

.duration_ {
text-decoration: line-through; 
margin: 5px 5px 5px 0; 
text-align: right;
display: block;
}


.video-pre > a > img {
width: auto;
height: auto;
max-width: 320px;
max-height: 240px;
}

.video-pre > a > video {
width: 100%;   
height: auto;
max-height: 240px;
}

.pre-title  {
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    width: inherit;
    margin: 0 0 5px 0;
}

.video-preview {
  width: 320px;
  margin: 5px;
  display: inline-block;
}

.video-pre > a {
  position: relative;
  display: block;
}

.duration {
  color: #aeaaaa;
  position: absolute;
  font-size: 12px;
  left: 0;
  background: #2b2626;
}


.base_title {
    color: #888f9f;
    background: #1a1414;
    padding: 5px;
    margin: 0 0 5px 0;
}    


.linked_url {
display: inline-block;
color: #c0c2c4;
padding: 5px;
margin: 5px;    
}

.linked_url:hover {
	color: #a4a6aa;
}

.head {
 text-align: left;   
}

.base {
display: inline-block;
color: #781616;
margin-left: 10px;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;    
}

.base:hover {
color: #886161;
transition: 0.5s;
-webkit-transition: 0.5s;

}

.srchfld_ {
  width: 85%;
  background: #343c4a;
  color: #d3d5df;
  margin: 0 0 15px 0;
  border: none;
  padding: 5px;
  outline: none;
  max-width: 400px;
}

.c1, .c2, .c4 {
margin: 0 15px 0 15px;
  }
  
  
.c3 {
    float: right;
    margin: -5px 15px 0 0;
}
  
  
a {
 text-decoration:none;
}


.xs {
  border-bottom: 1px solid #0b091d;
  margin-bottom: 10px;
}

.clear {
  clear: both;
}

.videos {
   margin:0 auto;
   min-height: 640px;
}

.search > img {
    margin-top: 10px;
}
    
.search {
    margin-left: -45px;
    position: absolute;
    width: 40px;
    display: inline-block;
}

.search_form_block {
display: block;
margin-bottom: 20px;
}

.search button {
display: none;
border: none;
height: 30px;
font-size: small;
color: #ddd;
background: #474c55;
margin-left: -50px;
width: 90px;
text-align: left;
position: relative;
z-index: 2;
top: 7px;
}

.search button:hover {

  background: #3d424a;

}

.foot {
    padding: 20px 0;
    box-shadow: 0 0 1px 1px #201f1e;
    margin: 5px 0 15px 0;
}

.block_pages {
 margin-top: 10px; 
 padding: 5px;
 background: #444653;   
}


.pagination {
 display:block;
 padding:0;
 margin:0;
}

.pagination > li {
 display:inline;
}

.pagination > li > a {
 position:relative;
 padding: 5px 15px;
 line-height: 1.5;
 text-decoration:none;
 color:#FFF;
 background-color:#5e4848;
 border:1px solid #150e0e;
 margin-left:-1px;
 display: inline-block;
}

.pagination > li:first-child > a {
 border-bottom-left-radius:4px;
 border-top-left-radius:4px;
 margin-left: 0;
}

.pagination > li:last-child > a {
 border-bottom-right-radius:4px;
 border-top-right-radius:4px;
}

.pagination > li > a:hover {
 background-color: #825353;
}

.pagination > .disabled > a, .pagination > .disabled > a:hover {
 color: #999;
 background-color: #7b6464;
 cursor: not-allowed;
}

.player {
 height: 360px;   
 max-width: 640px;
 margin: 0 auto;
 position: relative;
}

.srchfld, .srchbtn {
  height:36px;
  border:0;
  padding:0 5px 0 5px;
}


.srchfld {
  font-size:large; 
  width:85%;
  background: #3e4551;
  color: #c4c4c4;
  vertical-align: middle;
  outline: none;
  max-width: 850px;
}

.srchbtn {
width: 32px;
vertical-align: middle;
background-image: url("/themes/magnifying.png");
background-position: center;
background-color: #3e4551;
 
}

@keyframes color {
  50%  {background-color: #154d75}
  50%  {background-color: #3d4f6c}
}
@-webkit-keyframes color {
  50%  {background-color: #154d75}
  50%  {background-color: #3d4f6c}
} 




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


#scale {
   display: none;
}

}


@media screen and (max-width:345px) { 
  .pre-title {
    width: 100%;
  
}

  .video-preview {
    width: 95%;
}  

.video-pre > a > img {
 height: 100%;  
 max-width: 100%;
}

}
           
select {
  appearance: none;  
  -webkit-appearance: none;
  height: 35px;
  margin: 0 0 10px 0;
  padding: 5px 15px 5px 5px;
  width: 100px;
  outline: none;
  border: 1px solid #323237;
  background-repeat: no-repeat;
  background-position: calc(100% - .5em) 50%;
  background-size: 12px;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sel-dark:focus {
   border-color: #5b5b4e;
   box-shadow: #e3e3e3 0 0 3px;
}

.sel-light:focus {
    box-shadow: #a6b1c1 0 0 3px;
    border-color: #4c6575;
}

.sel-dark {
color:#b9b9c1;
background-color: #2c2e33;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBvbHlnb24gZmlsbD0id2hpdGUiIG9wYWNpdHk9Ii43IiBwb2ludHM9IjAsNCAxNiw0IDgsMTIiLz48L3N2Zz4=');
}

.sel-light {
  color: #9b8b8b;
  background-color: #30353c;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cG9seWdvbiBvcGFjaXR5PSIwLjciIHBvaW50cz0iMCw0IDE2LDQgOCwxMiIvPg0KPC9zdmc+DQo=');
}
      
.block {
    display: inline-block;
    margin: 0 20px 0 20px;
}

.block_ {
    display: inline-block;
}