@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:url("/templates/audiotempl/fontsheet/OpenSans-Regular.ttf")format('truetype')}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:700;src:url("/templates/audiotempl/fontsheet/OpenSans-Bold.ttf")format('truetype')}
*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}
a{text-decoration:none }
h2 a, p a{color:#015c65;text-decoration:underline;font-weight:550}
h2 a:hover, p a:hover{color:#35C0CD;text-decoration:none}
li{list-style-type:none}
.img-left {border-radius:10px; float:left!important; margin: 0 10px 0 0;width:150px!important;}
.img-right {border-radius:10px; float:right!important; margin: 0 10px 0 0;width:150px!important;}
body{background:#ffffff;color:#015C65;font-family:'Open Sans';font-size:16px}
.litres-player {text-align: center;margin: 20px 0;}
.header{background:#1E6D74; margin:20px 0}
.header-center{position:relative;display:flex;justify-content:space-between;align-items:center;width:1200px;height:60px;margin:auto}
.header-nav{font-size:0}
.header-nav a{display:inline-block;color:#e7eaf3;line-height:60px;margin-right:20px;font-size:16px}
.header-nav a:last-of-type{margin-right:0}
.header-nav a:hover{color:#35C0CD}
.header-logo{width: 150px;height: 39px;margin-left: auto;}
.header-logo img {width: 160px;}
.header-group{display:flex}
.header-search-form{position:relative;margin-left:auto}
.header-search-input{color:#015c65;background:#EDF7F7;width:280px;height:48px;padding:0 40px 0 20px;font-size:16px;border-radius:24px}
.header-search-input::placeholder{color:#015c65}
.header-search-btn{position:absolute;top:17px;right:30px;background:url(/uploads/icons/search.png);width:17px;height:17px;cursor:pointer}
.header-btn-1{position:relative;background:#1e6D74;width:48px;height:48px;margin-left:20px;border-radius:50%}
.header-btn-1:before{position:absolute;top:15px;left:17px;content:'';background:url(/templates/audiotempl/dleimages/icon/fav-empty.png);width:14px;height:18px}
.header-btn-1:hover{background:#35C0CD}
.header-btn-2{position:relative;background:#1e6D74;width:48px;height:48px;margin-left:8px;border-radius:50%;cursor:pointer}
.header-btn-2:before{position:absolute;top:15px;left:16px;content:'';background:url(/templates/audiotempl/dleimages/icon/user.png);width:16px;height:16px}
.header-btn-2:hover{background:#35C0CD}

#searchsuggestions {overflow:hidden;z-index:2200;width:300px;border-radius:8px;background:#fff;color:#1e6D74;box-shadow:0 8px 40px -10px rgba(0,0,0,0.3);background-clip:padding-box;font-size:.9em;}
#searchsuggestions a,#searchsuggestions span.notfound {padding:15px 25px;display:block;text-decoration:none;border-bottom:1px solid #e5e5e5}
#searchsuggestions a {color:inherit}
#searchsuggestions a:hover{background-color:#f7f7f7}
#searchsuggestions a span{display:block;cursor:pointer}
#searchsuggestions span.searchheading{display:block;font-weight:bold;margin-bottom:.2em}
#searchsuggestions span.seperator{display:block}
#searchsuggestions span.seperator a{padding:10px 0;text-align:center;border:0 none;background-color:transparent;color:#919191}
#searchsuggestions span.notfound{padding:15px 25px;display:block}
#searchsuggestions .break{display:none}

#loading-layer{position:fixed;top:0!important;right:0;bottom:0;left:0;z-index:7777!important;display:block!important;overflow:hidden;white-space:nowrap;width:100%;height:5px;text-indent:-9999px;}
#loading-layer:before{position:absolute;top:0;left:0;content:'';background:#35C0CD;height:100%;animation:loading-layer 2s infinite linear}
@keyframes loading-layer{0%{right:100%;left:0}50%{right:0%;left:0}100%{left:100%;right:0}}

.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;background:rgba(0,0,0,.6)}
.login-open{overflow:hidden}
/*.login{z-index:100;display:none;background:#1e6D74 url(/templates/audiotempl/dleimages/login.png);width:370px;height:500px;box-shadow:0 0 15px rgba(0,0,0,.6);border-radius:8px}*/
.login{z-index:100;display:none;background:#5CCCCC;width:330px;height:450px;box-shadow:0 0 15px rgba(0,0,0,.6);border-radius:8px}
.login-close{position:absolute;top:20px;right:20px;background:url(/templates/audiotempl/dleimages/icon/cancel.png);width:16px;height:16px;cursor:pointer}
.login-center{padding:45px 15px;text-align:center}
.login span:nth-of-type(1){margin-bottom:20px;font-size:18px}
.login span:nth-of-type(2){font-size:14px}
.login input{background:#1E6D74;color:#e7eaf3;font-size:16px;line-height:40px;width:100%;margin-top:25px;padding:0 20px;border-radius:8px}
.login input::placeholder{color:#AFAFAF}
.login .lostpassword{display:block;color:#015c65;text-decoration:underline;margin:15px 0 15px 0;font-size:14px;text-align:left}
.login .lostpassword:hover{color:#e7eaf3;text-decoration:none}
.login-btn-1{background:#1380a3;color:#e7eaf3;line-height:40px;width:100%;margin-bottom:25px;border-radius:8px;cursor:pointer}
.login-btn-1:hover{background:#47AFD1}
.login-soc{display:flex;justify-content:center;margin-bottom:20px}
.login-soc a{margin:15px 5px 0 5px}
.login-soc .soc_vk{background:url(/templates/audiotempl/dleimages/icon/vk.png);width:32px;height:32px}
.login-soc .soc_ya{background:url(/templates/audiotempl/dleimages/icon/ya.png);width:32px;height:32px}
.login-soc .soc_fb{background:url(/templates/audiotempl/dleimages/icon/fb.png);width:32px;height:32px}
.login-soc .soc_go{background:url(/templates/audiotempl/dleimages/icon/gl.png);width:32px;height:32px}
.login-noacc{padding-top:15px;border-top:1px solid #666}
.login-noacc a{display:block;background:#1380a3;color:#e7eaf3;line-height:40px;margin-top:20px;font-size:14px;border-radius:8px}
.login-noacc a:hover{background:#47AFD1}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;color:#e7eaf3}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;height:100%;max-height:251px;}
.home-carousel .owl-carousel .owl-item img{max-height:100%;}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-item .short-info {margin-left: 0;}

.home{margin:auto;width:1220px;}
.home-carousel{width:1220px;height:320px;margin:0 auto 40px auto}
.home-carousel .item{overflow:hidden;position:relative;border-radius:16px}
.home-carousel .item:after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background:linear-gradient(93.74deg,#00a0e4 1.14%,#1380a3 104.35%);opacity:.3}
.home-carousel .item span{position:absolute;top:50px;left:25px;z-index:1;width:300px;font-size:32px;font-weight:700;text-shadow: 3px 3px 7px #000}
.home-carousel .item a{position:absolute;bottom:25px;left:25px;z-index:1;transition:0.3s;background: #1E6D74;color: #E7EAF3;line-height:40px;padding:0 20px;font-size:14px;border-radius:8px}
.home-carousel .item a:hover{background:#6eb3ba;color:#015c65;transition: 0.3s}
.home-carousel .owl-prev{position:absolute;top:145px;left:-15px}
.home-carousel .owl-next{position:absolute;top:145px;right:-15px}
.home-carousel .owl-dots{position:absolute;top:15px;left:25px}
.home-carousel .owl-dot span{display:block;background:#e7eaf3;width:72px;height:4px;margin-right:25px;border-radius:16px}
.home-carousel .owl-dot.active span{position:relative;transition:width .5s ease}
.home-carousel .owl-dot.active span:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background:#015c65;border-radius:16px;animation:example linear;animation-fill-mode:forwards;animation-duration:10s}
@keyframes example{0%{width:0}to{width:100%}}
.home-head{margin-bottom:30px;font-size:32px;font-weight:700}
.home-block{margin-bottom:60px}
.home-block .owl-prev{position:absolute;top:100px;left:-15px}
.home-block .owl-next{position:absolute;top:100px;right:-15px}
.home-block .short-img{width:auto}
.home-more{position:relative;display:flex;justify-content:center;align-items:center;background:#1e6D74;width:auto;height:216px;border-radius:8px}
.home-more span{background:#191a1d;color:#e7eaf3;line-height:30px;padding:0 15px;border-radius:8px}
.home-genre{display:flex;justify-content:center;align-items:center;margin-bottom:30px}
div#home-genre {display: flex;overflow: hidden;flex-wrap: wrap;justify-content: space-between;}
div.popular {display: flex;flex-wrap: wrap;justify-content: space-between;}
/*.home-genre a{background:#1e6D74;color:#d9d9d9;height: 100px;margin-right: 15px;width: 186px;border-radius:50%;transition:0.3s;}*/
.home-genre a{background:#015c65;opacity:0.8;color:#fff;height:137px;margin-right:15px;text-align:center;width:137px;border-radius:50%;transition:0.3s;text-decoration:underline;}
/*.home-genre a:hover {text-decoration:none;background:#1380a3;color: #fff;transition: 0.3s;}*/
.home-genre a:hover {text-decoration:none;background:url(/uploads/book_4.png);color:rgba(255,255,255,1);text-shadow: 1px 1px #181818;font-weight:bolder;transition: 0.3s;background-size: cover;}
.home-genre .owl-prev{position:absolute;top:85px;left:-15px}
.home-genre .owl-next{position:absolute;top:85px;right:-15px}
.home-comming{display:flex;align-items:center;margin-bottom:80px}
.home-comming .item{position:relative;background:linear-gradient(95.99deg,#35C0CD -15.85%,#1380a3 132.14%);height:145px;width:31%;border-radius:8px}
.home-comming .item img{position:absolute;bottom:-20px;left:30px;filter:drop-shadow(4px 6px 20px rgba(9,13,26,0.4));width:96px;height:136px}
.home-comming .item>span:nth-of-type(1){position:absolute;top:30px;left:170px}
.home-comming .item>span:nth-of-type(2){position:absolute;top:60px;left:170px;color:#028E9B;font-size:14px}
.home-comming .item a{position:absolute;top:90px;left:170px;background:#191a1d;color:#e7eaf3;line-height:40px;padding:0 50px 0 15px;border-radius:8px}
.home-comming .item a:after{overflow:hidden;position:absolute;top:0;right:0;background:url(/templates/audiotempl/dleimages/icon/bell.png);content:'';width:40px;height:40px;border-radius:8px}
.home-comming .item:nth-of-type(2){margin:0 42px}
.sect__header.d-flex.ai-center h1 {font-size: 28px;}
.optimize{margin:45px auto 40px auto;width:1220px;}
.optimize h1{font-size:28px;margin-bottom:20px}
.optimize h2{font-size:24px;margin-bottom:20px}
.optimize p{color:#000000;line-height:24px;margin-bottom:20px}
.optimize p:nth-of-type(n+2){display:none}
.optimize-more{display:inline-block;color:#015c65;cursor:pointer;text-decoration:underline}
.optimize-more:hover{display:inline-block;color:#35C0CD;cursor:pointer;text-decoration:none}
p.delete {margin: 30px 0 0 0;text-align: center;font-weight: bold;border: 2px #d92a2a solid;padding: 8px 0;}
.short{position:relative;margin-right: 33px}
.short-main{margin-right:0;}
.popular .short-main{margin-right:20px; margin-bottom:5px;}
.short a{color:#015c65;}
.short a:hover {color:#35C0CD;}
.short-main.short a{color:#171717;height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction: column;}
.short:hover .short-blur,.short:hover .short-favorite,.short:hover .short-rating,.short:hover .short-time,.short:hover .short-genre{opacity:1;border-radius: 8px;-webkit-border-radius: 8px;}
.short-img{position:relative;margin-bottom:10px;}
.short-img img{width: 165px;height: 235px;border-radius:8px;-webkit-border-radius:8px;}
.short-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(170,170,170,0.6);backdrop-filter:blur(25px);max-height:235px;opacity:0;transition:300ms;}
.short-quality{position:absolute;top:5px;left:5px;background:rgba(170,170,170,0.6);backdrop-filter:blur(25px);line-height:24px;padding:0 5px;font-size:12px;border-radius:8px;display:none;}
.short-favorite{position:absolute;top:0;right:0;z-index:1;background:#015c65;width:22px;height:26px;padding:4px;transition:300ms;cursor:pointer;border-radius:8px;}
.short-favorite .nofav{display:block;background:url(/templates/audiotempl/dleimages/icon/fav-empty.png);width:14px;height:18px;}
.short-favorite .nofav:hover{background:url(/templates/audiotempl/dleimages/icon/fav.png);}
/*.short-favorite .nofav{display:block;background:url(/uploads/custom_icons/not_fav.png);width:14px;height:18px}
.short-favorite .nofav:hover{background:url(/uploads/custom_icons/not_fav.png);opasity:0.7}*/
.short-favorite .fav{display:block;background:url(/templates/audiotempl/dleimages/icon/fav.png);width:14px;height:18px}
.short-favorite .fav:hover{background:url(/templates/audiotempl/dleimages/icon/fav-empty.png)}
.short-rating{position:absolute;bottom:20px;left:15px;background:#015c65;line-height:24px;padding:0 7px;font-size:12px;font-weight:700;border-radius:8px;opacity:0;transition:300ms}
.short-rating:before{position:absolute;top:-6px;left:-4px;content:'';background:url(/templates/audiotempl/dleimages/icon/star.png);width:12px;height:12px}
.short-time{position:absolute;bottom:40px;left:90px;background:#015c65;line-height:24px;padding:0 7px;font-size:12px;font-weight:700;border-radius:8px;opacity:0;transition:300ms}
.short-genre{position:absolute;bottom:15px;left:17px;font-size:14px;border-radius:8px;opacity:0;transition:300ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}
.short-nm{display: flex;margin: 0 0px 32px 0;}
.short .short-info {margin-left: 15px;}
.short-main .short-info {height: 100%;margin-left: 0px;position: absolute;left: 0;right: 0;opacity: 0;top: 0;z-index: 5;background-color: var(--green-a);color: #fff;font-size: 14px;padding: 10px;line-height: 1.4;}
.short.short-main:hover .short-info {opacity: 1;}
/*.short-main:hover:hover .short-quality{display:none;}*/
.short-fv{display:inline-block;margin:0 32px 32px 0}
.popular .owl-prev{position:absolute;top:110px;left:-20px}
.popular .owl-next{position:absolute;top:110px;right:-20px}
/*.short-fv:nth-of-type(6n+6){margin-right:0}
.short-fv:nth-last-of-type(-n+6){margin-bottom:0}*/
div#playerjs1 {width: 600px !important;margin-top: 10px !important;}
.full-top h2 {margin: 20px 0 0 0;}
.sect__header.d-flex.ai-center {margin-bottom: 30px;}
.pages{margin:20px 0 40px 0}
.pages-load{position:relative;display:flex;justify-content:center;align-items:center;width:100%;text-align:center}
.pages-load a{display:flex;justify-content:center;align-items:center;background:#1e6D74;color:#ddd;width:104px;height:104px;font-size:14px;font-weight:700;border-radius:50%}
.pages-load a:hover{background:#35C0CD}
.pages-load span{display:none}
.name-kniga {font-size: 18px;display: block;margin-bottom: 15px;}
.info-kniga {margin: 8px 0 8px 0;}
.info-kniga a {font-size: 15px;border-bottom: 1px #015c65 solid;transition:0.3s}
.info-kniga a:hover {color:#35C0CD;border-bottom: none;transition:0.3s}
.info-kniga span{position:relative;display:block;padding-left: 25px;padding-top: 1px;}
.info-kniga span.year:before{position:absolute;top:4px;left:1px;content:'';background:url(/templates/audiotempl/dleimages/icon/year.svg);width:16px;height:16px}
.info-kniga span.zhanr:before{position:absolute;top:4px;left:1px;content:'';background:url(/uploads/custom_icons/book.png);width:16px;height:16px}
.info-kniga span.author:before{position:absolute;top:4px;left:1px;content:'';background:url(/uploads/custom_icons/author.png);width:16px;height:16px}
.info-kniga span.time:before{position:absolute;top:4px;left:1px;content:'';background:url(/uploads/custom_icons/clock.png);width:16px;height:16px}
.info-kniga span.performer:before{position:absolute;top:4px;left:1px;content:'';background:url(/uploads/custom_icons/performer.png);width:16px;height:16px}

a.btn-short-listen {position: absolute;right: 0;bottom: 10px;transition:0.3s;background: #6eb3ba;color: #015c65;line-height: 32px;padding: 0 15px;font-family: inherit;font-size: 14px;border-radius: 8px;cursor: pointer;}
a.btn-short-listen:hover{background: #1380a3;transition: 0.3s;color:#35C0CD}

.footer{background:#1e6D74}
.footer-center{display:flex;justify-content:space-between;align-items:center;width:1218px;height:80px;margin:0 auto}
.footer-copyright{color:#E7EAF3}
.footer-nav{font-size:0}
.footer-nav a{display:inline-block;color:#e7eaf3;line-height:80px;font-size:16px;margin:0 10px}
.footer-nav a:hover{color:#35C0CD}
.telegram-nav a img{height:24px; width:24px}
.footer-admin span:nth-of-type(1){color:#E7EAF3;margin-right:20px}
.footer-admin a{color:#E7EAF3}
.footer-admin a:hover{color:#35C0CD}

.navigation{background:#151618}
.navigation-center{display:flex;justify-content:space-between;background:#151618;width:1220px;margin:auto;padding:40px 0}
.navigation ul{display:flex;flex-wrap:wrap;flex-direction:column;width:30%;}
.navigation li:nth-of-type(1){margin-bottom:10px;height:24px;font-size:18px}
.navigation a{display:block;color:#35C0CD;margin-bottom:10px;font-size:14px}
.navigation a:hover {color: #1380a3;}

.speedbar{background:#6eb3ba;line-height:56px;margin-bottom:40px;font-size:14px;}
.speedbar > span{display:block;margin:auto;width:1220px;}
.speedbar a{background:#6eb3ba;color:#015c65;padding:6px 10px;border-radius:8px}

.group-box{display:flex;width:1220px;margin:0 auto 60px auto}
.main{width:100%;min-height:500px}

.side{width:310px;padding:0 20px 0 0}
.side-head{position:relative;display:inline-block;margin-bottom:10px;padding-right:30px;font-size:18px;cursor:pointer}
.side-head:before{position:absolute;top:12px;right:10px;bottom:0;content:'';background:url(/templates/audiotempl/dleimages/icon/angle-bot.png);width:9px;height:4px}
.side-head:hover{color:#015c65}
.side-head:hover:before{color:#015c65;background:url(/templates/audiotempl/dleimages/icon/angle-bot-active.png)}
.side-block{display:none}
.side-nav.open ul{display:flex}
.side-nav ul{flex-wrap:wrap;flex-direction: column;}
.side-nav li{margin:0 10px 10px 0}
.side-nav a{display:inline-block;background: #1E6D74;color: #E7EAF3;line-height:35px;padding:0 20px;border-radius:8px;width:270px;}
.side-nav a:hover {background:#6eb3ba;color:#015c65;transition: 0.3s}
.side-nav.open{color:#015c65}
.side-nav.open .side-head:before{background:url(/templates/audiotempl/dleimages/icon/angle-bot-active.png);transform:rotate(180deg);}
.side-mob{display:none}

.static-head{margin-bottom:20px;font-size:25px}
.static-desc{line-height:1.5}

.berrors{background:#ffe6dd;color:#553c33;width:1220px;margin:0 auto 25px auto;padding:20px 25px;border:1px solid #f0c4b5;border-radius:8px}
.searchtable #searchinput{background-color:#fff;color:#000;width:100%!important;height:40px;padding:0 10px;box-shadow:inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,.2);border-radius:8px}
.searchtable .bbcodes{background-color:#35C0CD;color:#fff;line-height:40px;padding:0 15px;font-family:inherit;font-size:inherit;box-shadow:0 10px 20px 0 transparent;border-radius:8px;cursor:pointer}
.search > div{margin:0!important}

.ui-front{z-index:1000}
.ui-widget-overlay {background:#000;opacity:0.5;left:0;top:0;right:0;bottom:0;position:fixed}
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.ui-helper-clearfix{display:inline-block}
.ui-helper-clearfix{display:block}
.ui-dialog{color:#1e6D74;text-align:left;overflow:hidden;padding:0;position:absolute;width:370px;border-radius:2px;box-shadow:0 8px 40px -10px rgba(0,0,0,0.3);border:1px solid #e6e6e6;border-color:rgba(0,0,0,0.1);background-color:#f7f7f7;background-clip:padding-box;outline:none;}
.ui-dialog-titlebar{padding:20px 20px;position:relative}
.ui-dialog-title{float:left;font-weight:bold;font-size:1.15em}
.ui-dialog-titlebar-close{position:absolute;right:10px;top:50%;margin-top:-16px!important;height:23px!important;width:32px;border:0 none!important;background-color:inherit!important;box-shadow:none!important;padding:0px!important;}
/*.ui-dialog-titlebar-close .ui-icon{display:block;margin:10px auto 0 auto;width:12px;height:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);-webkit-background-size:12px auto;background-size:12px auto;opacity:.5;}
*/
.ui-dialog-titlebar-close .ui-icon{display:block;margin:10px auto 0 auto;width:12px;height:12px;-webkit-background-size:12px auto;background-size:12px auto;opacity:.5;}

.ui-button{float:right;border:0 none;display:inline-block;vertical-align:middle;cursor:pointer;height:36px;border-radius:18px;line-height:22px;outline:none;background-color:#3394e6;color:#fff;border:0 none;padding:7px 22px;text-decoration:none!important;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all ease .1s;transition:all ease .1s;}
.ui-dialog-titlebar-close:hover .ui-icon{opacity:1}
.ui-icon, .ui-button-icon-only{overflow:hidden;text-indent:-9999px}
.ui-dialog label{color:#575757}
.ui-dialog-content{padding:20px;border:1px solid #015c65;overflow:auto;position:relative;zoom:1}
.loginbox.ui-dialog, .loginbox .ui-dialog-content{overflow:visible !important}
.ui-dialog-content h2{display:inline;font-size:1em;font-weight:bold }
.ui-dialog .ui-dialog-buttonpane{padding:20px;text-align:center}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-state-error{background:#fef1ec 50% 50% repeat-x!important;border:1px solid #cd0a0a;color:#cd0a0a}
.ui-button{margin:0 3px}
.ui-helper-hidden-accessible{display:none}

.favorite{min-height:500px;margin:40px auto 40px auto}

.full-group{display:flex;justify-content:space-between;margin-bottom:70px}
.full-right{width:280px}
.full-left{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:column}
.full-top{width:100%;padding-right: 20px;}
.full .title{margin-bottom:15px;font-size:36px}
.full .origtitle{display:block;color:#028E9B;margin-bottom:15px}
.full-desc{overflow:hidden;position:relative;color:#000;line-height:1.5;padding-right:30px;transition:height .2s;height: auto !important;}
.full-desc-masked:before{position:absolute;right:0;bottom:0;left:0;z-index:1;content:'';height:180px;pointer-events:none}
.full-desc-btn{display:inline-block;color:#35C0CD;font-size:14px;text-decoration:underline;cursor:pointer}
.full-img{position:relative;overflow:hidden;background:linear-gradient(93.74deg,#35C0CD 1.14%,#1380a3 104.35%);width:280px;height:435px;margin-bottom:20px;border-radius:8px}
.full-img img{width:280px;height:435px}
.full-img-info{position:absolute;top:15px;left:15px}
.full-img-info span:nth-of-type(1){display:inline-block;background:rgba(25,26,29,0.3);backdrop-filter:blur(25px);line-height:28px;margin-right:10px;padding:0 7px;font-size:12px;border-radius:8px}
.full-img-info span:nth-of-type(2){display:inline-block;background:rgba(25,26,29,0.3);backdrop-filter:blur(25px);line-height:28px;padding:0 7px;font-size:12px;border-radius:8px}
.full-favorite{position:absolute;top:15px;right:15px;z-index:1;background:#1e6D74;width:22px;height:26px;padding:4px;transition:300ms;cursor:pointer;border-radius:8px}
.full-favorite .nofav{display:block;background:url(/templates/audiotempl/dleimages/icon/fav-empty.png);width:14px;height:18px}
.full-favorite .nofav:hover{background:url(/templates/audiotempl/dleimages/icon/fav.png)}
.full-favorite .fav{display:block;background:url(/templates/audiotempl/dleimages/icon/fav.png);width:14px;height:18px}
.full-favorite .fav:hover{background:url(/templates/audiotempl/dleimages/icon/fav-empty.png)}
.full-info li .red-allert{color:red}
.red-allert{color:red}
.full-rating{position:relative;display:inline-block;background:#1e6D74;line-height:28px;padding:0 9px;font-size:14px;border-radius:8px}
.full-rating:before{position:absolute;top:-6px;left:-4px;content:'';background:url(/templates/audiotempl/dleimages/icon/star.png);width:12px;height:12px}
.full-time{display:inline-block;background:#1e6D74;line-height:28px;padding:0 9px;font-size:14px;border-radius:8px}
.full-info ul{margin-top:10px;font-size:14px}
.full-info li span:nth-of-type(2){display:table-cell;color:#028E9B;width:100%;text-align:right}
.full-info li a{display:inline-block;background:#d9d9d9;color:#015c65;text-decoration:underline;font-weight:550;line-height:24px;margin-bottom:5px;padding:0 5px;border-radius:8px}
.full-info li a:hover{color:#35C0CD;text-decoration:none}
.full-info li{padding:10px 0;border-top:1px solid #2c2f36}
.full-info li:last-of-type{border-bottom:1px solid #2c2f36;padding-bottom:5px}
.parts{margin-bottom:20px;counter-reset:part;}
.parts a{display:inline-block;background:#2c2f36;color:#e7eaf3;line-height:32px;margin-right:5px;padding:0 10px;border-radius:8px}
.parts a:after{counter-increment:part;content:' 'counter(part)}
.parts a:hover{background:#e7eaf3;color:#2c2f36}
.parts a.remove{background:#e7eaf3;color:#2c2f36}
.parts a:nth-of-type(n+7){margin-top:5px}
.full-video{margin-bottom:30px}
.full-video-menu{margin-bottom:15px}
.full-video-menu a{display:inline-block;background:#2c2f36;color:#e7eaf3;line-height:32px;margin-right:8px;padding:0 10px;border-radius:8px}
.full-video-menu a.selected, .full-video-menu a:hover{background:#e7eaf3;color:#2c2f36}
.full-video-block{position:relative;overflow:hidden;background:#111;height:0;padding-bottom:56.25%;border-radius:8px} 
.full-video-block iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.full-addcomments{margin-bottom:40px}
.full-addcom-title{position:relative;display:flex;margin-bottom:5px}
.full-addcom-title span:nth-of-type(2){position:absolute;top:0;right:-12px;color:#35C0CD}
.full-addcom-title-2{margin-bottom:7px;font-size:14px}
.full-addcom-title span {color: #05a0c2;margin-left: 5px;margin-top: -6px;font-size: 20px }
.editor textarea{background:#2c2f36;color:#72737d;width:100%;height:80px;padding:10px;font-size:inherit;font-family:inherit;border-radius:8px}
.full-addcom-group{display:flex;justify-content:space-between;align-items:center;margin:5px 0 10px 0}
.full-addcom-input input{background:#2c2f36;color:#72737d;height:32px;padding:0 10px;border-radius:8px;margin-right:10px;}
.full-addcom-soc{display:flex;justify-content:center;align-items:center;margin:0 auto 0 15px}
.full-addcom-soc div{color:#f3f3f3;font-size:14px}
.full-addcom-soc a{margin-left:5px}
.full-addcom-soc .soc_vk{background:url(/templates/audiotempl/dleimages/icon/vk.png);width:32px;height:32px}
.full-addcom-soc .soc_ya{background:url(/templates/audiotempl/dleimages/icon/ya.png);width:32px;height:32px}
.full-addcom-soc .soc_fb{background:url(/templates/audiotempl/dleimages/icon/fb.png);width:32px;height:32px}
.full-addcom-soc .soc_go{background:url(/templates/audiotempl/dleimages/icon/gl.png);width:32px;height:32px}
.full-addcom-btn{background:#015c65;color:#e7eaf3;transition:0.3s;line-height:32px;padding:0 15px;font-family:inherit;font-size:14px;border-radius:8px;cursor:pointer}
.full-addcom-btn:hover{background:#6eb3ba;transition:0.3s;}
.igroup-capt{display:flex;align-items:center;}
.igroup-capt img{margin-right:10px;vertical-align:top;border-radius:8px}
.igroup-capt input{background:#2c2f36;color:#72737d;width:215px;height:32px;padding:0 10px;border-radius:8px}
input#allow_subscribe {margin-right: 7px;}
label.comments_subscribe {font-size: 15px;}

.page__dl {padding: 25px 0;}
.page__dl-title {font-size: 18px; color: var(--green); text-align: center; margin-bottom: 15px; margin-top: 15px;}
.fdl-btn {display: block; position: relative; box-shadow: var(--bsh); text-decoration: none; padding: 15px 15px 15px 110px;
	border: 1px solid var(--bdc); border-radius: 3px; background: #35C0CD; color: #fff !important; overflow: hidden; transition:0.5s}
.fdl-btn-title {text-transform: uppercase; font-weight: 700; word-wrap: break-word;}
.fdl-btn-size {font-size: 14px; margin-top: 5px; margin-bottom: 10px; opacity: 0.9;}
.fdl-btn-caption {opacity: 0.7; font-size: 14px;}
.fdl-btn-dl {font-size: 12px; margin-left: 0px;}
.fdl-btn > * {position: relative; z-index: 3;}
.fdl-btn::before {content: '';width: 90px;height: 90px;background: url(/templates/audiotempl/dleimages/icon/download2.png) 0 0 / 100% auto no-repeat;position: absolute;left: 10px; top:7px;}
a.fdl-btn:hover {background: #1380a3;transition: 0.5s;}

.comm{position:relative;background:linear-gradient(93.74deg,#35C0CD 1.14%,#1380a3 104.35%);padding:20px 40px;margin-top:20px;border-radius:8px}
.comm-name a{display:block;color:#e7eaf3;margin-bottom:5px;font-weight:700}
.comm-date{display:block;margin-bottom:10px;font-size:14px}
.comm-text{line-height:1.5}
.comm-rating{position:absolute;top:10px;right:10px;background:#1e6D74;line-height:30px;padding:2px 12px 0 12px;border-radius:8px}
.rating-plus img{margin:5px 0 0 0}
.rating-minus img{margin:6px 0 0 0}
.ul-rating-comment{display:flex}
.ratingtypeplusminus{margin:0 10px}
.ratingplus{color:#35C0CD}
.ratingminus{color:#bf0045}
.mass-action{position:absolute;right:10px;bottom:10px}
.mass_comments_action{margin-top:10px}
.related-head{margin-bottom:20px;font-size:30px}
.related .short-img img {width: 160px;}

.login-box{display:none;background-color:#282d35;box-shadow:0 5px 20px rgba(0,0,0,0.75);z-index:100;position:absolute;top:100%;right:0;width:360px;padding:20px;border:1px solid #1e222d;font-size:16px;border-radius:8px}
.login-box li a{display:block;background:#1e6D74;color:#e7eaf3;line-height:40px;text-align:center;border-radius:8px}
.login-box li a:hover{color:#35C0CD}

.full-actors{position:relative;width:450px;height:140px;padding:20px 0 0 0}
.actor img{background:linear-gradient(93.74deg,#35C0CD 1.14%,#1380a3 104.35%);width:72px;height:72px;margin-bottom:5px;border-radius:8px}
.actor span{display:block;color:#028E9B;font-size:12px;line-height:1.5;word-spacing:9999px;line-height:1.5;width:110%;overflow: hidden;text-overflow:ellipsis}
.actor:hover span{color:#35C0CD}
.fields-list {padding: 0;list-style: none;text-align: left;font-size: 16px;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;margin-top: 30px;}
ul.fields-list li {margin-bottom: 5px;}
.fields-list a {color: #015c65;}
.fields-list a:hover {color: #35C0CD;}
ul.alphabet-ru {border-bottom: 1px #015c65 solid;padding-bottom: 15px;}
.alphabet-ru, .alphabet-en {display: grid;grid-gap: 15px;grid-template-columns: repeat(auto-fill, minmax(20px, 1fr));text-align: center;list-style: none;padding: 0;margin: 15px 0 15px 0;}
.alphabet-ru li a, .alphabet-en li a{color: #015c65;}
.alphabet-ru li a:hover, .alphabet-en li a:hover{color: #0099db;}

a.last-li span {border-bottom: 1px #015c65 dashed;color: #e7eaf3;transition:0.3s}
a.last-li span:hover {border-bottom: 1px #9d10bd dashed;color: #9d10bd;transition:0.3s}
.static-desc p {margin-bottom: 20px;}
.static-desc ul li {list-style-type: disc;}
.static-desc ul {margin-left:40px;margin-bottom:20px;}
/*.static-desc a{color:#35C0CD}*/
.static-desc a:hover{color:#015c65;text-decoration:none;text-shadow: 0.5px 0.5px #000}

.fieldsubmit {margin-top: 15px;}

@media(max-width:1279px){
.owl-next, .owl-prev{display:none;}
}

@media(max-width:1239px){
.header-center{width:100%;padding: 0 10px;}
.footer-center{width:100%}
.navigation-center{width:100%;padding:40px 7px;}
.optimize{width:100%}
.speedbar > span{width:100%;padding: 0 10px;}
.home{width:100%}
.home-carousel{width:100%}
.home-carousel .item{width:100%;height:320px}
.speedbar > span{width:100%}
.favorite{width:100%}
.group-box {width: 100%;padding: 0 10px;}
.navigation {padding: 0 10px;}
.footer {padding: 0 10px;}
.full-group {flex-direction: column-reverse;}
.full .title {font-size: 28px;}
div#playerjs1{width:100% !important;}
.full-top {padding-right: 7px;}
.home{padding: 0 10px;}
.optimize{padding: 0 10px;}	
div#home-genre {justify-content: center;}
}

@media(max-width:1139px){
.navigation ul {margin-bottom: 15px;}
.navigation ul:nth-child(2n+1) {margin-bottom: 0;}
.navigation-center {flex-direction: column;}
.navigation-center ul:nth-child(2n) li:first-child {display: none;}
}

@media(max-width:1023px){
.group-box {flex-direction: column;}
div.popular {justify-content: space-between;display: flex;overflow-x: auto;min-width: 100%;flex-wrap: nowrap;}
div.popular::-webkit-scrollbar {display: none;}	
.full-right {margin: 0 auto 10px auto;}
.side-head:before{top:18px;}

.speedbar{display:none;}

.side{width: 100%;margin: -40px auto 20px auto;padding: 0;}
.side-mob{display:none;background:#6eb3ba;width:100%;line-height:40px;margin-top:20px;text-align:center;border-radius:8px;cursor:pointer}
.side-mob.active{background:linear-gradient(93.74deg,#35C0CD 1.14%,#AB03BA 104.35%);color:#e7eaf3;margin-bottom:20px}
.side-nav{display:none}
.side-head{display:block;background:#6EB3BA;line-height:40px;width:100%;padding:0 15px;border-radius:8px}
.side-block{justify-content:space-between}
.side-nav li{width:100%;margin:0 0 10px 0}
.side-nav a{width:100%}
}

@media(max-width:999px){
.header-center{flex-wrap:wrap;width:100%;height:auto}
.header{margin-bottom:35px;margin-top:0px;padding-bottom:15px;padding-top:5px}
.header-logo{margin:0;position: absolute;left: 10px;top:0;}
.header-nav{order:2;text-align:center;width: 100%;}
.header-nav a{display:block;background:linear-gradient(93.74deg,#35C0CD 1.14%,#AB03BA 104.35%);width:100%;margin-right:0;line-height:40px;margin-top:15px;border-radius:8px}
.header-search-form{order:1;margin-top:65px;width: 100%;}
.header-search-input{width:100%}
.header-btn-1{position: absolute;right: 10px;top:0;}
.header-btn-2{position: absolute;right: 65px;top:0;}
.login-open{overflow:auto}
.login{position:absolute!important;top:20px!important;width:300px;height:570px}
}

@media(max-width:839px){
.navigation ul{width:100%;}
.footer-center {flex-direction: column-reverse;height: auto;padding:15px 0;}
.owl-carousel .owl-item img {width: auto;}
.full-addcom-group {flex-direction: column;margin: 15px 0 10px 0;}
.full-addcom-input {margin-bottom: 15px;}
.full-addcom-soc {justify-content: center;margin: 0 auto 15px auto;}
.igroup-capt {justify-content: center;}
.fieldsubmit {text-align:center;}
}

@media(max-width:639px){
.footer-nav a {font-size: 15px;margin: 0 5px;}
.footer-admin {padding: 0 10px;}
.footer-copyright {margin-top: 10px}
.footer-nav a {display: block;line-height: 25px;padding: 5px 0;text-align: center;margin: 0 10px;}
.fields-list {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.short .short-info {margin-left: 0;}
.short-nm {flex-direction: column;}
a.btn-short-listen {top: 5px;position: relative;bottom: 0px;padding:5px 15px;text-align:center;}
.short-nm {margin: 0 0px 45px 0;}
.short-img{margin:0 auto;}
}

@media(max-width:469px){
.fields-list {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}

@media(max-width:438px){
.home-genre a {height: 135px;width: 135px;}
.full-addcom-input input {width: 100%;margin-bottom: 10px;}
.igroup-capt {flex-direction: column;}
.igroup-input.igroup-regcode {margin-bottom: 10px;}
}

@media(max-width:337px){
.home-genre a {height: 128px;width: 128px;}
}

/*
@media(min-width:1200px){
	.header-center{width:100%}
	.footer-center{width:100%}
	.navigation-center{width:100%}
	.optimize{width:100%}
	.speedbar > span{width:100%}
	.home{width:100%}
	.home-carousel{width:100%}
	.home-carousel .item{width:100%;height:320px}
	.speedbar > span{width:100%}
	.favorite{width:100%}
}

@media (min-width:991px) and (max-width:1199px) {
	.header-center{width:960px}
	.footer-center{width:960px}
	.navigation-center{width:960px}
	.optimize{width:960px}
	.login{z-index:100;display:none;background:#1e6D74 url(/templates/audiotempl/dleimages/login.png);height:700px;border-radius:8px}
	.home{width:960px}
	.home-carousel{width:960px;height:255px}
	.home-carousel .item{width:960px;height:255px}
	.short-img{width:140px;height:210px}
	.home-more span{padding:0 10px}
	.home-comming .item:nth-of-type(2){margin:0 20px}
	.home-comming .item img{left:20px}
	.home-comming .item>span:nth-of-type(1){left:130px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}
	.home-comming .item>span:nth-of-type(2){left:130px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}
	.home-comming .item a{left:130px}
	.speedbar > span{width:960px}
	.group-box{width:960px}
	.main{width:820px}
	.side{width:375px;padding:0 20px 0 0}
	.side-nav li{width:100%;margin:0 0 10px 0}
	.side-nav a{width:100%;padding:0;text-align:center}
	.berrors{width:960px}
	.favorite{width:960px}
	.short-time{left:15px}
	.short-rating{bottom:70px}
	.short-fv .short-img{width:166px}
	.short-fv{display:inline-block;margin:0 32px 32px 0}
	.short-fv:nth-of-type(5n+5){margin-right:0}
	.short-fv:nth-last-of-type(-n+5){margin-bottom:0}
} 

@media (min-width:0px) and (max-width:991px) {
	.header-center{flex-wrap:wrap;width:300px;height:auto}
	.footer-center{width:300px}
	.navigation-center{width:300px}
	.optimize{width:300px}

	.home{width:300px}
	.home-carousel{width:300px;height:200px;margin:0 auto 30px auto}
	.home-carousel .item{width:300px;height:200px}
	.home-carousel .item img{width:750px}
	.home-carousel .item span{width:250px;font-size:22px}
	.home-carousel .item a{line-height:32px}
	.home-carousel .owl-dot span{width:55px}
	.home-block{margin-bottom:20px}
	.optimize{display:none}
	.short-img{width:140px;height:210px}
	.short-favorite{display:none}
	.short-rating{display:none}
	.short-time{display:none}
	.short-genre{display:none}
	.short-blur{display:none}
	.home-more span{font-size:14px}
	.home-genre{margin-bottom:20px}
	.home-comming{flex-wrap:wrap}
	.home-comming .item{width:100%}
	.home-comming .item:nth-of-type(2){margin:40px 0}
	.home-comming .item img{left:20px}
	.home-comming .item>span:nth-of-type(1){left:130px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}
	.home-comming .item>span:nth-of-type(2){left:130px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}
	.home-comming .item a{left:130px}
	.navigation-center{display:none}
	.footer-center{flex-wrap:wrap;height:100%;padding:20px 0;text-align:center}
	.footer-center div{width:100%}
	.footer-nav a{background:#35C0CD;width:100%;height:34px;line-height:34px;margin:20px 0 0 0;border-radius:8px}
	.footer-admin{margin-top:20px}
	.speedbar{display:none}
	.berrors{width:300px}
	.main{width:300px}
	.group-box{flex-wrap:wrap;width:300px}
	
	.footer-nav a:hover{color:inherit}
	.favorite{width:300px}
	.short-nm{display:inline-block;margin:0 20px 20px 0}
	.short-nm:nth-of-type(2n+2){margin-right:0}
	.short-nm:nth-last-of-type(-n+2){margin-bottom:0}
	.short-fv .short-img{width:140px}
	.short-fv{display:inline-block;margin:0 20px 20px 0}
	.short-fv:nth-of-type(2n+2){margin-right:0}
	.short-fv:nth-last-of-type(-2+2){margin-bottom:0}
	.short-fv:nth-last-of-type(-n+6){margin-bottom:20px}
	.comm-rating{display:none}
	.related{margin-left:0}
	.full-group{flex-wrap:wrap}
	.full-right{width:300px;order:-1}
	.full-img{margin:0 auto 20px auto}
	.full .title{font-size:20px}
	.parts a{display:block;margin-bottom:10px}
	.full-addcom-soc{display:none}
	.full-addcom-group{flex-wrap:wrap}
	.full-addcom-input input{width:100%;margin-bottom:10px}
	.fieldsubmit{width:100%;margin-top:10px}
	.full-addcom-btn{width:100%}
	.igroup-capt{display:block;text-align:center}
	.igroup-capt input{width:100%;margin-top:10px}
	.full-left{width:100%}
	.home-carousel .owl-prev{top:94px}
	.home-carousel .owl-next{top:94px}
	.searchtable .bbcodes{width:100%;margin-bottom:20px}
	.full-desc{padding-right:0}
	.full-actors{width:280px}
	.full-actors .owl-next{position:absolute;top:25px;right:-20px}
	.fields-list {column-count: 1;}
}
*/
#litres_mobile {
	display: inline-block;
	background: linear-gradient(93.74deg,#35C0CD 1.14%,#AB03BA 104.35%);
	border-radius:20px;
	color: #fff;
	padding: 5px 10px;
	margin: 15px auto;
	font-size: 16px;
}

/*<style type="text/css">*/
/*#popup__toggle{bottom:25px;right:0px;position:fixed;z-index:999;}*/
#popup__toggle{bottom:75px;right:55px;position:fixed;z-index:999;}
#popup__toggle_lj{bottom:70px;right:55px;position:fixed;z-index:999;}
.img-circle{background-color:#0088cc;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #0088cc;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#0088cc;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/uploads/tg_logo.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circleblock-lj{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/uploads/livejournal-42.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
</style>
.banner {text-align:center; margin: 15px;}
.telegram-button {
  position: fixed;
  right: 20px;
  bottom: 80px;
  background: #0088cc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 28px;
  z-index: 9999;
  /* Убираем transform, чтобы не смещать элемент странно */
}

.telegram-button a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.telegram-button:before,
.telegram-button:after {
  content: "";
  position: absolute;
  border: 1px solid #0088cc;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
  animation: pulse 1.5s linear infinite;
  opacity: 0;
  pointer-events: none; /* чтобы псевдоэлементы не мешали клику */
}

.telegram-button:after {
  animation-delay: 0.5s;
}

@keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@media (max-width: 600px) {
  .telegram-button {
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    font-size: 24px;
    line-height: 45px;
  }
  .telegram-button:before,
  .telegram-button:after {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
  }
}

.telegram-button i {
  margin: 0;
}
.home-cta-links ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;  /* позволяет переносить кнопки на новую строку при узком экране */
}

.home-cta-links .cta-btn {
  display: inline-block;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.2s, background-color 0.3s;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Цветовые стили */
.home-cta-links .audio-cta {
  background-color: #00613F;
  color: #ffffff;
}
.home-cta-links .read-cta {
  background-color: #094EBE;
  color: #ffffff;
}
.home-cta-links .read-cta1 {
  background-color: #B30000;
  color: #ffffff;
}

.home-cta-links .cta-btn:hover {
  transform: translateY(-3px);
  filter: brightness(0.95);
}

/* Адаптация для мобильных экранов */
@media (max-width: 600px) {
  .home-cta-links ul {
    gap: 12px;
  }
  .home-cta-links .cta-btn {
    padding: 12px 20px;
    font-size: 14px;
    width: 100%;   /* чтобы кнопка растянулась на всю ширину контейнера */
    text-align: center;
  }
  .home-cta-links li {
    width: 100%;
  }
}