lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;}
lite-youtube::before{content:'';display:block;position:absolute;top:0;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position:top;background-repeat:repeat-x;height:60px;
padding-bottom:50px;width:100%;transition: all 0.2s cubic-bezier(0,0,0.2,1);}
lite-youtube::after{content:"";display:block;padding-bottom:calc(100%/(16/9));}
lite-youtube > iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
lite-youtube > .lty-playbtn {width:68px;height:48px;position:absolute;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
filter:grayscale(10%);transition:filter .1s cubic-bezier(0, 0, 0.2, 1);}
lite-youtube:hover > .lty-playbtn{filter:none;}
lite-youtube.lyt-activated{cursor:unset;}
lite-youtube.lyt-activated::before,lite-youtube.lyt-activated > .lty-playbtn {opacity:0; pointer-events:none;}
section {margin-bottom:50vh;}


@font-face{font-family:'Exo 2';font-style: normal;font-weight:400;font-display:swap;src:local('Exo 2'),local('Exo 2'),url('https://cdn.allfon.net/fonts/Exo2/Exo2.woff2') format('woff2');}

.new_content{font-family: 'Arial', sans-serif; clear:both;}.new_content p{padding:0; margin:0;}
.download_link{font-family:'Exo 2','Arial', sans-serif;width:640px;margin:5px auto;}
.download_link .title{font-family:'Exo 2', 'Arial',sans-serif;border:none;width:100%;line-height:40px;text-align:center;padding-top:5px;
padding-bottom:5px;color:#fff;font-size:26px;box-shadow:0px 10px 10px -10px #222;cursor: pointer;
background-image:radial-gradient(circle at 10% 20%, rgb(87, 108, 117) 0%, rgb(37, 50, 55) 100.2%);
background-size: 300% 300%;-webkit-animation:hue-rotate 5s 5s linear 1s infinite alternate;-moz-animation:hue-rotate 5s 5s linear 1s infinite alternate;animation:hue-rotate 5s linear 1s infinite alternate;}
@-webkit-keyframes hue-rotate {from{-webkit-filter:hue-rotate(0);-moz-filter:hue-rotate(0);-ms-filter:hue-rotate(0);filter:hue-rotate(0);}to{-webkit-filter:hue-rotate(360deg);-moz-filter:hue-rotate(360deg);-ms-filter:hue-rotate(360deg);filter: hue-rotate(360deg);}}
@keyframes hue-rotate{from{-webkit-filter:hue-rotate(0);-moz-filter: hue-rotate(0);-ms-filter:hue-rotate(0);filter:hue-rotate(0);}to{-webkit-filter:hue-rotate(360deg);-moz-filter:hue-rotate(360deg);-ms-filter:hue-rotate(360deg);filter: hue-rotate(360deg);}}
.download_link #link {background-color:#333;text-align:center;color:#000;padding-top:15px;padding-bottom:15px;font-size:1.3rem;display:none;}
.download_link .but{display:inline-block;
background-color:#222;color:#fff;box-shadow:0px 15px 10px -15px #000;padding:10px;text-align:center;text-decoration:none;font-size:18px;margin:8px 5px;cursor:pointer;
--angle: 0deg;border: 1px solid;border-image: conic-gradient(from var(--angle), green, green, green, yellow, green, green, green) 1;-webkit-animation: rotate 6s ease infinite;-moz-animation: rotate 6s ease infinite;animation: 6s rotate linear infinite;}
@property --angle {syntax: '<angle>';initial-value: 0deg;inherits: false;}
@-webkit-keyframes rotate {to{ --angle: 360deg;}}
@-moz-keyframes rotate {to {--angle: 360deg;}}
@keyframes rotate {to{--angle: 360deg;}}
#myProgress{width:100%;padding-top:5px;background-color:#222;text-align:center;display:none;}
#myBar{width:10%;background-color:#04AA6D;font-weight:bolder;line-height:16px;font-size:0.9rem;color:#fff;text-shadow:.05em .05em 0 hsla(230,40%,50%,1);border-top-right-radius:5px;border-bottom-right-radius:5px;}
/* ======= */
.flexbox {
/*background: radial-gradient(circle at 0% 80%, #555 0%, #222 100.2%);*/
background: -webkit-linear-gradient(180deg, rgb(34, 34, 34), rgb(85, 85, 85));
background: -moz-linear-gradient(180deg, rgb(34, 34, 34), rgb(85, 85, 85));
background: linear-gradient(180deg, rgb(34, 34, 34), rgb(85, 85, 85));
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;
}

.addbox{max-height:220px;margin: 5px auto 5px auto;}
.descBody .addBody {display:none;}
.descBody{padding:10px 20px 10px 20px;line-height:24px;font-size:1.2rem;}
.descBody .textBody {padding-bottom: 5px;}
.descBody .textBody b{font-weight:bold;}
.descBody .textBody ul{list-style-type:square;}
.descBody .textBody li{padding-bottom:10px; margin:0;}

.flexbox .add {width:100%;max-height:280px; margin: auto 0; padding-left:5px; text-align:right;}
.singleAdd {display:none;}

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

		.flexbox .add {display:none;}
		.descBody .addBody {display:block;max-height:100px;margin:10px auto 10px auto;}
		.singleAdd {display:block; margin: 5px auto; max-height: 160px;}
	}

