@font-face{font-family:"OpenSans-Light";src:url(OpenSans-Light.ttf) format("truetype");font-display:swap;}
:root{--maincolor:#66CCFF;--lightcolor:#e3e3e3;--darkcolor:#1a1a1a;}
::selection{background:var(--lightcolor);color:var(--darkcolor);}
::-webkit-scrollbar{width:15px;}
::-webkit-scrollbar-thumb{background-color:var(--maincolor);}
::-webkit-scrollbar-track-piece{background:var(--darkcolor);}
*{margin:0;}
body{font-family:'OpenSans-Light';width:100%;height:auto;background-color:var(--darkcolor);}
header{width:100%;background:var(--darkcolor);}
h1{color:var(--lightcolor);margin:30px 20px;font-size:26px;}
h2{color:var(--lightcolor);margin:30px 20px;font-size:24px;}
h3{color:var(--lightcolor);margin:10px 20px;font-size:20px;}
hr{border:1px dashed var(--maincolor);margin:20px 20px 0 20px;}
.sidebar{max-width:1240px;margin-left:auto;margin-right:auto;border-bottom:1px solid var(--maincolor);display:flex;align-items:center;}
.sidebar>a>img{height:50px;width:auto;}
.logo{margin:10px 10px 0 20px;}
.menu-items{display:flex;gap:15px;}
.menu-items>a{color:var(--lightcolor);text-decoration:none;}
.menu-items>a:hover{text-decoration:underline;}
.content{max-width:1240px;margin-left:auto;margin-right:auto;}
.kroshki{background:#66ccff1f;color:var(--lightcolor);margin:40px 20px 30px 20px;padding:10px;border-radius:4px;}
.kroshki>span>a{text-decoration:none;color:var(--lightcolor);}
.kroshki>span>a:hover{text-decoration:underline;}
.seasons{display:flex;flex-wrap:wrap;gap:20px;margin-left:20px;}
.season{position:relative;width:calc(25% - 20px);}
.season img{width:100%;height:auto;}
.play h5{color:var(--lightcolor);font-size:16px;}
.play{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;background:#1a1a1a9c;padding:20px 0;}
.play::before{content:'▶';font-size:50px;color:var(--maincolor);}
.series{display:flex;flex-wrap:wrap;gap:20px;margin-left:20px;}
.seria{width:calc(33.3% - 20px);display:flex;flex-direction:column;overflow:hidden;}
.seria>a{text-decoration:none;position:relative;}
.seria h5{color:var(--lightcolor);font-size:16px;position:absolute;bottom:0;margin:10px;background:linear-gradient(45deg, black, transparent);padding-left:3px;}
.seria img{width:100%;height:auto;transition:all .2s ease-in-out;}
.seria img:hover{width:100%;height:auto;transition:all .2s ease-in-out;transform:scale(1.05);}
.ozvuchka{color:var(--lightcolor);position:absolute;z-index:1;padding:5px 10px;background:#f96232;font-size:17px;font-weight:bold;border-radius:0 5px 0 5px;}
.play-seria{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.play-seria::before{content:'▶';font-size:46px;color:var(--maincolor);opacity:.9;}
.seo{padding:20px;margin-bottom:20px;background:#66ccff1f;border-radius:5px;}
.seo>p{color:var(--lightcolor);margin-bottom:15px;}
.seo>p>a{color:var(--maincolor);text-decoration:none;}
.seo>p>a:hover{text-decoration:underline;}
.seo-sezon{padding:0 20px;}
.seo-sezon>p{color:var(--lightcolor);margin-bottom:15px;}
.footer{width:100%;background:var(--darkcolor);border-top:1px solid var(--maincolor);}
.footer-content{max-width:1240px;margin-left:auto;margin-right:auto;}
.footer-content>p{color:var(--lightcolor);margin:10px 20px;}
.footer-content>hr{border:1px dashed var(--maincolor);margin-top:10px;}
#copy{text-align:center;}
.footer-seasons{display:flex;flex-wrap:wrap;margin:0 20px;}
.footer-seasons>a{color:var(--lightcolor);text-decoration:none;padding:0 0 7px 0;display:flex;flex:0 0 30%;}
.footer-seasons>a:hover{text-decoration:underline;}
.content-seriya{display:flex;}
.player{width:50%;margin:0 0 0 20px;}
.player>iframe{width:100%;height:340px;border:none;}
.text-seriya{display:flex;flex-direction:column;width:50%;}
.seo-seria>h2{margin:0 20px 20px 20px;}
.seo-seria>p{color:var(--lightcolor);margin:10px 20px;}
.navigation-button{display:flex;justify-content:space-between;gap:10px;margin:20px;flex-wrap:wrap;}
.back{background:#66ccff1f;padding:10px;border-radius:3px;}
.next{background:#66ccff1f;padding:10px;border-radius:3px;}
.back>a{color:var(--lightcolor);text-decoration:none;}
.next>a{color:var(--lightcolor);text-decoration:none;}
@media (max-width:1000px){
	.content{max-width:800px !important;}
	.footer-content{max-width:800px !important;}
	.seria{width:calc(50% - 20px);}
	.season{width:calc(33.3% - 20px);}
	.menu-items{flex-wrap:wrap;justify-content:flex-end;margin:10px 20px 10px 0;}
	.menu-items>a{text-align:end;}
	.content-seriya{flex-direction:column;}
	.player{width:100%;margin:0;}
	.text-seriya{flex-direction:column-reverse;width:100%;}
}
@media (max-width:770px){
	.content{max-width:600px !important;}
	.footer-content{max-width:600px !important;}
	.seria{width:calc(50% - 20px);}
	.seria h5{font-size:14px;margin:8px 5px;}
	.ozvuchka{font-size:15px;padding:4px 8px;}
	.season{width:calc(50% - 20px);}
	.player>iframe{height:240px;}
	.footer-seasons>a{flex:0 0 50%;}
}
@media (max-width:550px){
	.seria{width:calc(100% - 20px);}
	.seria h5{font-size:17px;margin:13px 10px;}
	.ozvuchka{font-size:16px;padding:4px 8px;}
	.play-seria{top:47%;}
}
@media (max-width:450px){
	.footer-seasons>a{flex:0 0 100%;}
}