/* 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;letter-spacing: .03em;}
small{font-size:10px;line-height:16px;}
dl{font-size:16px;}
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;}

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

img{max-width: 100%;}
[onClick="return hs.expand(this)"]{cursor: url(/images/highslide/graphics/zoomin.cur), pointer;}
.tl{text-align: left;}
.tc{text-align: center;}
.ac{align-items: center;}
.mt70{margin-top: 70px;}
.pl-2em{padding-left: 2em;}
.none{display: none;}
.pn{pointer-events: none;}
.dr{direction: rtl;}

/*btn*/
.btn-custom{
  user-select: none;
  transition: all .4s ease-in-out;
  background-size: 300% 100%;
}
.btn-custom:hover{
  box-shadow: 4px 3px 6px 0px rgba(26, 38, 153, 0.29);
  background-position: 100% 0;
}
.btn-custom>a{transition: all .4s ease-in-out;user-select: none;}

body{background-image: url(/images/cleverget/body_bg.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: 100% 485px;}

/*product-nav*/
#product-nav{position: fixed;background-color: #ffffff;z-index: 11;padding: 15px 0;top: 0;}
#product-nav .row{align-items: center;justify-content: space-between;}
#product-nav p.pro-name a{display: flex;align-items: center;font-size: 30px;line-height: 40px;color: #012f59;font-family: 'Poppins Light';letter-spacing: .03em;}
#product-nav p.pro-name img{margin: 0 12px 5px 0;box-shadow: 4px 3px 6px 0px rgba(26, 38, 153, 0.15);border-radius: 50%;}
#product-nav p.pro-name span{font-family: 'Poppins SemiBold';}
#product-nav ul{list-style-type: none;display: flex;align-items: center;gap: 10px;}
#product-nav li{flex-shrink: 0;}
#product-nav .nav-link{color: #444444;text-transform: uppercase;font-size: 15px;}
#product-nav .nav-item.on>a{color: #3099e2!important;opacity: 1;text-shadow: 0 0 1px #3099e2;}
#product-nav .nav-item-btn>a{display: inline-block;font-size: 15px;line-height: 27px;border-radius: 23px;letter-spacing: .05em;font-family: 'Poppins SemiBold';}
#product-nav .nav-btn-dl{padding: 10px 25px;color: #2252f9;background-color: #A4E1E8;}
#product-nav .nav-btn-buy{padding: 8px 25px;border: 2px solid #FF8858;color: #FF8858;}
#product-nav .nav-btn-buy:hover{background-color: #FF8858;color: #ffffff;}

/*banner*/
.banner{background-image: url(/images/cleverget/banner.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% 1119px;margin-top: 75px;padding-top: 90px;padding-bottom: 80px;text-align: center;}
.banner h1{font-size: 52px;font-family: 'Poppins SemiBold';color: #012f59;margin-bottom: 35px;}
.banner .text{font-size: 18px;line-height: 30px;color: #012f59;letter-spacing: .03em;}
.banner .btn-sys{display: flex;align-items: flex-end;justify-content: center;gap: 28px;margin-top: 30px;}
.banner .btn-sys>div{cursor: pointer;}
.banner .btn-sys>div.win{background-image: url(/images/cleverget/sys-icon.png);background-position: 0 0;width: 36px;height: 35px;}
.banner .btn-sys>div.win.on{background-position: 0 -35px;}
.banner .btn-sys>div.mac{background-image: url(/images/cleverget/sys-icon.png);background-position: 0 -107px;width: 31px;height: 37px;}
.banner .btn-sys>div.mac.on{background-position: 0 -70px;}
.banner .sys{font-size: 15px;color: #444444;margin-top: 25px;}
.banner .imgbox{margin-top: 50px;text-align: center;}

/*btn-group*/
.btn-group{display: flex;align-items: center;justify-content: center;gap: 48px;margin-top: 30px;}
.btn-group>div{border-radius: 34px;}
.btn-group>div>a{display: inline-flex;justify-content: center;align-items: center;user-select: none;gap: 15px;font-size: 24px;line-height: 36px;padding: 16px 35px;min-width: 240px;color: #ffffff;font-family: 'Poppins SemiBold';letter-spacing: .03em;}
.btn-group .btn-dl{
  background-image: -moz-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: -webkit-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: -ms-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
}
.btn-group .btn-buy{
  background-image: -moz-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: -webkit-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: -ms-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
}
.btn-group .btn-dl img{display: none;}
.btn-group .btn-dl img.on{display: block;}

/*features*/
.features{padding: 80px 0;letter-spacing: 0.03em;position: relative;}
.features h3{font-size: 30px;color: #012f59;line-height: 36px;margin-bottom: 40px;font-family: 'Poppins Bold';letter-spacing: .1em;}
.features h3~p{font-size: 14px;line-height: 27px;color: #777777;margin-top: 15px;}
.features h3~p>span{color: #fd5491;}
.features>.container+img{margin-top: 40px;}

/*features-1*/
#cleverget-features-1{background-image: url(/images/cleverget/features-1_bg.jpg);background-repeat: no-repeat;background-position: left center;background-size: auto 100%;}

/*features-7*/
#cleverget-features-7 h3{text-align: center;}
#cleverget-features-7 .row>div{margin-top: 20px;}
#cleverget-features-7 .row>div:nth-child(odd){padding-right: 50px;}
#cleverget-features-7 .row>div:nth-child(even){padding-left: 50px;}
#cleverget-features-7 .innerbox{padding: 20px 30px 20px 20px;border-radius: 8px;display: flex;gap: 25px;align-items: center;transition: box-shadow .2s ease-in-out;}
#cleverget-features-7 .innerbox:hover{box-shadow: 0.788px 0.616px 21px 0px rgba(26, 38, 153, 0.13);}
#cleverget-features-7 .imgbox{flex-shrink: 0;}
#cleverget-features-7 .textbox h4{font-size: 18px;line-height: 22px;color: #012f59;font-family: 'Poppins Bold';margin-bottom: 15px;}
#cleverget-features-7 .textbox p{font-size: 14px;line-height: 27px;color: #777777;}

/*cleverget-guide*/
#cleverget-guide .swiper{overflow: hidden;position: relative;padding-bottom: 30px;}
#cleverget-guide .swiper p{font-size: 18px;line-height: 27px;color: #777777;}
#cleverget-guide .swiper .imgbox{margin-top: 30px;}
#cleverget-guide .swiper-button-next, #cleverget-guide .swiper-button-prev{border-radius: 50%;box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.1);background-color: #ffffff;width: 57px;height: 57px;transition: all .3s ease-in-out;}
#cleverget-guide .swiper-button-next:after, #cleverget-guide .swiper-button-prev:after{content: '';}
#cleverget-guide .swiper-button-next:hover, #cleverget-guide .swiper-button-prev:hover{background-color: #6295FF;}
#cleverget-guide .swiper-button-next img, #cleverget-guide .swiper-button-prev img{transition: all .1s ease-in-out;}
#cleverget-guide .swiper-button-next:hover img, #cleverget-guide .swiper-button-prev:hover img{filter: brightness(0) invert(1);}
#cleverget-guide .swiper-pagination{bottom: 0;}
#cleverget-guide .swiper-pagination-bullet{background-color: #ABF4F2;width: 15px;height: 15px;opacity: .4;margin: 0 8px;vertical-align: middle;}
#cleverget-guide .swiper-pagination-bullet-active{opacity: 1;width: 17px;height: 17px;}

/*cleverget-price*/
#cleverget-price .btn-sys{display: inline-flex;align-items: center;justify-content: center;padding: 5px 3px;background-color: #A4E1E8;border-radius: 27px;}
#cleverget-price .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: #000000;height: 38px;border-radius: 19px;transition: all .1s;}
#cleverget-price .btn-sys>p.on, #cleverget-price .btn-sys>p:hover{height: 38px;color: #396ff5;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);background-color: #ffffff;font-weight: bold;}
#cleverget-price .btn-sys>p>img{opacity: 1;margin-right: 10px;margin-top: -2px;filter: brightness(0) invert(0);transition: all .1s;}
#cleverget-price .btn-sys>p.on>img, #cleverget-price .btn-sys>p:hover>img{-webkit-filter: none; /* Webkit */filter: none; /* IE6-9 */}
#cleverget-price .btn-sys+p{font-size: 13px;line-height: 27px;margin: 20px 0 40px;letter-spacing: 1px;text-align: center;}
#cleverget-price .price-container{margin-top: 30px;background-image: url(/images/cleverget/price_bg.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: 100% 469px;min-height: 469px;padding-bottom: 65px;display: flex;align-items: flex-end;justify-content: center;gap: 5%;}
#cleverget-price .price-box{border-radius: 12px;flex-basis: 38%;text-align: left;position: relative;}
#cleverget-price .price-box-year{background-color: #ffffff;padding: 45px 80px 40px;box-shadow: 6.304px 4.925px 32px 0px rgba(26, 38, 153, 0.13);}
#cleverget-price .price-box-lt{background-color: #6295FF;padding: 75px 60px 40px;box-shadow: 6.304px 4.925px 32px 0px rgba(26, 38, 153, 0.29);}
#cleverget-price .price-box .price, #cleverget-price .price-box .dur{font-size: 36px;font-family: 'Poppins Bold';letter-spacing: .1em;}
#cleverget-price .price-box-year .price{color: #f96565;margin-bottom: 10px;}
#cleverget-price .price-box-year .dur{color: #333333;}
#cleverget-price .price-box-lt .price{color: #ffffff;margin-bottom: 10px;}
#cleverget-price .price-box-lt .dur{color: #ffffff;}
#cleverget-price ul{list-style-type: none;margin-top: 20px;}
#cleverget-price li{font-size: 15px;line-height: 27px;color: #777777;padding-left: 50px;background-image: url(/images/cleverget/price-icon.png);background-repeat: no-repeat;margin-top: 15px;}
#cleverget-price .price-box-lt li{color: #ffffff;}
#cleverget-price .button{margin-top: 35px;}
#cleverget-price .button>a{display: inline-block;font-size: 18px;line-height: 24px;padding: 14px 35px;width: 260px;max-width: 100%;color: #ffffff;font-family: 'Poppins SemiBold';letter-spacing: .03em;border-radius: 26px;text-align: center;}
#cleverget-price .price-box-year .button>a{
  background-image: -moz-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: -webkit-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: -ms-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
}
#cleverget-price .price-box-lt .button>a{
  background-image: -moz-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: -webkit-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: -ms-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
}
#cleverget-price .plan{position: absolute;font-size: 12px;line-height: 17px;color: #ffffff;border: 2px solid rgb(161, 189, 252);padding: 13px 35px;right: 15px;top: 15px;border-radius: 25px;}

/*footer*/
#footer{padding-bottom: 40px;}
#footer p{font-size: 14px;line-height: 32px;color: #000000;}

/*cleverget-specs*/
#cleverget-specs{max-width: 565px;padding: 80px 0;text-align: center;}
#cleverget-specs .specs-title{font-size: 30px;color: #012f59;letter-spacing: .03em;}
#cleverget-specs .specs-title>span{font-family: 'Poppins Bold';}
#cleverget-specs .specs-subtitle{margin-top: 25px;font-size: 16px;color: #777777;font-family: 'Poppins SemiBold';font-weight: bold;line-height: 32px;}
#cleverget-specs .specs-text{font-size: 14px;line-height: 29px;}
#cleverget-specs .specs-text>span{color: #777777;font-family: 'Poppins SemiBold';font-weight: bold;}
#cleverget-specs .button{width: 144px;height: 39px;border-radius: 20px;text-align: center;margin: 30px auto 0;}
#cleverget-specs i{font-style: normal;}
#cleverget-specs .button>a{color: #ffffff;line-height: 39px;width: 100%;height: 100%;display: block;border-radius: 20px;}

/*cleverget-review*/
#cleverget-review h3{margin-bottom: 20px;}
#cleverget-review .swiper-container{padding-top: 100px;padding-bottom: 40px;}
#cleverget-review .swiper{border: 6px solid rgba(98, 149, 255, .45);background-color: #F3F9FD;border-radius: 22px;}
#cleverget-review .swiper-slide{padding: 0 10% 40px;}
#cleverget-review .imgbox{margin-top: -85px;}
#cleverget-review .imgbox>img{border-radius: 50%;box-shadow: 0px 6px 38px 0px rgba(65, 106, 190, 0.27);}
#cleverget-review .text{font-size: 18px;line-height: 32px;color: #5d5d5d;margin-top: 30px;}
#cleverget-review .user{font-size: 24px;color: #396ff5;font-family: 'Poppins Bold';margin-top: 50px;}

#cleverget-review .swiper-button-next, #cleverget-review .swiper-button-prev{border-radius: 50%;box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.1);background-color: #ffffff;width: 57px;height: 57px;transition: all .3s ease-in-out;}
#cleverget-review .swiper-button-next:after, #cleverget-review .swiper-button-prev:after{content: '';}
#cleverget-review .swiper-button-next:hover, #cleverget-review .swiper-button-prev:hover{background-color: #6295FF;}
#cleverget-review .swiper-button-next img, #cleverget-review .swiper-button-prev img{transition: all .1s ease-in-out;}
#cleverget-review .swiper-button-next:hover img, #cleverget-review .swiper-button-prev:hover img{filter: brightness(0) invert(1);}
#cleverget-review .swiper-button-next, #cleverget-review .swiper-button-prev{bottom: 15px;top: auto;}
#cleverget-review .swiper-button-next{right: 25px;}
#cleverget-review .swiper-button-prev{left: auto;right: 100px;}

@media (max-width: 450px){
  #cleverget-features-7 .innerbox{flex-direction: column;}
}

@media (max-width: 991px){
  #product-nav li:not(.nav-item-btn){display: none;}

  .banner{background-image: none;background-color: #CDF9E0;}
  .banner h1{font-size: 40px;}
  .btn-group{flex-direction: column;gap: 20px;}

  #cleverget-features-7 .row>div:nth-child(odd){padding-right: 15px;}
  #cleverget-features-7 .row>div:nth-child(even){padding-left: 15px;}
  #cleverget-features-7 .innerbox{padding: 15px;}

  #cleverget-price .price-container{flex-direction: column;align-items: stretch;background-image: none;gap: 20px;padding-bottom: 0;}
  #cleverget-price .price-box{padding-left: 30px;padding-right: 30px;}
}

@media (min-width: 1440px){
  .img-lg{max-width: none;}
  .ar{text-align: right;}
  #twitch-downloader-banner .img-lg{margin-left: -100px;}
}