/* Theme Name:zBench Theme URI:http://zww.me/archives/25131 Description:It is a simple WordPress theme without any plugin needed (support plugin WP-PageNavi, WP Page Numbers, WP-PostViews, wp-utf8-excerpt, Related Posts of Simple Tags, WP-RecentComments), little images, custom-menu, widgets, threaded-comments. For WordPress version 3.0+ Version:1.4.2 Author:zwwooooo Author URI:http://zww.me/ Tags:custom-menu, threaded-comments, two-columns, fluid-layout, right-sidebar, theme-options License:GNU General Public License, v2 (or newer) License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ /* RESET */ *{margin:0;padding:0;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;} /* BASIC */ abbr[title], acronym[title]{border-bottom:thin solid;cursor:help;} body{font: 14px/1.4 'Poppins','Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;text-align:left;color: #777777;} h1,h2,h3,h4,h5,h6{font-weight:bold;} h1{font-size:24px;line-height:30px;} h2{font-size:20px;line-height:26px;} h3{font-size:16px;line-height:24px;} h4{font-size:14px;line-height:20px;} h5{font-size:14px;line-height:20px;} h6{font-size:14px;line-height:20px;} small{font-size:10px;line-height:16px;} dl{font-size:12px;} dt{font-weight:bold;} a{color:#3099e2;text-decoration:none;outline:none;} a:hover{color:#4a630f;text-decoration:none;} fieldset,img{border:none;} hr{color:#ddd;background-color:#ddd;height:1px;border:0px;} .clear{clear:both;margin:0;padding:0;} .hidden{display:none;} .ac{align-items: center;} .tc{text-align: center;} .pa{position: absolute;} .dr{direction: rtl;} @font-face{ font-family: 'Poppins'; src: url('/fonts/Poppins/Poppins.ttf'), url('/fonts/Poppins/Poppins.eot'); /* IE9+ */ } @font-face{ font-family: 'Poppins Light'; src: url('/fonts/Poppins-Light/Poppins-Light.ttf'), url('/fonts/Poppins-Light/Poppins-Light.eot'); /* IE9+ */ } @font-face{ font-family: 'Poppins Bold'; src: url('/fonts/Poppins-Bold/Poppins-Bold.ttf'), url('/fonts/Poppins-Bold/Poppins-Bold.eot'); /* IE9+ */ } @font-face{ font-family: 'Poppins SemiBold'; src: url('/fonts/Poppins-SemiBold/Poppins-SemiBold.ttf'), url('/fonts/Poppins-SemiBold/Poppins-SemiBold.eot'); /* IE9+ */ } img{max-width: 100%;} .circles{display: none!important;} /*btn*/ .btn-custom{ user-select: none; transition: all .4s ease-in-out; background-size: 300% 100%; background-image: -moz-linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED ); background-image: -webkit-linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED ); background-image: -ms-linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED ); background-image: linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED ); } .btn-custom:hover{ background-position: 100% 0; } .btn-custom:focus{ box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } .btn-custom>a{transition: all .4s ease-in-out;user-select: none;} .btn-custom>a:focus{ box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } /*nav*/ .navbar{position: absolute;width: 100%;padding: 10px 15px;z-index: 10;transition: all .3s;} .navbar-brand{display: inline-flex;} .navbar-brand>div{margin-right: 10px;display: flex;justify-content: center;align-items: center;background-color: #ffffff;width: 34px;height: 34px;border-radius: 17px;} .navbar-brand>div>img{width: 24px;height: 18px;transition: all .3s ease-in-out;} .navbar-brand>span{font-size: 30px;line-height: 40px;color: #ffffff;font-family: 'Poppins Light';} .navbar-brand>span>strong{font-family: 'Poppins SemiBold';} .navbar-expand-lg .navbar-nav{justify-content: flex-end;width: 100%;color: #ffffff;} .navbar .dropdown-menu{padding: 20px;border: 0;box-shadow: 0 6px 12px rgb(0 0 0 / 17%);margin-top: 0;} .navbar .dropdown-item{color: #444444;font-size: 15px;padding: 12px 20px;width: auto;} .navbar .nav-item:last-child .dropdown-menu{right: 0;left: auto;} .dropdown:hover>.dropdown-menu{display: block;} .nav-btn-dl{ font-size: 12px;color: #ffffff;width: 106px;height: 33px;border-radius: 12px;display: flex;justify-content: center;align-items: center;transition: all .3s;position: relative; } .nav-btn-dl>span{position: absolute;bottom: 100%;color: #444444;font-size: 12px;line-height: 14px;} .nav-btn-dl:hover{color: #ffffff;} .navbar .nav-item{padding: 20px 5px;transition: all .3s;} .navbar .nav-item>a{transition: all .3s;font-size: 15px;color: #ffffff;opacity: .95;} .navbar-light .navbar-nav .nav-link{color: #ffffff;text-transform: uppercase;} .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #ffffff;} .navbar .nav-item a.dropdown-item{color: #212529;} .navbar .nav-item a.dropdown-item.active, .navbar .nav-item a.dropdown-item:active{color: #2F81ED;background: #e9ecef;} .navbar .nav-item .dropdown-menu>p{display: flex;align-items: center;} .navbar .nav-item .dropdown-menu>p:hover .nav-icon, .navbar .nav-item .dropdown-menu>p:focus .nav-icon{opacity: 1;} .nav-icon{opacity: 0;width: 19px;height: 21px;vertical-align: middle;margin-left: 7px;flex-shrink: 0;transition: all .3s;} .nav-win-icon{background-image: url('/images/icon/win6.png');background-repeat: no-repeat;background-position: center;} .nav-win-icon:hover{background-image: url('/images/icon/win5.png');} .nav-mac-icon{background-image: url('/images/icon/mac6.png');background-repeat: no-repeat;background-position: center;} .nav-mac-icon:hover{background-image: url('/images/icon/mac5.png');} .navbar.on .navbar-brand>div{background-color: rgba(255,255,255,0);} .navbar.on .navbar-brand>div>img{width: 34px;height: 27px;} .navbar.on{background-color: #ffffff;} .navbar.on .navbar-brand>span{color: #444444;} .navbar.on .nav-item{padding: 10px 3px;} .navbar.on .nav-item>a{color: #444444;} .navbar.on .navbar-nav .nav-link{color: #444444;} .navbar.on .navbar-nav .nav-link:hover, .navbar.on .navbar-nav .nav-link:hover{color: #444444;} /*navbar-netflix*/ .navbar-netflix .navbar-brand>div{box-shadow: 0 5px 10px rgba(0,0,0,.15);} .navbar-netflix .navbar-brand>span{color: #1875df;} /*navbar-amazon*/ .navbar-amazon .navbar-brand>div{box-shadow: 0 5px 10px rgba(0,0,0,.15);} .navbar-amazon .navbar-brand>span{color: #1875df;} .navbar-amazon.navbar-light .navbar-nav .nav-link{color: #444444;} .navbar-amazon.navbar-light .navbar-nav .nav-link:focus, .navbar-amazon.navbar-light .navbar-nav .nav-link:hover{color: #444444;} /*navbar-hulu*/ .navbar-hulu.navbar-light .navbar-nav .nav-link{color: #444444;} .navbar-hulu.navbar-light .navbar-nav .nav-link:focus, .navbar-hulu.navbar-light .navbar-nav .nav-link:hover{color: #444444;} /*navbar-cw*/ .navbar-cw .navbar-brand>div{box-shadow: 0 5px 10px rgba(0,0,0,.15);} .navbar-cw .navbar-brand>span{color: #444444;} /*navbar-crunchyroll*/ .navbar-crunchyroll .navbar-brand>div{box-shadow: 0 5px 10px rgba(0,0,0,.15);} .navbar-crunchyroll .navbar-brand>span{color: #000000;} .navbar-crunchyroll.navbar-light .navbar-nav .nav-link{color: #444444;} .navbar-crunchyroll.navbar-light .navbar-nav .nav-link:focus, .navbar-amazon.navbar-light .navbar-nav .nav-link:hover{color: #444444;} /*banner*/ .banner-index{overflow: hidden;} .banner-index h1{color: #ffffff;font-family: 'Poppins Light';font-weight: lighter;line-height: 1.4;letter-spacing: 0.08em;} .banner-index h1>span{font-family: 'Poppins SemiBold';} .banner-index h1+p{margin-bottom: 25px;} .banner-index h2{color: #ffffff;font-family: 'Poppins SemiBold';letter-spacing: 0.03em;} .banner-index p{font-size: 13px;line-height: 27px;color: #ffffff;letter-spacing: 0.03em;;} .banner-index p>span{font-family: 'Poppins Bold';font-size: 15px;font-weight: bold;} .banner-index p.sys{font-size: 12px;} .banner-text{padding-top: 200px;} #video-downloader-banner{background-image: url(/images/video-downloader/banner.png);background-repeat: no-repeat;background-position: center top;min-height: 772px;} #video-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #video-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #video-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #video-downloader-banner .banner-text{padding-top: 150px;} #twitch-downloader-banner{background-image: url(/images/twitch-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 819px;background-size: 100% 819px;} #twitch-downloader-banner h1{font-size: 44px;} #twitch-downloader-banner h2{font-size: 50px;margin-bottom: 25px;line-height: 40px;} #twitch-downloader-banner p{padding-right: 50px;} #netflix-downloader-banner{background-image: url(/images/netflix-downloader/banner.jpg);background-repeat: no-repeat;background-position: center bottom;min-height: 961px;background-size: 100% 961px;} #netflix-downloader-banner h1{font-size: 48px;line-height: 60px;color: #343434;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #netflix-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #netflix-downloader-banner p{color: #5e5e5e;} #netflix-downloader-banner .play-button:before{ animation-name: anim-effect-front-netflix; } #netflix-downloader-banner .play-button:after{ animation-name: anim-effect-back-netflix; } #amazon-downloader-banner{background-image: url(/images/amazon-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 50vw;background-size: 100% 50vw;} #amazon-downloader-banner h1{font-size: 48px;line-height: 60px;color: #343434;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #amazon-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #amazon-downloader-banner p{color: #5e5e5e;} #amazon-downloader-banner .play-button:before{ animation-name: anim-effect-front-netflix; } #amazon-downloader-banner .play-button:after{ animation-name: anim-effect-back-netflix; } #amazon-downloader-banner .banner-text{padding-top: 15vw;} #disney-plus-downloader-banner{background-image: url(/images/disney-plus-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 50vw;background-size: 100% 50vw;} #disney-plus-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #disney-plus-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #disney-plus-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #disney-plus-downloader-banner .img-lg{margin-left: -150px;} #disney-plus-downloader-banner .banner-text{padding-top: 8vw;} #hbo-downloader-banner{background-image: url(/images/hbo-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 953px;background-size: 100% 953px;} #hbo-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #hbo-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #hbo-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #hulu-downloader-banner{background-image: url(/images/hulu-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 1205px;background-size: 100% 1205px;} #hulu-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #hulu-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #hulu-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #hulu-downloader-banner .img-lg{margin-left: -80px;} #cleverget-banner{background-image: url(/images/cleverget/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 963px;background-size: 100% 963px;} #cleverget-banner h1{font-size: 69px;margin-top: 50px;} #cleverget-banner .img-lg{margin-left: -80px;} #cleverget-banner img.pa{right: 100px;top: 750px;} #unext-downloader-banner{background-image: url(/images/unext-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 902px;background-size: 100% 902px;} #unext-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #unext-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #unext-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #crackle-downloader-banner{background-image: url(/images/crackle-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 1026px;background-size: 100% 1026px;} #crackle-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #crackle-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #crackle-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #fod-downloader-banner{background-image: url(/images/fod-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 52vw;background-size: 100% 52vw;} #fod-downloader-banner h1{font-size: 48px;line-height: 60px;color: #343434;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #fod-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #fod-downloader-banner p{color: #5e5e5e;} #fod-downloader-banner .play-button:before{ animation-name: anim-effect-front-netflix; } #fod-downloader-banner .play-button:after{ animation-name: anim-effect-back-netflix; } #fod-downloader-banner .banner-text{padding-top: 15vw;} #paramount-plus-downloader-banner{background-image: url(/images/paramount-plus-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 956px;background-size: 100% 956px;} #paramount-plus-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #paramount-plus-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #paramount-plus-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #paramount-plus-downloader-banner .img-lg{margin-left: -120px;} #discovery-plus-downloader-banner{background-image: url(/images/discovery-plus-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 946px;background-size: 100% 946px;} #discovery-plus-downloader-banner h1{font-size: 48px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #discovery-plus-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #discovery-plus-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #onlyfans-downloader-banner{background-image: url(/images/onlyfans-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 951px;background-size: 100% 951px;} #onlyfans-downloader-banner h1{font-size: 42px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #onlyfans-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #onlyfans-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #onlyfans-downloader-banner .img-lg{margin-left: -50px;} #cw-downloader-banner{background-image: url(/images/cw-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 950px;background-size: 100% 950px;} #cw-downloader-banner h1{font-size: 42px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;color: #343434;} #cw-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #cw-downloader-banner h1+p{font-size: 15px;margin-top: 20px;color: #343434;} #cw-downloader-banner .banner-text{padding-top: 120px;} #pluto-downloader-banner{background-image: url(/images/pluto-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 50vw;background-size: 100% 50vw;} #pluto-downloader-banner h1{font-size: 42px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;} #pluto-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #pluto-downloader-banner h1+p{font-size: 15px;margin-top: 20px;} #pluto-downloader-banner .imgbox{position: relative;margin-left: 10vw;opacity: 0;transition: all .8s ease-out;} #pluto-downloader-banner .imgbox.on{margin-left: 0;opacity: 1;} #pluto-downloader-banner .icon-float{position: absolute;transition: opacity 2s;opacity: 0;} #pluto-downloader-banner .icon-float.on{opacity: 1;} #pluto-downloader-banner .icon1{left: 27px;top: 120px;animation: movebounce 4.8s linear infinite;} #pluto-downloader-banner .icon2{left: 305px;top: -50px;animation: movebounce 4.2s linear infinite;} #pluto-downloader-banner .icon3{left: 455px;top: 415px;animation: movebounce 3.8s linear infinite;} #pluto-downloader-banner .banner-text{padding-top: 12vw;} #crunchyroll-downloader-banner{background-image: url(/images/crunchyroll-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 990px;background-size: 100% 990px;padding-bottom: 20px;} #crunchyroll-downloader-banner h1{font-size: 42px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;color: #000000;} #crunchyroll-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #crunchyroll-downloader-banner h1+p{font-size: 15px;margin-top: 20px;color: #444444;} #crunchyroll-downloader-banner p{color: #444444;} #crunchyroll-downloader-banner .play-button:before{ animation-name: anim-effect-front-crunchyroll; } #crunchyroll-downloader-banner .play-button:after{ animation-name: anim-effect-back-crunchyroll; } #crunchyroll-downloader-banner .banner-float{animation: movebounce 4s linear infinite;} #twitcasting-downloader-banner{background-image: url(/images/twitcasting-downloader/banner.jpg);background-repeat: no-repeat;background-position: center top;min-height: 1008px;background-size: 100% 1008px;padding-bottom: 20px;} #twitcasting-downloader-banner h1{font-size: 42px;line-height: 60px;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;color: #000000;} #twitcasting-downloader-banner h1>span{font-family: 'Poppins Light';font-weight: lighter;} #twitcasting-downloader-banner h1+p{font-size: 15px;margin-top: 20px;color: #444444;} #twitcasting-downloader-banner p{color: #444444;} #twitcasting-downloader-banner .play-button:before{ animation-name: anim-effect-front-twitcasting; } #twitcasting-downloader-banner .play-button:after{ animation-name: anim-effect-back-twitcasting; } #twitcasting-downloader-banner .innerbox{width: 110%;position: relative;} #twitcasting-downloader-banner .icon-float{position: absolute;transition: opacity 2s;opacity: 0;} #twitcasting-downloader-banner .icon-float.on{opacity: 1;} #twitcasting-downloader-banner .icon1{width: 56.8855%;height: 86.0511%;left: 34.749%;top: -30.6483%;animation: movebounce 4.4s linear infinite;} #twitcasting-downloader-banner .icon2{width: 13.1274%;height: 19.2534%;left: 75.8044%;top: 57.5639%;animation: movebounce 2.6s linear infinite;} @media (max-width: 991px){ #amazon-downloader-banner{background-image: none;} #disney-plus-downloader-banner{background-color: #3FADF8;background-image: none;} #disney-plus-downloader-banner .img-lg{margin-left: 0;} #disney-plus-downloader-banner .banner-text{padding-top: 150px;} #hulu-downloader-banner{background-color: #3FADF8;background-image: none;} #hulu-downloader-banner .img-lg{margin-left: 0;} #fod-downloader-banner{background-image: none;} #paramount-plus-downloader-banner .img-lg{margin-left: 0;} #onlyfans-downloader-banner .img-lg{margin-left: 0;} #pluto-downloader-banner .banner-text{padding-top: 150px;} #pluto-downloader-banner .imgbox{padding-left: 0;margin-top: 100px;} #pluto-downloader-banner .icon1{left: 0;top: 23.3083%;max-width: 35.2014%;} #pluto-downloader-banner .icon2{left: auto;right: 0;top: 0;max-width: 43.4326%;} #pluto-downloader-banner .icon3{left: auto;right: 0;max-width: 16.4623%;top: auto;bottom: 20px;} } @media (min-width: 992px) and (max-width: 1199px){ #disney-plus-downloader-banner h1{font-size: 36px;} #paramount-plus-downloader-banner .img-lg{margin-left: 0;} #onlyfans-downloader-banner .img-lg{margin-left: 0;} } @media (max-width: 1440px){ #twitch-downloader-banner{background-size: auto;} #amazon-downloader-banner{min-height: 60vw;background-size: 100% 60vw;} #disney-plus-downloader-banner{min-height: 65vw;background-size: 100% 65vw;} #hbo-downloader-banner{background-size: 150% 953px;} #unext-downloader-banner{background-size: 120% 902px;} #paramount-plus-downloader-banner .img-lg{margin-left: 0;} #onlyfans-downloader-banner .img-lg{margin-left: 0;} #pluto-downloader-banner{min-height: 949px;background-size: 100% 949px;} } .btn-sys{display: flex;align-items: flex-end;margin: 25px 0 20px;} .btn-sys img{opacity: .5;transition: opacity .1s;cursor: pointer;} .btn-sys img.on{opacity: 1;} .btn-sys img:first-child{margin-right: 33px;} .btn-sys img:hover{opacity: 1;} .btn-sys>div{background-repeat: no-repeat;cursor: pointer;} .btn-sys>div:first-child{margin-right: 33px;} .btn-sys>div.win{background-image: url(/images/netflix-downloader/win-icon.png);background-position: 0 0;width: 22px;height: 22px;} .btn-sys>div.win.on{background-position: 0 -22px;} .btn-sys>div.mac{background-image: url(/images/netflix-downloader/mac-icon.png);background-position: 0 0;width: 23px;height: 28px;} .btn-sys>div.mac.on{background-position: 0 -28px;} #crunchyroll-downloader-banner .btn-sys>div.win{background-image: url(/images/crunchyroll-downloader/sys-icon.png);background-position: 0 -28px;width: 22px;height: 21px;} #crunchyroll-downloader-banner .btn-sys>div.win.on{background-position: 0 -77px;} #crunchyroll-downloader-banner .btn-sys>div.mac{background-image: url(/images/crunchyroll-downloader/sys-icon.png);background-position: 0 -49px;width: 23px;height: 28px;} #crunchyroll-downloader-banner .btn-sys>div.mac.on{background-position: 0 0;} #twitcasting-downloader-banner .btn-sys>div.win{background-image: url(/images/twitcasting-downloader/sys-icon.png);background-position: 0 -78px;width: 22px;height: 22px;} #twitcasting-downloader-banner .btn-sys>div.win.on{background-position: 0 0;} #twitcasting-downloader-banner .btn-sys>div.mac{background-image: url(/images/twitcasting-downloader/sys-icon.png);background-position: 0 -22px;width: 23px;height: 28px;} #twitcasting-downloader-banner .btn-sys>div.mac.on{background-position: 0 -50px;} #twitcasting-downloader-banner .btn-group .btn-buy{ background-image: -moz-linear-gradient( 39deg, #F7814A 0%, #FA9453 100%); background-image: -webkit-linear-gradient( 39deg, #F7814A 0%, #FA9453 100%); background-image: -ms-linear-gradient( 39deg, #F7814A 0%, #FA9453 100%); } .btn-group{margin-bottom: 15px;} .btn-group>div{border-radius: 3px;transition: box-shadow .3s;} .btn-group>div>a{width: 148px;height: 43px;display: inline-flex;justify-content: center;align-items: center;user-select: none;} .btn-group>div>a>span{font-size: 14px;color: #ffffff;} .btn-group .btn-dl{ margin-right: 20px; background-image: -moz-linear-gradient( 39deg, #131313 0%, #3E3E3E 100%); background-image: -webkit-linear-gradient( 39deg, #131313 0%, #3E3E3E 100%); background-image: -ms-linear-gradient( 39deg, #131313 0%, #3E3E3E 100%); } .btn-group .btn-buy{ background-image: -moz-linear-gradient( 39deg, #ED452F 0%, #F65F4C 100%); background-image: -webkit-linear-gradient( 39deg, #ED452F 0%, #F65F4C 100%); background-image: -ms-linear-gradient( 39deg, #ED452F 0%, #F65F4C 100%); } .btn-group .btn-dl:hover{box-shadow: 1px 2px 3px rgba(0,0,0,.6);} .btn-group .btn-buy:hover{box-shadow: 1px 2px 3px rgba(0,0,0,.6);} .btn-group .btn-dl img{display: none;margin-right: 19px;} .btn-group .btn-dl img.on{display: block;} .btn-group .btn-dl img.win{width: 15px;height: 15px;} .btn-group .btn-dl img.mac{width: 15px;height: 18px;} .btn-group .btn-buy img{width: 18px;height: 16px;margin-right: 19px;} .play-button{width: 95px;height: 95px;position: relative;margin: 95px 0 0 50px;} .play-button>img{position: absolute;z-index: 9;cursor: pointer;user-select: none;} .play-button:before{ animation: 2.5s anim-effect-front 0s linear infinite; box-shadow: 0 0 0 80px #e8e8e8; position: absolute; content: ''; width: 60px; height: 60px; top: 17px; left: 17px; border-radius: 50%; z-index: 0; } .play-button:after{ animation: 2.5s anim-effect-back 0s linear infinite; box-shadow: 0 0 0 10px #f4f4f4; position: absolute; content: ''; width: 35px; height: 35px; top: 30px; left: 30px; border-radius: 50%; z-index: 0; } #popup{position: fixed;width: 100%;height: 100%;background-color: rgba(93, 93, 93, 0.6);left: 0;top: 0;display: none;z-index: 11;} .video{width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;} .video-container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;} .video-box{width: 900px;max-width: 90%;} .video-innerbox{position: relative;} #video{width: 100%;} #popup span.close{cursor: pointer;transition: all .5s ease-in-out;top: -50px;right: -5%;position: absolute;opacity: 1;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;} #popup span.close:before{content: '\2716';font-size: 20px;color: #ffffff;} #popup span.close:hover{transform: rotate(180deg);} /*product-nav*/ #product-nav{position: fixed;background-color: #ffffff;z-index: 11;padding: 17px 0;display: none;} #product-nav .row{align-items: center;} #product-nav p.pro-name{display: flex;align-items: center;font-size: 24px;line-height: 40px;color: #444444;} #product-nav p.pro-name>img{margin-right: 12px;} #product-nav ul{list-style-type: none;display: flex;justify-content: flex-end;} #product-nav .nav-link{color: #444444;text-transform: uppercase;} #product-nav .nav-item.on>a{color: #3099e2!important;opacity: 1;text-shadow: 0 0 1px #3099e2;} /*features*/ .features{padding: 150px 0;letter-spacing: 0.03em;position: relative;} .features h3{font-size: 30px;color: #444444;font-weight: normal;line-height: 36px;margin-bottom: 15px;text-transform: uppercase;} .features h3>span{font-family: 'Poppins SemiBold';} .features h3+p{font-size: 14px;line-height: 27px;color: #777777;margin-bottom: 40px;} #video-downloader-features{background-image: url(/images/video-downloader/features_bg.jpg);background-repeat: no-repeat;background-position: left top;background-size: cover;} #video-downloader-features h3{padding-right: 50px;} #video-downloader-features h3+p{padding-right: 50px;} #video-downloader-features .features-box{display: flex;align-items: center;margin-bottom: 20px;} #video-downloader-features .icon-box{display: flex;justify-content: center;align-items: center;width: 46px;height: 46px;border-radius: 23px;border: 1px solid #DDDDDD;flex-shrink: 0;margin-right: 15px;} #video-downloader-features .icon-box:hover{ border: 0; background-image: -moz-linear-gradient( 90deg, rgb(47,151,224) 0%, rgb(69,173,234) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(47,151,224) 0%, rgb(69,173,234) 100%); background-image: -ms-linear-gradient( 90deg, rgb(47,151,224) 0%, rgb(69,173,234) 100%); } #video-downloader-features .icon-box>img{transition: all .2s;} #video-downloader-features .icon-box:hover>img{filter: brightness(0) invert(1);} #video-downloader-features .icon-text{font-family: 'Poppins-SemiBold';font-weight: bold;letter-spacing: 0;} #video-downloader-features .more{ width: 125px; height: 39px; border-radius: 17px; line-height: 39px; text-align: center; margin-top: 5px; } #video-downloader-features .more>a{color: #ffffff;width: 100%;height: 100%;display: block;border-radius: 17px;} #twitch-downloader-features{margin-top: 50px;} #netflix-downloader-features{text-align: center;} #netflix-downloader-features img.pa{left: 0;top: -150px;max-width: 12%;} #amazon-downloader-features{text-align: center;} #amazon-downloader-features h3+p{margin-bottom: 90px;} #disney-plus-downloader-features{text-align: center;} #disney-plus-downloader-features h3{max-width: 700px;margin: 0 auto 15px;} #disney-plus-downloader-features h3+p{max-width: 888px;margin: 0 auto 50px;} #hbo-downloader-features{text-align: center;} #hbo-downloader-features h3{max-width: 700px;margin: 0 auto 15px;} #hbo-downloader-features h3+p{max-width: 850px;margin: 0 auto 50px;} #hulu-downloader-features{text-align: center;padding-top: 0;} #hulu-downloader-features h3{max-width: 600px;margin: 0 auto 15px;} #hulu-downloader-features h3+p{max-width: 765px;margin: 0 auto 50px;} #hulu-downloader-features>img{margin-left: -150px;} #cleverget-features{text-align: center;} #cleverget-features .imgbox{max-width: 785px;margin: 30px auto 0;position: relative;} #cleverget-features .imgbox .icon{opacity: 0;/*transition: all 2s ease-in-out;*/position: absolute;} #cleverget-features .imgbox .icon.on{opacity: 1;animation: 2s features-icon 0s linear;} #cleverget-features .imgbox .icon1{width: 16.6879%;left: 23.5669%;top: 21.6561%;} #cleverget-features .imgbox .icon2{width: 9.4268%;left: 76.4331%;top: 72.4841%;} #cleverget-features .imgbox .icon3{width: 14.7771%;left: 73.3758%;top: 28.2803%;} #cleverget-features .imgbox .icon4{width: 12.2293%;left: -4.3312%;top: 43.4395%;} #cleverget-features .imgbox .icon5{width: 12.4841%;left: 44.586%;top: 4.3312%;} #cleverget-features .imgbox .icon6{width: 14.1401%;left: 9.0446%;top: 63.0573%;} #cleverget-features .imgbox .icon7{width: 12.1019%;left: 86.1146%;top: 45.7325%;} #cleverget-features .imgbox .icon8{width: 23.4395%;left: 50.4459%;top: 50.9554%;} #cleverget-features .imgbox .icon9{width: 16.3057%;left: 31.2102%;top: 71.3376%;} #unext-downloader-features{text-align: center;} #crackle-downloader-features{text-align: center;} #fod-downloader-features{text-align: center;} #paramount-plus-downloader-features{text-align: center;} #onlyfans-downloader-features{text-align: center;} #cw-downloader-features{text-align: center;padding-top: 180px;} #pluto-downloader-features .features-float{animation: movebounce-pluto-tv 2.4s linear infinite;} #crunchyroll-downloader-features{padding-top: 200px;} #crunchyroll-downloader-features .features-float{animation: movebounce-pluto-tv 2.4s linear infinite;} /*features-1*/ #video-downloader-features-1{background-color: #dddddd;background-image: url(/images/video-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;text-align: center;} #video-downloader-features-1 h3+p{max-width: 800px;margin: 0 auto 40px;} #twitch-downloader-features-1{background-image: url(/images/twitch-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: cover;} #netflix-downloader-features-1{background-image: url(/images/netflix-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 170px 0 150px;} #amazon-downloader-features-1{background-image: url(/images/amazon-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: cover;} #disney-plus-downloader-features-1{background-image: url(/images/disney-plus-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: cover;} #hbo-downloader-features-1{background-image: url(/images/hbo-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #hulu-downloader-features-1{background-image: url(/images/hulu-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #cleverget-features-1{background-image: url(/images/cleverget/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #cleverget-features-1 .container{position: relative;} #cleverget-features-1 .swiper-slide{padding: 45px 20px;height: auto;} #cleverget-features-1 .innerbox{background-color: #ffffff;border-radius: 30px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);height: 100%;padding: 45px;display: flex;flex-direction: column;justify-content: space-between;} #cleverget-features-1 .title{display: flex;align-items: center;margin-bottom: 50px;min-height: 122px;} #cleverget-features-1 .title>img{max-width: 55%;} #cleverget-features-1 .title>p{font-size: 24px;line-height: 36px;color: #329bef;font-family: 'Poppins SemiBold';margin-left: 5%;min-width: 40%;letter-spacing: 0.06em;} #cleverget-features-1 .text>h3{min-height: 108px;} #cleverget-features-1 .text>p{min-height: 108px;} #cleverget-features-1 .button{width: 144px;height: 39px;border-radius: 20px;text-align: center;} #cleverget-features-1 .button>a{color: #ffffff;line-height: 39px;width: 100%;height: 100%;display: block;border-radius: 20px;} #cleverget-features-1 .swiper-pagination{display: flex;justify-content: flex-end;top: 90px;z-index: 1;height: 10px;position: static;} #cleverget-features-1 .swiper-pagination>.swiper-pagination-bullet{border-radius: 4px;width: 9px;height: 10px;transition: all .5s ease-in-out;opacity: 1;margin: 0 4px; background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); } #cleverget-features-1 .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 5px;width: 25px;} #cleverget-features-1 .swiper-button-prev{width: 54px;height: 54px;background-color: #ffffff;border-radius: 27px;border: 1px solid #EEEEEE;left: -70px;transition: all .3s;} #cleverget-features-1 .swiper-button-next{width: 54px;height: 54px;background-color: #ffffff;border-radius: 27px;border: 1px solid #EEEEEE;right: -70px;transition: all .3s;} #cleverget-features-1 .swiper-button-prev:hover, #cleverget-features-1 .swiper-button-next:hover{border-color: #3BA5F8;background-color: #3BA5F8;} #cleverget-features-1 .swiper-button-prev>img, #cleverget-features-1 .swiper-button-next>img{transition: all .3s;} #cleverget-features-1 .swiper-button-prev:hover>img, #cleverget-features-1 .swiper-button-next:hover>img{filter: brightness(0) invert(1);} #cleverget-features-1 .swiper-button-prev:after{content: '';} #cleverget-features-1 .swiper-button-next:after{content: '';} #unext-downloader-features-1{background-image: url(/images/unext-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #crackle-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #fod-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #paramount-plus-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #discovery-plus-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #onlyfans-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #cw-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #pluto-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #pluto-downloader-features-1 .features-float{animation: movebounce-pluto-tv 2.8s linear infinite;} #crunchyroll-downloader-features-1{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #crunchyroll-downloader-features-1 .features-float{animation: movebounce-pluto-tv 2.8s linear infinite;} #twitcasting-downloader-features-1{background-image: url(/images/twitcasting-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} @media (max-width: 1440px){ #cleverget-features-1 .swiper-button-prev{left: 0;} #cleverget-features-1 .swiper-button-next{right: 0;} } @media (max-width: 991px){ #cleverget-features-1{background-size: cover;} } @media (max-width: 575px){ .features{padding: 50px 0!important;} #cleverget-features-1{background-image: none;background-color: #FAFAFA;} #cleverget-features-1 .title>img{max-width: 40%;} #cleverget-features-1 .innerbox{padding: 25px;} #cleverget-features-1 .title>p{font-size: 18px;line-height: 27px;} } /*features-2*/ #video-downloader-features-2{background-image: url(/images/video-downloader/features-2_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;} #video-downloader-features-2 .col-lg-7{position: relative;} #video-downloader-features-2 h3{padding-right: 100px;} #video-downloader-features-2 h3+p{padding-right: 100px;} #twitch-downloader-features-2 h3+p{margin-bottom: 0;} #pluto-downloader-features-2 .features-float{animation: movebounce-pluto-tv 3s linear infinite;} #crunchyroll-downloader-features-2 .features-float{animation: movebounce-pluto-tv 3s linear infinite;} /*features-3*/ #video-downloader-features-3{padding: 10vw 0;min-height: 40vw;background-image: url(/images/video-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;} #video-downloader-features-3 h3{padding-right: 100px;} #video-downloader-features-3 .title{display: flex;align-items: center;margin-top: 30px;margin-bottom: 15px;} #video-downloader-features-3 .title>div{flex-shrink: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;} #video-downloader-features-3 .title>p{color: #444444;font-family: 'Poppins SemiBold';margin-left: 12px;line-height: 21px;display: flex;align-items: center;} #twitch-downloader-features-3{background-image: url(/images/twitch-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 798px;} #netflix-downloader-features-3{background-image: url(/images/netflix-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 863px;padding: 250px 0 150px;} #amazon-downloader-features-3{background-image: url(/images/amazon-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 836px;} #disney-plus-downloader-features-3{background-image: url(/images/disney-plus-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 836px;padding: 250px 0 150px;} #hbo-downloader-features-3{background-image: url(/images/hbo-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 250px 0 150px;} #hulu-downloader-features-3{background-image: url(/images/hulu-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 250px 0 150px;} #cleverget-features-3{background-image: url(/images/cleverget/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 250px 0 150px;} #unext-downloader-features-3{background-image: url(/images/hbo-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 200px 0;} #crackle-downloader-features-3{background-image: url(/images/crackle-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 200px 0;} #paramount-plus-downloader-features-3{background-image: url(/images/crackle-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #discovery-plus-downloader-features-3{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #onlyfans-downloader-features-3{background-image: url(/images/crackle-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #cw-downloader-features-3{background-image: url(/images/cw-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #pluto-downloader-features-3{background-image: url(/images/pluto-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #pluto-downloader-features-3 .features-float{animation: movebounce-pluto-tv 3.4s linear infinite;} #crunchyroll-downloader-features-3{background-image: url(/images/pluto-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #crunchyroll-downloader-features-3 .features-float{animation: movebounce-pluto-tv 3.4s linear infinite;} #twitcasting-downloader-features-3{background-image: url(/images/twitcasting-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} @media (max-width: 991px){ #cleverget-features-3{background-size: cover;} #cleverget-features-3 h3{margin-top: 50px;} } @media (max-width: 575px){ #cleverget-features-3{background-image: none;background-color: #FAFAFA;} } /*features-4*/ #netflix-downloader-features-4 img.pa{left: 0;top: -150px;max-width: 12%;} #pluto-downloader-features-4 .features-float{animation: movebounce-pluto-tv 3.8s linear infinite;} #crunchyroll-downloader-features-4 .features-float{animation: movebounce-pluto-tv 3.8s linear infinite;} /*features-5*/ #netflix-downloader-features-5{background-image: url(/images/netflix-downloader/features-5_bg.jpg);background-repeat: no-repeat;background-size: 100% 680px;} #netflix-downloader-features-5 img.pa{left: 0;top: 80px;max-width: 12%;} #amazon-downloader-features-5{background-image: url(/images/amazon-downloader/features-5_bg.jpg);background-repeat: no-repeat;background-size: 100% 674px;} #amazon-downloader-features-5 .pa{width: 50px;height: 50px;background-color: #FEDA4A;border-radius: 25px;left: 10%;top: 40%;} #disney-plus-downloader-features-5{background-image: url(/images/disney-plus-downloader/features-5_bg.jpg);background-repeat: no-repeat;background-size: 100% 679px;} #disney-plus-downloader-features-5 .pa{width: 50px;height: 50px;background-color: #97E4F8;border-radius: 25px;left: 10%;top: 40%;} #hbo-downloader-features-5{background-image: url(/images/hbo-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #hulu-downloader-features-5{background-image: url(/images/hulu-downloader/features-5_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #cleverget-features-5{background-image: url(/images/cleverget/features-5_bg.jpg);background-repeat: no-repeat;background-size: 100% auto;padding: 10vw 0;min-height: 40vw;text-align: center;} #cleverget-features-5 h3{margin-bottom: 60px;} #cleverget-features-5 .col-lg-6{padding: 12px 25px;} #cleverget-features-5 .box{padding: 50px 25px;background-color: #ffffff;border-radius: 3px;box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.1);height: 100%;} #cleverget-features-5 .title{font-size: 16px;line-height: 26px;color: #444444;font-family: 'Poppins SemiBold';margin: 20px 0 10px;} #cleverget-features-5 .text{font-size: 14px;line-height: 26px;color: #777777;} #unext-downloader-features-5{background-image: url(/images/unext-downloader/features-1_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #discovery-plus-downloader-features-5{background-image: url(/images/discovery-plus-downloader/features-5_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} #cw-downloader-features-5{background-image: url(/images/cw-downloader/features-3_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;} @media (max-width: 991px){ #cleverget-features-5{background-image: none;background-color: #FAFAFA;} } /*screenshot*/ #screenshot{position: relative;padding: 120px 0;} #screenshot>.container{text-align: center;} #screenshot .circle{width: 629px;height: 629px;border-radius: 50%;margin: 0 auto; background-image: -moz-linear-gradient( 90deg, rgb(31,127,228) 0%, rgb(72,187,252) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(31,127,228) 0%, rgb(72,187,252) 100%); background-image: -ms-linear-gradient( 90deg, rgb(31,127,228) 0%, rgb(72,187,252) 100%); } #screenshot .swiper-screenshot{width: 1110px;height: 100%;position: absolute;top: 0;} #screenshot .swiper-screenshot a{display: block;width: auto;height: auto;} #screenshot .swiper-slide{display: flex;align-items: center;transition: all .5s;} #screenshot .swiper-slide.on img{width: auto;max-width: auto;} /*.swiper-slide-active img{width: 520px;max-width: none;position: absolute;left: 50%;margin-left: -260px;top: 50%;margin-top: -164px;transition: width,height .3s;}*/ #screenshot .swiper-slide-active{transform: scale(1.95);} #screenshot .swiper-pagination{display: flex;justify-content: flex-end;top: 90px;z-index: 1;height: 10px;} #screenshot .swiper-pagination>.swiper-pagination-bullet{border-radius: 4px;width: 9px;height: 10px;transition: all .5s ease-in-out;opacity: 1; background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); } #screenshot .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 5px;width: 25px;} #screenshot .screenshot-circle1{position: absolute;bottom: auto;left: 50%;margin-left: 213px;top: 80px;animation: movebounce 3s linear infinite;max-width: 20vw;} #screenshot .screenshot-circle2{position: absolute;bottom: auto;left: 50%;margin-left: 138px;top: 120px;animation: movebounce 2.8s linear infinite;max-width: 20vw;} #screenshot .screenshot-circle3{position: absolute;bottom: 0;left: 50%;margin-left: -290px;top: auto;animation: moveleftbounce 3.9s linear infinite;max-width: 20vw;} #screenshot .screenshot-mac{position: absolute;left: 50%;margin-left: -339px;top: 242px;} .swiper-screenshot img{cursor: url(/images/highslide/graphics/zoomin.cur), pointer;} /*guide*/ #guide{padding: 10vw 0 3vw;background-image: url(/images/video-downloader/guide_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;letter-spacing: 1px;background-color: #FAFAFA;position: relative;} #guide .guide-title{display: flex;justify-content: space-between;margin-bottom: 40px;} #guide .guide-title>h2{font-size: 30px;color: #444444;font-weight: 300;line-height: 39px;} #guide .guide-title>p{ width: 144px;height: 39px;border-radius: 20px;text-align: center; } #guide .guide-title>p>a{color: #ffffff;line-height: 39px;width: 100%;height: 100%;display: block;border-radius: 20px;} #guide .guide-box{background-image: url(/images/video-downloader/bg.jpg);padding: 49px 40px 52px;text-align: center;max-width: 353px;max-height: 462px;} #guide .guide-innerbox{background-color: #ffffff;padding: 245px 25px 20px;background-position: center 30px;background-repeat: no-repeat;} #guide .guide-innerbox.box1{background-image: url(/images/video-downloader/guide-1.jpg);} #guide .guide-innerbox.box2{background-image: url(/images/video-downloader/guide-2.jpg);} #guide .guide-innerbox.box3{background-image: url(/images/video-downloader/guide-3.jpg);} #guide .guide-innerbox>h3{font-size: 18px;color: #444444;margin-bottom: 5px;transform: scaleY(.9);font-weight: bold;} #guide .guide-innerbox>p{font-size: 14px;line-height: 27px;color: #777777;min-height: 81px;} /* twitch downloader guide */ #twitch-downloader-guide{margin-top: 50px;padding: 200px 0;background-image: url(/images/twitch-downloader/guide_bg.jpg);background-repeat: no-repeat;background-position: center top;background-color: #FAFAFA;background-size: 100% 67px;} #twitch-downloader-guide h3{font-size: 30px;color: #444444;font-weight: normal;line-height: 36px;margin-bottom: 70px;text-transform: uppercase;text-align: center;} #twitch-downloader-guide h3>span{font-family: 'Poppins SemiBold';} #twitch-downloader-guide .row{align-items: center;} #twitch-downloader-guide .textbox{padding-right: 100px;} #twitch-downloader-guide .step{opacity: .3;cursor: pointer;transition: opacity .3s;} #twitch-downloader-guide .step.on{opacity: 1;} #twitch-downloader-guide .imgbox{min-height: 625px;display: flex;align-items: center;justify-content: center;background-image: url(/images/twitch-downloader/guide_imgbox_bg.png);background-repeat: no-repeat;background-position: center;} #twitch-downloader-guide .imgbox>img{display: none;} #twitch-downloader-guide .imgbox>img:first-child{display: inline;} #twitch-downloader-guide .title{font-size: 24px;font-weight: bold;color: #444444;margin-bottom: 15px;font-family: 'Poppins SemiBold';transform: scaleY(.9);} #twitch-downloader-guide .text{font-size: 17px;line-height: 24px;color: #000000;padding-right: 30px;} #twitch-downloader-guide .line{width: 100%;height: 3px;background-color: #DCDCDC;position: relative;margin: 10px 0 40px;} #twitch-downloader-guide .line:after{content: '';height: 3px;position: absolute;left: 0;top: 0;background-color: #46B8FB;width: 0;} #twitch-downloader-guide .step.on .line:after{transition: width 4s linear;width: 100%;} #twitch-downloader-guide .more{width: 144px;height: 39px;border-radius: 20px;text-align: center;}/*v2*/ #twitch-downloader-guide .more>a{color: #ffffff;line-height: 39px;width: 100%;height: 100%;border-radius: 20px;display: inline-block;}/*v2*/ /*price*/ #price{padding: 150px 0 50px;background-image: url(/images/video-downloader/price_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;letter-spacing: 1px;position: relative;text-align: center;} #price .price-container{display: flex;align-items: flex-start;justify-content: center;} #price .price-box{width: 350px;padding: 20px 18px 30px;background-color: #ffffff;box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.05);} #price .price-box:first-child{margin-right: 35px;} #price .price-box>.title{background-image: url(/images/video-downloader/bg1.jpg);padding: 20px;text-align: center;} #price .price-box>.title>p{font-size: 24px;font-family: 'Poppins Bold';color: #3099e2;transform: scaleY(.9);background-color: #ffffff;line-height: 52px;letter-spacing: 2px;} #price .price-box>.price{width: 80%;border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;padding: 35px 0;margin: 30px auto;} #price .price-box>.price>h2{font-size: 36px;font-family: 'Poppins Bold';color: #333333;line-height: 40px;transition: color .3s ease;} #price .price-box:hover>.price>h2{color: #3099e2;} #price .price-box>.price>p{font-size: 12px;line-height: 12px;} #price .price-box>.detail{font-size: 15px;line-height: 41px;min-height: 205px;} #price .price-box>.button{ width: 100%;height: 50px;margin-top: 30px;border-radius: 25px;font-size: 18px;line-height: 50px;color: #ffffff;font-family: 'Poppins SemiBold'; } #price .price-box>.button>a{color: #ffffff;width: 100%;height: 100%;display: block;border-radius: 25px;} #price .price-box>.button>a>span{transform: scaleY(.9);} .price-circle1{position: absolute;bottom: auto;left: 26px;top: -180px;animation: movebounce 3.4s linear infinite;max-width: 20vw;} /*specs*/ #specs{max-width: 565px;padding: 150px 0 40px;text-align: center;} #specs .specs-title{font-size: 30px;color: #444444;text-transform: uppercase;} #specs .specs-title>span{font-family: 'Poppins Bold';} #specs .specs-subtitle{margin-top: 25px;font-size: 16px;color: #444444;font-family: 'Poppins SemiBold';line-height: 32px;} #specs .specs-text{font-size: 14px;line-height: 29px;} #specs .specs-text>span{color: #444444;font-family: 'Poppins SemiBold';} #specs .button{width: 144px;height: 39px;border-radius: 20px;text-align: center;margin: 30px auto 0;} #specs .button>a{color: #ffffff;line-height: 39px;width: 100%;height: 100%;display: block;border-radius: 20px;} i.content-sys{font-style: normal;} /*tip*/ #tip{padding-bottom: 80px;max-width: 750px;text-align: center;} #tip p{color: #444444;font-size: 14px;line-height: 29px;} #tip span{color: #444444;font-family: 'Poppins SemiBold';} /*review*/ #review{padding: 10vw 0 7vw;background-color: #FAFAFA;/*background-image: url(/images/video-downloader/review_bg.jpg);*/background-repeat: no-repeat;background-position: center top;letter-spacing: 1px;position: relative;text-align: center;} #review .swiper-review{max-width: 80%;min-height: 16vw;border-radius: 10px;background-color: #ffffff;box-shadow: 0px 0px 65px 0px rgba(170, 170, 170, 0.25);overflow: visible;} #review .swiper-slide{background-color: #ffffff;/*min-height: 306px;*/padding: 0 65px 2vw;height: auto;} #review .swiper-slide>img{opacity: 0;} #review .swiper-slide.swiper-slide-active>img{opacity: 1;} #review .picture{margin-top: -65px;height: 130px;} #review .review-content{margin-top: 2vw;font-size: 15px;line-height: 32px;opacity: .9;min-height: 4vw;} #review .author{font-size: 18px;color: #3099e2;font-family: 'Poppins Bold';margin-top: 50px;font-weight: bold;transform: scaleY(.9);} #review .author-detail{font-size: 12px;line-height: 21px;color: #444444;} #review .swiper-button-prev{width: 54px;height: 54px;background-color: #ffffff;border-radius: 27px;border: 1px solid #EEEEEE;left: -115px;transition: all .3s;} #review .swiper-button-next{width: 54px;height: 54px;background-color: #ffffff;border-radius: 27px;border: 1px solid #EEEEEE;right: -115px;transition: all .3s;} #review .swiper-button-prev:hover, #review .swiper-button-next:hover{border-color: #3BA5F8;background-color: #3BA5F8;} #review .swiper-button-prev>img, #review .swiper-button-next>img{transition: all .3s;} #review .swiper-button-prev:hover>img, #review .swiper-button-next:hover>img{filter: brightness(0) invert(1);} #review .swiper-button-prev:after{content: '';} #review .swiper-button-next:after{content: '';} #review .review-more{text-align: center;margin-top: 30px;} #review .review-more>a{color: #ffffff;line-height: 39px;width: 144px;height: 39px;display: inline-block;border-radius: 20px;} .review-circle1{position: absolute;bottom: auto;left: 175px;top: 387px;animation: movebounce 3s linear infinite;max-width: 20vw;} /*blog*/ #blog{padding: 70px 0 120px;letter-spacing: 0.03em;} #blog .blog-title{display: flex;justify-content: space-between;margin-bottom: 40px;align-items: center;} #blog .blog-title>h2{font-size: 30px;font-weight: normal;color: #444444;text-transform: uppercase;font-family: 'Poppins Light';} #blog .blog-title>h2>span{font-family: 'Poppins SemiBold';} #blog .swiper-pagination{position: static;display: flex;justify-content: flex-end;top: 90px;z-index: 1;height: 10px;} #blog .swiper-pagination>.swiper-pagination-bullet{border-radius: 4px;width: 9px;height: 10px;transition: all .5s ease-in-out;opacity: 1;margin: 0 4px; background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%); } #blog .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 5px;width: 25px;} #blog .swiper-slide>a>div{background-image: url(/images/video-downloader/bg2.jpg);background-repeat: no-repeat;background-size: cover;padding: 15px 20px;height: 330px;display: flex;align-items: center;justify-content: center;} #blog .swiper-slide>a>div>img{border: 5px solid #ffffff;max-height: 100%;} #blog .date{color: #777777;margin-top: 20px;} #blog .title{color: #444444;font-size: 16px;line-height: 24px;font-family: 'Poppins SemiBold';margin-top: 15px;} #blog .author{font-size: 15px;color: #777777;margin-top: 5px;} #blog .swiper-slide:hover .title{color: #00a9e4;} /*sup*/ #sup{ padding: 50px 0 20px;letter-spacing: .03em; background-image: -moz-linear-gradient( 164deg, rgb(208,237,253) 0%, rgb(240,245,249) 100%); background-image: -webkit-linear-gradient( 164deg, rgb(208,237,253) 0%, rgb(240,245,249) 100%); background-image: -ms-linear-gradient( 164deg, rgb(208,237,253) 0%, rgb(240,245,249) 100%); } #sup .row>div{display: flex;margin-bottom: 20px;} #sup .imgbox{position: relative;width: 44px;height: 41px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-right: 15px;padding-top: 10px;} #sup .imgbox:after{content: '';background-image: url(/images/cleverget/sup-icon.png);background-repeat: no-repeat;} #sup .imgbox1:after{width: 36px;height: 38px;background-position: 0 -112px;} #sup .imgbox2:after{width: 36px;height: 34px;background-position: 0 -78px;} #sup .imgbox3:after{width: 44px;height: 41px;background-position: 0 -37px;} #sup .imgbox4:after{width: 32px;height: 37px;background-position: 0 0;} #sup .title{font-size: 36px;color: #3099e2;font-family: 'Poppins Bold';margin-bottom: 10px;} #sup .text{font-size: 16px;line-height: 21px;color: #444444;font-family: 'Poppins SemiBold';} /*footer*/ #footer{padding: 50px 0;} #footer-inside{display: flex;justify-content: space-between;align-items: flex-end;} #footer p{line-height: 1.8;} #footer a{color: #777777;} #footer .footer-note{font-size: 12px;margin-top: 40px;color: #ababab;} /*footer language select*/ #footer .lang_box{width: 160px;flex-shrink: 0;} #footer .lang_box .dropdown-menu{top: auto;bottom: 100%;box-shadow: 0 6px 12px rgb(0 0 0 / 17%);border: 0;} #footer .lang_box .dropdown-menu>li>a{padding: 3px 30px;width: 100%;display: flex;align-items: center;} #footer .lang_box .dropdown-menu>li>a:hover{color: #32aac8;background-color: #f5f5f5;} #footer .lang_box:hover .dropdown-menu{display: block;} #footer .lang_box>a{font-size: 16px;width: 100%;display: flex;align-items: center;justify-content: center;user-select: none;} /*responsive*/ @media (max-width: 575px){ #navbar-content{background-color: #ffffff;padding: 15px;} #navbar-content a{color: #444444;} .navbar .nav-item{padding: 10px 0;} .navbar .navbar-collapse.show+.nav-btn-dl{display: flex;} .banner-index .btn-group{flex-direction: column;} .banner-index .btn-group .btn-dl{margin: 0 0 10px;} #video-downloader-banner{background-color: #48BBFD;} #video-downloader-banner h1{font-size: 48px;} #twitch-downloader-banner h1{font-size: 36px;} #twitch-downloader-banner h2{font-size: 40px;} .circles{display: none;} .circle{display: none;} .features h3{font-size: 26px;} #video-downloader-features{background-image: none;} #video-downloader-features h3{padding-right: 0;} #video-downloader-features h3+p{padding-right: 0;} #hulu-downloader-features>img{margin-left: 0;} .features img.pa{display: none;} #twitch-downloader-features-1{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-1 h3{margin-top: 50px;} #video-downloader-features-2 h3{padding-right: 0;margin-top: 100px;} #video-downloader-features-2 h3+p{padding-right: 0;} #twitch-downloader-features-2 h3+p{margin-bottom: 50px;} #video-downloader-features-3{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-3{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-3 h3{margin-top: 50px;} #screenshot>.container{padding: 0;} #screenshot .swiper-screenshot{width: 100%;} #screenshot .circle{width: 240px;height: 240px;opacity: 1;} #screenshot .screenshot-mac{display: none;} #screenshot .swiper-pagination{justify-content: flex-start;} #screenshot .screenshot-circle1{right: 0;left: auto;margin-left: 0;} #screenshot .screenshot-circle2{right: 10vw;left: auto;margin-left: 0;} #guide .guide-box{margin: 0 auto 30px;padding: 25px;} #twitch-downloader-guide .textbox{padding-right: 15px;} #twitch-downloader-guide .imgbox{background-image: none;min-height: 360px;} #price .price-box{width: 100%;} #price .price-box:first-child{margin: 0 0 35px;} #price .price-container{flex-direction: column;} #review{padding: 100px 0;} #review .swiper-review{max-width: 100%;} #review .swiper-button-prev{left: 0;} #review .swiper-button-next{right: 0;} #footer-inside{flex-direction: column;} #footer .lang_box{margin-top: 20px;} } @media (min-width: 576px) and (max-width: 767px){ .circle{display: none;} #navbar-content{background-color: #ffffff;padding: 15px;} #navbar-content a{color: #444444;} .navbar .nav-item{padding: 10px 0;} .navbar .navbar-collapse.show+.nav-btn-dl{display: flex;} #video-downloader-banner{background-color: #48BBFD;} #video-downloader-features{background-image: none;} #hulu-downloader-features>img{margin-left: 0;} #twitch-downloader-features-1{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-1 h3{margin-top: 50px;} #video-downloader-features-2 h3{padding-right: 0;margin-top: 100px;} #video-downloader-features-2 h3+p{padding-right: 0;} #twitch-downloader-features-2 h3+p{margin-bottom: 50px;} #video-downloader-features-3{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-3{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-3 h3{margin-top: 50px;} #screenshot .swiper-screenshot{width: 510px;} #screenshot .circle{width: 420px;height: 420px;opacity: 1;} #screenshot .screenshot-mac{display: none;} #screenshot .swiper-pagination{justify-content: flex-start;} #screenshot .screenshot-circle1{right: 0;left: auto;margin-left: 0;} #screenshot .screenshot-circle2{right: 10vw;left: auto;margin-left: 0;} #guide .guide-box{margin: 0 auto 30px;} #twitch-downloader-guide .imgbox{background-image: none;min-height: 360px;} #price .price-box{width: 100%;} #price .price-box:first-child{margin: 0 0 35px;} #price .price-container{flex-direction: column;} #review .swiper-button-prev{left: 0;} #review .swiper-button-next{right: 0;} } @media (min-width: 768px) and (max-width: 991px){ .circle{display: none;} #navbar-content{background-color: #ffffff;padding: 15px;} #navbar-content a{color: #444444;} .navbar .nav-item{padding: 10px 0;} .navbar .navbar-collapse.show+.nav-btn-dl{display: flex;} #video-downloader-banner{background-color: #48BBFD;} #product-nav p.pro-name{display: none;} #video-downloader-features{background-image: none;} #hulu-downloader-features>img{margin-left: 0;} #twitch-downloader-features-1{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-1 h3{margin-top: 50px;} #video-downloader-features-2 h3{padding-right: 0;margin-top: 100px;} #video-downloader-features-2 h3+p{padding-right: 0;} #twitch-downloader-features-2 h3+p{margin-bottom: 50px;} #video-downloader-features-3{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-3{background-color: #FAFAFA;background-image: none;} #twitch-downloader-features-3 h3{margin-top: 50px;} #screenshot .swiper-screenshot{width: 690px;} #screenshot .circle{width: 420px;height: 420px;opacity: 1;} #screenshot .screenshot-mac{display: none;} #guide .guide-box{margin: 0 auto 30px;} #review .swiper-button-prev{left: 0;} #review .swiper-button-next{right: 0;} } @media (min-width: 992px) and (max-width: 1199px){ #screenshot .swiper-screenshot{width: 930px;} #screenshot .circle{width: 527px;height: 527px;} #screenshot .screenshot-mac{width: 570px;margin-left: -286px;top: 221px;} #video-downloader-features{background-position: bottom;} } @media (min-width: 1200px) and (max-width: 1439px){ /*#features{background-position: bottom;}*/ } @media (min-width: 1440px){ #video-downloader-features-2>.container{width: 1410px;max-width: 1410px;} .img-lg{max-width: none;} .ar{text-align: right;} #twitch-downloader-banner .img-lg{margin-left: -100px;} } @-webkit-keyframes anim-effect-front { 0% { box-shadow: 0 0 0 15px #e0e0e0; opacity: 1; } 50% { box-shadow: 0 0 0 30px rgba(224, 224, 224, 0.6); opacity: 1; } 100% { box-shadow: 0 0 0 40px rgba(224, 224, 224, 0); opacity: 0; } } @keyframes anim-effect-front { 0% { box-shadow: 0 0 0 15px #e0e0e0; opacity: 1; } 50% { box-shadow: 0 0 0 30px rgba(224, 224, 224, 0.6); opacity: 1; } 100% { box-shadow: 0 0 0 40px rgba(224, 224, 224, 0); opacity: 0; } } @-webkit-keyframes anim-effect-back { 0% { box-shadow: 0 0 0 30px #ececec; opacity: 1; } 50% { box-shadow: 0 0 0 50px rgba(236, 236, 236, 0.6); opacity: 1; } 100% { box-shadow: 0 0 0 80px rgba(236, 236, 236, 0); opacity: 1; } } @keyframes anim-effect-back { 0% { box-shadow: 0 0 0 20px rgba(236, 236, 236, 0.11); opacity: 1; } 50% { box-shadow: 0 0 0 50px rgba(236, 236, 236, 0.11); opacity: 1; } 100% { box-shadow: 0 0 0 70px rgba(236, 236, 236, 0.11); opacity: 1; } } @keyframes movebounce { 0% { transform: translateY(0px); } 50% { transform: translateY(20px); } 100% { transform: translateY(0px); } } @keyframes moveleftbounce { 0% { transform: translateX(0px); } 50% { transform: translateX(20px); } 100% { transform: translateX(0px); } } /*netflix-downloader*/ @-webkit-keyframes anim-effect-front-netflix { 0% { box-shadow: 0 0 0 15px #e0e0e0; opacity: 1; } 50% { box-shadow: 0 0 0 30px rgba(71, 185, 252, 0.3); opacity: 1; } 100% { box-shadow: 0 0 0 40px rgba(71, 185, 252, 0); opacity: 0; } } @keyframes anim-effect-front-netflix { 0% { box-shadow: 0 0 0 15px #e0e0e0; opacity: 1; } 50% { box-shadow: 0 0 0 30px rgba(71, 185, 252, 0.3); opacity: 1; } 100% { box-shadow: 0 0 0 40px rgba(71, 185, 252, 0); opacity: 0; } } @-webkit-keyframes anim-effect-back-netflix { 0% { box-shadow: 0 0 0 30px #ececec; opacity: 1; } 50% { box-shadow: 0 0 0 50px rgba(71, 185, 252, 0.3); opacity: 1; } 100% { box-shadow: 0 0 0 80px rgba(71, 185, 252, 0); opacity: 1; } } @keyframes anim-effect-back-netflix { 0% { box-shadow: 0 0 0 20px rgba(71, 185, 252, 0.11); opacity: 1; } 50% { box-shadow: 0 0 0 50px rgba(71, 185, 252, 0.11); opacity: 1; } 100% { box-shadow: 0 0 0 70px rgba(71, 185, 252, 0.11); opacity: 1; } } @keyframes features-icon { 0% { transform: scale(1); opacity: 0; } 25% { transform: scale(1.05); opacity: .4; } 50% { transform: scale(1.1); opacity: .7; } 75% { transform: scale(1.05); opacity: .9 } 100% { transform: scale(1); opacity: 1; } } /*pluto-downloader*/ @keyframes movebounce-pluto-tv { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } /*crunchyroll-downloader*/ @keyframes anim-effect-front-crunchyroll { 0% { box-shadow: 0 0 0 15px rgba(25, 208, 203, 0); opacity: 1; } 50% { box-shadow: 0 0 0 30px rgba(25, 208, 203, 0.3); opacity: 1; } 100% { box-shadow: 0 0 0 40px rgba(25, 208, 203, 0); opacity: 0; } } @keyframes anim-effect-back-crunchyroll { 0% { box-shadow: 0 0 0 20px rgba(25, 208, 203, 0.11); opacity: 1; } 50% { box-shadow: 0 0 0 50px rgba(25, 208, 203, 0.11); opacity: 1; } 100% { box-shadow: 0 0 0 70px rgba(25, 208, 203, 0.11); opacity: 0; } } /*crunchyroll-downloader*/ @keyframes anim-effect-front-twitcasting { 0% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); opacity: 1; } 50% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.6); opacity: 1; } 100% { box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); opacity: 0; } } @keyframes anim-effect-back-twitcasting { 0% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.11); opacity: 1; } 50% { box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.11); opacity: 1; } 100% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.11); opacity: 0; } }