* {
padding:0;
margin:0;
outline:0;
box-sizing:border-box;
}
@font-face {
font-family: 'SF'; 
src: url(//filmach.fun/wp-content/themes/doramy/src/fonts/SF.ttf); 
}
body {
background:#000;
font-family: 'SF';
color:#fff;
}
header,
.header_mobile {
width:240px;
padding:18px 24px 24px 24px;
height:100vh;
display:flex;
flex-direction:column;
justify-content:space-between;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
}
.header_mobile {
background:#000;
padding-top: 14px;
padding-left: 20px;
}
header .gradient,
.header_mobile .gradient {
position: absolute;
background: #E65555;
opacity: 0.3;
filter: blur(140px);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index:-1;
}
header .logo,
.header_mobile .logo{
margin-bottom:24px;
}
header .logo a,
.header_mobile .logo a {
display:flex;
flex-direction:row;
align-items: center;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-decoration:none;
}
header .logo a p,
.header_mobile .logo a p {
color:#fff;    
margin-left: 10px;
}
header .logo a p span,
.header_mobile .logo a p span {
color:#E65555;
}
header .menu1,
.header_mobile .menu1 { margin-bottom: 12px;
}
header .menu li,
.header_mobile .menu li {
margin-bottom:12px;
list-style-type:none;
}
header .menu a,
.header_mobile .menu a {
display:flex;
color:#fff;
text-decoration:none;
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
opacity:0.8;
padding:8px 12px;
border-radius:8px;
}
header .menu a img,
.header_mobile .menu a img {
margin-right:8px;
width: 18px;
}
header .menu a:hover,
.header_mobile .menu a:hover {
background:rgba(255,255,255,0.1);
opacity:1;
}
header .bot,
.header_mobile .bot {
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color:#fff;
}
header .bot a,
.header_mobile .bot a {
text-decoration:none;
color:#fff;
}
header .bot .copyright,
.header_mobile .bot .copyright {
opacity:0.4;
margin-top:8px;
}
.main {
width: 100%;
max-height: 100vh;
padding-left: 240px;
}
.main_block {
max-width:1200px;
margin:0 auto;
padding:24px 69px;
}
.main_block .search,
.main_block input{
width:100%;
}
.main_block form {
position:relative;
padding: 6px 48px 6px 12px;
border-radius:12px;
background:rgba(255,255,255,0.13);
border:2px solid rgba(255,255,255,0.13);
margin-bottom:24px;
}
.main_block form input {
background:none;
border:none;
color:#fff;
padding:6px 0;
font-size: 16px;
font-weight: 300;
line-height: 24px;
letter-spacing: 0em;
}
.main_block form button {
position: absolute;
right: 6px;
top: 6px;
padding: 8px 9px;
border-radius: 6px;
border: 0;
cursor: pointer;
background: rgba(255, 255, 255, 0.13);
}
.main_slider {
margin-bottom:60px;
}
.main_slider a {
text-decoration:none;
}
.main_slider .post .gradient {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.main_slider .post {
position:relative;
max-height:440px;
overflow:hidden;
border-radius:16px;
}
.main_slider .post .slider_info {
position:absolute;
left:44px;
bottom:44px;
z-index:9;
}
.main_slider .post .slider_info .post_title {
font-size: 32px;
font-weight: 600;
line-height: 44px;
text-align: left;
color:#fff;
margin-bottom:6px;
}
.main_slider .post .slider_info .post_info {
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;
color:rgba(255,255,255,0.4);
}
.main_slider .post .img {
width:100%;
height:auto;
border-radius:16px;
line-height:0;
border: 3px solid #ffffff1f;
}
.main_slider .post .a_view_trailer {
display: block;
position: absolute;
right: 44px;
bottom: 44px;
color: #fff;
padding: 12px 16px;
background: #000;
text-align: center;
border-radius: 12px;
z-index: 9;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
border: 2px solid rgba(255, 255, 255, 0.15);
}
.main_slider .post .a_view_trailer img {
margin-right:8px;
}
.bread {
display:flex;
flex-direction:row;
align-items:center;
margin-bottom: 25px;
}
.bread .back_link {
margin-right:15px;
}
.breadcrumbs {
display:flex;
list-style-type:none;
align-items: center;
}
.breadcrumbs span {
font-size: 16px;
font-weight: 500;
letter-spacing: 0em;
text-align: left;	
color:rgba(255,255,255,0.4);
padding:0 8px;
}
.breadcrumbs a,
.breadcrumbs a span {
color:#fff;
text-decoration:none;
}
.breadcrumbs a:hover {
text-decoration:underline;
}
.breadcrumbs li:first-child span{
padding-left:0;
}
h1 {
font-size: 32px;
font-weight: 600;
line-height: 44px;
letter-spacing: 0em;
display:block;
margin-bottom:20px;
}
h2 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0em;
display:block;
margin-bottom:24px;
}
.flex_info,
.flex_info .left_flex,
.flex_info .information .block {
display:flex;
flex-direction:row;
align-items:flex-start;
}
.flex_info {
justify-content:space-between;
margin-bottom:60px;
}
.flex_info .information {
margin-left:30px;
max-width:400px;
}
.flex_info .information .block:not(:last-child),
.flex_info .information .rait {
margin-bottom:15px;
}
.rait .kinopoisk {
display:flex;
flex-direction:row;
align-items:center;
padding:6px 7px;
border-radius:8px;
width: fit-content;
margin-top: 5px;
}
.rait.abs_rait {
position:absolute;
right:2%;
top:2%;
}
.rait .kinopoisk p {
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
color:#fff;
}
.rait .kinopoisk.green_rait {
background:rgba(31, 159, 0, 1);
}
.rait .kinopoisk.grey_rait {
background:rgba(125, 125, 125, 1);
}
.rait .kinopoisk.red_rait {
background:rgba(172, 45, 27, 1);
}
.rait .kinopoisk img {
width:18px;
height:auto;
margin-right:2px;
}
.flex_info .information p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color:rgba(255,255,255,0.8);
}
.flex_info .information p:first-child {
min-width:160px;
}
.flex_info .information .block p:last-child,
.flex_info .information .block a {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color:#fff;
}
.flex_info .information .block a:hover {
color:#ae92ff;
}
.flex_info .information .block a:not(:first-child) {
margin-left:2px;	
}
.flex_info .view .thumb img {
border-radius:12px;
}
.flex_info .view .thumb {
margin-bottom:24px;	
}
.share .a_share {
margin-bottom:16px;
}
.share .a_share:hover {
opacity: .7;
}
.share .a_share,
.share .a_view_trailer {
display:block;
width:100%;
padding:12px 0;
background:#fff;
text-align:center;
border-radius:12px;
display:flex;
flex-direction:row;
align-items:center;
justify-content: center;
text-decoration:none;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
}
.share .a_share {
color:#101013;
}
.share .a_view_trailer {
color:#fff;
background:#000;
border:2px solid rgba(255,255,255,0.2);
}
.share .a_share img,
.share .a_view_trailer img {
margin-right:8px;
}
.share .a_view_trailer:hover {
background:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0);
}
.trailer_back {
display:none;
position:fixed;
background:rgba(0,0,0,0.7);
width:100vw;
height:100vh;
left:0;
top:0;
z-index:10;
}
.trailer_back .trailer {
position:absolute;
width:600px;
height:350px;
top:calc(50% - 300px);
left:calc(50% - 175px);	
}
.trailer_back img {
position: absolute;
right: -15px;
top: -15px;
z-index: 11;
background: rgba(0,0,0,1);
border-radius: 100%;
cursor: pointer;
}
.trailer_back .trailer iframe {
border:none;
width:100%;
height:100%;
}
.flex_info .collections {
min-width:330px;
display:flex;
flex-direction:column;
margin-left: 20px;
}
.flex_info .collections .collecs {
max-height: 450px;
overflow-y: auto;
padding-right: 10px;
border-radius: 16px;
}
.flex_info .collections .collecs::-webkit-scrollbar {
width: 10px; }
.flex_info .collections .collecs::-webkit-scrollbar-track {
background: #e3e3e3c2; border-radius: 20px;
}
.flex_info .collections .collecs::-webkit-scrollbar-thumb {
background-color: #424242; border-radius: 20px; border: 2px solid #e3e3e3c2; }
.flex_info .collections .name {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color:rgba(255,255,255,0.8);
margin-bottom:16px;
}
.flex_info .collections .collec {
display: block;
margin-bottom:16px;
padding:12px 16px;
background:rgba(255,255,255,0.08);
border-radius:16px;
font-size: 18px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-decoration:none;
color:#fff;
}
.flex_info .collections .collec:hover {
background:rgba(255,255,255,0.2);
}
.flex_info .collections .collec p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
color:rgba(255,255,255,0.8);
margin-top:6px;
}
.opisanie {
margin-bottom:60px;
width: 70%;
}
.opisanie p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
letter-spacing: 0em;
}
.opisanie p:not(:last-child) {
padding-bottom: 12px;
}
.opisanie a {
color:#fff;
}
.opisanie ul,
.opisanie ol {
padding-left:25px;
}
.opisanie ul li,
.opisanie ol li {
padding-bottom: 12px;
}
.block_actors {
margin-bottom:60px;
}
.block_actors .actors .actor .actor-image {
border-radius:16px;
border: 3px solid #ffffff1f;
line-height:0;
display:block;
margin-bottom:12px;
box-sizing: content-box;
width: 100%;
height: auto;
}
.block_actors .actors .actor a {
text-decoration:none;
}
.block_actors .actors .actor .actor_name {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#fff;
}
.block_actors .actors .actor .role {
color:rgba(255,255,255,0.8);
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
margin-top:5px;
}
.photos {
margin-bottom:60px;
}
.photos .gallery .photo img {
box-shadow: 0px 16px 32px 0px #06081152;
border: 3px solid #FFFFFF14;
border-radius:16px;
box-sizing: content-box;
width: 100%;
height: auto;
}
.pleer {
margin-bottom:60px;
}
.pleer select {
margin-bottom:20px;
}
.pleer iframe {
width:100%;
border-radius:16px;
margin-bottom:24px;
}
.block_related {
margin-bottom:60px;
}
.block_related .related .rel .rel-image {
border-radius:16px;
border: 3px solid #ffffff1f;
line-height:0;
display:block;
margin-bottom:12px;
box-sizing: content-box;
width: 100%;
height: auto;
}
.block_related .related .rel a {
text-decoration:none;
}
.block_related .related .rel .rel_name {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#fff;
}
.block_related .related .rel .rel_genre {
color:rgba(255,255,255,0.8);
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
margin-top:5px;
}
.block_archive { }
#ajax-load-more {
margin-bottom:60px;
}
.alm-btn-wrap .alm-load-more-btn {
background: #000 !important;
border: 2px solid rgba(255,255,255,0.2) !important;
border-radius: 12px !important;
transition: none !important;
}
.alm-btn-wrap .alm-load-more-btn:hover {
background: rgba(255,255,255,0.2) !important;
border-color: rgba(255,255,255,0) !important;
}
.block_archive .archive_posts,
.alm__posts.archive_posts {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
}
.block_archive .archive_posts .post,
.alm__posts.archive_posts .post {
width:160px;
margin-bottom:20px;
margin-right:17px;
position: relative;
}
.block_archive .archive_posts .post .rel-image,
.alm__posts.archive_posts .post .rel-image {
border-radius:16px;
border: 3px solid #ffffff1f;
line-height:0;
display:block;
margin-bottom:12px;
box-sizing: content-box;
width: 100%;
height: auto;
}
.block_archive .archive_posts .post a,
.alm__posts.archive_posts .post a {
text-decoration:none;
}
.block_archive .archive_posts .post .arch_name,
.alm__posts.archive_posts .post .arch_name {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#fff;
}
.block_archive .archive_posts .post .arch_genre,
.alm__posts.archive_posts .post .arch_genre {
color:rgba(255,255,255,0.8);
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
margin-top:5px;
}
.person_archive .flex_info {
margin-top: 40px;
}
.person_archive .person_title {
margin-bottom:20px;
}
.person_archive .person_title h1 {
margin-bottom:10px;
}
.person_archive .person_title p {
font-weight:600;
}
.person_archive .opisanie .a_view_trailer {
color:#fff;
text-decoration:none;
padding:12px 45px;
background:#000;
border:2px solid rgba(255,255,255,0.2);
border-radius:12px;
display:flex;
flex-direction:row;
align-items:center;
width:fit-content;
}
.person_archive .opisanie .a_view_trailer img {
margin-right:8px;
}
.person_archive .opisanie .a_view_trailer:hover {
background:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0);
}
.person_archive .gallery_person .photo img {
box-shadow: 0px 16px 32px 0px #06081152;
border: 3px solid #FFFFFF14;
border-radius:16px;
box-sizing: content-box;
width: 100%;
height: auto;
}
.rel_films {
margin-bottom:60px;
}
.rel_films .actor_ins .actor_in .rel-image {
border-radius:16px;
border: 3px solid #ffffff1f;
line-height:0;
display:block;
margin-bottom:12px;
box-sizing: content-box;
width: 100%;
height: auto;
}
.rel_films .actor_ins .actor_in a {
text-decoration:none;
}
.rel_films .actor_ins .actor_in .rel_name {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#fff;
}
.rel_films .actor_ins .actor_in .rel_genre {
color:rgba(255,255,255,0.8);
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
margin-top:5px;
}
.rews {
margin-bottom: 60px;
}
.rews .rews_tabs {
display:flex;
flex-direction:row;
margin-bottom:24px;
}
.rews .rews_tabs .rew_tab {
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
color:#fff;
padding:8px 12px;
border-radius:12px;
background-color:rgba(255,255,255,0.2);
}
.rews .rews_tabs .rew_tab:not(:last-child) {
margin-right:16px;
}
.rews .rews_tabs .rew_tab.active {
color:#101013;
background-color:#fff;
font-weight: 600;
}
.rews div.rewards {
display:none;
}
.rews div.rewards.active {
display:block;
}
.rews .rewards .rew {
text-align:center;
border-radius:16px;
background-color:rgba(255,255,255,0.2);
padding:12px 16px 24px 16px;
}
.rews .rewards .rew .rew_icon {
font-size: 32px;
font-weight: 600;
line-height: 44px;
text-align: center;
margin-bottom:10px;
}
.rews .rewards .rew .rew_name {
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-align: center;
color:#fff;
margin-bottom:12px;
}
.rews .rewards .rew .rew_name span {
color:rgba(255,255,255,0.4);
}
.rews .rewards .rew .text {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
color:rgba(255,255,255,0.8);
}
.rews .rewards .rew .films,
.rews .rewards .rew .films a {
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-align: center;
color:#fff;
}
h3 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-align: left;
}
.hover_opisanie {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.hover_opisanie .bio_tabs {
max-width:20%;
text-align:left;
position:sticky;
top: 40px;
}
.hover_opisanie .bio_tabs .tab {
font-size: 14px;
font-weight: 500;
line-height: 20px;
cursor: pointer;
margin-bottom:16px;
color:rgba(255,255,255,0.8);
padding-left:12px;
position:relative;
display:block;
text-decoration:none;
}
.hover_opisanie .tab_here {
margin-bottom:20px;
}
.hover_opisanie .bio_tabs .tab.active {
color:#fff;
}
.hover_opisanie .bio_tabs .tab.active::before {
content:'';
width:3px;
height:100%;
background:#fff;
top:0;
left:0;
position: absolute;
}
.found {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: rgba(255,255,255,0.7);
padding-bottom:20px;
}
.tags-list {
display:flex;
flex-direction:row;
align-items:center;
flex-wrap:wrap;
}
.tags-list .tag-link {
padding:8px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: center;
color:rgba(255,255,255,0.8);
text-decoration:none;
border-radius:12px;
background:rgba(255,255,255,0.2);
margin-right:16px;
margin-bottom:16px;
display:flex;
width:fit-content;
flex-direction:row;
align-items:center;
}
.tags-list .tag-link img {
margin-right:6px;
}
.main_collects {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
margin-bottom:60px;
flex-wrap:wrap;
position:relative;
}
.title_with_link {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.title_with_link .a_view_trailer,
.view_all {
color:#fff;
text-decoration:none;
padding:8px 12px;
background:#000;
border:2px solid rgba(255,255,255,0.2);
border-radius:12px;
display:flex;
flex-direction:row;
align-items:center;
width:fit-content;
}
.title_with_link .a_view_trailer:hover,
.view_all:hover {
background:rgba(255,255,255,0.2);
border-color:rgba(255,255,255,0);
}
.main_collects .rew {
width: 32%;
text-align: center;
border-radius: 16px;
background-color: rgba(255, 255, 255, 0.15);
padding: 12px 16px 24px 16px;
margin-bottom: 20px;
}
.main_collects .rew a {
text-decoration:none;
}
.main_collects .rew img {
min-height: 30px;
}
.main_collects .rew .rew_name {
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-align: center;
color: #fff; text-decoration:none;
}
.main_collects .rew .text {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
color:rgba(255,255,255,0.8);
}
.pagination {
margin-bottom: 80px;
text-align: left;
padding-top: 40px;
}
.pagination .current {
font-size: 16px;
color: #fff;
margin-right: 16px;
background: rgba(255, 255, 255, 0.15);
border-radius: 100%;
padding: 8px 14px;
}
.pagination a {
font-size: 16px;
color: rgba(255,255,255,0.8);
margin-right: 30px;
text-decoration: none;
}
.pagination a:hover {
text-decoration:underline;
}
.pagination .dots {
margin-right:30px;
}
.pagination .next,
.pagination .prev {
text-decoration:none;
}
.pagination a:last-child {
margin-right: 0;
}
.season_tabs {
display:flex;
flex-direction:row;
align-items:center;
margin-bottom: 24px;
}
.season_tabs .season_tab {
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
color: #fff;
padding: 8px 12px;
border-radius: 12px;
background-color: rgba(255,255,255,0.2);
}
.season_tabs .season_tab:not(.active) {
cursor:pointer;
}
.season_tabs .season_tab.active {
color: #101013;
background-color: #fff;
font-weight: 600;
}
.season_tabs .season_tab:not(:last-child) {
margin-right: 16px;
}
.episods_owl_tab {
display:none;
}
.episods_owl_tab.active {
display:block;
}
.episods_owl_tab .episod {
cursor:pointer;
}
.episods_owl_tab .episod video {
height: 100%;
width: auto;
position: absolute;
left: 0;
top: 0;
border-radius: 16px;
z-index: 9;
}
.episods_owl_tab .episod img {
border-radius:16px;
margin-bottom:10px;
}
.episods_owl_tab .episod .preview {
display:none;
}
.episods_owl_tab .episod:hover > .preview {
display:block;
}
.episods_owl_tab .episod:hover > .thumb {
display:none;
}
.main_slider img {
width:100%;
height:auto; }
.episods_owl_tab .episod p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color:rgba(255,255,255,0.8);
}
.episods_owl_tab .episod p.seriya_name {
font-size:12px;
}
.episods_owl_tab .episod.active_episod p:not(.seriya_name) {
color:#fff;
text-decoration:underline;
}
.owl-nav {
width:100%;
}
.owl-nav button span {
font-size: 50px;
padding: 0px 24px;
background: rgba(0,0,0,0.7);
line-height: 0;
padding-bottom: 5px;    
border: 2px solid rgba(255,255,255,0.2);
}
.owl-nav button {
position:absolute;
top: 40%;
width: fit-content;
}
.owl-carousel .owl-nav button.owl-next {
right:0;
}
.owl-carousel .owl-nav button.owl-next span {
border-top-left-radius:50%;
border-bottom-left-radius:50%;
padding-right:14px;
}
.owl-carousel .owl-nav button.owl-prev {
left:0;
}
.owl-carousel .owl-nav button.owl-prev span {
border-top-right-radius:50%;
border-bottom-right-radius:50%;
padding-left:14px;
}
.owl-nav button.disabled {
display:none;
}
.photos .owl-nav button {
top:50%;
}
.owl-theme .owl-dots .owl-dot span {
width: 8px !important;
height: 8px !important;
background: rgba(255,255,255,0.1) !important;
}
.owl-theme .owl-dots .owl-dot.active span {
width: 10px !important;
height: 10px !important;
background: rgba(255,255,255,1) !important;
}
.owl-theme .owl-nav [class*=owl-] {
margin:0 !important;
}
.owl-theme .owl-nav .disabled {
display:none !important;
}
.mobile_menu,
.mobile_menu_esc{
display:none;
width: 36px;
height: 40px;
margin-right:14px;
}
.full_header_mobile {
display:none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.6);
z-index: 100;
}
.mobile_menu_esc img {
background: rgba(255,255,255,0.06);
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
height: auto;
width: 36px;
}
.alm-btn-wrap .alm-load-more-btn.loading:before {
background: transparent url(//filmach.fun/wp-content/themes/doramy/src/images/preloader.gif) !important;
width:25px !important;
height:25px !important;
background-size:cover !important;
}
.nazvaniya-container {
color: #b6b6b6;
}
.nazvaniya-container .nazvanie {
margin-bottom: 5px;
}
.nazvaniya-container .dots {
cursor: pointer;
color: blue;
width: 25px;
opacity: 0.8;
}
.nazvaniya-container .dots img {
width:100%;
height:auto;
}
.nazvaniya-container .collapse {
cursor: pointer;
text-decoration: underline;
margin-bottom: 20px;
}
.news-archive {
display: flex;
flex-direction: column;
}
.news-item {
display: flex;
font-size: 20px;
text-decoration: none;
color: #fff;
align-items: flex-end;
padding:10px 10px 10px 0;
}
.news-item .news-date {
width: 150px;
display: block;
font-size: 16px;
opacity: 0.5;
}
.news-item .news-title {
font-size: 17px;
}
.news-item:hover .news-title {
font-weight:bold;
}
.news-item:hover {
background: #ffffff1c;	
}
.news-single .news-date {
font-size: 14px;
margin-bottom: 40px;
}
.news-single .news-content {
margin-bottom:20px;
}
.news-single .news-content a {
color:#ae92ff;
text-decoration:none;
}
.news-single .news-content p {
margin-bottom:20px;
}
.news-single .news-content a:hover {
text-decoration:underline;
}
#news.main_block .related-persons {
list-style-type: disclosure-closed;
}
#news.main_block .related-persons li {
margin-left:20px;
margin-top: 10px;
}
#news.main_block .related-persons li a {
text-decoration:none;
color:#fff;
}
#news.main_block .related-persons li a:hover {
text-decoration:underline;
}
#news.main_block h3 {
margin-top:30px;
}
@media(max-width:1440px){
.main_block{
max-width:100%;    
padding: 24px 20px;
}
.block_archive .archive_posts, .alm__posts.archive_posts {
justify-content:space-between;
}
}
@media(max-width:1200px){ 
.flex_info {
flex-wrap:wrap;
}
.flex_info .collections {
margin-left: 0px;
margin-top:30px;
}
}
@media(max-width:1024px){ 
.main_collects .rew {
width: 48%;
}
.block_archive .archive_posts .post, 
.alm__posts.archive_posts .post {
margin-right:0;
}
}
@media(max-width:900px) {
header {
position:static;
width:100%;
height:auto;
padding: 14px 20px;
}
header .top .nav_back,
header .bot,
header .gradient {
display:none;
}
header .logo {
margin-bottom:0;
}
.main_block {
max-width: 100%;
padding: 14px 20px;
}
.main {
padding-left:0;
}
.hover_opisanie .bio_tabs {
display:none;
}
.opisanie {
width:100%;
}
.trailer_back .trailer {
width:calc(100% - 40px);
left:20px;
top:20px;
}
.mobile_menu {
display:block;
}
header .top,
.header_mobile .mobile_top {
display: flex;
align-items: flex-start;
flex-direction: row;
}
}
@media(max-width:650px) {
.flex_info .left_flex {
flex-wrap:wrap;
}	
.flex_info .information {
width:100%;
max-width:100%;
margin-left:0;
}
.flex_info .view {
width:100%;
}
.flex_info .view .thumb {
text-align:center;
}
.main_slider .post {
max-height:440px;
height:440px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.main_slider .owl_slider img {
width:auto !important;
height: 100%;
}
.main_slider .post .slider_info {
left: 20px;
bottom: 100px;
}
.main_slider .post .a_view_trailer {
right: auto;
left: 20px;
bottom: 20px;
}
.flex_info .collections .collecs {
max-height:fit-content;
}
.main_collects .rew {
width: 100%;
}
.title_with_link {
flex-wrap:wrap;
}
.title_with_link h2 {
margin-bottom:14px;
}
.title_with_link a {
margin-bottom:14px;
}
}