.descHeader{min-width:34%;margin:auto 0;line-height:27px;font-size:1.2rem;text-shadow:1px 1px 1px #000;}
.descHeader b{font-weight:bold;}
.PostMeta {background:#4447;padding-left:15px;font-size:15px;color:#777;}
.PostMeta a{display:inline-block;cursor:pointer;border-radius:5px;border:1px solid #FFDF8C;color:#fff;padding:8px;background: radial-gradient(circle at 0% 80%, #332 0%, #332 100%);
text-decoration:none;font-size:16px;margin:15px 5px;border-image:linear-gradient(to right top, #FFDF8C, #815D00, #FFDF8C);border-image-slice:1;}
.PostMeta a:hover {-webkit-filter: contrast(124%);}
figure{margin:0;}

.Postimage{padding:20px 30px 15px 20px;}
.Postimage img{
margin:auto 0;border:solid #665 5px;border-radius:20px;
-webkit-box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.9);
-box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.9);
box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.9);
filter: contrast(104%);
-webkit-filter: contrast(104%);
display: block;
}

.PostTitle{line-height:1.2;padding: 10px 0 10px;word-wrap: break-word;font-size: 5vw; color:#fff;font-size:1.4rem;text-align:center;background:radial-gradient(circle at 0% 80%, #332 0%, #554 100.2%);}
h1,h2,h3,h4,h5 {margin:0; padding:0;}

.PostLink {
all: unset; /* Полный сброс всех стилей, включая стили для <a> */
display: block; /* Чтобы ссылка вела себя как блок */
margin-bottom: 5px; /* Восстанавливаем нужные стили */
cursor: pointer; /* Оставляем указатель, как у ссылки */
}

.PostLink:hover{
filter: contrast(114%);
-webkit-filter: contrast(114%);
text-decoration: none !important;
}

.Ytbox {width:640px; margin:0 auto 0 auto;}
.addboxPost{width:640px;max-height:280px;margin: 5px auto 5px auto; }

@media screen and (max-width: 900px) {
.Ytbox {width:100%; margin: 0;} 
.addboxPost{width:100%;}
.download_link{width:100%;}
}
.TagCloud{display:block;font-size:16px; padding-bottom: 20px;}
.TagCloud a{font-weight:bold;display:inline-block;cursor:pointer;border-radius:5px;border:1px solid #FFDF8C;color:#fff;padding:6px;background: radial-gradient(circle at 0% 80%, #332 0%, #332 100%);
text-decoration:none;margin:5px; border-image:linear-gradient(to right top, #FFDF8C, #815D00, #FFDF8C);border-image-slice:1; text-shadow:1px 1px 1px #000;}
.TagCloud a:hover {filter: contrast(124%); -webkit-filter: contrast(124%);}

.pagenav {padding:10px 5px 10px;text-align:center; margin-top: 10px;}
.pagenav .number{background:#337;color:#fff;text-decoration:none;padding:10px 17px;margin-left:5px;margin-bottom:5px;vertical-align:middle;display:inline-block;color:#fff;border:solid 1px #777;font-size:20px;font-weight:bold;}
.pagenav .current{background:#334;color:#fff;text-decoration:none;padding:10px 17px;margin-left:5px;margin-bottom:5px;vertical-align:middle;display:inline-block;color:#fff;border:solid 1px #555;font-size:20px;} 
.number:hover {border:solid 1px #999;box-shadow:0 0 10px #998;}

@media screen and (max-width: 560px) {
.TagCloud{ display: none;}
.PostTitle{font-size: 1rem;}
.PostMeta{padding-left:5px;overflow:auto;white-space:nowrap;} .PostMeta a {margin:10px 5px;padding: 5px 10px;}
.Postimage{padding: 15px 10px 10px 10px; margin:auto 0;}
.Postimage img{border-radius:15px; box-shadow:none;}
.descHeader{line-height: 23px;font-size: 0.95rem;text-shadow: .5px .5px .5px #000;}
.descHeader b{font-weight: normal;}
.descBody{font-size:1.08rem;}
.addbox{max-height:160px;}
.addboxPost{max-height:220px;}
.pagenav .number, .pagenav .current {font-size:16px;padding:7px 12px;margin-left:3px;text-align:left;}
}
@media screen and (max-width:360px){
.PostTitle{font-size: 0.8rem;}
.PostMeta{padding-left:5px;overflow:auto;white-space:nowrap;}.PostMeta a {margin:10px 3px;}
.pagenav .number, .pagenav .current {font-size:16px;padding:5px 10px;margin-left:3px;}
}


/* ================== */
.main-carousel {width:80%;margin:0 auto 0 auto;}
.carousel-cell{margin-left:10px;counter-increment:carousel-cell;}.carousel-cell img{display:block;margin:0 auto; border:solid #665 5px;border-radius:20px;}
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;background:#999; border:none;color:#fff;}.flickity-button:hover{background:#777;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}
.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.4;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:-50px}.flickity-prev-next-button.next{right:-50px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;padding-right:500px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:500px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
@media screen and (max-width: 800px){.main-carousel {width:99%;}.flickity-button {display:none;}}