body{margin:0;font-family:Roboto;font-weight:400}
button{cursor:pointer}
button:active,button:focus{outline:0}
input{filter:none}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{width:80%;border:none;-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #1b1b1b;-webkit-box-shadow:0 0 0 1000px #1b1b1b inset;transition:background-color 5000s ease-in-out 0s}
.flash-error{background-color:#ce1010;border-bottom:2px solid #b52710}
.flash-error,.flash-warning{color:#fff;padding:3px;text-align:center}
.flash-warning{background-color:#f90;border-bottom:2px solid #e68d07}
.flash-success{color:#fff;background-color:#0fb332;padding:3px;text-align:center;border-bottom:2px solid #3b8e2a}
.flash-closable:after{content:"x";color:#fff;font-weight:300;font-family:Arial,sans-serif;float:right;background-color:rgba(0,0,0,.37);padding:0 4px;border-radius:2px;margin-right:5px}
.link{color:#fff}
.link-active{color:#f90}
.flash-closable:hover:after{background-color:rgba(0,0,0,.56)}
.info{color:#9b9b9b}
.success-message{color:#66b659}
input:focus,textarea{outline:none!important}
input::placeholder{color:#9b9b9b!important}
input::-webkit-input-placeholder{color:#9b9b9b!important}
input::-moz-placeholder{color:#9b9b9b!important}
input:-ms-input-placeholder{color:#9b9b9b!important}
#subscribe_payment_method,#subscribe_subscription_payment,#subscribe_subscription_storeProduct,#subscription_payment,#subscription_product,#subscription_storeProduct,#user_signup_user,#user_signup_user_subscription_product,.required{display:none}
.yyg{margin:auto}
.yyg,.bbhline-left{width:40px;height:4px;border-radius:2px;background-image:linear-gradient(180deg,#fad961,#f76b1c)}
.bbhlink{height:15px;border-radius:3px;background-color:#f90;font-weight:500;color:#1b1b1b}
.bbhlink,.bbhlink-outline{padding:8px 12px;font-family:Roboto;font-size:14px;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:1.2px;text-align:center;cursor:pointer}
.bbhlink-outline{border-radius:3px;background-color:transparent;border:1px solid #f90;font-weight:400;color:#f90}
.bbhlink-big{display:table;padding:18px 22px;border-radius:3px;border:none;background-color:#fac900;color:#1b1b1b;font-family:Roboto;font-size:18px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.3px;text-decoration:none!important;cursor:pointer}
.bbhlink-big img{margin:auto 0 auto 16px;transition:all .3s ease}
.bbhlink-big:hover img{transform:translate(8px)}
.bbhlink.inverse{border:2px solid #f90;background:rgba(26,26,26,.82);color:#f90}




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




.jjk{display:none;width: 100%;margin: 0px auto;padding:50px 0 150px 0;overflow: hidden;  background: #eee;font-size:14px;}
.jjk-tit{text-align:center;font-size:26px;color:#000;font-weight:700;line-height:160px;}
.jjk-list{width: 100%;margin: 0px auto;padding:0px 0;overflow: hidden; font-size:14px;}
.jjk-list img{float:left;width:23%;border-radius: 10px;margin:0 1%;background:#000;padding:0px 0%;overflow: hidden;}



}
@media only screen and (min-width: 768px) {




.jjk{width: 100%;margin: 0px auto;padding:50px 0 150px 0;overflow: hidden;  background: #eee;font-size:14px;}
.jjk-tit{text-align:center;font-size:26px;color:#000;font-weight:700;line-height:160px;}
.jjk-list{width: 100%;margin: 0px auto;padding:0px 0;overflow: hidden; font-size:14px;}
.jjk-list img{float:left;width:23%;border-radius: 10px;margin:0 1%;background:#000;padding:0px 0%;overflow: hidden;}





}








@media only screen and (max-width:768px){.bbhlink-big{display:flex;justify-content:space-between;width:auto;padding:14px 18px;font-size:18px}
.bbhlink-big img{margin:auto 0}
}
.wrapper{width:90%;max-width:1200px;margin:auto}
@media only screen and (max-width:768px){.wrapper{width:100%}
}
.homepage,.user{right:0;transition:all .5s ease}
.homepage,.homepage:after,.user,.user:after{position:absolute;width:100%;height:100%;top:0}
.homepage:after,.user:after{content:"";background-color:transparent;left:0;z-index:-10;transition:all .3s ease}
.homepage-close,.user-close{position:absolute;right:260px}
.homepage-close:after,.user-close:after{position:fixed;content:"";background-color:rgba(0,0,0,.8);top:0;left:0;height:100%;width:100%;z-index:101}
@media only screen and (max-width:375px){.bbhlink{margin-top:2px;padding:6px}
}
.homepage .footer{padding:50px 0;background-color:#fafafa}
.homepage .footer .content{width:90%}
.homepage .footer .content a{display:block;margin:10px 0;font-size:14px;letter-spacing:.9px;color:#1a1a1a;text-decoration:none}
.homepage .footer .content .top{display:flex;flex-wrap:no-wrap;justify-content:space-between;margin-bottom:50px}
.homepage .footer .content .top>div{width:100%}
.homepage .footer .content .top .platforms p,.homepage .footer .content .top .vpnhub p{font-size:14px;font-weight:500;letter-spacing:.9px;color:#f90}
.homepage .footer .content .top .documentation p{font-size:14px;font-weight:500;letter-spacing:.9px;color:#50e3c2}
.homepage .footer .content .top .social-media p{font-size:14px;font-weight:500;letter-spacing:.9px;color:#1daee2}
.homepage .footer .content .top .social-media .links{display:flex;width:100%;margin-top:10px}
.homepage .footer .content .top .social-media .links div{width:60px;height:60px}
.homepage .footer .content .top .social-media .links a{display:flex;margin:auto 0;width:45px;height:45px;border:1px solid rgba(24,24,24,.302);border-radius:50%}
.homepage .footer .content .top .social-media .links img{display:block;width:25px;height:25px;margin:10px auto}
.homepage .footer .content .bottom{display:flex;margin:75px 0 25px;font-size:14px}
.homepage .footer .content .bottom-left{width:60%}
.homepage .footer .content .bottom-left p{margin:0;font-weight:300;color:#9b9b9b}
.homepage .footer .content .bottom-left p:first-of-type,.homepage .footer .content .bottom-left p:nth-of-type(2){margin-bottom:15px}
.homepage .footer .content .bottom-right{display:flex;justify-content:end;align-items:flex-end;width:40%}
.homepage .footer .content .bottom-right a{margin:0;padding-left:20px;letter-spacing:0}
@media only screen and (max-width:1420px){.homepage .footer .content .bottom{flex-direction:column}
.homepage .footer .content .bottom .bottom-left{width:100%}
.homepage .footer .content .bottom .bottom-right{justify-content:space-between;width:100%;max-width:400px;margin:15px auto 25px}
.homepage .footer .content .bottom .bottom-right a{padding:0}
}
@media only screen and (max-width:900px){.homepage .footer .content .top{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px}
.homepage .footer .content .top>div{width:50%}
.homepage .footer .content .top>div:nth-of-type(-n+2){margin-bottom:20px}
}
@media only screen and (max-width:550px){.homepage .footer .content .top .social-media .links{width:120px;flex-wrap:wrap}
.homepage .footer .content .bottom-left,.homepage .footer .content .bottom-right a{font-size:12px}
.homepage .footer .content .bottom-left img{content:url("")}
}
.cookies-banner{display:none;position:fixed;bottom:0;left:0;width:100%;background:rgba(20,20,20,.95);padding:15px 0;z-index:15}
.cookies-banner.active{display:block}
.cookies-banner .content{display:flex;box-sizing:border-box;width:90%;max-width:900px;margin:auto;align-items:center}
.cookies-banner .content>p{font-size:14px;letter-spacing:.25px;color:#fff;margin:0;padding-right:50px}
.cookies-banner .content>p>a{color:#f90}
@media screen and (max-width:768px){.cookies-banner{background:rgba(20,20,20,.85)}
.cookies-banner .content>p{padding-right:20px}
}
@media screen and (max-width:480px){.cookies-banner .content>p{font-size:12px}
}
.sidemenu{position:fixed;float:right;width:260px;min-height:100vh;background-color:#181818;z-index:102;transition:all .5s ease}
.sidemenu .content{width:85%;margin:0 auto}
.sidemenu .content img{width:120px;margin:30px 0}
.sidemenu .content a,.sidemenu .content p{display:block;margin:28px 0;font-size:16px;letter-spacing:1.3px}
.sidemenu .content a{color:#fff;text-decoration:none}
.sidemenu .content a.active,.sidemenu .content a:hover{color:#f90}
.sidemenu .content .bbhlink{display:table;margin-top:40px;color:#1b1b1b}
.sidemenu .content p{color:#9b9b9b}
.sidemenu-open{right:0;top:0;box-shadow:-8px -8px 10px 0 rgba(0,0,0,.541)}
.sidemenu-close{right:-260px;top:0}
.topbar{position:fixed;width:100%;height:80px;min-height:max-content;background-image:linear-gradient(#1a1a1a 10%,rgba(26,26,26,.82));box-shadow:0 0 5px 0 rgba(26,26,26,.361);z-index:10}
.topbar .content{display:flex;justify-content:space-between;width:90%}
.topbar .content .logo{margin:23px 0 20px}
.topbar .content .logo img{height:40px;}

.topbar .content .controls{display:flex;margin-top:25px}
.topbar .content .controls a{text-decoration:none}
.topbar .content .controls .left{display:flex;align-items:flex-start}
.topbar .content .controls .left .dropdown{margin:8px 40px 0 0;color:#fff;font-size:14px;letter-spacing:1.2px;position:relative;cursor:pointer;padding-bottom:6px}
.topbar .content .controls .left .dropdown:hover .dropdown-content{display:block}
@media only screen and (min-width:951px){.topbar .content .controls .right .dropdown:hover .dropdown-content{display:block}
}
.topbar .content .controls .left .dropdown p{margin:0;cursor:pointer}
.topbar .content .controls .left .dropdown:hover p,.topbar .content .controls .left .dropdown p.active{color:#f90}
.topbar .content .controls .left .dropdown p img{margin-bottom:2px}
.topbar .content .controls .left .dropdown .dropdown-content{left:-26px}
.topbar .content .controls .left .dropdown .dropdown-content,.topbar .content .controls .right .dropdown .dropdown-content{display:none;position:absolute;width:230px;margin-top:6px;background-color:#1b1b1b;box-shadow:4px 4px 16px 0 rgba(0,0,0,.502)}
.topbar .content .controls .right .dropdown .dropdown-content{margin-top:6px;left:-26px}
.topbar .content .controls .left .dropdown .dropdown-content a,.topbar .content .controls .right .dropdown .dropdown-content a{display:block;padding:25px;font-size:14px;color:#fff;border-left:2px solid #1b1b1b}
.topbar .content .controls .left .dropdown .dropdown-content a.active,.topbar .content .controls .left .dropdown .dropdown-content a:hover,.topbar .content .controls .right .dropdown .dropdown-content a:hover{color:#f90;border-left:2px solid #f90}
.topbar .content .controls .left span{display:inline-block;border:.5px solid #fff;height:31px;margin:0 40px}
.topbar .content .controls .right{display:flex}
.topbar .content .controls .right .dropdown{display:inline;position:relative}
.topbar .content .controls .right img{margin:5px 20px -10px 0}
#menu-button{display:none;cursor:pointer;width:28px;height:21px;flex-wrap:wrap;align-content:space-between;margin:7px 20px -10px 0;justify-content:flex-end}
#menu-button>span{height:3px;background:#979797;display:block;z-index:10;width:100%}
#menu-button.active{justify-content:flex-start}
#menu-button.active>span{background:#f90}
#menu-button>span:nth-child(2){width:70%}
#menu-button>span:last-child{width:90%}
@media only screen and (max-width:950px){.topbar .content .logo img{height:39px;}
.topbar .content .controls .left .hidden-small{display:none}
.topbar .content .controls .left span{margin:0 15px}
#menu-button{display:inline-flex}
}
@media only screen and (max-width:430px){.topbar .content .controls .left .bbhlink,.topbar .content .controls .left>span{display:none}
}
@media only screen and (max-width:375px){.topbar .content .logo{margin-top:26px}
.topbar .content .logo img{width:97px}
}

#reactivate_confirm_modal,#upgrade_confirm_modal{position:fixed;width:100%;font-family:Roboto;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:1.5px;z-index:20;transition:all .5s ease}
#modal_container{width:90%;max-width:300px;height:260px;margin:auto;text-align:center;border:1px solid #1b1b1b;border-radius:3px;box-shadow:4px 4px 16px 0 rgba(0,0,0,.502);background-color:#1b1b1b}
#modal_content{width:250px;margin:auto}
#modal_content h1{margin:40px auto;font-size:16px;color:#fff}
#modal_content p{margin:20px auto;font-size:16px;color:#9b9b9b}
#modal_content>.bbhlink{color:#1b1b1b}
#modal_content>.bbhlink,#modal_content>.bbhlink-outline{margin:20px 10px}
.modal_closed{top:-450px}
.modal_open{top:150px}
.not-found{padding:100px 0;background-color:#1b1b1b;background-image:url("../image/ic-info.f1d0bba6.svg")/**/;background-repeat:no-repeat;background-position:0 80px;background-size:100%}
.not-found .content .main{display:flex}
.not-found .content .main .left{width:50%;margin-top:100px}
.not-found .content .main .left h1{margin-top:30%;color:#fff;font-size:36px;line-height:100%}
.not-found .content .main .left h1 span{font-size:175px}
.not-found .content .main .right{width:50%}
.not-found .content .main .right img{width:100%;margin:100px auto 0}
.not-found .content .bbhlink-big{margin:75px auto 0}
.not-found .content .bbhlink-big img{margin:auto 16px auto 0;transform:rotate(180deg)}
@media only screen and (max-width:1024px){.not-found .content .main{flex-direction:column}
.not-found .content .main .left,.not-found .content .main .right{width:100%;margin:0;text-align:center}
.not-found .content .main .left h1{margin-top:150px}
}
@media only screen and (max-width:768px){.not-found{background-position:0 600px}
.not-found .content{width:90%;margin:auto}
.not-found .content .main{flex-direction:column}
.not-found .content .main .left,.not-found .content .main .right{width:100%}
.not-found .content .bbhlink-big{display:table}
}
.homepage .hero-banner{height:73vh;min-height:fit-content;max-height:max-content;padding-top:100px;background-color:#1a1a1a;background-image:url("../image/vector-smart-object-world.385522f7.png")/**/;background-repeat:no-repeat;background-position:80% 100px;background-size:65%;overflow:hidden}
.homepage .hero-banner .content{display:flex}
.homepage .hero-banner .content .left{height:100%;width:40%;margin:0 auto}
.homepage .hero-banner .content .left h1{width:400px;margin:100px 0 20px;font-size:48px;font-weight:700;letter-spacing:1px;color:#fff}
.homepage .hero-banner .content .left p{margin-bottom:40px;font-size:16px;line-height:1.5;letter-spacing:1px;color:#9b9b9b}
.homepage .hero-banner .content .right{width:60%;margin:0 auto}
.homepage .hero-banner .content .right .image{width:320px;height:450px;margin:50px auto 0;background-image:url("../image/ic-info.f1d0bba6.svg")/**/,url("")/**/;background-position:0 220px,top;background-repeat:no-repeat,no-repeat;background-size:contain}
.homepage .hero-banner .content .right img{margin-top:100px;width:100%;}
.homepage .hero-banner .content .right img:nth-child(2){margin-top:300px;background-image:linear-gradient(180deg,rgba(24,24,24,0),#1b1b1b)}
@media only screen and (max-width:1800px){.homepage .hero-banner{height:550px;background-position:80% 100px;background-size:55%}
.homepage .hero-banner .content .left{width:60%}
.homepage .hero-banner .content .right{width:40%}
.homepage .hero-banner .content .right .image{width:100%;background-position:0 140px,top}
}
@media only screen and (max-width:1440px){.homepage .hero-banner{background-size:65%}
}
@media only screen and (max-width:768px){.homepage .hero-banner{height:auto;background-size:150%;background-position:-50% 100px}
.homepage .hero-banner .content{width:90%;flex-direction:column}
.homepage .hero-banner .content .left{width:100%;}
.homepage .hero-banner .content .left h1{width:100%;margin:50px 0 20px;font-size:38px}
.homepage .hero-banner .content .left p{margin-bottom:30px}
.homepage .hero-banner .content .right{width:100%}
.homepage .hero-banner .content .right .image{margin-top:10px;background-size:contain}
}
.homepage .hero-banner-alt-1{min-height:fit-content;max-height:max-content;padding-top:100px;color:#fff;background-color:#1a1a1a;background-image:url("../image/hero-banner-alt-1-bg.07502bd6.png")/**/;background-repeat:no-repeat;background-size:100%;overflow:hidden}
.homepage .hero-banner-alt-1 .content{background-image:url("../image/ic-info.f1d0bba6.svg")/**/;background-position:0 110px,0 375px,right 200px;background-repeat:no-repeat,no-repeat;background-size:contain,50%,50%}
.homepage .hero-banner-alt-1 .content h1{margin:0 auto;font-size:48px;font-weight:700;letter-spacing:1px;text-align:center}
.homepage .hero-banner-alt-1 .content h3:first-of-type{margin:5px auto 10px;color:#9b9b9b}
.homepage .hero-banner-alt-1 .content h3:first-of-type,.homepage .hero-banner-alt-1 .content h3:nth-of-type(2){font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px;text-align:center}
.homepage .hero-banner-alt-1 .content h3:nth-of-type(2) span{color:#f90;font-weight:700}
.homepage .hero-banner-alt-1 .content>img#locks{position:absolute;width:100%;margin-top:-500px}
.homepage .hero-banner-alt-1 .content>img#hero-banner-bbhpixels-left{position:absolute;width:50%;margin-top:-300px;z-index:20}
.homepage .hero-banner-alt-1 .content>img#hero-banner-bbhpixels-right{position:absolute;right:40px;width:50%;margin-top:-400px}
.homepage .hero-banner-alt-1 .content .image{width:250px;height:500px;margin:0 auto;background-image:url("../image/fade.f07526a5.svg")/**/,url("")/**/;background-position:0 130px,top;background-repeat:no-repeat,no-repeat;background-size:contain}
.homepage .hero-banner-alt-1 .content .image img{margin-top:230px}
.homepage .hero-banner-alt-1 .content .image img:nth-child(2){margin-top:300px;background-image:linear-gradient(180deg,rgba(24,24,24,0),#1b1b1b)}
.homepage .hero-banner-alt-1 .content .timer{display:absolute;width:280px;margin-top:-160px;letter-spacing:4px}
.homepage .hero-banner-alt-1 .content .bbhlink-big{margin:30px auto 50px}
@media only screen and (min-width:1025px) and (max-height:920px){.homepage .hero-banner-alt-1 .content h1{font-size:38px}
.homepage .hero-banner-alt-1 .content .image{height:400px}
.homepage .hero-banner-alt-1 .content .bbhlink-big{margin-bottom:20px;margin-top:20px}
}
@media only screen and (max-width:1024px){.homepage .hero-banner-alt-1{background-size:1200px;background-position:center 100px}
}
@media only screen and (max-width:768px){.homepage .hero-banner-alt-1{background-size:1000px}
.homepage .hero-banner-alt-1 .content{width:90%;margin-bottom:100px}
}
@media only screen and (max-width:500px){.homepage .hero-banner-alt-1 .content{background-position:0 220px,0 450px,right 250px;background-size:contain,70%,70%}
}
.homepage .hero-banner-alt-2{min-height:73vh;max-height:max-content;padding-top:100px;color:#fff;background-color:#1a1a1a;background-image:url("../image/hero-banner-alt-2-bg.3c01fb2b.png")/**/;background-position:0 180px;background-repeat:no-repeat;background-size:100%;overflow:hidden}
.homepage .hero-banner-alt-2 .content{display:flex}
.homepage .hero-banner-alt-2 .content .left{height:100%;width:50%;margin:0 auto}
.homepage .hero-banner-alt-2 .content .left h1{width:450px;margin:100px 0 20px;font-size:48px;font-weight:700;letter-spacing:1px;color:#fff}
.homepage .hero-banner-alt-2 .content .left h3:first-of-type{margin:5px auto;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px;color:#9b9b9b}
.homepage .hero-banner-alt-2 .content .left h3:nth-of-type(2){margin:20px auto;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px}
.homepage .hero-banner-alt-2 .content .left h3:nth-of-type(2) span{color:#f90;font-weight:700}
.homepage .hero-banner-alt-2 .content .left .bbhlink-big{margin-bottom:50px}
.homepage .hero-banner-alt-2 .content .right{width:50%;margin:0 auto}
.homepage .hero-banner-alt-2 .content .right img{width:100%;height:auto;margin-top:100px}
@media only screen and (max-width:1200px){.homepage .hero-banner-alt-2 .content .left h1{width:auto}
}
@media only screen and (min-width:1025px) and (max-height:920px){.homepage .hero-banner-alt-2{min-height:auto;height:550px}
.homepage .hero-banner-alt-2 .content .left h1{margin-top:50px}
.homepage .hero-banner-alt-2 .content .right img{margin-top:35px}
}
@media only screen and (max-width:900px){.homepage .hero-banner-alt-2{height:auto;padding-bottom:50px;background-size:1500px;background-position:right 300px}
.homepage .hero-banner-alt-2 .content{width:90%;flex-direction:column}
.homepage .hero-banner-alt-2 .content .left{width:100%}
.homepage .hero-banner-alt-2 .content .left h1{width:100%;margin:20px 0}
.homepage .hero-banner-alt-2 .content .left h3:first-of-type{margin-bottom:30px}
homepage .hero-banner-alt-2 .content .left .bbhlink-big{margin-bottom:0}
.homepage .hero-banner-alt-2 .content .right{width:90%}
.homepage .hero-banner-alt-2 .content .right img{display:block;max-width:500px;margin:50px auto}
}
.homepage .hero-banner-alt-3{min-height:73vh;max-height:max-content;padding-top:100px;color:#fff;background-color:#1a1a1a;overflow:hidden}
.homepage .hero-banner-alt-3 .content{display:flex}
.homepage .hero-banner-alt-3 .content .left{height:100%;width:50%;margin:0 auto 75px}
.homepage .hero-banner-alt-3 .content .left h1{width:450px;margin:100px 0 20px;font-size:48px;font-weight:700;letter-spacing:1px;color:#fff}
.homepage .hero-banner-alt-3 .content .left h3:first-of-type{margin:5px auto;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px;color:#9b9b9b}
.homepage .hero-banner-alt-3 .content .left h3:nth-of-type(2){margin:20px auto;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px}
.homepage .hero-banner-alt-3 .content .left h3:nth-of-type(2) span{color:#f90;font-weight:700}
.homepage .hero-banner-alt-3 .content .right{width:50%;margin:0 auto}
.homepage .hero-banner-alt-3 .content .right img{width:100%}
.homepage .hero-banner-alt-3 .content .right img:first-of-type{position:relative;width:62%;margin:70px 0 0 15%;z-index:10}
.homepage .hero-banner-alt-3 .content .right img:nth-of-type(2){margin-top:-300px}
@media only screen and (max-width:1400px){.homepage .hero-banner-alt-3 .content .right img:first-of-type{width:55%;margin:70px 0 0 17%}
.homepage .hero-banner-alt-3 .content .right img:nth-of-type(2){margin-top:-250px}
}
@media only screen and (max-width:1200px){.homepage .hero-banner-alt-3 .content .left h1{width:auto}
.homepage .hero-banner-alt-3 .content .right img:first-of-type{width:55%;margin:140px 0 0 17%}
.homepage .hero-banner-alt-3 .content .right img:nth-of-type(2){margin-top:-220px}
}
@media only screen and (min-width:1025px) and (max-height:920px){.homepage .hero-banner-alt-3{height:550px;min-height:auto}
.homepage .hero-banner-alt-3 .content .left h1{margin-top:50px}
.homepage .hero-banner-alt-3 .content .right img:first-of-type{margin-top:15px}
}
@media only screen and (max-width:900px){.homepage .hero-banner-alt-3 .content{width:90%;flex-direction:column}
.homepage .hero-banner-alt-3 .content .left{width:100%;margin:0 auto}
.homepage .hero-banner-alt-3 .content .left h1{width:100%;margin:20px 0}
.homepage .hero-banner-alt-3 .content .left h3:first-of-type{margin-bottom:30px}
.homepage .hero-banner-alt-3 .content .right{width:90%;max-width:500px;margin:20px auto 50px}
.homepage .hero-banner-alt-3 .content .right img:first-of-type{margin:50px 0 0 17%}
.homepage .hero-banner-alt-3 .content .right img:nth-of-type(2){margin-top:-250px}
}
.homepage .hero-banner-superbowl{min-height:fit-content;max-height:max-content;padding-top:130px;color:#fff;background-color:#1a1a1a;background-image:url("../image/hero-banner-superbowl-bg.93d64a25.png")/**/;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;position:relative}
.homepage .hero-banner-superbowl:after{position:absolute;bottom:0;left:0;width:100%;content:"";height:50px;background:linear-gradient(180deg,rgba(30,30,30,0) 4%,#191a1b 61%)}
.homepage .hero-banner-superbowl .content h1{margin:0 auto;font-size:58px;font-weight:700;letter-spacing:1px;text-align:center}
.homepage .hero-banner-superbowl .content h3:first-of-type{margin:10px auto 20px;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px;color:#9b9b9b;text-align:center}
.homepage .hero-banner-superbowl .content h3:nth-of-type(2){font-size:16px;font-weight:400;line-height:1.5;letter-spacing:1px;text-align:center;z-index:10;position:relative}
.homepage .hero-banner-superbowl .content h3:nth-of-type(2) span{color:#f90;font-weight:700}
.homepage .hero-banner-superbowl .content .images{display:flex;justify-content:center;position:relative;padding-top:60px}
.homepage .hero-banner-superbowl .content .images img:first-child{display:block;max-width:50%;z-index:10}
.homepage .hero-banner-superbowl .content .images img:nth-child(2){position:absolute;left:20px;top:212px;max-width:50%}
.homepage .hero-banner-superbowl .content .images img:last-child{position:absolute;right:104px;top:0;max-width:50%}
.homepage .hero-banner-superbowl .content .timer{width:184px;letter-spacing:4px;position:relative;z-index:10}
.homepage .hero-banner-superbowl .content .timer #timer-hours span:first-of-type,.homepage .hero-banner-superbowl .content .timer #timer-minutes span:first-of-type,.homepage .hero-banner-superbowl .content .timer #timer-seconds span:first-of-type{font-size:44px}
.homepage .hero-banner-superbowl .content .bbhlink-big{margin:30px auto 50px}
@media only screen and (min-width:1025px) and (max-height:920px){.homepage .hero-banner-superbowl{padding-top:110px}
.homepage .hero-banner-superbowl .content .images{padding-top:0}
.homepage .hero-banner-superbowl .content h1{font-size:44px}
.homepage .hero-banner-superbowl .content .images img:first-child{max-width:18%}
.homepage .hero-banner-superbowl .content .images img:last-child,.homepage .hero-banner-superbowl .content .images img:nth-child(2){max-width:40%}
.homepage .hero-banner-superbowl .content .timer{margin:20px auto}
}
@media only screen and (max-width:1200px){.homepage .hero-banner-superbowl .content h1{font-size:48px}
}
@media only screen and (max-width:768px){.homepage .hero-banner-superbowl .content{width:90%;margin-bottom:100px}
.homepage .hero-banner-superbowl .content h1{font-size:42px}
.homepage .hero-banner-superbowl .content .images{padding-top:0}
.homepage .hero-banner-superbowl .content .images img:last-child,.homepage .hero-banner-superbowl .content .images img:nth-child(2){display:none}
}
.homepage .hero-banner-hacker{min-height:72vh;max-height:max-content;padding:100px 0;background-color:#1a1a1a;background-image:url("../image/hero-banner-hacker-bgr.35849803.jpg")/**/;background-size:cover;background-position:top;background-repeat:no-repeat;position:relative;overflow:hidden}
.homepage .hero-banner-hacker:before{content:"";position:absolute;background:url("../image/connections-1.775bcda0.png")/**/ no-repeat;background-size:contain;width:418px;height:679px;z-index:2;top:0;left:0}
.homepage .hero-banner-hacker:after{content:"";position:absolute;background:url("../image/connections-2.19da1ec7.png")/**/ no-repeat;background-size:contain;width:729px;height:988px;z-index:2;bottom:-456px;right:-326px}
.homepage .hero-banner-hacker .content{display:flex}
.homepage .hero-banner-hacker .content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;z-index:3;background:linear-gradient(180deg,rgba(30,30,30,0) 5%,#191a1b 79%)}
.homepage .hero-banner-hacker .content .left{height:100%;width:45%;position:relative;z-index:9;padding:0 0 100px}
.homepage .hero-banner-hacker .content .left h1{margin:100px 0 20px;font-size:56px;font-weight:700;letter-spacing:1px;color:#fff}
.homepage .hero-banner-hacker .content .left p{margin-bottom:40px;font-size:16px;line-height:1.5;letter-spacing:1px;color:#9b9b9b}
@media only screen and (max-height:700px){.homepage .hero-banner-hacker{height:auto}
}
@media only screen and (max-width:1450px){.homepage .hero-banner-hacker:before{width:300px;height:488px}
.homepage .hero-banner-hacker:after{width:435px;height:590px;bottom:-140px;right:-186px}
.homepage .hero-banner-hacker{min-height:auto}
}
@media only screen and (max-width:1200px){.homepage .hero-banner-hacker .content .left{width:50%}
.homepage .hero-banner-hacker .content .left h1{font-size:52px}
}
@media only screen and (max-width:1024px){.homepage .hero-banner-hacker .content .left{width:65%}
}
@media only screen and (min-width:1025px) and (max-height:920px){.homepage .hero-banner-hacker{height:550px;padding-bottom:0}
.homepage .hero-banner-hacker .content .left h1{margin-top:50px}
}
@media only screen and (max-width:768px){.homepage .hero-banner-hacker{height:auto}
.homepage .hero-banner-hacker:after,.homepage .hero-banner-hacker:before{display:none}
.homepage .hero-banner-hacker .content{width:90%;flex-direction:column}
.homepage .hero-banner-hacker .content .left{width:100%;padding:0 0 50px}
.homepage .hero-banner-hacker .content .left h1{width:100%;margin:50px 0 20px;font-size:48px}
.homepage .hero-banner-hacker .content .left p{margin-bottom:30px}
}
.homepage .you-need-vpn{padding:100px 0 50px;background-color:#1a1a1a}
.homepage .you-need-vpn .content h2{margin:10px 0;font-size:36px;font-weight:500;letter-spacing:.9px;text-align:center;color:#fff}
.homepage .you-need-vpn .content .cards{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:space-between;margin:50px 0}
.homepage .you-need-vpn .content .card{width:48%;margin:15px 0;border-radius:3px;box-shadow:8px 8px 8px 0 rgba(0,0,0,.2);background-color:#1e1e1e;transition:box-shadow,background-color .5s ease;-webkit-transition:box-shadow,background-color .5s ease}
.homepage .you-need-vpn .content .card:hover{background-color:#232323;box-shadow:6px 6px 16px 0 rgba(0,0,0,.22)}
.homepage .you-need-vpn .content .card .container{display:flex;width:90%;margin:25px auto}
.homepage .you-need-vpn .content .card .icon{display:flex;width:25%;text-align:center}
.homepage .you-need-vpn .content .card .icon img{margin:auto;height:50px}
.homepage .you-need-vpn .content .card .text{width:75%}
.homepage .you-need-vpn .content .card p:first-of-type{margin-top:0;font-size:20px;font-weight:500;letter-spacing:1px;color:#fff;text-align:left}
.homepage .you-need-vpn .content .card p:nth-of-type(2){font-size:16px;font-weight:300;letter-spacing:1px;color:#9b9b9b}
@media only screen and (max-width:1024px){.homepage .you-need-vpn .content .card{width:100%}
}
@media only screen and (max-width:768px){.homepage .you-need-vpn{padding:0 0 10px}
.homepage .you-need-vpn .content{width:90%}
.homepage .you-need-vpn .content .card{width:100%}
.homepage .you-need-vpn .content .container{flex-direction:column}
.homepage .you-need-vpn .content .card .icon{width:100%;margin:20px 0}
.homepage .you-need-vpn .content .card .icon img{margin-top:0}
.homepage .you-need-vpn .content .card .text{width:100%;text-align:center}
.homepage .you-need-vpn .content .card p:first-of-type{font-size:24px;text-align:center}
}
.homepage .advantages{height:max-content;padding:100px 0;background-color:#fafafa;overflow:hidden}
.homepage .advantages .content h2{margin:10px 0;font-size:36px;font-weight:500;letter-spacing:.9px;text-align:center;color:#000}
.homepage .advantages .content p:first-of-type{font-size:16px;font-weight:300;line-height:1.3;letter-spacing:1px;text-align:center;color:#4a4a4a}
.homepage .advantages .content .container{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:50px auto 100px}
.homepage .advantages .content .container .advantages-side{width:28%}
.homepage .advantages .content .container .advantages-side .advantage{height:50%;text-align:center}
.homepage .advantages .content .container .advantages-side .advantage .icon{width:85px;height:85px;margin:30px auto;border-radius:32px;box-shadow:2px 2px 16px 0 rgba(0,0,0,.302);background-color:#292928;text-align:center}
.homepage .advantages .content .container .advantages-side:first-child .advantage:first-child .icon img{width:56px;height:42px;margin-top:20px}
.homepage .advantages .content .container .advantages-side:first-child .advantage:nth-child(2) .icon img{width:48px;height:48px;margin-top:18px}
.homepage .advantages .content .container .advantages-side:nth-child(3) .advantage:first-child .icon img{width:75%!important;margin-top:10px;margin-left:2px}
.homepage .advantages .content .container .advantages-side:nth-child(3) .advantage:nth-child(2) .icon img{width:48px;height:48px;margin-top:18px;margin-left:2px}
.homepage .advantages .content .container .advantages-side .advantage p:nth-child(2){font-size:14px;font-weight:700;letter-spacing:.7px;text-align:center;color:#1b1b1b}
.homepage .advantages .content .container .advantages-side .advantage p:nth-child(3){font-size:16px;letter-spacing:1px;text-align:center;color:#9b9b9b}
.homepage .advantages .content .container .advantages-center{width:44%}
.homepage .advantages .content .container .advantages-center img,.homepage .advantages .content .container .advantages-center video{display:block;margin:auto}
.homepage .advantages .content .container .advantages-center img{max-width:265px!important}
.homepage .advantages .content .container .advantages-center video{border-radius:30px;width:240px;margin-top:-525px}
@media only screen and (max-width:1200px){.homepage .advantages .content .container{width:100%}
}
@media only screen and (max-width:900px){.homepage .advantages{height:auto;padding:50px 0 0}
.homepage .advantages .content{height:100%;width:90%}
.homepage .advantages .content .container .advantages-side{width:45%}
.homepage .advantages .content .container .advantages-center{order:-1;width:100%;margin-bottom:40px}
.homepage .advantages .content .container .advantages-center img{width:100%;max-width:300px}
.homepage .advantages .content .container .advantages-center video{display:none}
}

.timer{display:flex;margin:30px auto;letter-spacing:4px;opacity:0}
.timer.show{opacity:1}
.timer .dots{width:40px;font-size:46px;line-height:46px}
.timer #timer-hours,.timer #timer-minutes,.timer #timer-seconds,.timer .dots{text-align:center}
.timer #timer-hours span:first-of-type,.timer #timer-minutes span:first-of-type,.timer #timer-seconds span:first-of-type{font-size:46px}
.timer #timer-hours span:nth-of-type(2),.timer #timer-minutes span:nth-of-type(2),.timer #timer-seconds span:nth-of-type(2){font-size:12px}

.homepage .upgrade{padding-bottom:100px;background-color:#202020}
.homepage .upgrade>img{width:100%}
.homepage .upgrade .content{width:95%;max-width:1300px}
.homepage .upgrade .content h2{margin:10px 0;font-size:36px;font-weight:500;letter-spacing:1px;text-align:center;color:#fff}
.homepage .upgrade .content p:first-of-type{font-size:16px;font-weight:300;line-height:1.5;letter-spacing:1px;text-align:center;color:#fff}
.homepage .upgrade .content .plans{display:flex;justify-content:space-between;max-width:1300px;margin:70px auto}
.homepage .upgrade .content .plans .plan{display:flex;width:300px;height:400px;border-radius:3px;box-shadow:0 4px 16px 0 rgba(0,0,0,.302);background-color:#292928;text-align:center;transition:all .3s ease}
.homepage .upgrade .content .plans .plan:hover{background-image:url("../image/card.eb8ac59f.png")/**/;background-position:bottom;background-size:cover;transform:scale(1.08)}
.homepage .upgrade .content .plans .plan .left{width:100%}
.homepage .upgrade .content .plans .plan .left .bbhlink-big{margin:auto}
.homepage .upgrade .content .plans .plan .right{display:none;width:0}
.homepage .upgrade .content .plans .plan .right .bbhlink-big{padding:20px 16px}
.homepage .upgrade .content .plans .plan .right a{float:right}
.homepage .upgrade .content .plans .plan p:first-of-type,.homepage .upgrade .content .plans .plan p:nth-of-type(3){font-size:16px;font-weight:400;letter-spacing:.8px;text-align:center;color:#f90}
.homepage .upgrade .content .plans .plan p:first-of-type{margin-top:125px}
.homepage .upgrade .content .plans .plan p:nth-of-type(2){margin:0 0 40px;font-size:16px;font-weight:400;letter-spacing:.3px;color:#9b9b9b}
.homepage .upgrade .content .plans .plan span:first-of-type{width:144px;height:52px;font-size:44px;font-weight:500;letter-spacing:.7px;color:#fff}
.homepage .upgrade .content .plans .plan span:nth-of-type(2){width:55px;height:19px;font-size:16px;letter-spacing:.3px;color:#fff}
.homepage .upgrade .content .plans .plan.most-popular .tag{padding:4px 20px;width:185px;margin:20px 0 0 -10px;font-size:22px;font-weight:500;letter-spacing:.8px;text-align:center;color:#fff;background-color:#66b659}
.homepage .upgrade .content .plans .plan.most-popular p:first-of-type,.homepage .upgrade .content .plans .plan.most-popular p:nth-of-type(3){color:#66b659}
.homepage .upgrade .content .plans .plan.most-popular p:first-of-type{margin-top:72px}
@media only screen and (max-width:1400px){.homepage .upgrade .content{width:85%;max-width:1300px}
.homepage .upgrade .content .plans .plan{width:250px}
}
@media only screen and (max-width:1300px){.homepage .upgrade .content{width:90%}
}
@media only screen and (max-width:1200px){.homepage .upgrade .content{width:95%}
.homepage .upgrade .content .plans .plan{width:240px}
}
@media only screen and (max-width:1100px){.homepage .upgrade .content .plans .plan{width:230px}
.homepage .upgrade .content .plans .plan span:first-of-type{font-size:40px}
.homepage .upgrade .content .plans .plan p:nth-of-type(2){font-size:15px}
}
@media only screen and (max-width:1023px){.homepage .upgrade{padding-bottom:50px}
.homepage .upgrade>img{margin-bottom:50px}
.homepage .upgrade .content{width:90%}
.homepage .upgrade .content .plans{width:100%;max-width:450px;flex-direction:column}
.homepage .upgrade .content .plans .plan{width:100%;height:240px;margin:10px 0;text-align:left}
.homepage .upgrade .content .plans .plan:hover{background-image:none;transform:none}
.homepage .upgrade .content .plans .plan .left{width:80%}
.homepage .upgrade .content .plans .plan .right{display:block;width:20%;height:56px;margin:auto}
.homepage .upgrade .content .plans .plan p:first-of-type,.homepage .upgrade .content .plans .plan p:nth-of-type(2),.homepage .upgrade .content .plans .plan p:nth-of-type(3){text-align:left}
.homepage .upgrade .content .plans .plan p:first-of-type{margin:50px 0 10px 20px}
.homepage .upgrade .content .plans .plan p:nth-of-type(2){font-size:16px;margin:4px 0 10px 20px}
.homepage .upgrade .content .plans .plan p:nth-of-type(3){margin:0 0 0 20px}
.homepage .upgrade .content .plans .plan span:first-of-type{font-size:44px;margin:0 0 0 20px}
.homepage .upgrade .content .plans .plan.most-popular p:first-of-type{margin:30px 0 10px 20px}
.homepage .upgrade .content .plans .plan.most-popular .tag{width:160px;height:21px;padding:4px;margin:5px;font-size:18px}
.homepage .upgrade .content .plans .plan .left .bbhlink-big{display:none}
.homepage .upgrade .content .plans .plan .right .bbhlink-big img{margin:0}
}
.homepage .video{padding:100px 0;text-align:center;background-color:#fafafa}
@media only screen and (max-width:768px){.homepage .video .content iframe{width:100%;height:457px}
}
@media only screen and (max-width:1024px){.homepage .video .content iframe{width:100%}
}

@media only screen and (max-width:768px){.homepage .use-cases{display:none}
}
.homepage .footer,.homepage .start-your-free-week-now,.homepage .supported-platforms,.homepage .upgrade,.homepage .video{position:relative;z-index:8}

.maintenance{min-height:100vh;background-color:#1b1b1b;color:#fff;border:1px solid transparent}
.maintenance .content{margin:130px auto 0;text-align:center}
.maintenance .content .crane{height:350px;margin-top:90px}
.maintenance .content .crane #crane-img{display:block;width:275px;margin:auto}
.maintenance .content .crane #bbhpixels-2-img,.maintenance .content .crane #bbhpixels-3-img{position:absolute;width:250px}
.maintenance .content .crane #bbhpixels-2-img{margin:-210px -245px}
.maintenance .content .crane #bbhpixels-3-img{margin:-320px 50px}
.maintenance .content p{font-size:16px;font-weight:500;letter-spacing:.26px;color:#fff}
@media only screen and (max-width:768px){.maintenance .content{width:90%;margin-top:50px}
.maintenance .content .crane{height:300px}
.maintenance .content .crane #crane-img{width:200px}
.maintenance .content .crane #bbhpixels-2-img{width:150px}
.maintenance .content .crane #bbhpixels-3-img{width:120px}
.maintenance .content .crane #bbhpixels-2-img{margin:-120px -150px}
.maintenance .content .crane #bbhpixels-3-img{margin:-230px 40px}
}

.signup-promo .content .right .black-friday-image{position:relative;width:100%;max-width:475px;margin:auto}
.signup-promo .content .right .black-friday-image img{width:130%;float:right}
@media only screen and (max-width:1440px){.signup-promo .content .right .black-friday-image img{width:120%}
}

@media print{.wrapper{width:90%}
.topbar{position:absolute;-webkit-print-color-adjust:exact;color-adjust:exact}
.topbar .content{padding:0}
}