/*------------------------------------------------------------*
**
**------------------------------------------------------------*/

/* CSS Document */

/* RESET, BASIC UI SETTINGS
----------------------------------------------- */
* {background: none; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
img, table, iframe, video, frame, embed, object {max-width: 100%;}
body {font-family: 'Karla', sans-serif; font-size: 14px; font-weight: 400; line-height: calc(1em + 0.5rem); 
	color: var(--tt); background-color: #111; width: 100%;}
a {color: var(--tt); text-decoration: none;}
a:focus {color: var(--tt); text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 600; font-size: 24px;}
::selection {background: var(--OLD-Green, #2CC295); color: #fff;}
b, strong, .bolder {font-weight: 600;}
button, select, textarea, input[type="text"], input[type="password"], input[type="button"], [type="reset"], input[type="submit"] 
{appearance: none; -webkit-appearance: none; font-size: 16px; font-family: inherit; font-weight: inherit;}
input[type="button"], input[type="submit"] {font-size: 14px; font-weight: 400;}
button, .btn, [type="button"], [type="reset"], [type="submit"], .pmessages__links a, .qq-upload-button, .plupload_button, 
.pagination__btn-loader a 
{display: inline-flex; justify-content: center; align-items: center; cursor: pointer; white-space: nowrap;
	height: var(--ui-elem-height); padding: 0 var(--ui-elem-padding); gap: var(--ui-elem-gap);
	border-radius: var(--ui-elem-bdrs); background-color: var(--ui-bg-btn); color: var(--ui-tt-btn);
	font-size: 14px; font-weight: 600; text-transform: uppercase;}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
.color-btn, [class*=fr], [class*=plyr], .owl-prev, .owl-next, .owl-dot, [id*=mceu], [class*=tox-], .ui-dialog-titlebar-close {padding: 0; margin: 0; 
	line-height: 1.4; border: 0; box-shadow: none; background: none; border-radius: 0;}

[type="text"], [type="password"], [type="email"], select, textarea  {height: var(--ui-elem-height); 
	padding: 0 var(--ui-elem-padding); line-height: calc(var(--ui-elem-height) - 1px); 
	width: 100%; background-color: var(--ui-bg-inp); border: 1px solid var(--ui-bdc-inp); 
	border-radius: var(--ui-elem-bdrs); box-shadow: none; font-size: 14px; display: block;}
[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, textarea:focus {border-color: var(--ui-bdc-inp-focus);color:#fff;}

select:not([multiple]) {background-image: url(../dleimages/chevron-down.svg); padding-right: 30px;
	background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 12px auto;}
select option {padding: 6px 10px; font-weight: 400;}
select[multiple] option {padding: 3px 10px; font-weight: 400;}
select[multiple] {padding: 9px 5px;}
textarea {padding-top: 20px; padding-bottom: 20px; overflow: auto; resize: vertical;}
input::placeholder, textarea::placeholder {color: var(--tt-fade); opacity: 1; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}


body {
	color:#fff;
	background:#030F0F;
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	width:100%;
	max-width:2500px;
	margin:0 auto;
	padding: 0 10px 0 260px;
}

a {
color:#fff;
transition: .5s;
}

.card-page{
margin-top: 43px;}
button, .feedback, .btn {
transition: .5s;
}

a:hover {
text-decoration:none;
}

.clear {
clear:both;
}

ul li:last-child {
margin:0px;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

p {
margin:0 0 24px 0;
}

p:last-child {
margin:0px !important;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
line-height: normal;
font-weight:normal;
position:relative;
font-family: "Montserrat", sans-serif;
padding:0;
margin:0px 0 25px 0;
font-weight:500;
}

* {
box-sizing: border-box;
}

table {
border-spacing: 0px;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
display: block
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Montserrat", sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}

input[type="number"] {
-moz-appearance: textfield;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

img {
max-width:100%;
height:auto !important;
    width:250px;
}

iframe {
max-width:100% !important;
max-height:100% !important;
}

.site-width {
width:100%;
/*max-width:1181px;*/
margin:0 auto;
}

header {
	top: 0;
	left: 0;
    max-height: calc(100vh - 40px);
  	overflow-y: auto;
	margin: 19px 0 53px 0;
	z-index:9;
    overscroll-behavior: contain;
    -ms-overflow-style: none;
	scrollbar-width: none;
    position: fixed;
}

header::-webkit-scrollbar {
    display: none;
}

.adaptive-menu{
width:100%;}
header .flex {
	display:flex;
	flex-direction: column;
	align-items:center;
	gap:8px;
    width: 224px;
	padding:20px;
	border-radius: 10px;
	border: 1px solid var(--NEW-Mountain-Meadow, #2CC295);
	background: var(--NEW-Rich-Black, #030F0F);
	position:relative;
}

header .logo {
display:block;
text-decoration:none;
width: 260px;
height:27px;
background:url(../images/logo.svg) no-repeat;
}

header .menu {
	display: flex;
	flex-direction: column;
    width: 100%;
	list-style:none;
	margin: 20px 0;
	padding:0;
	flex:1;
	display:flex;
	justify-content:center;
	gap:20px;
}

header .menu li {position:relative; padding:5px 0;}

header .menu li ul {
/*position:absolute;*/
/*top:calc(100% + 0px);*/
z-index:3;
margin-left: 0;
margin-top: 10px;
/*background: #030F0F;*/
/*border: 1px solid var(--NEW-Mountain-Meadow, #2CC295);*/
display:none;
/*width:600px;*/
/*columns:3;*/
}

header .menu li ul li {
padding:0 10px 10px 10px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
    color: #2cc295;
}

header .menu li ul ul {
top:0px;
left:100%;
}
.dropdown span {
    display: flex;
	justify-content: space-between;
}
.dropdown-btn {
    position: relative;
}
.dropdown-btn .fa-chevron-down {
    transition: transform .3s ease-in-out;
}
.dropdown-btn.opened .fa-chevron-down {
    transform: rotate(-180deg);
}
.dropdown-btn:before {
    content: "";
    display: block;
}
/*header .menu li:hover > ul {display:block;}*/

header .menu li ul a {
text-transform: none;
font-weight: normal;
}

header .menu a {
display: flex;
gap: 10px;
text-decoration:none;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

header .menu a:hover {
text-decoration:underline;
}

header .search .open {
cursor:pointer;
width:24px;
height:25px;
background:url(../images/search.svg) no-repeat;
}

header .search .hover {
opacity:0;
transition: .5s;
}

header .search .hover.active {
opacity:1;
}

.content__search {
//position:absolute;
//top:calc(100% + 3px);
//left:0px;
//right:0px;
z-index:3;
background:#2CC295;
padding:5px;
display:flex;
gap:10px;
border-radius: 10px;
}
div.search {
    margin-bottom: 20px;
}
.content__search input {
flex:1;
width:100%;
border:0px;
background:none;
color:#fff;
padding:0 10px;
}

.content__search ::placeholder {
color:#fff;
}

.content__search button {
cursor:pointer;
background:#030F0F;
padding:10px 20px;
color:#fff;
border-radius: 10px;
}

header .enter {
cursor:pointer;
padding:5px 9px;
border-radius: 4px;
background: var(--NEW-Mountain-Meadow, #2CC295);
color: var(--OLD-White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
transition: .5s;
border:1px transparent solid;
}

header .enter:hover {
border: 1px solid var(--NEW-Mountain-Meadow, #2CC295);
color: var(--NEW-Mountain-Meadow, #2CC295);
background:none;
}

header .theme-select {
cursor:pointer;
width:31px;
height:31px;
background:url(../images/theme-light.svg) no-repeat;
}

.section-1 {
margin:0 0 78px 0;
}

.section-1 .slide {
display:flex;
gap:24px;
}

.section-1 .item {
width:170px;
height:270px;
position:relative;
overflow:hidden;
border-radius: 10px;
border: 1px solid var(--OLD-Green, #2CC295);
}

.section-1 .item.active {
width:auto;
flex:1;
}

.section-1 .images {
position:absolute;
top:0px;
bottom:0px;
right:0px;
z-index:1;
font-size:0px;
line-height:0px;
}

.section-1 .item.active .images {
left:40%;
}

.section-1 .images img {
width: 100%;
height: 100% !important;
object-fit: cover;
}

.section-1 .block {
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
min-height:175px;
background: rgb(121,193,66);
background: linear-gradient(0deg, rgba(44, 194, 149, 1) 0%, rgba(44, 194, 149, 0) 100%);
display:flex;
align-items:flex-start;
justify-content:flex-end;
flex-direction:column;
padding:12px;
}

.section-1 .item.active .block {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:auto;
z-index:3;
width:60%;
background: linear-gradient(270deg, rgba(44, 194, 149, 0.00) 0%, #2CC295 35.72%), linear-gradient(270deg, rgba(44, 194, 149, 0.00) 0%, #2CC295 35.72%);
display:flex;
align-items:flex-start;
justify-content:flex-end;
flex-direction:column;
padding:12px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-1 .name {
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 8px 0;
text-decoration:none;
}

.section-1 .category {
display:none;
}

.section-1 .info {
display:none;
}

.section-1 .description {
display:none;
}

.section-1 .button {
display:none;
}

.section-1 .ratings {
display:flex;
flex-wrap:wrap;
gap:8px;
}

.section-1 .ratings span {
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding:4px 6px;
color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-1 .item.active .name {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 16px 0;
}

.section-1 .item.active .ratings span {
font-size:16px;
}

.section-1 .item.active .category {
display:block;
margin:8px 0;
}

.section-1 .item.active .info {
display:flex;
flex-wrap:wrap;
gap:13px;
margin:0 0 16px 0;
}

.section-1 .item.active .description {
display:block;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 68px 0;
}

.section-1 .item.active .button {
display:flex;
flex-wrap:wrap;
gap:12px;
}

.section-1 .item.active .link {
text-decoration:none;
cursor:pointer;
padding:6px 10px;
border-radius: 4px;
background: var(--OLD-White, #FFF);
color: #2CC295;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-1 .item.active .trailer {
text-decoration:none;
cursor:pointer;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding:6px 10px;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-2 {
margin:0;
overflow:hidden;
}

.section-2 .head {
display:flex;
align-items:center;
gap:8px;
margin:0 0 3px 0;
}

.section-2 .title {
margin:0 12px 0 0;
color: var(--OLD-Green, #2CC295);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-2 .title a {text-decoration:none;}

.section-2 .sorting {
display:flex;
align-items:center;
gap:5px;
list-style:none;
margin:0px;
padding:0px;
}

.section-2 .sorting li {
cursor:pointer;
text-decoration:none;
padding:6px 10px;
color: var(--OLD-Green, #2CC295);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border:1px transparent solid;
border-radius: 4px;
transition: .5s;
}

.section-2 .sorting .active {
border: 1px solid var(--OLD-Green, #2CC295);
cursor:default;
}

.section-2 .sorting li:hover {
border: 1px solid var(--OLD-Green, #2CC295);
}

.section-2 .owl-carousel {
/*--widthA: 1920px;*/
--widthB: calc(var(--widthA) - 1181px);
--widthC: calc(var(--widthB) / 2);
width:calc(1920px -  var(--widthC));
}


.card {
position:relative;
font-size:0px;
line-height:0px;
border-radius: 10px;
/* border: 1px solid var(--OLD-Green, #2CC295); */
width:160px;
overflow:hidden;
transition: .5s;
display:inline-flex;
    margin-right: 15px;
    margin-bottom: 25px;
text-decoration:none;
    flex-direction: column;
}
.block-items-card{
display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 25px;
    padding: 5px;
}

.card:hover {
box-shadow: 0px 0px 20px 0px #2CC295;
}

.card > img {
width:100%;
    height: 256px !important;
/*height:397px !important;*/
object-fit:cover;
max-width:none;
}

.card .category {
position:absolute;
    top: 195px;
left:0px;
right:0px;
z-index:3;
display:flex;
flex-wrap:wrap;
gap:4px;
padding:4px;
    
}

.card .category span {
text-decoration:none;
padding:2px 4px;
border-radius: 4px;
background: var(--OLD-Green, #2CC295);
color: #F1F7F6;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.card .info {
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
padding:20px 12px 12px 12px;
/*background: linear-gradient(0deg, #2CC295 0%, rgba(121, 193, 66, 0.00) 100%), linear-gradient(0deg, #2CC295 0%, rgba(121, 193, 66, 0.00) 100%), linear-gradient(0deg, #2CC295 0%, rgba(121, 193, 66, 0.00) 100%), linear-gradient(0deg, #2CC295 0%, rgba(121, 193, 66, 0.00) 100%), linear-gradient(0deg, #2CC295 0%, rgba(121, 193, 66, 0.00) 100%); */
}

.card .name {
color: #F1F7F6;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 12px 0;
display:block;
text-decoration:none;
}

.card .ratings {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 7px 0;
    font-size: 14px;
    position: absolute;
    top: 10px;
    left: 4px;
    
}

.card .ratings span {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 1px 4px;
    border-radius: 4px;
    outline: 1px solid #F1F7F6;
    color: #F1F7F6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
        background-color: #000000b8;

}

.card .ratings .star:before {
content:"";
width:13px;
height:12px;
background:url(../images/section2-star.svg?v1) no-repeat;
}

.card .cat {
padding:1px 6px;
border-radius: 4px;
color:#F1F7F6;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.section-2 .last {
display:flex;
text-decoration:none;
width:267px;
border-radius: 10px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
background: var(--NEW-Bangladesh-Green, #03624C);
padding:20px;
color: #FFF;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
position:relative;
height:100%;
}

.section-2 .last:before {
content:"";
position:absolute;
bottom:20px;
right:20px;
width:25px;
height:43px;
background:url(../images/section2-all.svg) no-repeat;
}

.section-2 .owl-stage {
display:flex !important;
}

.section-3 {
background: linear-gradient(180deg, #030F0F 0%, #2CC295 50.69%, #030F0F 100%);
margin:0 0 120px 0;
padding:33px 0 0 0;
overflow:hidden;
}

.section-3 .owl-stage {
display:flex !important;
counter-reset: section;
list-style-type: none;
}

.section-3 .title {
color:#2CC295;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-3 .owl-carousel {
/*--widthA: 1920px;*/
--widthB: calc(var(--widthA) - 1181px);
--widthC: calc(var(--widthB) / 2);
width:calc(1920px -  var(--widthC));
}

.section-3 .card {
position:relative;
margin:0 0 0 57px;
z-index:7;
}

.section-3 .owl-item {
position:relative;
/*padding:127px 0 0 0;*/
}

.section-3 .owl-item:before {
    counter-increment: section;
    content: counters(section, "") " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    font-size: 158.21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background-image: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(44, 194, 149, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-section {
color: var(--OLD-Green, #2CC295);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 24px 0;
}

.section-4 {
margin:0 0 20px 0;
overflow:hidden;
}

.section-4 .owl-carousel {
--widthA: 1920px;
--widthB: calc(var(--widthA) - 1181px);
--widthC: calc(var(--widthB) / 2);
/*width:calc(1920px -  var(--widthC));*/
    width:100%;
}

.section-4 .item {
display:block;
text-decoration:none;
min-width:267px;
border-radius: 10px;
position:relative;
padding:55px 16px;
color: #FFF;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
min-height:256px;
}

.section-4 .item:before {
content:"";
position:absolute;
bottom:20px;
right:20px;
width:25px;
height:43px;
background:url(../images/section2-all.svg) no-repeat;
}

.section-5 {
margin:0 0 20px 0;
overflow:hidden;
}

.section-5 .owl-carousel {
--widthA: 1920px;
--widthB: calc(var(--widthA) - 1181px);
--widthC: calc(var(--widthB) / 2);
width:calc(1920px -  var(--widthC));
}

.section-5 .item {
width:364px;
border-radius: 10px;
border: 1px solid var(--OLD-Green, #2CC295);
padding:0 16px 25px 16px;
overflow:hidden;
background: var(--NEW-Bangladesh-Green, #03624C);
}

.section-5 .head {
position:relative;
margin:0 -16px 10px -16px;
position:relative;
}

.section-5 .head:before {
content:"";
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
height:80px;
background: linear-gradient(180deg, rgba(3, 98, 76, 0.00) 0%, #03624C 100%);
}

.section-5 .images {
max-height:198px;
display:block;
text-decoration:none;
overflow:hidden;
}

.section-5 .name {
display:table;
text-decoration:none;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 8px 0;
}

.section-5 .desc {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
overflow-wrap: break-word;
}

.section-5 .info {
display:flex;
flex-wrap:wrap;
gap:5px;
position:absolute;
top:12px;
left:12px;
right:12px;
z-index:3;
color: var(--NEW-Bangladesh-Green, #03624C);
}

.section-5 .info .cat {
flex:1;
}

.section-5 .info .cat a {
display:table;
text-decoration:none;
padding:0px 6px;
border-radius: 4px;
background: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
color: var(--NEW-Bangladesh-Green, #03624C);
}

.section-5 .date {
padding:0px 6px;
border-radius: 4px;
background: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.section-5 .views {
padding:0px 6px;
border-radius: 4px;
background: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display:flex;
align-items:center;
gap:4px;
}

.section-5 .views:before {
content:"";
width:16px;
height:12px;
background:url(../images/views.svg) no-repeat;
}

.section-5 .full {
text-decoration:none;
border-radius: 3.824px;
border: 0.956px solid var(--NEW-Bangladesh-Green, #03624C);
background: var(--NEW-Anti-Flash-White, #F1F7F6);
display: inline-flex;
padding: 3.824px 7.648px;
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 15.297px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:20px 0 0 0;
display:none;
}

.section-5 .item:hover .full {
display:table;
}

.section-6 {
background: var(--NEW-Dark-Green, #032221);
padding:64px 0 61px 0;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-6 a {
text-decoration:none;
color: var(--OLD-Green, #2CC295);
}

.section-6 a:hover {
text-decoration:underline;
}

.section-6 ul {
margin:20px 0 20px 40px;
padding:0px;
display:flex;
flex-direction:column;
gap:8px;
list-style:none;
}

.section-6 ul b {
color: var(--OLD-Green, #2CC295);
font-weight:500;
}

.section-6 ul li {
position:relative;
padding:0 0 0 25px;
}

.section-6 ul li:before {
content:"";
position:absolute;
top:3px;
left:0px;
z-index:3;
width: 13.005px;
height: 13.005px;
background: var(--NEW-Bangladesh-Green, #03624C);
}

.footer {
background:#032221;
padding:36px 0 0 0;
color: var(--OLD-White, #FFF);
}

.footer .head {
display:flex;
align-items:center;
gap:16px;
margin:0 0 32px 32px;
}

.footer .logo {
display:block;
text-decoration:none;
width:307px;
height:46px;
background:url(../images/footer-logo.svg) no-repeat;
}

.footer .desc {
border-left:1px #666 solid;
padding:11px 0 11px 16px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
flex:1;
}

.footer .download {
display:flex;
align-items:center;
text-decoration:none;
padding:10px;
border-radius: 4px;
background:#03624C;
gap:8px;
color: var(--OLD-White, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.footer .download:after {
content:"";
width:18px;
height:18px;
background:url(../images/footer-download.svg) no-repeat;
}

.footer .download:hover {
background:#2cc295;
}

.footer .menu {
display:flex;
justify-content:center;
gap:20px;
list-style:none;
margin:0 0 32px 0;
padding:0px;
}

.footer .menu a {
	text-decoration: none;
color: var(--OLD-White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
background-color: #03624C;
padding: 5px;
border-radius: 8px;
}

.footer .menu a:hover {
text-decoration:underline;
}

.footer .links {
display:flex;
justify-content:center;
gap:20px;
margin:0 0 33px 0;
}

.footer .links a {
text-decoration:underline;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.footer .links a:hover {
text-decoration:underline;
}

.footer .info {
color: var(--OLD-White, #FFF);
font-family: Helvetica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding:0 0 0 11px;
border-left:1px #666 solid;
}

.footer .bottom {
display:flex;
align-items:center;
gap:15px;
margin:32px 0 0 0;
padding:16px 0 32px 0;
border-top:1px #666 solid;
}

.footer .copyright {
flex:1;
color: #FFF;
font-family: ;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer .social {
display:flex;
align-items:center;
}

.footer .social .tl {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/tl.svg) no-repeat;
}

.footer .social .ok {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/ok.svg) no-repeat;
}

.footer .social .yt {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/yt.svg) no-repeat;
}

.footer .social .xc {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/xc.svg) no-repeat;
}

.footer .social .dz {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/dz.svg) no-repeat;
}

.footer .social .tt {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/tt.svg) no-repeat;
}

.footer .social .pi {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/pi.svg) no-repeat;
}

.footer .social .vk {
display:block;
text-decoration:none;
width:30px;
height:30px;
background:url(../images/vk.svg) no-repeat;
}

.footer .bottom a {
text-decoration:none;
color: #FFF;
}

.section-7 {
margin:36px 0 22px 0;
}

.section-7 h1 {
color: var(--OLD-Green, #fff);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin:0 0 5px 0;
}

.section-7 .item {
width:860px;
height:489px;
position:relative;
overflow:hidden;
border-radius: 10px;
border: 1px solid var(--OLD-Green, #2CC295);
}

.section-7 .item:before {
content:"";
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:8;
background: rgba(17, 17, 17, 0.25);
}

.section-7 .owl-item.center .item {
width: 946px;
height: 538px;
}

.section-7 .owl-item.center .item:before {
display:none;
}

.section-7 .images {
position:absolute;
top:0px;
bottom:0px;
right:0px;
z-index:1;
font-size:0px;
line-height:0px;
}

.section-7 .images img {
max-width:none;
}

.section-7 .block {
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
min-height:175px;
background: rgb(121,193,66);
background: linear-gradient(0deg, rgba(121,193,66,1) 0%, rgba(121,193,66,0) 100%);
display:flex;
align-items:flex-start;
justify-content:flex-end;
flex-direction:column;
padding:12px;
}

.section-7 .item.active .block {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:auto;
z-index:3;
width:50%;
background: linear-gradient(270deg, rgba(121, 193, 66, 0.00) 0%, #2CC295 35.72%);
display:flex;
align-items:flex-start;
justify-content:flex-end;
flex-direction:column;
padding:12px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-7 .name {
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 8px 0;
text-decoration:none;
}

.section-7 .category {
display:none;
}

.section-7 .info {
display:none;
}

.section-7 .description {
display:none;
}

.section-7 .button {
display:none;
}

.section-7 .ratings {
display:flex;
flex-wrap:wrap;
gap:8px;
}

.section-7 .ratings span {
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding:4px 6px;
color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-7 .item.active .name {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 16px 0;
}

.section-7 .item.active .ratings span {
font-size:16px;
}

.section-7 .item.active .category {
display:block;
margin:8px 0;
}

.section-7 .item.active .info {
display:flex;
flex-wrap:wrap;
gap:13px;
margin:0 0 16px 0;
}

.section-7 .item.active .description {
display:block;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 68px 0;
}

.section-7 .item.active .button {
display:flex;
flex-wrap:wrap;
gap:12px;
}

.section-7 .item.active .link {
text-decoration:none;
cursor:pointer;
padding:6px 10px;
border-radius: 4px;
background: var(--OLD-White, #FFF);
color: #2CC295;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-7 .item.active .trailer {
text-decoration:none;
cursor:pointer;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding:6px 10px;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-7 .owl-carousel .owl-stage {
display:flex;
align-items:center;
}

.section-8 {
margin:0 0 32px 0;
display:flex;
gap:12px;
width:100%;
}

.section-8 .search {
display:flex;
align-items:center;
gap:20px;
width:100%;
border-radius: 6px;
border: 1px solid #03624C;
padding:9px 20px;
}

.section-8 input {
flex:1;
width:100%;
border:0px;
background:none;
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-8 button {
cursor:pointer;
width:19px;
height:19px;
background:url(../images/section8-search.svg) no-repeat;
}

.section-8 ::placeholder {
color: var(--NEW-Bangladesh-Green, #03624C);
}

.section-9 {
margin:0 0 96px 0;
}

.section-9 .site-width {
display:flex;
align-items:flex-start;
gap:24px;
    flex-direction: column;
}


.section-9 .container, .section-9 .container #dle-content, .list-items #dle-content {
flex:1;
display:flex;
flex-wrap:wrap;
gap:24px;
width:100%;
}

.section-9 .sidebar {
width:100%;
border-radius: 10px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
/* background: var(--NEW-Bangladesh-Green, #03624C);*/
  background:  #03624c4f;
padding:15px 26px 20px 26px;
}

.section-9 .sidebar .name {
color: var(--OLD-White, #FFF);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 16px 0;
text-align:center;
}

.section-9 .sidebar .apply {
width:100%;
height:40px;
cursor:pointer;
margin:8px 0;
border-radius: 4px;
background: var(--OLD-White, #FFF);
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-9 .sidebar .reset {
width:100%;
height:40px;
cursor:pointer;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
color: var(--OLD-White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
background:none;
}

/*.section-9 .container .card {
width:calc(25% - 18px);
}*/

.wrapper h1 {
color: var(--OLD-Green, #fff);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin:0 0 32px 0;
}

.section-8 .select-category {
position:relative;
}

.section-8 .select-category .select {
display:flex;
align-items:center;
gap:12px;
cursor:pointer;
padding:10px 30px;
border-radius: 6px;
border: 1px solid var(--OLD-Green, #03624C);
color: var(--OLD-Green, #03624C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-8 .select-category .select:after {
content:"";
width:17px;
height:11px;
background:url(../images/select-category.svg) no-repeat;
}

.section-8 .select-category .select.active {
background:#03624C;
color:#fff;
border-radius:6px 6px 0 0;
}

.section-8 .select-category .select.active:after {
background:url(../images/select-category-active.svg) no-repeat;
}

.section-8 .select-category .hover {
position:absolute;
top:100%;
right:0px;
z-index:3;
border-radius:0 0 6px 6px;
background:#03624C;
padding:8px 22px;
min-width:100%;
display:none;
}

.wrapper .section-8 {
margin:0 0 60px 0;
}

.section-5 .flex {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.section-5 .flex .item {
width:calc(33.333% - 16px);
}

.section-10 {
background:#032221;
padding:64px 0;
}

.section-10 .title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 24px 0;
}

.section-10 .flex {
display:flex;
flex-wrap:wrap;
gap:12px;
}

.section-10 .flex a {
display:block;
text-decoration:none;
padding:4px;
border-radius: 4px;
border: 1px solid #fff;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-11 {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
gap:10px;
margin:0 0 33px 0;
}

.section-11 .right {
display:flex;
gap:5px;
}

.section-11 .cat {
border-radius: 4px;
border: 1px solid #032221;
padding:0px 6px;
color: #03624C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.section-11 .views {
padding:0px 6px;
border-radius: 4px;
border: 1px solid #032221;
color: #03624C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display:flex;
align-items:center;
gap:4px;
}

.section-11 .views:after {
content:"";
width:16px;
height:12px;
background:url(../images/views.svg) no-repeat;
}

.section-11 .date {
border-radius: 4px;
border: 1px solid #032221;
padding:0px 6px;
color: #03624C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.select-content {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
cursor:pointer;
padding:20px;
border-radius: 6px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
/*color: var(--NEW-Bangladesh-Green, #03624C);*/
    color:white;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 32px 0;
}

.select-content:after {
content:"";
width:22px;
height:13px;
background:url(../images/select-content-arrow.svg) no-repeat;
}

.section-12 {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 70px 0;
}

.section-12 h2,h3,h4,h5 {
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 24px 0;
/*color: var(--NEW-Bangladesh-Green, #03624C);*/
color: #10ffc8;
}

.section-12 ul {
list-style:none;
margin:16px 0 24px 0;
padding:0px;
display:flex;
flex-direction:column;
gap:12px;
}

.section-12 ul p, ol p {
/*color: var(--NEW-Bangladesh-Green, #03624C);*/
    color: #10ffc8;
margin: 0;!important
}

.section-12 ul li {
padding:0 0 0 26px;
position:relative;
}

.section-12 ul li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:1;
width: 14px;
height: 14px;
border-radius: 2px;
background: var(--OLD-Green, #2CC295);
margin:-7px 0 0 0;
}

.section-12 ol {
list-style:none;
margin:16px 0 24px 0;
padding:0px;
display:flex;
flex-direction:column;
gap:12px;
list-style-type: none;
counter-reset:  item;
}

.section-12 ol li:before {
content: counter(item) '.';
counter-increment: item;
margin:0 4px 0 0;
color:#2CC295;
}

.section-12 table {
margin:64px 0;
width:100%;
border-radius: 6px;
border: 1px solid #03624C;
overflow:hidden;
color:#03624C;
}

.section-12 table td {
padding:16px;
text-align:center;
}

.section-12 table td:first-child {
color: var(--OLD-Green, #2CC295);
}

.section-12 table tr:first-child td {
color: var(--OLD-Green, #2CC295);
border-bottom:1px #03624C solid;
}

.section-13 {
margin:0 0 36px 0;
display:flex;
align-items:center;
gap:24px;
}

.section-13 .photo {
font-size:0px;
line-height:0px;
border-radius:555px;
overflow:hidden;
width: 73px;
height: 73px;
}

.section-13 .info {
flex:1;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-13 .title {
color: var(--NEW-Bangladesh-Green, #03624C);
margin:0 0 7px 0;
}

.section-13 .name {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 2px 0;
}

.section-14 {
display:flex;
align-items:center;
gap:20px;
border-radius: 4px;
background: var(--NEW-Bangladesh-Green, #03624C);
margin:0 0 73px 0;
padding:10px 20px 11px 20px;
}

.section-14 .name {
flex:1;
color:#F1F7F6;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-14 .share {
display:flex;
flex-wrap:wrap;
gap:8px;
}

.section-14 .share a {
padding:3px 10px;
border-radius: 4px;
border: 1px solid #F1F7F6;
color:#F1F7F6;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
text-decoration:none;
}

.section-15 {
margin:0 0 73px 0;
}

.section-15 .title {
color: var(--OLD-Green, #2CC295);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 27px 0;
}

.section-15 .item {
margin:0 0 16px 0;
border-radius: 6px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
padding:12px;
}

.section-15 .item.active {
border: 1px solid #2CC295;
}

.section-15 .question {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
/*color: var(--NEW-Bangladesh-Green, #03624C);*/
    color: white;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
cursor:pointer;
}

.section-15 .question:after {
content:"";
width:22px;
height:13px;
background:url(../images/section15-arrow.svg) no-repeat;
transition: .5s;
}

.section-15 .item.active .question {
color: var(--OLD-Green, #2CC295);
}

.section-15 .item.active .question:after {
transform: rotate(180deg);
}

.section-15 .answer {
display:none;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding:16px 0 0 0;
}

.section-16 {
margin:0 0 64px 0;
}

.section-16 .title {
color: var(--OLD-Green, #2CC295);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 27px 0;
}

.form-addcomments {
display:flex;
align-items:flex-end;
flex-wrap:wrap;
gap:21px;
margin:0 0 16px 0;
padding:12px;
border-radius: 6px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
position:relative;
}

.form-addcomments textarea {
        height: 100px;
flex:1;
width:100%;
border:0px;
background:none;
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.form-addcomments input {
width:100%;
border:0px;
background:none;
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.form-addcomments ::placeholder {
color: var(--NEW-Bangladesh-Green, #03624C);
}

.form-addcomments .smile {
position:relative;
}

.form-addcomments .smile .open {
cursor:pointer;
width:20px;
height:21px;
background:url(../images/form-addcomments-smile.svg) no-repeat;
margin:0 0 8px 0;
}

.form-addcomments .smile .hover {
position:absolute;
top:calc(100% + 5px);
right:0px;
z-index:3;
padding:10px;
background:#03624C;
border-radius:4px;
display:none;
}

.form-addcomments .smile .emoji-block {
display:flex;
align-items:center;
gap:5px;
}

.form-addcomments .smile .emoji {
font-size:18px;
cursor:pointer;
}

.form-addcomments button {
cursor:pointer;
padding:10px;
border-radius: 4px;
background: var(--OLD-Green, #2CC295);
color: var(--OLD-White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.comment-block {
margin:0 0 16px 0;
border-radius: 6px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
padding:12px;
color: #F1F7F6;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.comment-block .head {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:20px;
margin:0 0 8px 0;
}

.comment-block .text {
font-size: 16px;
flex:1;
}

.comment-block .col-left {
flex:1;
display:flex;
align-items:center;
gap:8px;
}

.comment-block .col-right {
display:flex;
align-items:center;
gap:8px;
}

.comment-block .col-right a {
text-decoration:none;
}

.comment-block .photo {
font-size:0px;
line-height:0px;
border-radius:555px;
overflow:hidden;
width: 28px;
height: 28px;
}

.comment-block .date {
color: #fff;
font-size: 10px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.comment-block .name {
color: var(--NEW-Anti-Flash-White, #F1F7F6);
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: normal;
display: inline-flex;
border-radius: 8px;
margin-top: 5px;
}

.comment-block .like {
display:flex;
align-items:center;
gap:4px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.comment-block .like:after {
content:"";
width:16px;
height:13px;
background:url(../images/comment-like.svg) no-repeat;
}

.comment-block .dislike {
display:flex;
align-items:center;
gap:4px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.comment-block .dislike:after {
content:"";
width:16px;
height:16px;
background:url(../images/comment-dislike.svg) no-repeat;
}

.section-17 {
margin:0 0 76px 0;
}

.section-17 .flex {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.section-17 .comment-block {
width:calc(33% - 14px);
border-radius: 10px;
background: var(--NEW-Bangladesh-Green, #03624C);
border:0px;
display:flex;
flex-direction:column;
margin:0px;
}

.section-17 .comment-block .name {
padding: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100px;
display: block;
}

.section-18 {
position:relative;
padding: 45px 40px 110px 40px;
margin:0 0 40px 0;
        background-size: contain;
}

/*.section-18:before {
right: 225px;
content: "";
position: absolute;
top: 0px;
bottom: 0px;
z-index: 3;
width: 40%;
background: linear-gradient(270deg, rgba(3, 15, 15, 0.00) 0%, #030F0F 100%), linear-gradient(270deg, rgba(3, 15, 15, 0.00) 0%, #030F0F 100%), linear-gradient(270deg, rgba(3, 15, 15, 0.00) 0%, #030F0F 100%), linear-gradient(270deg, rgba(3, 15, 15, 0.00) 0%, #030F0F 100%), linear-gradient(270deg, rgba(3, 15, 15, 0.00) 0%, #030F0F 100%);
}*/

.section-18:after {
content:"";
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
height:97px;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(3, 15, 15, 0) 0%, rgba(3, 15, 15, 1) 100%);
}

.section-18 .block {
position:relative;
z-index:6;
width: 40%;
}

.section-18 h1 {
color: var(--OLD-Green, #fff);
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 16px 0;
}

.section-18 .ratings {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 16px 0;
}

.section-18 .ratings span {
padding:5px 6px;
border-radius: 4px;
border: 1px solid var(--OLD-Green, #2CC295);
color: var(--OLD-Green, #2CC295);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-18 .category {
color: var(--OLD-Green, #2CC295);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 7px 0;
}

.section-18 .category a {
    color: var(--OLD-Green, #2CC295);}

.section-18 .info {
display:flex;
flex-wrap:wrap;
gap:7px;
margin:0 0 24px 0;
color: var(--OLD-Green, #2CC295);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-18 .my-ratings {
display:inline-flex;
align-items:center;
margin:0 0 24px 0;
border-radius: 6px;
border: 1px solid var(--OLD-Green, #2CC295);
padding:8px;
}

.section-18 .my-ratings .name {
color: var(--OLD-Green, #2CC295);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin:0 15px 0 0;
}

.section-18 .my-ratings span {
border-radius: 4px;
border: 1px solid transparent;
color: var(--OLD-Green, #2CC295);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
width: 22px;
height: 22px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.section-18 .my-ratings span:hover, .section-18 .my-ratings span.active {
border: 1px solid var(--OLD-Green, #2CC295);
}

.section-18 .bottom {
display:flex;
align-items:flex-start;
flex-wrap:wrap;
gap:8px;
}

.section-18 .mobile-name {display:none;}

.section-18 .play {
cursor:pointer;
text-decoration:none;
padding:9px;
border-radius: 6px;
background: var(--OLD-Green, #2CC295);
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
border:1px transparent solid;
transition: .5s;
}

.section-18 .play:hover {
background:none;
border:1px #2CC295 solid;
color:#2CC295;
}

.section-18 .trailer {
cursor:pointer;
text-decoration:none;
padding:10px;
border-radius: 6px;
border: 1px solid var(--OLD-Green, #2CC295);
color: var(--OLD-Green, #2CC295);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
transition: .5s;
}

.section-18 .trailer:hover {
background:#2CC295;
color:#fff;
}

.section-18 .add {
cursor:pointer;
width:45px;
height:45px;
background:url(../images/section18-add.svg) no-repeat;
}

.newaddlist {position:relative;}

.newaddlist .open {
cursor:pointer;
width:45px;
height:45px;
background:url(../images/section18-add.svg) no-repeat;
font-size:0px;
line-height:0px;
}

.newaddlist .hover {
position: absolute;
top: calc(100% + 5px);
background: #2CC295;
z-index: 9;
padding: 10px;
border-radius: 6px;
display:none;
}

.newaddlist .hover ul {display:flex; flex-direction:column; gap:5px; }

.newaddlist .hover ul li {cursor:pointer; padding:5px 10px; border-radius: 6px;}

.newaddlist .hover ul li:hover {background:#fff; color:#2CC295;}

.section-18 .del {
cursor:pointer;
width:45px;
height:45px;
background:url(../images/section18-del.svg) no-repeat;
}

.section-19 {
margin:0 0 64px 0;
}

.section-19 .tabs__caption {
list-style:none;
margin:0px 0 24px 0;
padding:0px;
display:flex;
gap:24px;
border-bottom: 1px solid var(--OLD-Gray, #444);
}

.section-19 .tabs__caption li {
cursor:pointer;
padding:6px 0;
color: var(--NEW-Anti-Flash-White, #F1F7F6);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
position:relative;
flex-shrink:0;
transition: .5s;
}

.section-19 .tabs__caption li.active {
cursor:default;
color: var(--OLD-Green, #2CC295);
}

.section-19 .tabs__caption li:hover {
color: var(--OLD-Green, #2CC295);
}

.section-19 .tabs__caption li.active:before {
content:"";
position:absolute;
bottom:-1px;
left:0px;
right:0px;
z-index:3;
height:1px;
background:#2CC295;
}

.section-19 .tabs__content {
display:none;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-19 .tabs__content.active {
display:block;
}

.section-20 {
margin:0 0 75px 0;
}

.section-20 .title {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 24px 0;
text-align: center;
}

.section-20 .head {
display:flex;
align-items:center;
gap:20px;
padding:20px;
border-radius:10px 10px 0 0;
border-top: 1px solid var(--NEW-Bangladesh-Green, #03624C);
border-left: 1px solid var(--NEW-Bangladesh-Green, #03624C);
border-right: 1px solid var(--NEW-Bangladesh-Green, #03624C);
}

.section-20 .head .col-left {
flex:1;
display:flex;
align-items:center;
gap:12px;
}

.section-20 .tabs__caption {
display:flex;
align-items:center;
gap:12px;
list-style:none;
margin:0px;
padding:0px;
}

.section-20 .tabs__caption li {
cursor:pointer;
padding:6px 10px;
border-radius: 4px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
color: var(--NEW-Bangladesh-Green, #03624C);
transition: .5s;
}

.section-20 .tabs__caption li.active {
cursor:default;
border-radius: 4px;
background: var(--OLD-Green, #2CC295);
color: var(--OLD-White, #FFF);
border:1px #2CC295 solid;
}

.section-20 .tabs__caption li:hover {
background: var(--OLD-Green, #2CC295);
color: var(--OLD-White, #FFF);
}

.section-20 .head .addfav {
cursor:pointer;
text-decoration:none;
width:32px;
height:32px;
background:url(../images/section20-addfav.svg) no-repeat;
flex-shrink:0;
}

.section-20 .tabs__content {
display:none;
font-size:0px;
line-height:0px;
border-left: 1px solid var(--NEW-Bangladesh-Green, #03624C);
border-right: 1px solid var(--NEW-Bangladesh-Green, #03624C);
}

.section-20 .tabs__content.active {
display:block;
}

.section-20 .light-off {
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
padding:6px 10px;
border-radius: 4px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-20 .light-off:after {
content:"";
width:19px;
height:20px;
background:url(../images/section20-light.svg) no-repeat;
}

.section-20 .bottom {
border-radius:0 0 10px 10px;
border-bottom: 1px solid var(--NEW-Bangladesh-Green, #03624C);
border-left: 1px solid var(--NEW-Bangladesh-Green, #03624C);
border-right: 1px solid var(--NEW-Bangladesh-Green, #03624C);
padding:20px;
}

.section-20 .info {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
margin:0 0 16px 0;
}

.section-20 .views {
padding:0px 6px;
border-radius: 4px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display:flex;
align-items:center;
gap:4px;
}

.section-20 .views:after {
content:"";
width:16px;
height:12px;
background:url(../images/views.svg) no-repeat;
}

.section-20 .info a {
text-decoration:none;
}

.section-20 .complaint {
cursor:pointer;
border-radius: 4px;
border: 1px solid #F00;
padding:6px 10px;
color: #F00;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-20 .select-ratings {
display:flex;
justify-content: space-between;
gap:20px;
text-align:center;
margin:0 0 16px 0;
border-radius: 6px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
padding:12px 17px;
}

.section-20 .select-ratings > div {
display:flex;
flex-direction:column;
gap:8px;
cursor:pointer;
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.section-20 .select-ratings svg path {
transition: .5s;
fill: var(--NEW-Bangladesh-Green, #03624C);
}

.section-20 .select-ratings > div:hover svg path {
fill: var(--NEW-Mountain-Meadow, #2CC295);
}

.section-20 .section-14 {
margin:0px;
}

.block-information {
display:flex;
gap:33px;
}

.block-information .col {
flex:1;
display:flex;
flex-direction:column;
gap:20px;
}

.block-information .name {
margin:0 0 4px 0;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.block-information .item {
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.block-information .item span {
display:block;
margin:10px 0 0 0;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--NEW-Anti-Flash-White, #F1F7F6);
}

.block-actors {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.block-actors .item {
width:calc(16.666% - 20px);
text-align:center;
display:flex;
flex-direction:column;
gap:16px;
}

.block-actors .images {
height:170px;
overflow:hidden;
font-size:0px;
line-height:0px;
}

.block-actors .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.block-plot .name {
display:flex;
align-items:center;
gap:9px;
margin:0 0 16px 0;
color: #F1F7F6;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.block-plot .warning {
display:flex;
align-items:center;
gap:4px;
color: #F00;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.block-plot .warning:before {
content:"";
width:11px;
height:11px;
background:url(../images/block-plot-warning.svg) no-repeat;
}

.block-interesting-facts .name {
margin:0 0 16px 0;
color: #F1F7F6;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.block-interesting-facts ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:16px;
}

.block-interesting-facts ul li {
position:relative;
padding:0 0 0 19px;
}

.block-interesting-facts ul li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width:13px;
height:13px;
margin:-7px 0 0 0;
border-radius: 1px;
background: var(--OLD-Green, #2CC295);
}

.section-21 {
position:relative;
top:-110px;
margin:0 0 -70px 40px;
z-index:7;
}

.section-21 .head {
display:flex;
align-items:center;
gap:8px;
margin:0 0 10px 0;
}

.section-21 .title {
color: var(--OLD-Green, #2CC295);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-21 .links {
display:flex;
flex-wrap:wrap;
gap:4px;
}

.section-21 .links a {
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
padding:0px 6px;
color: var(--OLD-Green, #2CC295);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
border-radius: 4px;
border: 1px solid var(--OLD-Green, #2CC295);
}

.section-21 .links a:hover, .section-21 .links a.active {
background: var(--OLD-Green, #2CC295);
color:#fff;
}

.section-21 .item {
display:block;
text-decoration:none;
width:100%;
max-width:155px;
}

.section-21 .images {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background: #D9D9D9;
height: 86px;
margin:0 0 4px 0;
}

.section-21 .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-21 .name {
color: var(--NEW-Mountain-Meadow, #fff);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-21 .desc {
color: var(--NEW-Bangladesh-Green, #03624C);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-22 {
margin:0 0 57px 0;
display:flex;
gap:24px;
}

.section-22 .images {
font-size:0px;
line-height:0px;
border-radius: 10px;
background: #D9D9D9;
width: 364px;
height: 364px;
}

.section-22 .images img {
width:100%;
height:100% !important;
object-fit:cover;
border-radius: 10px;
}

.section-22 .col-right {
flex:1;
color: #F1F7F6;
}

.section-22 .info {
display:flex;
flex-wrap:wrap;
gap:12px;
margin:0 0 73px 0;
}

.section-22 .info span {
padding:10px;
border-radius: 6px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--NEW-Bangladesh-Green, #03624C);
}

.section-22 .name {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 12px 0;
}

.section-22 .eng {
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 12px 0;
}

.section-22 .date {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-23 {
margin:60px 0 32px 0;
padding:0 0 80px 0;
position:relative;
}

.section-23 .images {
position:absolute;
bottom:-30px;
right:0px;
z-index:3;
width:434px;
font-size:0px;
line-height:0px;
z-index:1;
}

.section-23 .col-left {
position:relative;
z-index:3;
color: var(--NEW-Bangladesh-Green, #03624C);
}

.section-23 .title {
margin:0 0 57px 0;
font-size: 75px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-23 .info {
display:flex;
align-items:center;
margin:0 0 24px 0;
gap:20px;
}

.section-23 .counter {
border-radius: 17.111px;
background: var(--OLD-Green, #2CC295);
padding:0px 34px;
color: var(--OLD-White, #FFF);
font-size: 68.446px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.section-23 .name {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-23 .desc {
font-size: 33px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin:0 0 77px 0;
}

.section-23 .novirus {
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.section-23 .novirus span {
color: var(--OLD-Green, #2CC295);
text-decoration:underline;
}

.section-24 {
margin:0 0 114px 0;
display:flex;
align-items:center;
gap:22px;
border-radius: 10px;
background: var(--NEW-Bangladesh-Green, #03624C);
padding:16px 18px 20px 18px;
}

.section-24 .qr {
font-size:0px;
line-height:0px;
}

.section-24 .text {
flex:1;
color: #FFF;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.mobile-menu {
	display:none;
	position: fixed;
	top: 20px;
	left: 20px;
}

/*.open-filter-mobile {
display:none;
}*/

.section-25 {
display:none;
}

body.moon {
position:relative;
}

body.moon:before {
content:"";
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:9;
background:rgba(0,0,0,.5);
}

.section-20 .light-off, .section-20 .tabs__content {
position:relative;
z-index:999;
}

.section-2 .owl-item {
padding:20px 0;
}

/*.section-2 .owl-item:first-child .card {
box-shadow: 0px 0px 20px 0px #2CC295;
}*/

.mass_comments_action {
display:none;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:400px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
border-radius: 10px;
border: 1px solid var(--NEW-Bangladesh-Green, #03624C);
background: var(--NEW-Bangladesh-Green, #03624C);
padding:40px;
}

.popup-block .close {
width:18px;
height:18px;
background:url(../images/popup-close.svg) no-repeat;
cursor:pointer;
position:absolute;
top:20px;
right:20px;
background-size:contain;
}

.popup-block .title {
font-size:26px;
text-align:center;
margin:0 0 20px 0;
font-weight:700;
}

.popup-block label {
display:block;
margin:0 0 5px 0;
}

.popup-block input {
width:100%;
height:40px;
border:0px;
background:#034938;
margin:0 0 10px 0;
padding:0 15px;
color:#fff;
}

.popup-block button {
width:100%;
height:40px;
cursor:pointer;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding: 6px 10px;
background:none;
color:#fff;
margin:0 0 20px 0;
}

.popup-block button:hover {
background:#fff;
color:#03624C;
}

.popup-block .links {
display:flex;
flex-wrap:wrap;
justify-content: space-between;
gap:10px;
}



.oformlenie .form__row {
margin:0 0 20px 0;
}

.oformlenie .form-group {
margin:0 0 20px 0;
}

.oformlenie .form__row label {
display:block;
margin:0 0 5px 0;
}

.oformlenie input {
height:40px;
border:0px;
background:#034938;
margin:0 0 10px 0;
padding:0 15px;
color:#fff;
display:table;
}

.oformlenie textarea {
border:0px;
background:#034938;
margin:0 0 10px 0;
padding:0 15px;
color:#fff;
display:table;
}

.oformlenie button {
height:40px;
cursor:pointer;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding: 6px 10px;
background:none;
color:#fff;
}

.oformlenie button:hover {
background:#fff;
color:#03624C;
}

.oformlenie ::placeholder {
color:#fff;
}

.registration__notice {
margin:0 0 30px 0;
}

.popup-block .dropdown-item {
display:block;
text-decoration:none;
margin:0 0 10px 0;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding: 6px 10px;
color:#fff;
text-align:center;
}

.popup-block .dropdown-item:hover {
background:#fff;
color:#03624C;
}

.oformlenie .label {
padding:0 10px 0 0;
}

.section-2 .tabs__content {
display:none;
}

.section-2 .tabs__content.active {
display:block;
    overflow: hidden;
}

.news-title {margin:10px 0 0 0; text-align:right;}

.section-17 .site-width {display:flex; gap:24px;}

.section-17 .col-left {flex:1;}

.section-17 .col-right {width:250px;}

.section-17 .col-right .flex {flex-direction:column; counter-reset: test;}

.section-17 .col-right .comment-block {width:100%;}

.popular-day-item {
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
}

.popular-day-item:before {
counter-increment: test;
content: counter(test);
width:20px;
height:20px;
border-radius:555px;
background: var(--NEW-Bangladesh-Green, #03624C);
color:#fff;
font-size:12px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}

.popular-day-photo {
border-radius:555px;
overflow:hidden;
font-size:0px;
line-height:0px;
width:40px;
height:40px;
}

.popular-day-name {
flex:1;
}

.popular-day-star {
display:flex;
align-items:center;
gap:4px;
padding:1px 6px;
border-radius: 4px;
border: 1px solid #F1F7F6;
color: #F1F7F6;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.popular-day-star:before {
content:"";
width:13px;
height:12px;
background:url(../images/section2-star.svg?v1) no-repeat;
}


































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

.js-dropdown-list {
    display: none;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    min-width: 200px;
}

.dropdown {
    position: relative;
}

.dropdown-btn {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0 5px;
}

.opened .fa-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.site-width {
max-width:760px;
}

header {
margin:15px 0;
    position: relative;
}
    body{
        padding:0;
    }

header .flex {
padding:8px 12px 8px 8px;
justify-content: space-between;
position:relative;
    width:100%;
}

.mobile-menu {
    display:inline-block;
cursor:pointer;
width:33px;
height:22px;
background:url(../images/mobile-menu.svg) no-repeat;
top: 10px;
    left: 93%;
    position:absolute;
}

header .menu {
display:none;
//position:absolute;
//top:calc(100% + 10px);
//right:0px;
z-index:3;
//background:#2CC295;
padding:10px;
width:100%;
//max-height:90vh;
overflow-y:auto;
}

header .menu li {
	margin: 0;
    padding: 0;
}

header .menu li a {
    padding:5px 0;
}

header .menu li:hover > ul {display:none;}

header .theme-select {
display:none;
}

header .menu li ul {
position:relative;
top:auto;
width:auto;
left:auto;
right:auto;
}

.section-1 .slide {
flex-direction:column;
gap:16px;
}

.section-1 .item {
width:100%;
height:137px;
}

.section-1 .item.active {
width:100%;
flex:none;
height:591px;
}

.section-1 .images {
left:0px;
}

.section-1 .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-1 .item.active .name {
font-size:36px;
}

.section-1 .item.active .button {
flex-direction:column;
width:100%;
text-align:center;
}

.section-1 .item.active .block {
width:100%;
background: linear-gradient(0deg, rgba(44, 194, 149, 1) 0%, rgba(44, 194, 149, 0) 100%);
}

.section-1 {
margin:0 0 64px 0;
}

.section-2 .head {
flex-direction:column;
gap:32px;
}

.section-2 .title {
margin:0px;
}

.card {
width:160px;
}
    #dle-content{
            justify-content: space-between;
    }
.section-3 {
margin:0 0 100px 0;
}

.section-5 .item {
width:348px;
}

.section-6 {
padding:32px 0;
}

.footer .head {
justify-content: center;
flex-wrap:wrap;
}

.footer .download {
font-size:16px;
}

.footer .menu a {
font-size:14px;
}

.footer .links a {
font-size:12px;
}

.footer .links {
justify-content: space-between;
}

.footer .info {
font-size:14px;
}

.footer .bottom {
padding:24px 0 32px 0;
flex-direction:column;
}

.footer .social {
order:1;
}

.footer .mail {
order:2;
}

.footer .copyright {
order:3;
text-align:center;
font-size: 14px;
}

.section-4 .item {
min-height:122px;
}

.footer {
margin:0px;
}

.section-7 .item {
width:380px;
}

.section-7 .owl-item.center .item {
width:472px;
}

.section-7 h1 {
font-size:36px;
text-align:center;
}

.section-7 .item.active .description {
display:none;
}

.section-7 .item.active .name {
font-size:32px;
}

.section-7 .item.active .block {
width:100%;
}

.section-7 .item.active .button {
width:100%;
}

.section-7 .item.active .link, .section-7 .item.active .trailer {
width:100%;
text-align:center;
font-size:16px;
}

.section-7 .item.active .ratings span, .section-7 .item.active .category, .section-7 .item.active .info {
font-size:14px;
}

.section-9 .site-width {
position:relative;
display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-direction: column;
    flex-wrap: wrap;
}

.section-9 .sidebar {
display:none;
width:100%;
}

.open-filter-mobile {

color: var(--OLD-White, #FFF);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align:center;
cursor:pointer;
width:100%;
    position:initial !important;
}

.wrapper h1 {
font-size: 36px;
margin:0 0 32px 0;
text-align:center;
}

.wrapper .section-8 {
flex-direction:column;
gap:24px;
margin:0 0 24px 0;
}

.section-8 .select-category .select {
justify-content: center;
font-size:18px;
}

.section-5 {
margin:0 0 80px 0;
}

.section-5 .flex .item {
width:calc(50% - 12px);
}

.section-10 {
padding:32px 0;
}

.select-content {
padding:16px;
}

.section-18 h1 {
text-align:left;
margin:0 0 8px 0;
}

.section-18 .ratings span, .section-18 .category, .section-18 .info {
font-size: 16px;
}

.section-18 .bottom {
text-align:center;
flex-wrap:wrap;
}

.newaddlist .open {
width:33px;
height:33px;
background-size:contain !important;
}

.section-18 .play, .section-18 .trailer {
padding:6px;
}

.section-18 .add {
width:100%;
border-radius: 6px;
border: 1px solid var(--OLD-Green, #2CC295);
background: url(../images/section18-add-mobile.svg) no-repeat center center;
height:34px;
}

.section-18 {
/*margin:0 -20px 40px -20px;*/
padding:248px 21px 0 21px;
background-size:contain !important;
}

.section-18:before {
display:none;
}

.section-18:after {
z-index: 1;
height: 100%;
}

.section-20 {
margin:0 0 64px 0;
}

.section-16 .title, .title-section {
font-size: 32px;
margin:0 0 24px 0;
text-align:center;
}

.section-16 {
margin:0 0 80px 0;
}

.section-17 .flex {
gap:12px;
}

.section-17 .comment-block {
width:100%;
margin:0px;
}

.section-17 {
margin:0 0 64px 0;
}

.block-information {
flex-direction:column;
}

.block-information .col {
gap:12px;
}

.block-information .item {
display:none;
}

.block-information .name {
cursor:pointer;
display:flex;
align-items:center;
justify-content: space-between;
gap:10px;
}

.block-information .name:after {
content:"";
width:19px;
height:12px;
background:url(../images/block-information-mobile.svg) no-repeat;
}

.block-information .name.active:after {
transform: rotate(180deg);
}

.block-actors .images {
height: 99px;
}

.block-actors .item {
gap:6px;
}

.section-19 .tabs__content {
font-size:16px;
}

.section-21 {
top:auto;
margin:0px 0 24px 0;
}

.section-21 .title {
font-size:16px;
}

.section-22 {
flex-direction:column;
gap:32px;
}

.section-22 .images {
width:100%;
height:432px;
border-radius: 10px;
overflow:hidden;
}

.section-22 .info {
display:none;
}

.section-22 .col-right {
text-align:center;
}

.section-22 .name {
font-size:36px;
}

.section-23 .col-left svg {
width: 549px;
}

.section-23 .title {
font-size: 54.681px;
}

.section-23 .counter {
font-size:62px;
}

.section-23 .info {
align-items:flex-start;
flex-direction:column;
gap:24px;
}

.section-23 .name {
font-size: 32.894px;
}

.section-23 .desc {
max-width:310px;
margin:0 0 60px 0;
font-size: 27.138px;
}

.section-23 .novirus {
font-size: 36.353px;
}

.section-23 .novirus span {
display:block;
}

.section-23 .images {
width:421px;
height:auto;
}

.section-24 {
display:none;
}

.section-25 {
display:block;
margin:0 0 80px 0;
}

.section-25 a {
display:flex;
align-items:center;
justify-content: center;
gap:8px;
text-decoration:none;
border-radius: 4px;
background: var(--OLD-Green, #2CC295);
padding:10px;
color: var(--OLD-White, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-25 a:after {
content:"";
width:18px;
height:18px;
background:url(../images/download.svg) no-repeat;
}

.section-19 .tabs__caption {
overflow:hidden;
overflow-x:auto;
}

.section-1 .item {
display:none;
}

.section-1 .item:first-child {
display:block;
height: auto;
min-height: 512px;
}

.section-1 .item .images {
left:0px !important;
}

.section-1 .item .block {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: auto;
z-index: 3;
width: 60%;
background: linear-gradient(270deg, rgba(44, 194, 149, 0.00) 0%, #2CC295 35.72%), linear-gradient(270deg, rgba(44, 194, 149, 0.00) 0%, #2CC295 35.72%);
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
padding: 12px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-1 .item .block {
width: 100%;
background: linear-gradient(0deg, rgba(44, 194, 149, 1) 0%, rgba(44, 194, 149, 0) 100%);
}

.section-1 .item .name {
font-size: 32px;
}

.section-1 .item .category, .section-1 .info, .section-1 .item .ratings span {
font-size: 14px;
}

.section-1 .item .info {
display: flex;
flex-wrap: wrap;
gap: 13px;
margin: 0 0 16px 0;
}

.section-1 .item .button {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.section-1 .item .button {
flex-direction: column;
width: 100%;
text-align: center;
}

.section-1 .item .link {
text-decoration: none;
cursor: pointer;
padding: 6px 10px;
border-radius: 4px;
background: var(--OLD-White, #FFF);
color: #2CC295;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-1 .item .link, .section-1 .item .trailer {
font-size: 18px;
}

.section-1 .item .trailer {
text-decoration: none;
cursor: pointer;
border-radius: 4px;
border: 1px solid var(--OLD-White, #FFF);
padding: 6px 10px;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}



}







@media screen and (max-width:768px) {
body {
        padding: 0 10px !important;
}
.section-18 .block {
    width: 90%;
}
    
header .logo {
display: block;
text-decoration: none;
width: 120px;
height: 18px;
background: url(../images/logo.svg) no-repeat;
background-size: contain;
}
header .logo {
	background-position-x: center;
	padding: 13px 0;
	margin: 10px 0 0 10px;
}

header .enter {order:2; font-size:0px; line-height:0px;}
.mobile-menu {
    display: block;
    position: absolute;
    
    left: auto;
    z-index: 100;
    top: 15px;
        left: 85%;
}
.mobile-menu span {
    display: flex;
    align-items: center;
	height: 100%;
	width: 100%;
    opacity: 0;
    
}
    .mobile-menu.opened {
        background-size: 0;
    }
    .mobile-menu.opened span {
        opacity: 1;
    }
.mobile-menu span:after {
    content: "";
    display: block;
	width: 100%;
    position: absolute;
    height: 4px;
    background-color: #2cc295;
    transform: rotate(45deg);
}
.mobile-menu span:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 4px;
    background-color: #2cc295;
    transform: rotate(-45deg);
}

header .enter:before {content:"ЛК"; font-size:14px; line-height:normal;}

header .search {
position: initial;
order:3;
}

.content__search {
/*position: absolute;*/
/*top: calc(100% + 24px);*/
/*right: auto;*/
z-index: 3;
background: #2CC295;
padding: 5px;
display: flex;
gap: 10px;
left: 0px;
right: 0px;
width: 100%;
}

header .menu li ul {
position: relative;
top: auto;
z-index: 3;
padding: 0;
background: none;
flex-direction: column;
gap: 0px;
margin: 0 0 0 10px;
//columns:2;
}

header .menu li ul li, header .menu li ul li a {
font-size:14px;
}

.section-18 .mobile-name {display:block; font-size:18px; margin:0 0 10px 0; text-align:center;}

.section-2 .owl-carousel {
width: auto;
margin:0 -20px 0 0;
}

header {
    /*left: -100%; */
    right: 100%;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
    margin: 20px 0;
}
header .flex {
    width: auto;
}
header.show {
    left: 0;
    right: 0;
}
header:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
	background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    transition: background-color .2s ease-in-out;
}
header.show:before {
	background: rgba(0, 0, 0, 0.5);
}

.section-1 {
margin:0 0 30px 0;
}

.section-1 .name {
overflow-wrap: anywhere;
}

.section-1 .item.active .name {
font-size:32px;
}

.section-1 .item.active .category, .section-1 .info, .section-1 .item.active .ratings span {
font-size:14px;
}

.section-1 .item.active .description {
font-size:16px;
margin:0 0 12px 0;
}

.section-1 .item.active .link, .section-1 .item.active .trailer {
font-size:18px;
}

.section-1 .item.active {
height:auto;
min-height:512px;
}

.section-2 {
margin:0;
}

.section-2 .head {
gap:24px;
}

.section-2 .title {
font-size:28px;
}

.section-2 .sorting a {
font-size:14px;
}

.card {
width:180px;
}

.card .category {
padding:8px;
}

.card .category span {
font-size:12px;
padding:1px 4px;
}

.card .info {
padding:8px;
}

.card .name {
font-size:15px;
margin:0 0 4px 0;
}

.card .ratings span {
padding:1px 4px;
font-size:12px;
}

.card .cat {
font-size:12px;
}

.section-3 .owl-item {
padding:78px 0 0 0;
}

.section-3 .card {
margin:0 0 0 30px;
}

.section-3 .owl-item:before {
font-size:150px;
}

.section-3, .section-4, .section-5 {
margin:0 0 24px 0;
}

.section-4 .item {
font-size:28px;
}

.section-5 .item {
width:303px;
}

.section-5 .name {
font-size:16px;
}

.section-5 .desc {
font-size:14px;
}

.footer .logo {
width: 183.609px;
height: 32.694px;
background-size:contain !important;
}

.footer .head {
flex-direction:column;
gap:9px;
margin:0 0 24px 0;
}

.footer .desc {
padding:9px 0 9px 9px;
font-size:12px;
}

.footer .download {
justify-content: center;
margin:15px 0 0 0;
width:100%;
max-width:349px;
}

.footer .menu {
justify-content: center;
flex-wrap:wrap;
margin:0 0 24px 0;
}

.footer .menu a {
font-size:12px;
}

.footer .links {
flex-direction:column;
gap:13px;
text-align:center;
margin:0 0 25px 0;
}

.footer .info {
font-size:12px;
}

.footer .bottom {
margin:25px 0 0 0;
padding:24px 0 31px 0;
}

.section-7 h1 {
font-size:20px;
}

.section-7 .item {
width: 294.358px;
height: 342px;
}

.section-7 .owl-item.center .item {
width: 346px;
height: 402px;
}

.section-8 {
margin:0 0 16px 0;
}

.open-filter-mobile {
font-size: 16px;
}

.section-9 {
margin:0 0 80px 0;
}

.section-9 .container, .section-9 .container #dle-content {
gap:16px;
}

/*.section-9 .container .card {
width:calc(40% - 8px);
}*/

.wrapper h1 {
font-size: 20px;
margin:0 0 32px 0;
}

.wrapper .section-8 {
gap:16px;
}

.section-8 .select-category .select {
font-size:16px;
}

.section-5 .flex {
gap:16px;
flex-direction:column;
}

.section-5 .flex .item {
width:100%;
max-width:303px;
margin:0 auto;
}

.section-5 .info .cat a, .section-5 .date, .section-5 .views {
font-size:12px;
}

.section-5 .info {
top:10px;
left:10px;
right:10px;
}

.section-10 .title {
font-size:18px;
}

.section-10 .flex a {
font-size:18px;
}

.section-11 .cat, .section-11 .date, .section-11 .views {
font-size:12px;
}

.section-11 {
margin:0 0 24px 0;
}

.select-content {
margin:0 0 24px 0;
}

.section-12 {
font-size:18px;
margin:0 0 64px 0;
}

.section-12 h2 {
font-size: 24px;
margin:0 0 16px 0;
}

.section-13 {
gap:13px;
margin:0 0 24px 0;
}

.section-13 .name {
font-size:18px;
}

.section-13 .photo {
width: 84px;
height: 84px;
}

.section-13 .info {
font-size:14px;
}

.section-14 {
padding:20px;
margin:0 0 64px 0;
align-items:flex-start;
flex-direction:column;
gap:12px;
}

.section-12 table {
margin:32px 0;
}

.section-14 .name {
font-size:14px;
}

.section-14 .share a {
font-size:12px;
}

.section-15 {
margin:0 0 64px 0;
}

.section-15 .title, .section-16 .title {
margin:0 0 24px 0;
text-align:center;
font-size: 28px;
}

.section-15 .item {
margin:0 0 12px 0;
}

.section-15 .question, .section-15 .answer {
font-size:18px;
}

.form-addcomments {
display:block;
}

.form-addcomments .smile .open {
display:none;
}

.form-addcomments textarea {
font-size:18px;
height:100px;
}

.form-addcomments input {
font-size:18px;
}

.form-addcomments button {
width:100%;
}

.comment-block {
font-size:14px;
}

.section-18 h1 {
font-size:32px;
margin:0 0 8px 0;
}

.section-18 .play, .section-18 .trailer {
font-size:16px;
}

.section-19 .tabs__caption {
gap:16px;
/*margin:0 -20px 24px 0;*/
}

.section-19 .tabs__caption li {
font-size:18px;
}

.section-19 .tabs__content {
font-size:18px;
}

.section-19 {
margin:0 0 40px 0;
}

.section-20 .title {
font-size:18px;
}

.section-20 .head {
align-items:flex-start;
padding:12px;
gap:12px;
flex-direction:column;
}

.section-20 .light-off {
position: relative;
z-index: 999;
 width: 100%;
justify-content: center;
}

.section-20 .head .col-left {
align-items:flex-start;
}

.section-20 .tabs__caption {
gap:5px;
align-items: normal;
}

.section-20 .tabs__caption li {
font-size:12px;
padding:5px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}

.section-20 .bottom {
padding:12px;
}

.section-20 .complaint {
font-size:14px;
}

.section-20 .select-ratings {
padding:9px;
margin:0 0 12px 0;
gap:5px;
}

.section-20 .select-ratings > div {
font-size:6px;
gap:6px;
}

.section-20 .section-14 {
padding:8px;
}

.block-actors {
gap:16px;
}

.block-actors .item {
width:calc(25% - 12px);
}

.block-actors .images {
height:85px;
}

.block-actors {
font-size:14px;
}

.block-plot .name {
font-size:18px;
}

.block-interesting-facts .name {
font-size:18px;
}

.section-22 {
gap:24px;
margin:0 0 29px 0;
}

.section-22 .images {
height:233px;
}

.section-22 .name {
font-size:32px;
}

.section-22 .eng {
font-size: 24px;
}

.section-22 .date {
font-size:18px;
}

.section-23 .col-left svg {
width:100%;
}

.section-23 .title {
font-size: 38.645px;
margin:0 0 32px 0;
}

.section-23 .info {
gap:12px;
margin:0 0 12px 0;
}

.section-23 .counter {
font-size:34px;
padding: 3.719px 17.438px;
}

.section-23 .name {
font-size: 18.357px;
}

.section-23 .desc {
font-size: 15.145px;
margin:0 0 24px 0;
max-width:185px;
}

.section-23 .novirus {
font-size: 21.292px;
}

.section-23 .images {
width: 208px;
}

.section-25 {
margin:0 0 32px 0;
}

.tableform, .tableform tbody, .tableform tr, .tableform td {
display:block;
}

.section-2 .sorting li {
font-size:13px;
padding:5px;
}

.pagination {
flex-wrap:wrap;
}

.card > img {
height: 250px !important;
}

.section-17 .site-width {
flex-direction:column;
}

.section-17 .col-right {
width:100%;
}

.select-content {
padding: 10px;
font-size: 16px;
}

.block-information {
gap:15px;
}

.block-information .name {
font-size:16px;
}


















}


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

.section-7 .item {
width: 254.358px;
height: 342px;
}
.card-page{
    margin-top: 0 !important;
    }
    
.section-7 .owl-item.center .item {
width: 296px;
height: 402px;
}
    .block-items-card{
    justify-content: space-around;
    }


}

.page__lord_rating {
	display: flex;
}

@media screen and (max-width: 950px) {
	.page__lord_rating {
		flex-wrap: wrap;
	}

	.page__lord_rating .lord_ratings {
		flex-wrap: wrap;
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width: 760px) {
	.page__lord_rating {
		justify-content: center;
		text-align: center;
	}
}

.page__lord_rating .lord_ratings {
	display: flex;
}

.page__lord_rating .lord_ratings li {
	display: flex;
	flex-direction: column;
	margin-right: 0.7rem;
	align-items: center;
}

.page__lord_rating .lord_ratings li > span:first-child {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 0.125rem;
}

.page__lord_rating .lord_ratings li > span:last-child {
	color: #888;
font-weight: 900;
border-bottom: 1px dotted var(--grey);
}

.page__lord_rating .lord-unit-rating {
	display: flex;
}

.page__lord_rating .lord-unit-rating a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 30px;
	flex-shrink: 0;
	border-radius: 999px;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 800;
text-decoration: none;
}

.page__lord_rating .lord-unit-rating .lord-r1-unit,
.page__lord_rating .lord-unit-rating .lord-r2-unit,
.page__lord_rating .lord-unit-rating .lord-r3-unit,
.page__lord_rating .lord-unit-rating .lord-r4-unit {
	color: rgb(220 38 38);
}

.page__lord_rating .lord-unit-rating .lord-r5-unit,
.page__lord_rating .lord-unit-rating .lord-r6-unit,
.page__lord_rating .lord-unit-rating .lord-r7-unit {
	color: rgb(245 158 11);
}

.page__lord_rating .lord-unit-rating .lord-r8-unit,
.page__lord_rating .lord-unit-rating .lord-r9-unit,
.page__lord_rating .lord-unit-rating .lord-r10-unit {
	color: rgb(34 197 94);
}

.page__lord_rating .lord-unit-rating .lord-r1-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r2-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r3-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r4-unit:hover {
	color: rgb(239 68 68);
}

.page__lord_rating .lord-unit-rating .lord-r5-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r6-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r7-unit:hover {
	color: rgb(251 191 36);
}

.page__lord_rating .lord-unit-rating .lord-r8-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r9-unit:hover,
.page__lord_rating .lord-unit-rating .lord-r10-unit:hover {
	color: rgb(74 222 128);
}

.lord-current-rating {
	display: none;
}

.page__lord_rating .lord-unit-rating .lord-r1-unit.active,
.page__lord_rating .lord-unit-rating .lord-r2-unit.active,
.page__lord_rating .lord-unit-rating .lord-r3-unit.active,
.page__lord_rating .lord-unit-rating .lord-r4-unit.active {
	background: rgb(220 38 38);
	color: #fff;
}

.page__lord_rating .lord-unit-rating .lord-r5-unit.active,
.page__lord_rating .lord-unit-rating .lord-r6-unit.active,
.page__lord_rating .lord-unit-rating .lord-r7-unit.active {
	background: rgb(245 158 11);
	color: #fff;
}

.page__lord_rating .lord-unit-rating .lord-r8-unit.active,
.page__lord_rating .lord-unit-rating .lord-r9-unit.active,
.page__lord_rating .lord-unit-rating .lord-r10-unit.active {
	background: rgb(34 197 94);
	color: #fff;
}

.page__schedules {padding: 20px;margin-bottom: 20px;border: 1px solid;border-radius: 8px;}
.page__schedule {border: 1px solid var(--bdc);}
.schedule-item {padding: 6px 20px; gap: 10px 20px;}
.schedule-item + .schedule-item {border-top: 1px solid var(--bdc);}
.schedule-item__number {font-weight: 600; width: 280px;}
.schedule-item__descr {color: var(--tt-fade);}
.schedule-item__descr b {display: block; color: var(--tt); font-size: 15px;}
.schedule-item__date {color: var(--tt-fade);}
.schedule-item__status {color: var(--green); font-size: 24px;}
.schedule-item__status .fa-times {color: var(--red);}
.b-post__schedule_block:nth-of-type(n+3) {display:none;}
.b-post__schedule_block.active {display:block;}
.b-post__schedule_block {
margin-bottom: 3px;
background: var(--bg-darker);
}
.b-post__schedule_block_title{
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
padding: 10px 18px;
cursor: pointer;
}
.b-post__schedule_block_title .title {
color: var(--tt);
float: left;
font-size: 16px;
font-weight: 700;
line-height: 18px;
}

.b-post__schedule_block_title .fal {margin-right: 10px;}

.b-post__schedule_table {
color: var(--tt);
font-size: 14px;
width: 100%;
}
.b-post__schedule_table td {
padding: 10px 0 10px 10px;
border-top: 1px solid var(--tt);
}
.td-1 {
width: 20%;
}
.td-2 {
width: 40%;
}
.td-4 {
text-align: right;
white-space: nowrap;
width: 20%;
}
.b-post__schedule_table .td-5 {
text-align: center;
width: 10%;
}
.b-post__schedule_table .exists-episode {
color: var(--tt);
}

.speedbar {
color: #03624C;
font-size: 14px;
font-weight: 600;
      margin:5px 0 !important;
}


.speedbar a {
text-decoration: none;
color: var(--OLD-Green, #2CC295);}

.pagination {
display: flex;
gap: 10px;
margin: 10px auto;
justify-content: center;
width:100%;}

.pagination a {
text-decoration: none;
font-weight: 600;
padding: 10px;
background-color: #03624C;
border-radius: 8px;}

.pagination span {
text-decoration: none;
font-weight: 400;
padding: 10px;
background-color: #2CC295;
border-radius: 8px;}

@media screen and (min-width: 320px) and (max-width: 390px) {
    .site-width{
        padding: 0 10px !important;
    }
    
        .card {
        width: 137px;
    }
    .section-9 .container .card {
                       width: 117px;
    }
    .section-9 .container, .section-9 .container #dle-content, .list-items #dle-content {
    
    justify-content: center;
    }
}

@media screen and (min-width: 320px) and (max-width: 760px) {
.description-page-text{
    font-size:12px;
}
    .section-9 .container, .section-9 .container #dle-content, .list-items #dle-content {
    
    justify-content: center;
    }
    .card {
        width: 160px;
    }
    .card-img {
    height: 213px !important;
}
textarea {
    padding:0 !important;
        margin:0 !important;
}
        .form-addcomments textarea {
        font-size: 18px;
        height: 50px;
    }

}

.img-fantastika, .img-boevik, .img-fantasy, .img-adventures, .img-drama, .img-triller, .img-detektivy, .img-sverh{
background-repeat: no-repeat;
background-size:cover;
}

.img-fantastika{
background-image: url("/uploads/icons/fantastika.png")
}
.img-boevik{
background-image: url("/uploads/icons/boeviki.png")
}
.img-fantasy{
background-image: url("/uploads/icons/fantasy.png")
}
.img-adventures{
background-image: url("/uploads/icons/adven.png")
}
.img-drama{
background-image: url("/uploads/icons/drama.png")
}
.img-triller{
background-image: url("/uploads/icons/triller.png")
}
.img-detektivy{
background-image: url("/uploads/icons/detektiv.png")
}
.img-sverh{
background-image: url("/uploads/icons/sverh.png")
}

.card-link{
}

.card .info {
    position: relative !important;
    width: 160px !important;
}
.card-img{
max-height:350px;
    width:160px;
       height: 250px !important;

}
.filter-block {background-color: #032221; margin: 0 -20px; margin-bottom: 20px; padding: 20px;}
.filter {gap: 10px 20px;}
.filter-block__title {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
.filter__col:not(.filter__col--submit) {flex: 1 0 240px; max-width: 100%; min-width: 205px; display: flex; flex-direction: column; gap: 10px;}
.filter__cell select {height: 40px; box-shadow: none; border: 1px solid rgba(0,0,0,0.15);
	background-color: var(--bg); color: var(--tt);}
.filter__cell input[type="text"] {opacity: 0;}
.filter__cell [data-dlefilter="reset"]:not(:hover) {background-color: var(--bg-darker); color: var(--tt-fade);}
.filter__col--ranges {padding: 0 20px;}
.filter-block--full .filter__col--submit {width: 100%;}
.filter-block--full {background: none; box-shadow: none; padding: 0; margin: 0;}

.tail-select, .tail-select * {outline: none; user-select: none;}
.tail-select {position: relative; margin-bottom: 5px;}
.tail-select-container, .select-label {border: 1px solid #fff; 
	padding: 5px 5px; min-height: 40px; position: relative; cursor: pointer; color: var(--tt);
	display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px; border-radius: 3px;
min-width:216px;}
.tail-select .label-inner {margin-left: 5px; font-size: 14px;}
.tail-select-container .select-handle {display: flex; align-items: center; height: 28px; padding: 0 8px; border-radius: 2px; 
	background-color: var(--accent); color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase;}
.tail-select .select-label::before {position: absolute; top: 50%; right: 10px;
	content: url(../images/sidebar-select.svg); color: var(--OLD-Green, #2CC295); margin-top: -10px; opacity: 0.5;}
.tail-select .select-label::after {margin-top: -5px; transform: rotate(180deg);}

.tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute;
    background-color: #004334; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); border-radius: 3px;}
.tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto; max-height: 300px;}
.tail-select .dropdown-optgroup {padding: 15px;}
.tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: 14px; text-align: center;}
.tail-select .select-dropdown ul li + li {margin-top: 10px;}
.tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px;}
.tail-select .select-dropdown ul li.dropdown-option::before {content: ""; background-color: #d2d2d2;
    width: 18px; height: 18px; border-radius: 1px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); 
	display: flex; justify-content: center; font-size: 14px; color: #000; flex-shrink: 0; 
	box-sizing: border-box; padding-bottom: 3px;}
.tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent);}
.tail-select .select-dropdown ul li.dropdown-option.selected::before 
{background-color: var(--accent); color: #fff; content:"\f00c"; box-shadow: none;}
.tail-select .select-dropdown ul li:hover {color: var(--blue);}
.tail-select-container:hover, .select-label:hover {border-color: var(--accent);}
.tail-select-container .select-handle:hover {background-color: var(--red);}

.irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;}
.irs-line {position: relative; display: block; overflow: hidden; outline: none !important;}
.irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;}
.irs-line-left {left: 0; width: 11%;}
.irs-line-mid {left: 9%; width: 82%;}
.irs-line-right {right: 0; width: 11%;}
.irs-bar {position: absolute; display: block; left: 0; width: 0;}
.irs-bar-edge {position: absolute; display: block; top: 0; left: 0;}
.irs-shadow {position: absolute; display: none; left: 0; width: 0;}
.irs-handle {position: absolute; display: block; cursor: default; z-index: 1;}
.irs-handle.type_last {z-index: 2;}
.irs-min {position: absolute; display: block; left: 0; cursor: default;}
.irs-max {position: absolute; display: block; right: 0; cursor: default;}
.irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;}
.irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;}
.irs-with-grid .irs-grid {display: block;}
.irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #ec2828;}
.irs-grid-pol.small {height: 4px;}
.irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center;
font-size: 9px; line-height: 9px; padding: 0 3px; color: #ec2828;}
.irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%;
cursor: default; background: rgba(0,0,0,0.0); z-index: 2;}
.irs-disabled {opacity: 0.4;}
.lt-ie9 .irs-disabled {filter: alpha(opacity=40);}
.irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important;
width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important;
border-style: solid !important; border-color: transparent !important;}

.irs {height: 40px;}
.irs-line {height: 6px; top: 25px; background-color: var(--bg); border-radius: 3px; 
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);}
.irs-bar {height: 1px;
    top: 25px;
    background-color: #999;
    border-radius: 3px;}
.irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color:var(--bg);}
.irs-handle {
    width: 10px;
    height: 10px;
    top: 20px;
    background-color: var(--OLD-Green, #2CC295);
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;}
.irs-from, .irs-to, .irs-single {font-size: 10px; margin-top: -5px; border: 1px solid var(--bdc);
	padding: 0 5px; height: 22px; display: flex; align-items: center; 
	background: var(--bg); color: var(--tt); border-radius: 3px;}
.link-to-new {
  text-decoration: none;
  color: inherit;
}
.wseditor{
width:100%;
}
.block-plot{
    line-height: 28px;}
.actor-block{
    width: 107px;}
.gray-theme.fr-box.fr-basic .fr-element{
        background-color: #030f0f !important;
    color:white !important;
}
.container-block-list-item{
        flex-direction: column;
}
.form-sidebar{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form-help-lines{
    width: 100%;
}
.open-filter-mobile{
    padding: 5px 50px;
    border-radius: 15px;
    border: 1px solid;
    text-align: r;
    position: absolute;
    top: 38px;
    right: 3%;}