/* RESET */
*{margin:0;padding:0;}
html:not([lang="ja"]) body{font-family: 'Muli';}
html,div,span,applet,object,iframe,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;}
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:#3099e2;text-decoration:none;}
a:focus{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;}
.ae{align-items: flex-end;}
.tc{text-align: center;}
.pa{position: absolute;}
.ps{position: static;}
.dr{direction: rtl;}
.h51{height: 51px;}
.lh43{line-height: 44px;}
.bg-gray{background-color: #F5F7F8;}
.bg-blue{background-color: #0C1A59;}
.bg-light-blue{background-color: #E8F7F9;}
.bg-pink{background-color: #F4EDFF;}

@font-face{
font-family: 'Muli';
font-display: swap;
src: url('/fonts/Muli/Muli.ttf'),
     url('/fonts/Muli/Muli.eot'); /* IE9+ */
}
@font-face{
font-family: 'Muli Light';
font-display: swap;
src: url('/fonts/Muli-Light/Muli-Light.ttf'),
     url('/fonts/Muli-Light/Muli-Light.eot'); /* IE9+ */
}
@font-face{
font-family: 'Muli Italic';
font-display: swap;
src: url('/fonts/Muli-Italic/Muli-Italic.ttf'),
     url('/fonts/Muli-Italic/Muli-Italic.eot'); /* IE9+ */
}

img{max-width: 100%;vertical-align: middle;}
.circles{display: none!important;}
.container-fluid{width: 100%;}
@media (min-width: 1200px){
  .row:not(#header .row, .comments, .faq-propage .row){
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;
    margin-left: -15px;*/
  }
}
.row:before, .row:after{display: none;}

/*hearder*/


/*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%);text-decoration: none;
}
.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%);text-decoration: none;
}

.btn-common{
  transition: all 0.3s ease;
}
.btn-common:hover{
  transform: scale(1.03);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);
}
.btn-small{
  border-radius: 6px;background-color: #0C5ADB;padding: 10px 18px;font-size: 18px;line-height: 24px;color: #ffffff;min-width: 150px;height: 50px;text-align: center;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease;cursor: pointer;
}
.btn-middle{
  border-radius: 8px;background-color: #0C5ADB;padding: 10px 18px;font-size: 18px;line-height: 24px;color: #ffffff;min-width: 170px;height: 60px;text-align: center;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease;cursor: pointer;
}
.btn-large{
  border-radius: 10px;background-color: #0C5ADB;padding: 10px 18px;font-size: 18px;line-height: 24px;color: #ffffff;min-width: 190px;height: 60px;text-align: center;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease;cursor: pointer;
}
.btn-small a, .btn-middle a, .btn-large a{color: #ffffff;transform: scale(1.03);box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);}
.btn-small:hover, .btn-middle:hover, .btn-large:hover, .btn-small:hover a, .btn-middle:hover a, .btn-large:hover a{color: #ffffff;transform: scale(1.03);box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);}

.btn-group, .btn-group-vertical {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.nav-link {
    display: block;
    padding: .5rem 1.5rem;
}
html[lang=ja] #product-nav .nav-link {
    font-size: 18px;
}

/*nav*/
.navbar{/*position: absolute;*/width: 100%;z-index: 10;transition: all .3s;}
.navbar>.container{position:relative;}
.navbar-nav>li:first-child{position:static;}
.navbar-nav>li:first-child .dropdown-menu{width: 100%;padding: 35px 0;}
.navbar-nav>li:first-child:hover>.dropdown-menu{display: flex;align-items: stretch;}
/*.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: 'Muli Light';}
.navbar-brand>span>strong{font-weight: 500;}
.navbar-expand-lg .navbar-nav{justify-content: flex-end;width: 100%;color: #ffffff;}
.navbar .dropdown-menu{padding: 20px;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{border-radius: 6px;background-color: #0C5ADB;padding: 10px 18px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;min-width: 150px;text-align: center;display: inline-block;}
.nav-btn-dl:hover{color: #ffffff;}
.nav-btn-buy{border-radius: 6px;background-color: #EB521D;padding: 10px 18px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;min-width: 150px;text-align: center;display: inline-block;margin-left: .5rem;}
.nav-btn-dl:hover, .nav-btn-dl:focus, .nav-btn-buy:hover, .nav-btn-buy:focus{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/win8.png');background-repeat: no-repeat;background-position: center;}
.nav-win-icon:hover{background-image: url('/images/icon/win7.png');}
.nav-mac-icon{background-image: url('/images/icon/mac8.png');background-repeat: no-repeat;background-position: center;}
.nav-mac-icon:hover{background-image: url('/images/icon/mac7.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-2211*/
.navbar-pack{text-align: center;flex-basis: 400px;padding: 15px;border-right: 1px solid #ECECEC;}
.navbar-prolist{display: flex;align-items: stretch;padding: 0 25px;}
.navbar-pack h3{font-size: 18px;font-weight: 500;color: #444444;margin: 40px 0 20px;}
.navbar-pack .pack-btn>a{display: inline-block;font-size: 16px;line-height: 20px;color: #1d7bdf;font-weight: bold;padding: 10px 25px;border: 2px solid rgb(50, 138, 240);border-radius: 22px;letter-spacing: .03em;/*text-transform: uppercase;*/transition: all .4s ease-in-out;}
.navbar-pack .pack-btn>a:hover{background-color: #1d7bdf;color: #ffffff;}
.navbar-pack .pack-btn>a:focus{box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);}
.navbar-prolist h4{font-size: 16px;padding: 12px 20px;color: #444444;font-weight: 500;}
.navbar-prolist p{display: flex;align-items: center;}
.navbar-prolist p>a{position:relative;}
.navbar-prolist p>a>img{opacity:1;transition:opacity .3s;position:absolute;right:-35px;}
.navbar-prolist p>a>img[src*="fr"]{right:-45px;}
.navbar-prolist p:hover .nav-icon, .navbar-prolist p:focus .nav-icon{opacity: 1;}
.navbar-prolist p:hover>a>img{opacity:0;}

/*banner*/
#banner{padding-top: 50px;padding-bottom: 50px;background-position: center top;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;}
#banner h1{font-size: 60px;line-height: 60px;font-weight: bold;color: #000000;letter-spacing: .05em;margin-bottom: 30px;}
#banner h1~p, #banner h1>p{font-size: 18px;line-height: 32px;color: #444444;margin-bottom: 30px;}{font-size: 18px;line-height: 32px;color: #444444;margin-bottom: 30px;}
#banner h1>p{font-weight: normal;margin-top: 30px;letter-spacing: 0;}
#banner p.sys{font-size: 16px;color: #444444;}
#banner.fw h1, #banner.fw h1+p, #banner.fw h1>p, #banner.fw p.sys{color: #ffffff;}
#banner .img-lg.ml-80{margin-left: -80px;}
#banner .img-lg.ml-100{margin-left: -100px;}
#banner .sys-switch-btn-group{width: 240px;}

#banner.free-screen-recorder{
  background-image: -moz-linear-gradient( -30deg, #DBE9FD 0%, #AFCCF6 100%);
  background-image: -webkit-linear-gradient( -30deg, #DBE9FD 0%, #AFCCF6 100%);
  background-image: -ms-linear-gradient( -30deg, #DBE9FD 0%, #AFCCF6 100%);
  background-image: -linear-gradient( -30deg, #DBE9FD 0%, #AFCCF6 100%);
  overflow: visible;
}
#banner.free-screen-recorder .container-fluid-record{position: static;height: 100%;}
#banner.free-screen-recorder .container-fluid-record button{background-color: #EB521D;color: #ffffff;border: 0;display: flex;height: 100%;align-items: center;justify-content: center;gap: 15px;padding: 0 15px;min-width: 230px;font-size: 18px;border-radius: 6px;transition: all 0.3s ease;}
#banner.free-screen-recorder .container-fluid-record button:hover{transform: scale(1.03);box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);}
#banner.free-screen-recorder .container-fluid-record .record-ui{left: 0;}
#banner.free-screen-recorder .container-fluid-record .record-ui .title{font-size: 50px;margin-top: 0;margin-bottom: 20px;}
#banner.free-screen-recorder .container-fluid-record .record-ui h2.supported{margin-top: 20px;}
#banner.free-screen-recorder .container-fluid-record .record-ui .container{width: 1300px;}
#banner.free-screen-recorder .container-fluid-record .record-ui .container .row{display: block;}
#banner.free-screen-recorder .container-fluid-record .record-ui .btn-container .record-btn a{background-color: #EB521D;color: #ffffff;border: 0;}
#banner.free-screen-recorder .container-fluid-record .record-ui table .record-now-btn a{background-color: #EB521D;color: #ffffff;}
#banner.free-screen-recorder .container-fluid-record .record-ui table .free-download-btn a{background-color: #0C5ADB;background-image: none;color: #ffffff;}

#banner.video-recorder{background-image: url(/images/pro/video-recorder/banner.jpg);}

#banner.tktube-downloader{background-image: url(/save-video/images/tktube-downloader/banner.jpg);}

#banner.video-downloader{
	background-image: -moz-linear-gradient( to top, rgb(255,255,255) 0%, rgb(233,225,255) 18%, rgb(155,168,250) 100%);
	background-image: -webkit-linear-gradient( to top, rgb(255,255,255) 0%, rgb(233,225,255) 18%, rgb(155,168,250) 100%);
	background-image: -ms-linear-gradient( to top, rgb(255,255,255) 0%, rgb(233,225,255) 18%, rgb(155,168,250) 100%);
	background-image: linear-gradient( to top, rgb(255,255,255) 0%, rgb(233,225,255) 18%, rgb(155,168,250) 100%);
}

#banner.cleverget-recorder{
	background-image: -moz-linear-gradient( -52deg, rgb(231,238,246) 0%, rgb(234,231,248) 48%, rgb(250,230,231) 94%);
	background-image: -webkit-linear-gradient( -52deg, rgb(231,238,246) 0%, rgb(234,231,248) 48%, rgb(250,230,231) 94%);
	background-image: -ms-linear-gradient( -52deg, rgb(231,238,246) 0%, rgb(234,231,248) 48%, rgb(250,230,231) 94%);
	background-image: linear-gradient( -52deg, rgb(231,238,246) 0%, rgb(234,231,248) 48%, rgb(250,230,231) 94%);
}
#banner.cleverget-recorder .subtitle{font-size: 40px;color: #f85555;font-weight: bold;}

/*banner purchase*/
.banner-purchase{margin-top: 60px;}
.banner-purchase .row{align-items: stretch;}
.banner-purchase .purchase-box{height: 100%;border-radius: 12px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);padding: 35px 30px;transition: all .2s ease-in-out;display: flex;flex-direction: column;justify-content: space-between;}
.banner-purchase .purchase-box:hover{background-color: #0C5ADB;margin-top: -10px;}
.banner-purchase .purchase-box .title{font-size: 26px;font-weight: bold;color: #000000;margin-bottom: 20px;transition: all .2s ease-in-out;}
.banner-purchase .purchase-box .subtitle{font-size: 15px;line-height: 18px;color: #0c5adb;margin-bottom: 30px;transition: all .2s ease-in-out;}
.banner-purchase .purchase-box:hover .title{color: #ffffff;}
.banner-purchase .purchase-box:hover .subtitle{color: #7ee6fc;}
.banner-purchase .purchase-box .text-box{display: flex;gap: 30px;align-items: flex-start;}
.banner-purchase .purchase-box .text-box.text-box2{flex-direction: column;}
.banner-purchase .purchase-box .text-box li{font-size: 14px;line-height: 28px;color: #444444;transition: all .2s ease-in-out;}
.banner-purchase .purchase-box:hover .text-box li{color: #ffffff;}
.banner-purchase .purchase-box .banner-purchase-btn{margin-top: 40px;}
.banner-purchase .purchase-box .banner-purchase-btn>a{
	border-radius: 8px;padding: 10px 15px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;min-width: 150px;text-align: center;
	display: inline-flex;align-items: stretch;gap: 10px;
	background-image: -moz-linear-gradient( to right, #EE4631 0%, #F65F4D 100%);
	background-image: -webkit-linear-gradient( to right, #EE4631 0%, #F65F4D 100%);
	background-image: -ms-linear-gradient( to right, #EE4631 0%, #F65F4D 100%);
	background-image: linear-gradient( to right, #EE4631 0%, #F65F4D 100%);
}
.banner-purchase .purchase-box .banner-purchase-btn .btn-left{display: flex;gap: 10px;align-items: center;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-division{width: 2px;background-color: #ffffff;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right{position: relative;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right p.old-price{font-size: 15px;color: #000000;line-height: 18px;text-decoration: line-through;font-weight: normal;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right p.now-price{font-size: 18px;color: #ffffff;line-height: 18px;font-weight: bold;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right p.now-price>span{font-size: .8em;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right .dis{position: absolute;left: 100%;margin-left: -20px;top: -30px;background-color: #0EB272;border-radius: 8px;padding: 5px 8px;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right .dis>p{font-size: 15px;line-height: 18px;color: #ffffff;font-weight: bold;}
.banner-purchase .purchase-box .banner-purchase-btn .btn-right .dis>img{position: absolute;right: 100%;bottom: 10px;}

@media (max-width: 767px){
  /*navbar-2211*/
  .navbar-prolist{flex-direction: column;padding: 0;/*max-height: 50vh;overflow: auto;*/}
  .navbar-prolist h4, .navbar .dropdown-item{padding: 8px 10px;}
  .navbar .dropdown-item{font-size: 14px;}

  .navbar-prolist p>a>img{right:-45px;}
}

@media (max-width: 991px){
  /*navbar-2211*/
  .navbar-nav>li:first-child .dropdown-menu{padding: 15px 0;max-height:50vh;overflow-y:scroll;}
  .navbar-nav>li:first-child:hover>.dropdown-menu{flex-direction: column;}
  .navbar-pack{flex-basis: auto;}
  .navbar-pack h3{margin: 15px 0;}
  .navbar-pack .pack-btn>a{color: #1d7bdf!important;}
  .navbar-pack .pack-btn>a:hover{color: #ffffff!important;}
  .navbar-pack-img{width: 120px;}
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (min-width: 1200px) and (max-width: 1439px){
}

@media (max-width: 1200px){
  .navbar-prolist p{flex-wrap: wrap;}
}

@media (max-width: 1440px){
	#banner.free-screen-recorder .container-fluid-record .record-ui .container{width: auto;}
}

.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(/save-video/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(/save-video/images/netflix-downloader/mac-icon.png);background-position: 0 0;width: 23px;height: 28px;}
.btn-sys>div.mac.on{background-position: 0 -28px;}

.btn-sys2{display: inline-flex;align-items: center;background-color: rgba(0, 0, 0, .35);width: 200px;height: 34px;border-radius: 17px;overflow: hidden;}
.btn-sys2>div{display: flex;align-items: center;justify-content: center;column-gap: 8px;padding: 0 15px;border-radius: 17px;cursor: pointer;}
.btn-sys2>div.on{background-color: #D3E1F9;}
.btn-sys2>div>img{filter: brightness(0) invert(1);}
.btn-sys2>div.on>img{filter: none;}
.btn-sys2>div>p{color: #ffffff;font-size: 14px;line-height: 34px;padding-top: 2px;}
.btn-sys2>div.on>p{color: #0c5adb;}
.btn-sys2>div{flex-basis: 45%;}
.btn-sys2>div.on{flex-basis: 55%;cursor: auto;}
.btn-sys2.btn-sys-no-text{width: auto;overflow: visible;}
.btn-sys2.btn-sys-no-text>div{flex-basis: auto;width: 40px;height: 40px;border-radius: 20px;padding: 0;}
.btn-sys2.btn-sys-no-text>div.on{background-color: #FFFFFF;}

.btn-group{margin-bottom: 15px;row-gap: 15px;column-gap: 30px;}
.btn-group>div{border-radius: 6px;}
.btn-group>div>a{min-width: 230px;height: 60px;display: inline-flex;justify-content: center;align-items: center;user-select: none;padding: 0 15px;}
.btn-group>div>a>span{font-size: 18px;color: #ffffff;padding-top: 2px;}
.btn-group .btn-dl{background-color: #0C5ADB;}
.btn-group .btn-buy{background-color: #EB521D;}
/*.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: 15px;}
.btn-group .btn-dl img.on{display: block;}
.btn-group .btn-buy img{margin-right: 15px;}

.sys-group{display: flex;gap: 20px;justify-content: center;margin-top: 15px;}

/*product-nav*/
#product-nav{position: fixed;top: 0;background-color: #ffffff;z-index: 11;padding: 12px 0;display: none;}
#product-nav .row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
#product-nav .row:last-child{padding: 0 15px;}
#product-nav p.pro-name{display: flex;align-items: center;font-size: 24px;line-height: 40px;color: #444444;min-height: 48px;font-weight: bold;}
#product-nav p.pro-name>img{margin-right: 12px;}
#product-nav ul{list-style-type: none;display: flex;justify-content: flex-end;align-items: center;column-gap: 10px;}
#product-nav li{flex-shrink: 0;}
#product-nav .nav-link{color: #444444;font-size: 16px;font-weight: bold;}
#product-nav .nav-item>a{text-decoration: none;}
#product-nav .nav-item.on>a{color: #0c5adb!important;opacity: 1;text-shadow: 0 0 1px #3099e2;}

/*features*/
.features{padding: 100px 0 80px;letter-spacing: 0.03em;position: relative;overflow: hidden;}
.features h3{font-size: 36px;line-height: 48px;color: #000000;font-weight: bold;margin: 0 auto 25px;max-width: 100%;}
.features h3~p{font-size: 18px;line-height: 32px;color: #444444;margin-top: 15px;}
.features h3~p.note{color: #f0484c!important;}
.features>.container>h3{text-align: center;padding: 0 30px;}
.features>.container>p{text-align: center;}
.features.fw h3{color: #ffffff;}
.features.fw h3~p{color: #ffffff;}
.features>.container+img{margin-top: 40px;}
.features p.tips{font-style: italic;font-weight: 600;font-size: 15px;color: #2F81ED;}

#features-2.free-screen-recorder .features-toggle-nav{margin-top: 0;}

#features-4.free-screen-recorder{background-image: url(/images/pro/free-screen-recorder/features-4_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}

#features-4.tktube-downloader{background-image: url(/save-video/images/tktube-downloader/features-4_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}

#features-6.free-screen-recorder{text-align: center;background-color: #0C1A59;}
#features-6.free-screen-recorder ul{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;row-gap: 50px;column-gap: 20px;margin-top: 50px;}
#features-6.free-screen-recorder ul>li{width: 240px;height: 300px;position: relative;background-repeat: no-repeat;background-size: 240px 300px;flex-shrink: 0;background-position: center;transition: all .3s;overflow: hidden;}
#features-6.free-screen-recorder ul>li.l1{background-image: url('/images/pro/free-screen-recorder/features-6-1.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li.l2{background-image: url('/images/pro/free-screen-recorder/features-6-2.jpg');}
#features-6.free-screen-recorder ul>li.l3{background-image: url('/images/pro/free-screen-recorder/features-6-3.jpg');}
#features-6.free-screen-recorder ul>li.l4{background-image: url('/images/pro/free-screen-recorder/features-6-4.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li.l5{background-image: url('/images/pro/free-screen-recorder/features-6-5.jpg');}
#features-6.free-screen-recorder ul>li.l6{background-image: url('/images/pro/free-screen-recorder/features-6-6.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li.l7{background-image: url('/images/pro/free-screen-recorder/features-6-7.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li.l8{background-image: url('/images/pro/free-screen-recorder/features-6-8.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li.l9{background-image: url('/images/pro/free-screen-recorder/features-6-9.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li.l10{background-image: url('/images/pro/free-screen-recorder/features-6-10.jpg');background-size: 264px 330px;}
#features-6.free-screen-recorder ul>li>img{position: absolute;z-index: 0;}
#features-6.free-screen-recorder .text-box{position: absolute;bottom: 0;z-index: 1;background-color: rgba(12, 90, 219, .7);height: 72px;width: 240px;display: flex;flex-direction: column;justify-content: center;transition: all .3s;text-align: left;}
#features-6.free-screen-recorder .text-box>p.title{font-size: 18px;line-height: 24px;height: 72px;color: #ffffff;font-weight: bold;display: flex;align-items: center;padding: 0 15px;}
#features-6.free-screen-recorder .text-box>p.text{font-size: 14px;line-height: 24px;color: #ffffff;display: none;transition: all .3s;padding: 0 15px;}
#features-6.free-screen-recorder ul>li:hover{background-size: 120% 120%;}
#features-6.free-screen-recorder ul>li.l2:hover{background-size: 110% 110%;}
#features-6.free-screen-recorder ul>li.l3:hover{background-size: 110% 110%;}
#features-6.free-screen-recorder ul>li.l5:hover{background-size: 110% 110%;}
#features-6.free-screen-recorder ul>li:hover>.text-box{height: 300px;background-color: rgba(12, 90, 219, .7);}
#features-6.free-screen-recorder ul>li:hover>.text-box>p.text{display: block;}

/*bonus-features*/
.bonus-features{text-align: center;}
.bonus-features ul{display: flex;flex-wrap: wrap;justify-content: center;row-gap: 30px;column-gap: 30px;margin-top: 50px;}
.bonus-features ul>li{flex-basis: 300px;padding: 30px 28px;border-radius: 12px;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);transition: all .3s ease;}
.bonus-features ul>li .icon-box{background-repeat: no-repeat;width: 96px;height: 95px;transition: all .3s ease;}
.bonus-features ul>li .icon-box1{background-image: url(/images/pro/icon/icon1.png);}
.bonus-features ul>li .icon-box2{background-image: url(/images/pro/icon/icon2.png);}
.bonus-features ul>li .icon-box3{background-image: url(/images/pro/icon/icon3.png);}
.bonus-features ul>li .icon-box4{background-image: url(/images/pro/icon/icon4.png);}
.bonus-features ul>li .icon-box5{background-image: url(/images/pro/icon/icon5.png);}
.bonus-features ul>li .icon-box6{background-image: url(/images/pro/icon/icon6.png);}
.bonus-features ul>li .icon-box7{background-image: url(/images/pro/icon/icon7.png);}
.bonus-features ul>li .icon-box8{background-image: url(/images/pro/icon/icon8.png);}
.bonus-features ul>li .icon-box9{background-image: url(/images/pro/icon/icon9.png?v202503051745);}
.bonus-features ul>li .icon-box10{background-image: url(/images/pro/icon/icon10.png?v202503051745);}
.bonus-features ul>li .icon-box11{background-image: url(/images/pro/icon/icon11.png?v202503051745);}
.bonus-features ul>li .icon-box12{background-image: url(/images/pro/icon/icon12.png?v202503051745);}
.bonus-features ul>li .icon-box13{background-image: url(/images/pro/icon/icon13.png);}
.bonus-features ul>li .icon-box14{background-image: url(/images/pro/icon/icon14.png);}
.bonus-features ul>li .icon-box15{background-image: url(/images/pro/icon/icon15.png);}
.bonus-features ul>li .icon-box16{background-image: url(/images/pro/icon/icon16.png);}
.bonus-features ul>li .icon-box17{background-image: url(/images/pro/icon/icon17.png);}
.bonus-features ul>li:hover{background-color: #0C5ADB;}
.bonus-features ul>li:hover .icon-box1{background-image: url(/images/pro/icon/icon1_on.png);}
.bonus-features ul>li:hover .icon-box2{background-image: url(/images/pro/icon/icon2_on.png);}
.bonus-features ul>li:hover .icon-box3{background-image: url(/images/pro/icon/icon3_on.png);}
.bonus-features ul>li:hover .icon-box4{background-image: url(/images/pro/icon/icon4_on.png);}
.bonus-features ul>li:hover .icon-box5{background-image: url(/images/pro/icon/icon5_on.png);}
.bonus-features ul>li:hover .icon-box6{background-image: url(/images/pro/icon/icon6_on.png);}
.bonus-features ul>li:hover .icon-box7{background-image: url(/images/pro/icon/icon7_on.png);}
.bonus-features ul>li:hover .icon-box8{background-image: url(/images/pro/icon/icon8_on.png);}
.bonus-features ul>li:hover .icon-box9{background-image: url(/images/pro/icon/icon9_on.png?v202503051745);}
.bonus-features ul>li:hover .icon-box10{background-image: url(/images/pro/icon/icon10_on.png?v202503051745);}
.bonus-features ul>li:hover .icon-box11{background-image: url(/images/pro/icon/icon11_on.png?v202503051745);}
.bonus-features ul>li:hover .icon-box12{background-image: url(/images/pro/icon/icon12_on.png?v202503051745);}
.bonus-features ul>li:hover .icon-box13{background-image: url(/images/pro/icon/icon13_on.png);}
.bonus-features ul>li:hover .icon-box14{background-image: url(/images/pro/icon/icon14_on.png);}
.bonus-features ul>li:hover .icon-box15{background-image: url(/images/pro/icon/icon15_on.png);}
.bonus-features ul>li:hover .icon-box16{background-image: url(/images/pro/icon/icon16_on.png);}
.bonus-features ul>li:hover .icon-box17{background-image: url(/images/pro/icon/icon17_on.png);}
.bonus-features ul>li h4{font-size: 18px;line-height: 24px;color: #020027;font-weight: bold;margin-top: 20px;transition: color .3s ease;text-align: left;}
.bonus-features ul>li h4~p{font-size: 14px;line-height: 24px;color: #444444;margin-top: 15px;transition: color .3s ease;text-align: left;}
.bonus-features ul>li:hover h4{color: #ffffff;}
.bonus-features ul>li:hover h4~p{color: #ffffff;}

.bonus-features.video-recorder ul{column-gap: 4%;}
.bonus-features.video-recorder ul>li{flex-basis: 48%;display: flex;column-gap: 25px;row-gap: 25px;justify-content: flex-start;}
.bonus-features.video-recorder ul>li .icon-box{width: 78px;height: 78px;margin-top: 15px;flex-shrink: 0;}
.bonus-features.video-recorder ul>li h4{margin-top: 0;}

/*features-table*/
.features-table h3{text-align: center;margin-bottom: 40px;}
.features-table table{width: 100%;}
.features-table table th{border: 1px solid #0C5ADB;background-color: #0C5ADB;font-size: 20px;color: #ffffff;font-weight: bold;padding: 25px 4%;}
.features-table table td{border: 1px solid #0C5ADB;padding: 10px 4%;font-size: 14px;line-height: 21px;color: #444444;font-weight: bold;vertical-align: middle;}
.features-table table td.vab{vertical-align: bottom;}
.features-table table td p.price{font-size: 24px;font-weight: bold;color: #ff1b1b;margin-bottom: 10px;}
.features-table table td p.price>span, .features-table table td p.price>del{color: #444444;font-size: 18px;}
.features-table .btn-dl{border-radius: 6px;background-color: #0C5ADB;padding: 15px 18px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;display: inline-block;min-width: 170px;text-align: center;}
.features-table .btn-buy{border-radius: 6px;background-color: #EB521D;padding: 15px 18px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;display: inline-block;min-width: 170px;text-align: center;}

.features-table.video-downloader table td{padding: 10px 2%;}

/*features-toggle*/
.features-toggle-nav{display: flex;align-items: stretch;justify-content: center;column-gap: 25px;row-gap: 15px;margin-top: 45px;}
.features-toggle-nav li{font-size: 18px;line-height: 24px;font-weight: bold;color: #020027;padding: 17px 15px;flex-basis: 20%;border-radius: 4px;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);text-align: center;cursor: pointer;transition: all .3s ease;}
.features-toggle-nav li:hover, .features-toggle-nav li.on{background-color: #EB521D;color: #ffffff;}
.features-toggle-list{background-color: #ffffff;border-radius: 12px;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);padding: 60px 30px 40px;margin-top: 35px;}
.features-toggle-list li{display: none;}
.features-toggle-list li.on{display: block;}
.features-toggle-list li>div{display: flex;align-items: flex-start;justify-content: flex-start;column-gap: 40px;row-gap: 25px;}
.features-toggle-list li>div>div{flex-basis: 50%;}
.features-toggle-list li>div>div.list-img{flex-shrink: 1;}
.features-toggle-list li>div>div>h3{width: auto;margin: 0 0 25px;}

/*cleverget recorder upgrade popup*/
#upgrade-popup{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, .5);overflow-y: auto;z-index: 50;justify-content: center;display: none;padding-top: 75px;}
#upgrade-popup.active{display: block;}
#upgrade-popup .comparison{padding: 60px 0 80px;background-color: #ffffff;}
#upgrade-popup h2{font-size: 28px;line-height: 36px;color: #000000;letter-spacing: 0.03em;font-family: 'Poppins SemiBold';font-weight: bold;margin-bottom: 10px;text-align: center;}
#upgrade-popup .comparison table{width: 100%;}
#upgrade-popup .comparison th{font-size: 18px;line-height: 24px;font-weight: bold;font-family: 'Poppins SemiBold';font-weight: bold;color: #ffffff;border: 1px solid #0C5ADB;background-color: #0C5ADB;padding: 10px 20px;letter-spacing: .1em;width: 22%;}
#upgrade-popup .comparison th.th1{width: 34%;}
#upgrade-popup .comparison th:not(:first-child), #upgrade-popup .comparison td:not(:first-child){text-align: center;}
#upgrade-popup .comparison td:not(:first-child){vertical-align: middle;}
#upgrade-popup .comparison td{background-color: #F9F9F9;border: 1px solid #0C5ADB;padding: 6px 15px;font-size: 14px;color: #444444;}
#upgrade-popup .comparison td.free{font-size: 18px;font-family: 'Poppins SemiBold';font-weight: bold;color: #ff0000;}
#upgrade-popup .comparison .btn-comp{min-width: 150px;height: 43px;font-size: 16px;font-weight: bold;font-family: 'Poppins SemiBold';padding: 0 15px;display: inline-flex;justify-content: center;align-items: center;user-select: none;font-size: 14px;color: #ffffff;border-radius: 3px;transition: box-shadow .3s;gap: 15px;}
#upgrade-popup .comparison .btn-group{display: table-cell;}
#upgrade-popup .comparison .btn-dl{
	margin-right: 0;
	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%);
	background-image: linear-gradient( 39deg, #131313 0%, #3E3E3E 100%);
}
#upgrade-popup .comparison .btn-buy{
	background-image: -moz-linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
	background-image: -webkit-linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
	background-image: -ms-linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
	background-image: linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
}
#upgrade-popup .comparison .btn-dl:hover{box-shadow: 1px 2px 3px rgba(0,0,0,.6);}
#upgrade-popup .comparison .btn-buy:hover{box-shadow: 1px 2px 3px rgba(0,0,0,.6);}
#upgrade-popup .comparison .btn-dl img{margin-right: 0;}
#upgrade-popup-close{position: absolute;right: 10%;top: 120px;cursor: pointer;transition: all .5s ease-in-out;}
#upgrade-popup-close:hover{transform: rotate(180deg);}

#upgrade-popup .purchase-2211{background-color: #ffffff;padding-bottom: 80px;}
#upgrade-popup .purchase-2211-listbox{margin-top: 20px;}
#upgrade-popup .purchase-2211 .old-price{font-size: 18px;line-height: 24px;color: #777777;margin-bottom: 5px;}
#upgrade-popup .purchase-2211 .box_lt .old-price{color: #ffffff;}
#upgrade-popup .purchase-2211 .title{font-size: 20px;font-weight: bold;margin-bottom: 30px;}
#upgrade-popup .purchase-2211 .box_lt .title{color: #ffffff;}
#upgrade-popup .purchase-2211 .box_rec{padding-bottom: 92px;}
#upgrade-popup .purchase-2211 .subtitle{font-size: 18px;line-height: 24px;color: #444444;font-weight: bold;margin-bottom: 20px;}
#upgrade-popup .purchase-2211 .subtitle>span{color: #ee2221;}
#upgrade-popup .purchase-2211 .up-to{font-size: 36px;line-height: 72px;color: #444444;margin-top: 40px;}
#upgrade-popup .purchase-2211 .up-to>span{font-size: 60px;font-weight: bold;color: #ee2221;}
#upgrade-popup .purchase-2211-listbox .box.box_lt .button>a{
	background-image: -moz-linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
	background-image: -webkit-linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
	background-image: -ms-linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
	background-image: linear-gradient( 39deg, #ED5723 0%, #F66E41 100%);
}

#upgrade-popup .btn-sys{display: inline-flex;align-items: center;justify-content: center;margin: 20px 0 40px;}
#upgrade-popup .btn-sys>p{cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 0 15px;margin: 0 5px;font-size: 16px;letter-spacing: 0.05em;color: #444444;height: 38px;border-radius: 19px;border: 2px solid #EEEEEE;}
#upgrade-popup .btn-sys>p.on, #upgrade-popup .btn-sys>p:hover{height: 38px;border-radius: 19px;color: #3085ee;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);background-color: #ffffff;font-weight: bold;}
#upgrade-popup .btn-sys>p>img{margin-right: 10px;margin-top: -2px;-webkit-filter: grayscale(1); /* Webkit */filter: gray; /* IE6-9 */filter: grayscale(1); /* W3C */}
#upgrade-popup .btn-sys>p.on>img, #upgrade-popup .btn-sys>p:hover>img{-webkit-filter: grayscale(0); /* Webkit */filter: none; /* IE6-9 */filter: grayscale(0); /* W3C */}
#upgrade-popup .btn-sys+p{font-size: 13px;line-height: 27px;margin: 20px 0 40px;letter-spacing: 1px;text-align: center;}
#upgrade-popup .btn-sys{background-color: rgb(232, 238, 240);border: none;border-radius: 24px;margin: 20px 0 30px;height: 48px;width: 260px;padding: 4px;}
#upgrade-popup .btn-sys>p{border-radius: 20px;box-shadow: none;border: 1px solid rgb(232, 238, 240);transition: border-color .3s ease-in-out;margin: 0;column-gap: 10px;flex-basis: 50%;}
#upgrade-popup .btn-sys>p.on, #upgrade-popup .btn-sys>p:hover{border-color: rgb(13, 109, 240);}
#upgrade-popup .btn-sys img{opacity: 1;}
#upgrade-popup .btn-sys img:first-child{margin-right: 0;}

/*guide */
#guide .row{margin-top: 50px;}
#guide .textbox{padding-right: 80px;}
#guide .step{display: flex;gap: 10px;margin-bottom: 20px;align-items: center;}
#guide .imgbox{text-align: center;}
#guide .imgbox>img{display: none;max-width: 100%;}
#guide .imgbox>img:first-child{display: inline;}
#guide .title{font-size: 30px;font-weight: bold;color: #0C5ADB;width: 50px;height: 50px;border-radius: 50%;transition: all .3s ease;background-color: #ffffff;border: 2px solid rgba(12, 90, 219, .56);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
#guide .step.on .title{border-color: #0C5ADB;background-color: #0C5ADB;color: #ffffff;}
#guide .text{font-size: 18px;font-weight: bold;line-height: 24px;color: #020027;padding: 30px 8%;transition: all .3s ease;flex-grow: 1;border-radius: 12px;}
#guide .step.on .text{color: #0C5ADB;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);}
#guide .more{border-radius: 6px;background-color: #0C5ADB;padding: 10px 18px;font-size: 16px;line-height: 24px;color: #ffffff;text-align: center;display: inline-block;margin-top: 30px;}
.guide-note{font-size:16px;text-align:center;margin-top:80px;}

#guide.free-screen-recorder .imgbox{min-height: 580px;}

/*btn-area*/
#btn-area{
  padding-bottom: 0;display: flex;row-gap: 70px;flex-direction: column;
  background-image: -moz-linear-gradient( 45deg, rgb(15,98,220) 0%, rgb(46,196,228) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(15,98,220) 0%, rgb(46,196,228) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(15,98,220) 0%, rgb(46,196,228) 100%);
  background-image: linear-gradient( 45deg, rgb(15,98,220) 0%, rgb(46,196,228) 100%);
}
#btn-area .top-area .row{display: flex;align-items: center;justify-content: space-between;margin: 0;column-gap: 5%;row-gap: 30px;}
#btn-area .top-area .row>h3{flex-basis: 55%;color: #ffffff;width: auto;margin: 0;}
#btn-area .top-area .row>div{flex-basis: 40%;display: flex;align-items: center;justify-content: center;}

#btn-area .btn-group>div>a{min-width: 170px;height: 50px;}
#btn-area .sys{font-size: 16px;color: #ffffff;}

#btn-area .bottom-area{background-color: rgba(20, 85, 192, .212);padding: 35px 0 28px;}
#btn-area .bottom-area ul{display: flex;align-items: center;gap: 30px;justify-content: space-between;width: 100%;padding: 0 15px;}
#btn-area .bottom-area ul>li{flex-grow: .25;display: flex;align-items: center;gap: 15px;}
#btn-area .bottom-area ul>li>p{font-size: 18px;color: #ffffff;}
#btn-area .bottom-area ul>li>p>span{font-size: 24px;font-weight: bold;}

/*specs*/
#specs .text-area{text-align: center;width: 600px;max-width: 100%;margin:0 auto;}
#specs h4{font-size: 20px;line-height: 30px;color: #444444;font-weight: bold;}
#specs h4:not(:first-child){margin-top: 30px;}
#specs p{font-size: 16px;line-height: 30px;color: #444444;}
#specs .specs-more{border-radius: 6px;background-color: #0C5ADB;padding: 15px 18px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;display: inline-block;min-width: 170px;margin-top: 40px;}

/*review*/
#review{letter-spacing: .03em;text-align: center;}
#review h3{margin-bottom: 40px;}
#review h4{font-size: 20px;font-weight: bold;color: #0c5adb;text-transform: uppercase;letter-spacing: .1em;}
#review .text-area ul{display: flex;align-items: stretch;justify-content: center;column-gap: 40px;row-gap: 50px;}
#review .text-area ul>li{flex-basis: 33.33333333%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;row-gap: 30px;}
#review .text-area ul>li .avatar{position: relative;width: 93px;height: 94px;}
#review .text-area ul>li .avatar>p{position: absolute;width: 50px;height: 50px;border-radius: 50%;font-size: 60px;color: #ffffff;padding-top: 25px;background-color: #0c5adb;bottom: -5px;right: -25px;}
#review .text-area ul>li .text-box{border-radius: 12px;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);padding: 25px 25px 35px;display: flex;align-items: center;justify-content: center;text-align: center;flex-grow: 1;}
#review .text-area ul>li .text-box>p{font-size: 16px;line-height: 24px;color: #444444;font-style: italic;}
#review .text-area ul>li .user>ul{display: flex;align-items: center;justify-content: center;gap: 10px;}
#review .text-area ul>li .user>p{font-size: 24px;font-weight: bold;color: #0c5adb;margin-top: 10px;}
#review .review-more{border-radius: 6px;background-color: #0C5ADB;padding: 15px 18px;font-size: 18px;line-height: 24px;font-weight: bold;color: #ffffff;display: inline-block;min-width: 170px;margin-top: 40px;}

/*faq propage*/
.faq-propage h2{font-weight: bold;color: #000000;}

/*article*/
#article{letter-spacing: .03em;text-align: center;}
#article h3{margin-bottom: 40px;}
#article h4{font-size: 20px;font-weight: bold;color: #0c5adb;text-transform: uppercase;letter-spacing: .1em;}

#article .articles-header .desc {
    color: #6e6e6e;
    font-size: 16px;
    line-height: 32px
}

#article .articles-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px 2px #eee;
    margin: 20px 12px;
    position: relative;
    text-align: center;
    transition: transform .5s
}

#article .articles-card:hover {
    transform: scale(1.03)
}

#article .articles-card:hover p.desc {
    color: #173eb8
}

#article .articles-card a {
    color: #000;
    text-decoration: none
}

#article .articles-card p.title {
    color: #64748b;
    font-size: 16px;
    margin: 0 auto 14px;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

#article .articles-card p.title:after,.articles .articles-card p.title:before {
    background: #64748b;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 23px
}

#article .articles-card p.title:before {
    left: -40px;
    top: 50%;
    transform: translateY(-1px)
}

#article .articles-card p.title:after {
    right: -40px;
    top: 50%;
    transform: translateY(-1px)
}

#article .articles-card p.desc {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    min-height: 66px
}

#article .articles-card img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 1px 16px #0000001a;
    display: block;
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

#article .articles-card .content {
    padding: 30px 35px 34px
}

#article .swiper-blog {
    max-height: 502px;
    min-height: 440px;
    padding: 0 50px
}

#article .swiper-button-prev {
    background: url(/images/pro/icon/left-arrow.webp?v202502241405) top/100% auto;
    display: block;
    height: 96px;
    left: 12px;
    pointer-events: auto;
    transition: all .2s;
    width: 94px
}

#article .swiper-button-prev:hover {
    transform: scale(1.1)
}

#article .swiper-button-prev:after {
    display: none
}

#article .swiper-button-next {
    background: url(/images/pro/icon/right-arrow.webp?v202502241405) top/100% auto;
    display: block;
    height: 96px;
    pointer-events: auto;
    right: 12px;
    transition: all .5s;
    width: 94px
}

#article .swiper-button-next:hover {
    transform: scale(1.1)
}

#article .swiper-button-next:after {
    display: none
}

#article .swiper-slide {
    max-width: 33.33%;
    opacity: 1;
    transition: all .5s
}

#article .swiper-slide-next+.swiper-slide+.swiper-slide, #article .swiper-slide-prev {
    opacity: 0
}

@media (max-width: 1200px) {
    #article .swiper-slide {
        max-width:50%
    }

    #article .swiper-slide-next+.swiper-slide, #article .swiper-slide-prev {
        opacity: 0
    }
}

@media (max-width: 993px) {
    #article .swiper-slide {
        max-width:100%
    }

    #article .swiper-slide-next, #article .swiper-slide-prev {
        opacity: 0
    }
}


/*review page*/
.review_banner{background-image: url(/images/reviews/250217/banner.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;text-align: center;padding: 80px 15px;font-family: 'Muli';}
.review_banner h2{font-size: 60px;font-weight: bold;color: #ffffff;letter-spacing: .05em;}
.review_banner h2+p{font-size: 18px;color: #ffffff;}
.review_banner .btn-group>div>a{height: 50px;padding: 10px 18px;min-width: 170px;}
.review_banner p.sys{font-size: 16px;color: #ffffff;text-align: center;margin-right: 0;width: 100%;}

.review_content .comments{padding: 40px 0;}
.review_content .comments h1{font-size: 36px;font-weight: bold;color: #000000;margin-bottom: 30px;letter-spacing: .03em;}
.review_content .comments h1 a{color: #000000;}
.review_content #total-rate{font-size: 50px;font-weight: bold;color: #0c5adb;margin-right: 20px;}
.review_content .reviews_box{box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);background-color: #ffffff;border-radius: 8px;}
.review_content .btn-review{margin-top: -10px;}
.review_content .btn-review+span{line-height: 23px;}
.review_content .rating, .review_content .right_content_box ul.rating{width: auto;display: inline-flex;gap: 5px;}
.review_content .rating li, .review_content .right_content_box ul.rating li{background-image: url(/images/reviews/250217/icon.png);width: 22px;height: 21px;background-position: -103px -36px;}
.review_content .rating li.on, .review_content .right_content_box ul.rating li.on{background-position: -103px -5px;}
.review_content .rating li.half, .review_content .right_content_box .rating li.half{background-position: -103px -67px;}
.review_content .distr{margin-top: 10px;margin-left: 10px;}
.review_content .reviews_box_name{font-size: 24px;color: #000000;margin-bottom: 20px;}
.review_content .reviews_box_summary{font-size: 16px;line-height: 24px;font-style: italic;color: #444444;}
.review_content .reviews_box_bottom{display: flex;align-items: center;justify-content: space-between;}
.review_content .reviews_box_bottom .date{font-size: 16px;color: #0c5adb;}
.review_content .reviews_box_bottom .good_icon{font-size: 16px;line-height: 15px;background-image: none;display: inline-flex;align-items: center;gap: 5px;padding: 0;}
.review_content .reviews_box_bottom .good_icon:before{background-image: url(/images/reviews/250217/icon.png);background-position: -54px -53px;width: 27px;height: 28px;content: '';display: block;}
.review_content #moreReview{padding: 15px;box-shadow: none;border: 1px solid rgb(220, 220, 220);}
.review_content #moreReviewText{font-size: 18px;font-weight: bold;color: #104cba;letter-spacing: .05em;}

.add_review{background-color: #F5F7F8;padding: 80px 15px;text-align: center;}
.add_review h1{margin-top: 0;margin-bottom: 30px;font-weight: bold;letter-spacing: .03em;}
.add_review .rating, .add_review .right_content_box ul.rating{width: auto;display: inline-flex;gap: 10px;}
.add_review .rating li, .add_review .right_content_box ul.rating li{background-image: url(/images/reviews/250217/icon.png);width: 39px;height: 38px;background-position: -54px -5px;}
.add_review .rating li.on, .add_review .right_content_box ul.rating li.on{background-position: -5px -5px;}
.add_review .rating li.half, .add_review .right_content_box .rating li.half{background-position: -5px -53px;}
.add_review .tip{font-size: 16px;padding: 8px 20px 0;width: 100%;text-align: left;}
#submit_form{margin-top: 40px;}
#submit_form>div{margin-top: 20px;}
#submit_form>div:first-child{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 3%;row-gap: 15px;}
#submit_form>div:first-child>div{flex-basis: 48.5%;}
#submit_form input{width: 100%;border: 1px solid rgb(228, 225, 225);padding: 18px 20px;font-size: 18px;line-height: 24px;color: #444444;}
#submit_form textarea{width: 100%;height: 180px;padding: 18px 20px;font-size: 18px;line-height: 24px;color: #444444;}
#sucSubText{padding: 40px 0 30px;}
#sucSubText p.thx{font-size: 16px;line-height: 24px;color: #444444;margin-bottom: 20px;}
#subPreview{background-color: #ffffff;}
#subPreview .bor_b_1{border-bottom: 1px solid #e1e1e1;}
#subPreview>p{font-size: 18px;line-height: 24px;text-align: left;padding: 15px 0;}
#subPreview h2{text-align: left;}
#erroSubText{font-size: 16px;line-height: 24px;}

/*footer*/
#footer{background-color: #00003E;color: #ffffff;padding: 50px 0 30px;}
#footer .footer-row{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 4%;row-gap: 20px;padding-bottom: 45px;border-bottom: 2px solid #072476;}
#footer .footer-row>div{flex-basis: 21%;}
#footer .footer-row>div:last-child{flex-basis: 25%;}
#footer .footer-row .title{font-size: 18px;font-weight: bold;margin-bottom: 30px;}
#footer .footer-row .title:not(:first-child){margin-bottom: 25px;}
#footer .footer-row .title~p:not(.title){font-size: 14px;line-height: 21px;margin: 20px 0;}
#footer .footer-row .title~p>a{color: #ffffff;}
#footer .footer-row .title~p>a:hover{color: #63a5fa;}
#footer .footer-row ul.share-list{display: flex;align-items: center;justify-content: flex-start;gap: 15px;margin-bottom: 35px;}
#footer .footer-row ul.share-list a{display: inline-flex;align-items: center;justify-content: center;background-color: rgb(24, 125, 255);border-radius: 6px;width: 44px;height: 44px;transition: background-color .3s ease-in-out;}
#footer .footer-row ul.share-list a:hover{background-color: #1055B0;}
#footer .footer-row .mb10{margin-bottom: 10px!important;}
#footer .submit-box>p{display: inline-flex;background-color: #ffffff;border-radius: 4px;overflow: hidden;width: 240px;max-width: 100%;}
#footer .submit-box .newsletter_text_box{color: #000000;outline: none;margin-right: 0;border: 0;padding: 5px 10px;flex-grow: 1;}
#footer .submit-box .newsletter_submit{border-radius: 4px;width: 34px;height: 34px;border: 0;transition: background-color .3s ease-in-out;background-color: #187DFF;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuklEQVQYlW3PMUpDURCF4e8lQTAKwd51iEFFwVjYuSWX4D4ERTCxtHEBQoLYaCkYLQS5XGzGZgLPhweGKc4/Z2aaqOUBDU7xpaMeAmPcYfQfcIZH7OIWm13gAyeYYw9TDNsALHGMJxxk0rANwHtCzzjCNdabqKV713auG+Gm1zH7OE/zGxeillWtRS2XUUtELZ9Ry07UYpCTG7jKb96yL2CArbx6jBdM8Np+c5bmHPttcwX84B6HGf9Hv8lmPtK9/wYHAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center;}
#footer .submit-box .newsletter_submit:hover{background-color: #1055B0;}

/*tap top*/
.tap-top{
  width: 50px;height: 50px;position: fixed;bottom: 150px;right: 30px;z-index: 99;color: white;text-align: center;border-radius: 100%;font-size: 22px;cursor: pointer;line-height: 2.2;display: none;border: 1px solid white;
  background-image: -moz-linear-gradient( 90deg, rgb(69,119,226) 0%, rgb(123,132,247) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(69,119,226) 0%, rgb(123,132,247) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(69,119,226) 0%, rgb(123,132,247) 100%);
  display: flex;align-items: center;justify-content: center;
}
.tap-top>svg{color: #ffffff;font-size: 12px;}

@media (max-width: 575px){
  .btn-group{flex-direction: column;}

  .features-table table{display: block;overflow-x: auto;}
  .features-table .btn-dl{min-width: auto;}
  .features-table .btn-buy{min-width: auto;}

  #submit_form>div:first-child{flex-direction: column;align-items: stretch;}
}

@media (max-width: 991px){
  .features-toggle-nav, .features-toggle-list li>div{flex-direction: column;}
  .features-toggle-nav li{width: 100%;}

  .bonus-features.video-recorder ul, .bonus-features.video-recorder ul>li{flex-direction: column;}
}

@media (max-width: 1199px){
  .features .row>div:first-child>img{margin-bottom: 30px;}
  .features .row>div:last-child>img{margin-top: 30px;}

  #guide .textbox{padding-right: 15px;}
  #guide.free-screen-recorder .imgbox{min-height: auto;}

  #btn-area .top-area .row{flex-direction: column;}
  #btn-area .btn-group{flex-direction: column;}
  #btn-area .bottom-area ul{flex-direction: column;align-items: flex-start;}

  #banner .img-lg.ml-80, #banner .img-lg.ml-100{margin-left: 0;margin-top: 20px;}

  #review .text-area ul:not(.user>ul){flex-direction: column;}
}
@media (min-width: 1440px){
  #header{width: 1330px;}
  .container{width: 1330px;}
  .img-lg{max-width: none;}
  .ar{text-align: right;}
}