*,::after,::before{
	box-sizing:border-box;
	border-width:0;
	border-style:solid;
	border-color:#e5e7eb
}
::after,::before{
	--tw-content:''
}
html{
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;
	font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-feature-settings:normal;
	font-variation-settings:normal
}
body{
	margin:0;
	line-height:inherit;
	font-family:GolosUI,sans-serif
}
hr{
	height:0;
	color:inherit;
	border-top-width:1px
}
abbr:where([title]){
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
	font-size:inherit;
	font-weight:inherit
}
a{
	color:inherit;
	text-decoration:inherit
}
b,strong{
	font-weight:bolder
}
code,kbd,pre,samp{
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-size:1em
}
small{
	font-size:80%
}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub{
	bottom:-.25em
}
sup{
	top:-.5em
}
table{
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse
}
button,input,optgroup,select,textarea{
	font-family:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	color:inherit;
	margin:0;
	padding:0
}
button,select{
	text-transform:none
}
[type=button],[type=reset],[type=submit],button{
	-webkit-appearance:button;
	background-color:transparent;
	background-image:none
}
:-moz-focusring{
	outline:auto
}
:-moz-ui-invalid{
	box-shadow:none
}
progress{
	vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
	height:auto
}
[type=search]{
	-webkit-appearance:textfield;
	outline-offset:-2px
}
::-webkit-search-decoration{
	-webkit-appearance:none
}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
}
summary{
	display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
	margin:0
}
fieldset,menu,ol,ul{
	margin:0;
	padding:0
}
legend{
	padding:0
}
menu,ol,ul{
	list-style:none
}
textarea{
	resize:vertical
}



#videoList li.active {
    color: #79c142; }
    
#videoList li {
    padding: 5px 10px;
    background: #181818;
    color: #ffff;
    cursor: pointer;
}

#videoList li:hover {
    background:#3a3a3a;
}


input::-moz-placeholder,textarea::-moz-placeholder{
	opacity:1;
	color:#9ca3af
}
input::placeholder,textarea::placeholder{
	opacity:1;
	color:#9ca3af
}
[role=button],button{
	cursor:pointer
}
:disabled{
	cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video{
	display:block;
	vertical-align:middle
}
img,video{
	max-width:100%;
	height:auto
}
[hidden]{
	display:none
}
*{
	scrollbar-color:initial;
	scrollbar-width:initial
}
*,::after,::before{
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness:proximity;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: 
}
::backdrop{
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness:proximity;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: 
}
.container{
	width:100%;
	max-width:1100px
}

#playlist_container {
    width: 100%;
    height: auto;
    overflow: hidden !important;
}

#player_playlist {
    overflow-y: hidden !important;
    padding: 0 !important;
}

