/* Див pages */

.pages-numbers {text-align:center}
.pages-numbers > a, .pages-numbers > span {display:inline-block;padding:9px;margin:0 2px;margin-bottom:2px;margin-top:2px;text-align:center;border-radius:5px}


@media (min-width: 800px) {
.pages-numbers > a, .pages-numbers > span {display:inline-block;padding:15px;margin:0 3px;margin-bottom:2px;margin-top:2px;text-align:center;border-radius:7px}
}
.pages-numbers > span {color:#fff;background-color:#465a92}
.pages-numbers > a {color:#fff;background:#5a7197}
.pages-numbers > a:hover {background:#3d67b3;color:#fff}





/* Спан для окошек фильма*/
.span_link {
color: #5a7197;
display:inline-block;
padding:6px;
padding-bottom:10px;
padding-top:10px;

margin-bottom:6px;
margin-top:6px;
border-radius:10px;
box-shadow: 0 0 3px #5a7197;

position: relative;
opacity: .9;

}
.span_link > a:hover {background:#465a92;}
.span_link > a {background:#465a92;}

@media (min-width: 800px) {
.span_link {display:inline-block;padding:10px;margin:0 1px;margin-bottom:2px;margin-top:2px;text-align:center;border-radius:7px}
}

.span_link_nav {
color:#fff;
display:inline-block;
border-right: 1px solid #bce2f9;
padding:8px;
position: relative;
opacity: .9;

}

.p span, .p_max span {

color:#f7f7f7; border-radius: 5px;
padding:2px;
position: absolute;


}
.p_max span{
font-size: 62%;
}



.v, .v_max {
float: left;margin: 2px; min-width: 145px; height: 222px; background-repeat: no-repeat; background-position: center; 
border-radius: 8px;
box-shadow: 0 0 3px #575b85;
margin-left: 4px;
}
.v:hover {background-color: #000000; box-shadow: 0 0 6px #000;border-radius: 2px;}


.p, .p_max {position: relative;margin:6px;}
.p img, .p_max img {border-radius: 8px;min-width:100%; height: 100%;}

.p_title_film {
border-radius: 30px;
margin-left:1px;
margin-top:1px;
text-align:center;
float: center;
font-family: Tahoma;
font-size: 68%;
font-weight: 700;

background-image: linear-gradient(#000000, transparent);
width: 98%;
position: absolute;
}

.p_bottom_film {
min-height:40px;
width: 98%;
bottom: 0px;;
}

.p_max,.v_max {margin-top:2px;min-width:100%;width:100%;height:96%}


@media (min-width: 360px) {.p {width:46%;height:225px}}

@media (min-width: 370px) {.p{width:46%;height:238px}}


@media (min-width: 390px) {.p {width:46%;height:249px}}

@media (min-width: 410px) {.p {width:46%;height:269px}}
@media (min-width: 420px) {.p {width:46%;height:279px}}


@media (min-width: 760px) {.p {width:169px;height:249px}}
@media (min-width: 1024px) {.p {width:166px;height:234px}}
@media (min-width: 1200px) {
.p {width:177px;height:241px}

}


.slider-items {
 

    display: flex;
    flex-direction: row;

    overflow-x: scroll;
    cursor: pointer;
    user-select: none;
    scrollbar-width: none;
}

.slider-items::-webkit-scrollbar {
    display: none;
}
.slider-item {  margin-right: 8px ;min-width: 125px; height: 195px;}
@media (min-width: 760px) {.slider-item {min-width:169px;height:249px}}





.slider-item-krug {   
border-radius: 50%;
margin-right: 8px ;
min-width: 100px; 
height: 113px;
}

@media (min-width: 760px) {.slider-item-krug {min-width:140px;height:150px}}

.v-krug {
font: Verdana;

float: left;
margin: 2px;
 min-width:100%;
width:100%;
height:100%;
 background-repeat: no-repeat;
 background-position: center; 


margin-left: 4px;
position: relative;
padding-bottom:20px;
}


.v-krug img {
border-radius: 50%;
width:100%;height:100%;
box-shadow: 0 0 6px #8288c7;
padding:1px;
 
}


.v-krug span {

 border-radius: 5px;
padding:2px;
position: absolute;
font-family: arial;
font-size: 53%;

}




/*  Версия для ПК */

@media (min-width:800px){


.v-krug span {
font-weight: bold; 

font-size: 70%;
}

.p_max span{
font-size: 70%;
}

}

/*  Версия для ПК конец */


.clear {clear: both;}




img{
vertical-align:middle;margin-right:2px
}

h1{
margin:0px;padding:0px;font-size:15px
}

.clear{
clear:both
}
.text_input{
width:100%;background:#fff
}

input, textarea, select{
background:#f3f3f3;border:1px solid #d4d4d4;margin:2px;border-radius:4px;padding:6px;
}

input[type="submit"]{
color:#fff;background:#40c8fd;

font-size: 17px;
padding: 6px;
display: inline-block;
border-radius: 4px; 
}

input[type="submit"]:hover, input[type="submit"]:focus{
background: #C872F1;
  
}

#download:active, input[type="submit"]:active{ 
border-top:3px solid #1881D2; 
}



.linkol{
width: 100%;
background-color: #ffffff; /* Путь к фоновому рисунку */
background-image: url(/film/748.gif); /* Путь к фоновому рисунку */
background-repeat: repeat-x; /* Повторяем фон по горизонтали */
display: block;
position: fixed;
top: 0;
left: 0;
padding-top: 5px;

}
.poisk_ok_max {
z-index: 9999;max-height: 32vh;overflow: auto;
scrollbar-color: blue orange;
}
.poisk_ok_max::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

/* Define the thumb style */
.poisk_ok_max::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom right, #4d7fff 0%, #1a56ff 100%);
  border-radius: 5px;
}


@media (min-width: 810px) {.poisk_ok_max {max-height: 50vh;}}


/*  Отрывки на главной дизайнн */
.clips_tabs {  width: 100%;text-align: center; padding: 0px; top: 0 ; }
.clips_label {
    display: inline-block;
padding: 4px;
margin-right: 8px;
margin:4px;
padding-top: 0px;
border-bottom: solid 1px ;
font-size:110%;
    cursor: pointer;
}

.clips_label2 {
    display: inline-block;
padding: 4px;
margin-right: 8px;
padding-top: 0px;
margin:4px;
font-size:110%;
    cursor: pointer;
color: #5a7197;
border-bottom: solid 1px #5a7197;
}