.th-item {float: left; width: 20%; padding: 0 5px; margin-bottom: 10px;}
.th-in {display: block; position: relative; box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);}
.th-img img {width:100%;}
.th-img:before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); height: 50%;}
.th-desc {position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 10px; color: #fff; text-align: center;}
.th-title {font-size:16px; font-weight: 600;}
.th-year {font-size: 12px; margin-top: 3px; opacity: 0.8;}
.th-rates {margin-top: 3px;}
.th-rate:before {content: attr(data-text); display: inline; margin-right: 3px; text-transform: uppercase; font-weight: 600;}
.th-rate-kp:before {color: #f60;}
.th-rate-imdb:before {color: #fc0;}
.th-series {position: absolute; z-index: 5; left: 10px; top: 10px; padding: 3px 5px; 
	border-radius: 3px; background-color: #79c142; color: #fff; font-weight: 600; font-size: 13px;}
.th-mask {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:10px; 
background-color:rgba(255,255,255,0.3); opacity:0; z-index:11;}
.with-mask:hover .th-mask {opacity:1;}
.th-mask .fa {width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; 
padding-left:5px; font-size:24px; color: #fff; background-color: #79c142;}

#Menu{
	display:flex;
	height:100%;
	flex-direction:row
}
@media (max-width:899px){
	#Menu{
		position:absolute;
		right:0;
		top:5rem;
		display:none;
		height:auto;
		flex-direction:column;
		border-top-width:2px;
		--tw-border-opacity:1;
		border-color:rgb(121 193 66/var(--tw-border-opacity));
		--tw-bg-opacity:1;
		background-color:rgb(255 255 255/var(--tw-bg-opacity));
		padding:.625rem
	}
	#Menu.open-menu{
		display:flex
	}
}
#Menu a,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
	display:flex;
	align-items:center;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:150ms
}
#Menu a{
	height:100%;
	flex-direction:row;
	gap:.75rem;
	border-top-width:2px;
	border-bottom-width:2px;
	--tw-border-opacity:1;
	border-color:rgb(255 255 255/var(--tw-border-opacity));
	padding:.625rem 1.25rem
}
#Menu a:hover{
	--tw-border-opacity:1;
	border-bottom-color:rgb(121 193 66/var(--tw-border-opacity))
}
@media (max-width:899px){
	#Menu a{
		width:100%
	}
	#Menu a:hover{
		--tw-border-opacity:1;
		border-bottom-color:rgb(255 255 255/var(--tw-border-opacity))
	}
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	top:50%;
	z-index:30;
	height:2.5rem;
	width:2.5rem;
	--tw-translate-y:-3rem;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	justify-content:center;
	border-radius:.25rem;
	--tw-bg-opacity:1;
	background-color:rgb(121 193 66/var(--tw-bg-opacity));
	opacity:.9;
	--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.owl-carousel .owl-nav button.owl-prev{
	left:-1.25rem
}
.owl-carousel .owl-nav button.owl-next{
	right:-1.25rem
}
.owl-carousel .owl-nav button:hover{
	opacity:1
}
.owl-carousel .owl-nav button.disabled,.owl-carousel .owl-nav button.disabled:hover{
	opacity:.5
}
@media (min-width:768px) and (max-width:1120px){
	#SliderFilmSeries{
		width:calc(100vw - 320px)
	}
}
#ListFilm button .name,#ListFilm button .num,#ListPlayer button{
	font-size:15px;
	font-weight:500;
	--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
#ListPlayer button{
	cursor:pointer;
	--tw-bg-opacity:1;
	background-color:rgb(18 18 18/var(--tw-bg-opacity));
	padding-left:1.25rem;
	padding-right:1.25rem;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:150ms
}
#ListPlayer button:hover{
	--tw-bg-opacity:1;
	background-color:rgb(50 50 50/var(--tw-bg-opacity))
}
#ListPlayer button.active,#ListPlayer button.active:hover{
	--tw-bg-opacity:1;
	background-color:rgb(121 193 66/var(--tw-bg-opacity))
}
#ListFilm button{
	display:flex;
	height:2.5rem;
	width:100%;
	flex-direction:row;
	align-items:center;
	gap:.625rem
}
#ListFilm button .name,#ListFilm button .num{
	display:flex;
	align-items:center
}
#ListFilm button,#ListFilm button .num{
	border-radius:.25rem;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:150ms
}
#ListFilm button .num{
	margin-left:.375rem;
	height:1.75rem;
	width:1.75rem;
	justify-content:center;
	--tw-bg-opacity:1;
	background-color:rgb(50 50 50/var(--tw-bg-opacity))
}
#ListFilm button .name{
	height:2.5rem;
	width:18rem;
	flex-direction:row;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media (max-width:1100px){
	#ListFilm button .name{
		width:100%
	}
}
#ListFilm button:hover{
	--tw-bg-opacity:1;
	background-color:rgb(50 50 50/var(--tw-bg-opacity))
}
#ListFilm button:hover .num{
	--tw-text-opacity:1;
	color:rgb(18 18 18/var(--tw-text-opacity))
}
#ListFilm button.active,#ListFilm button.active:hover{
	--tw-bg-opacity:1;
	background-color:rgb(121 193 66/var(--tw-bg-opacity))
}
#ListFilm button.active .num,#ListFilm button.active:hover .num,#ListFilm button:hover .num{
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
#ListFilm button.active .num,#ListFilm button.active:hover .num,.comment .active span{
	--tw-text-opacity:1;
	color:rgb(121 193 66/var(--tw-text-opacity))
}
.comment .active svg{
	fill:#79c142
}
.content-block p{
	margin-top:.625rem;
	font-size:15px
}
#Actors p{
	margin-top:0
}
.content-block p:first-of-type{
	margin-top:0
}
.content-block li{
	font-size:15px
}
.absolute{
	position:absolute
}
.relative{
	position:relative
}
.sticky{
	position:sticky
}
.bottom-2{
	bottom:.5rem
}
.bottom-2\.5{
	bottom:.625rem
}
.left-0{
	left:0
}
.left-1\/2{
	left:50%
}
.top-0{
	top:0
}
.top-1\/2{
	top:50%
}
.top-2{
	top:.5rem
}
.top-2\.5{
	top:.625rem
}
.top-24{
	top:6rem
}
.z-0{
	z-index:0
}
.z-20{
	z-index:20
}
.col-span-2{
	grid-column:span 2/span 2
}
.row-span-2{
	grid-row:span 2/span 2
}
.float-right{
	float:right
}
.mx-auto{
	margin-left:auto;
	margin-right:auto
}
.mb-5{
	margin-bottom:1.25rem
}
.ml-5{
	margin-left:1.25rem
}
.mr-5{
	margin-right:1.25rem
}
.mt-2{
	margin-top:.5rem
}
.mt-2\.5{
	margin-top:.625rem
}
.mt-5{
	margin-top:1.25rem
}
.block{
	display:block
}
.flex{
	display:flex
}
.grid{
	display:grid
}
.hidden{
	display:none
}
.aspect-2\/3{
	aspect-ratio:2/3
}
.h-10{
	height:2.5rem
}
.h-14{
	height:3.5rem
}
.h-16{
	height:4rem
}
.h-20{
	height:5rem
}
.h-32{
	height:8rem
}
.h-4{
	height:1rem
}
.h-5{
	height:1.25rem
}
.h-56{
	height:14rem
}
.h-64{
	height:16rem
}
.h-8{
	height:2rem
}
.h-96{
	height:24rem
}
.h-full{
	height:100%
}
.min-h-screen{
	min-height:100vh
}
.w-10{
	width:2.5rem
}
.w-14{
	width:3.5rem
}
.w-16{
	width:4rem
}
.w-20{
	width:5rem
}
.w-24{
	width:6rem
}
.w-4{
	width:1rem
}
.w-5{
	width:1.25rem
}
.w-60{
	width:15rem
}
.w-8{
	width:2rem
}
.w-96{
	width:24rem
}
.w-\[728px\]{
	width:728px
}
.w-\[800px\]{
	width:800px
}
.w-full{
	width:100%
}
.flex-grow{
	flex-grow:1
}
.-translate-x-2\/4,.-translate-y-2\/4{
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-2\/4{
	--tw-translate-x:-50%
}
.-translate-y-2\/4{
	--tw-translate-y:-50%
}
.cursor-pointer{
	cursor:pointer
}
.resize-none{
	resize:none
}
.list-inside{
	list-style-position:inside
}
.list-disc{
	list-style-type:disc
}
.grid-cols-2{
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-6{
	grid-template-columns:repeat(6,minmax(0,1fr))
}
.grid-cols-actor,.grid-cols-comment{
	grid-template-columns:auto 1fr
}
.grid-rows-comment{
	grid-template-rows:auto auto
}
.flex-row{
	flex-direction:row
}
.flex-col{
	flex-direction:column
}
.items-center{
	align-items:center
}
.justify-start{
	justify-content:flex-start
}
.justify-end{
	justify-content:flex-end
}
.justify-center{
	justify-content:center
}
.justify-between{
	justify-content:space-between
}
.gap-1{
	gap:.25rem
}
.gap-10{
	gap:2.5rem
}
.gap-2{
	gap:.5rem
}
.gap-2\.5{
	gap:.625rem
}
.gap-5{
	gap:1.25rem
}
.overflow-y-auto{
	overflow-y:auto
}
.rounded{
	border-radius:.25rem
}
.rounded-full{
	border-radius:9999px
}
.rounded-b{
	border-bottom-right-radius:.25rem;
	border-bottom-left-radius:.25rem
}
.rounded-r,.rounded-t{
	border-top-right-radius:.25rem
}
.rounded-r{
	border-bottom-right-radius:.25rem
}
.rounded-t{
	border-top-left-radius:.25rem
}
.rounded-bl{
	border-bottom-left-radius:.25rem
}
.rounded-br{
	border-bottom-right-radius:.25rem
}
.border-y-2{
	border-top-width:2px;
	border-bottom-width:2px
}
.border-none{
	border-style:none
}
.border-white{
	--tw-border-opacity:1;
	border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.bg-black,.bg-gray-12{
	--tw-bg-opacity:1;
	background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-gray-12{
	background-color:rgb(18 18 18/var(--tw-bg-opacity))
}
.bg-gray-18,.bg-gray-f8{
	--tw-bg-opacity:1;
	background-color:rgb(24 24 24/var(--tw-bg-opacity))
}
.bg-gray-f8{
	background-color:rgb(248 248 248/var(--tw-bg-opacity))
}
.bg-green-like,.bg-main{
	--tw-bg-opacity:1;
	background-color:rgb(51 164 45/var(--tw-bg-opacity))
}
.bg-main{
	background-color:rgb(121 193 66/var(--tw-bg-opacity))
}
.bg-red-dislike,.bg-white{
	--tw-bg-opacity:1;
	background-color:rgb(221 77 27/var(--tw-bg-opacity))
}
.bg-white{
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-loading{
	background-image:url(/img/loading.svg)
}
.bg-center{
	background-position:center
}
.bg-no-repeat{
	background-repeat:no-repeat
}
.fill-gray-64{
	fill:#646464
}
.fill-white{
	fill:#fff
}
.stroke-black{
	stroke:#000
}
.stroke-gray-32{
	stroke:#323232
}
.stroke-white{
	stroke:#fff
}
.object-cover{
	-o-object-fit:cover;
	object-fit:cover
}
.p-2{
	padding:.5rem
}
.p-2\.5{
	padding:.625rem
}
.p-5{
	padding:1.25rem
}
.px-5{
	padding-left:1.25rem;
	padding-right:1.25rem
}
.py-0{
	padding-top:0;
	padding-bottom:0
}
.py-0\.5{
	padding-top:.125rem;
	padding-bottom:.125rem
}
.py-2{
	padding-top:.5rem;
	padding-bottom:.5rem
}
.py-2\.5{
	padding-top:.625rem;
	padding-bottom:.625rem
}
.py-5{
	padding-top:1.25rem
}
.pb-5,.py-5{
	padding-bottom:1.25rem
}
.pl-2{
	padding-left:.5rem
}
.pl-2\.5{
	padding-left:.625rem
}
.pl-5{
	padding-left:1.25rem
}
.pr-2{
	padding-right:.5rem
}
.pr-2\.5{
	padding-right:.625rem
}
.pr-5{
	padding-right:1.25rem
}
.pt-5{
	padding-top:1.25rem
}
.text-2xl{
	font-size:24px
}
.text-base{
	font-size:15px
}
.text-sm{
	font-size:13px
}
.text-xl{
	font-size:18px
}
.text-xs{
	font-size:11px
}
.font-bold{
	font-weight:700
}
.font-medium{
	font-weight:500
}
.uppercase{
	text-transform:uppercase
}
.leading-4{
	line-height:1rem
}
.leading-6{
	line-height:1.5rem
}
.text-black,.text-gray-32{
	--tw-text-opacity:1;
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-gray-32{
	color:rgb(50 50 50/var(--tw-text-opacity))
}
.text-gray-64,.text-white{
	--tw-text-opacity:1;
	color:rgb(100 100 100/var(--tw-text-opacity))
}
.text-white{
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.opacity-0{
	opacity:0
}
.opacity-100{
	opacity:1
}
.shadow{
	--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.outline-0{
	outline-width:0
}
.transition{
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:150ms
}
.line-clamp-3{
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
.scrollbar-thin{
	scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
	scrollbar-width:thin
}
.scrollbar-thin::-webkit-scrollbar-track{
	background-color:var(--scrollbar-track);
	border-radius:var(--scrollbar-track-radius)
}
.scrollbar-thin::-webkit-scrollbar-track:hover{
	background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
}
.scrollbar-thin::-webkit-scrollbar-track:active{
	background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}
.scrollbar-thin::-webkit-scrollbar-thumb{
	background-color:var(--scrollbar-thumb);
	border-radius:var(--scrollbar-thumb-radius)
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover{
	background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}
.scrollbar-thin::-webkit-scrollbar-thumb:active{
	background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}
.scrollbar-thin::-webkit-scrollbar-corner{
	background-color:var(--scrollbar-corner);
	border-radius:var(--scrollbar-corner-radius)
}
.scrollbar-thin::-webkit-scrollbar-corner:hover{
	background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
}
.scrollbar-thin::-webkit-scrollbar-corner:active{
	background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}
.scrollbar-thin::-webkit-scrollbar{
	width:8px;
	height:8px
}
.scrollbar-track-gray-32{
	--scrollbar-track:#323232!important
}
.scrollbar-thumb-gray-64{
	--scrollbar-thumb:#646464!important
}
.focus\:border-b-main:focus{
	--tw-border-opacity:1;
	border-bottom-color:rgb(121 193 66/var(--tw-border-opacity))
}
.group:hover .group-hover\:stroke-main{
	stroke:#79c142
}
.group:hover .group-hover\:text-main,.hover\:text-main:hover{
	--tw-text-opacity:1;
	color:rgb(121 193 66/var(--tw-text-opacity))
}
.group:hover .group-hover\:opacity-100{
	opacity:1
}
.group:hover .group-hover\:opacity-80{
	opacity:.8
}
.hover\:scrollbar-thumb-main{
	--scrollbar-thumb-hover:#79C142!important
}
@media (max-width:1100px){
	.xl\:h-auto{
		height:auto
	}
	.xl\:flex-col{
		flex-direction:column
	}
}
@media (max-width:899px){
	.lg\:flex{
		display:flex
	}
	.lg\:w-full{
		width:100%
	}
	.lg\:grid-cols-5{
		grid-template-columns:repeat(5,minmax(0,1fr))
	}
	.lg\:flex-col{
		flex-direction:column
	}
	.lg\:items-center{
		align-items:center
	}
	.lg\:justify-center{
		justify-content:center
	}
	.lg\:px-5{
		padding-left:1.25rem;
		padding-right:1.25rem
	}
	.lg\:pr-0{
		padding-right:0
	}
}
@media (max-width:767px){
    .th-item {width:33%;}
    
	.md\:w-full{
		width:100%
	}
	.md\:grid-cols-4{
		grid-template-columns:repeat(4,minmax(0,1fr))
	}
	.md\:flex-col{
		flex-direction:column
	}
	.md\:items-center{
		align-items:center
	}
}
@media (max-width:639px){
	.sm\:grid-cols-3{
		grid-template-columns:repeat(3,minmax(0,1fr))
	}
}
@media (max-width:479px){
	.xs\:col-span-1{
		grid-column:span 1/span 1
	}
	.xs\:h-64{
		height:16rem
	}
	.xs\:grid-cols-1{
		grid-template-columns:repeat(1,minmax(0,1fr))
	}
	.xs\:grid-cols-2{
		grid-template-columns:repeat(2,minmax(0,1fr))
	}
}