/* GENERAL STYLING */
@import url("https://use.typekit.net/dvf3opy.css");

::-webkit-scrollbar {width: 8px;background:#FFF;}
::-webkit-scrollbar-thumb {background:#2E83FF;}

::selection {background:#2E83FF;color:#FFF}
html {overflow-x:hidden;box-sizing:border-box}
body {margin:0;overflow-x:hidden;font-family:"filson-pro";background:#20262f}
a {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {margin:0;}

.overflow-unset { overflow-x: unset; }

.section {padding:100px 12%;background:#f9f9f9;position:relative;}
.section.offset {background:#f9f9f9;background: #F0F1F3}
.section-title {display:inline-block;color:#3D474F;font-size:50px;margin:0;font-weight: 400;}
/* END OF GENERAL STYLING */

/* SECURE LOADER */
.preloader {position:fixed;top:0;left:0;z-index:200000;height:100%;width:100%;background:#25303D;opacity:0;visibility:hidden;animation:preloader 6s;}
.preloader:after {position:absolute;content:"";top:0;left:0;height:100%;width:100%;background: url('https://cdn.discordapp.com/attachments/392916181557968897/398990679625170964/test-for-aoros.png') repeat 0 0;animation: 10s linear 0s normal none infinite background;z-index:0;filter:brightness(0%) invert(100%);opacity:0.1}
.preloader .group {position:absolute;width:100%;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);display:block;text-align:center}
.preloader .group .image {width:400px;margin:-150px -300px -75px;position:relative}
.preloader .group .bolded {color:#2E83FF}
.preloader .group .circles {margin:-20px 0 10px;animation:bob 1.25s infinite;display:none}
.preloader .group .circle {margin:10px 4px;height:20px;width:20px;border-radius:50px;background:rgba(0,0,0,0.2);display:inline-block}
.preloader .group .title {font-size:28px;color:#FFF;font-weight:bold;position:relative;z-index:1}
.preloader .group .info {font-size:16px;color:#F3F3F3;position:relative;z-index:1}
.preloader .group .time {font-size:18px;color:#F7F9FB;margin:-10px 0 20px;position:relative;z-index:1}
.preloader .group .ddos {margin-bottom:-6px;color:#E0E5EC;font-size:15px;position:relative;z-index:1}
.preloader .group .rayid {margin:4px 0;color:#FFF;font-size:18px;position:relative;z-index:1}

@keyframes preloader {0%,80% {visibility:visible;opacity:1}}
@keyframes bob {
  0% {transform: translateY(-16px);}
  50% {transform: translateY(-8px);}
  100% {transform: translateY(-16px);}
}
/* END OF SECURE LOADER */

/* NAVBAR */
.navbar {position:fixed;transition:0.5s; z-index:99;top:10px;left:0;width:100%;background:transparent;animation: navbar 3.5s;text-transform:capitalize}
.navbar .left {float:left;padding:22px 0 22px 8%;display:inline-flex;transition:0.5s;}
.navbar .left .name {font-size:28px;color:#fff;text-decoration:none !important;position:relative;transition:0.5s;}
.navbar .left .name span {font-weight:bold;margin-left:-4px}
.navbar .left .logo {transition:0.5s;height:200px;margin:-100px -60px -100px 0;position:relative;bottom:10px;right:4px;filter: brightness(100%) invert(0%); }
.navbar .left .sep {color:#FFF;font-size:28px;position:relative;bottom:2px;left:20px;}
.navbar .login-info {line-height:36px;margin-left:50px;position: relative;display: flex; align-items: center; }
.navbar .login-info:before { position: relative; content: ""; top: 0; height: 40px; width: 2px; background: rgba(0,0,0,0.1); display: block; margin-right: 10px; }
.navbar .login-info .link {color:#3D474F;font-weight:400;display:flex;align-items: center;}
.navbar .login-info .link .user-profile { height: 25px; width: 25px; margin-right: 12px; background: no-repeat center center; background-size:cover;border-radius: 50%;}
.navbar .right {float:right;padding:30px 8% 30px 0;display:inline-block;transition:0.5s;}
.navbar .link {color:#6F7B8F;font-size:16px;margin:0 16px;transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);position:relative; font-weight: 200;}
.navbar .link.active {color:#3D474F;font-weight:400;}
.navbar .link:hover {width:100%;color:#3D474F}
.navbar .link.login { padding: 10px 24px; color: #2E83FF; font-weight: 300; border: solid 2px #2E83FF; position: relative; z-index: 1; transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.navbar .link.login:before { position: absolute; content: ""; bottom: 0; left: 0; height: 0; width: 100%; background: #2E83FF; z-index: -1; transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.navbar .link.login:hover { color: #FFF; }
.navbar .link.login:hover:before { top: 0; height: 100%; }
.navbar .bar {color:#3D474F;font-size:24px;padding:20px;transition:0.5s;display:none;width:max-content}
.navbar .bar:hover {transform:scale(1.1)}

.navbar.active {background:#20262f;top:0;padding:0;}
.navbar.active .left .logo { filter: brightness(0%) invert(100%); }
.navbar.active .right .link, .navbar.active .login-info .link {color:rgba(255,255,255,0.75);}
.navbar.active .login-info:before { background: rgba(255,255,255,0.15); }
.navbar.active .right .link:before {background:#2E83FF}
.navbar.active .right .link.active { color: #FFF; }
.navbar.active .link.login { border-color: #2E83FF; color: #FFF; }
.navbar.active .link.login:hover { border-color: #2E83FF; color: #FFF; }
.navbar.active .bar { color: #FFF; }

.full-nav {position:fixed;left:0;top:0;height:100%;width:100%;background:#20262f;transition:0.5s;z-index:50;transform:translateY(-300px);opacity:0;padding:70px 10%;overflow-y:scroll}
.full-nav .link {color:#fff;font-size:18px;padding:10px;margin:10px 0;text-decoration:none !important;transition:0.5s;display:block;position:relative;text-align:left !important}
.full-nav .link:before {position:absolute;content:"";top:50%;left:-8px;transform:translateY(-50%);height:1.5px;background:white;width:16px;transition:0.5s;opacity:0;visibility:hidden}
.full-nav .link:hover:before {left:-28px;opacity:1;visibility:visible;width:32px;}
.full-nav .link:hover {margin-left:20px;font-weight:bold}
.full-nav .sep {width:calc(100% - 60px);border:none;border-top:solid 2px rgba(255,255,255,0.2);margin-left:0;}
/* END OF NAVBAR */

/* HOME */
.home {height:100vh;padding:0 12%;text-align:center;background:#FFF;}
.home .main {display:block;z-index:2;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;width:100%;}
.home .site-image {position:absolute;top:68%;left:0;right:0;margin:0 auto;width:60%;z-index:1;border-radius:10px;box-shadow:0 20px 75px rgba(49, 128, 244,0.25)}
.home .main .group {text-align:center;margin: 0 auto; max-width: 700px; }
.home .main .group .logo {height:150px;margin:0 0 50px;}
.home .main .group .title {font-size:40px;color:#3D474F;font-weight:500}
.home .main .group .text {font-size:18px;color:#6F7B8F;margin:16px 0 42px;}

.btn.primary { padding: 16px 32px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 1.75px; color: #2E83FF; border: solid 2px #2E83FF; display: inline-block; position: relative; z-index: 1; transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.btn.primary:before { position: absolute; content: ""; bottom: 0; left: 0; height: 0; width: 100%; background: #2E83FF; z-index: -1; transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.btn.primary:hover {  color: #FFF; }
.btn.primary:hover:before { height: 100%; top: 0; }

.btn.white { color: #FFF; border-color: rgba(0,0,0,0.15); }
.btn.white:before { background: #FFF; }
.btn.white:hover { color: #2E83FF; border-color: transparent; }



.other-home {height:100%}
.other-home .main {position:relative;left:0;right:0;top:0;transform:translate(0);padding:150px 0 125px}
.other-home .main .group {margin-right:0;max-width:100%;}
.other-home .main .group .subtitle { font-size: 22px; color: #6F7B8F; margin: 16px 0 0; font-weight: 300; }
/* END OF HOME */

/* ABOUT */
.about {text-align:left;z-index:2}
.about .section-title strong {font-size:54px;margin:0 4px;}
.about .main {padding:50px 0 25px;}
.about .main .info {color:#6F7B8F;width:50%;display:inline-block;font-weight: 300; line-height:26px;}
.about .main span.info {margin-top:50px;font-weight:400;color:#3D474F;text-align: left}
.about .image {position:absolute;right: -100px;bottom: 50%;transform:translateY(50%);z-index: 2;height: 350px;box-shadow:0 16px 72px rgba(0,0,0,0.05), 0 -16px 72px rgba(0,0,0,0.05);}
/* END OF ABOUT */

/* FEATURES */
.features {text-align:center;position:relative;overflow:hidden;}
.features .main {padding:50px 0 75px;}
.features .main .feature {display:inline-table;padding:30px 20px;width:calc(33.33% + -60px);margin:20px 4px;}
.features .main .feature .icon {color:#97CBFF;font-size:36px;margin-bottom:24px;width:100px;padding:32px 0;text-align:center;background:#FFF;border-radius:50%;box-shadow:0 8px 70px rgba(0,0,0,0.04);}
.features .main .feature .title {color:#3D474F;font-weight:400;font-size:28px;margin-bottom:10px}
.features .main .feature .text {color:#6F7B8F;font-size:16px;font-weight: 300;}
/* END OF FEATURES */

/* MORE INFO */
.more-info {text-align:center;}
.more-info .section-title strong {font-size:60px;margin:0 4px;}
.more-info .main {padding:30px 0 25px;position:relative;z-index:2;}
.more-info .main .info {color:#6F7B8F;width:60%;display:inline-block;font-weight: 300;}
.more-info .main .feature {display:inline-block;background:#FFF;padding:30px 20px;width:calc(33.33% + -80px);margin:20px 10px;}
.more-info .main .feature .icon {color:#1B7DBC;font-size:60px;margin-bottom:20px;}
.more-info .main .feature .title {color:#25303D;font-weight:bold;font-size:32px}
.more-info .main .feature .text {color:#777;font-size:18px;}
.more-info .image {position:relative;bottom: 175px;margin-bottom:-120px; z-index: 1;height: 430px;box-shadow:0 16px 72px rgba(0,0,0,0.05)}
/* END OF MORE INFO */

/* REVIEWS */
.reviews {text-align:center;}
.reviews .main {padding:50px 0 0}
.reviews .review {position:relative;overflow:hidden;z-index:1;height:0;margin:0;padding:0;opacity:0; transition:opacity 0.8s;}
.reviews .review.active {color:#777;background:#FFF;text-align:center;height:auto;margin:20px 16%;padding:40px 40px;opacity:1;}
.reviews .review .icon {height:100px;display:inline-block;transition:0.5s;position:relative}
.reviews .review .group {display:inline-block;text-align:center;}
.reviews .review .text {font-size:17px;}
.reviews .review .author {font-size:18px;margin:16px 0 0;display:inline-table;color:#555;font-weight:400;}
.reviews .review .author a {color:#555;}
.reviews .selector {display:inline-flex;margin:16px 0 0}
.reviews .selector .option {width:15px;height:15px;background:rgba(0,0,0,0.15);margin:0 4px;max-width:100%;transition:0.5s;border-radius:50%;}
.reviews .selector .option:hover {background:rgba(0,0,0,0.3)}
.reviews .selector .option.active {background:#2E83FF}
/* END OF REVIEWS */

/* ABOUT-INFO */
.about-info {text-align:left;display:inline-flex;}
.about-info .main {display:inline-table;width:70%;}
.about-info .section-title {margin-bottom:16px}
.about-info .main .info {color:#6F7B8F;display:inline-block;line-height: 26px;}
.about-info .main .about-list {text-align:center;margin-top:25px;margin-bottom:25px; -webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start: 0;}
.about-info .main .about-list .info {list-style-type:none;display:inline-block;text-align:center;margin:20px 20px;}
.about-info .main .about-list .info .icon {font-size:28px;color:#FFF;width:84px;padding:28px 0;text-align:center;background:#2E83FF;border-radius:50%;transition:0.5s;}
.about-info .main .about-list .info .title {font-size:20px;color:#25303D;margin-top:16px;font-weight:400;}
.about-info .main .small-info {color:#25303D;margin-top:32px; text-align: left}
.about-info .main .small-info strong { font-weight: 500; }
.about-info .twitter-feed {width:33%;margin-left:50px;height:650px;overflow-y:scroll}
/* END OF ABOUT-INFO */

/* STATS */
.stats {background:#FFF;text-align:center;padding-top:75px;padding-bottom:75px}
.stats .stat {display:inline-block;width:25%;margin:20px;}
.stats .stat .number {margin:10px auto;width:110px;font-size:25px;padding:37.5px 0;color:#FFF;text-align:center;border-radius:50%;display:block;background:#2E83FF;}
.stats .stat .title {margin:24px 0 0;color:#3D474F;font-size:22px;font-weight:400}
/* END OF STATS */

/* PARTNERS */
.partners {text-align:center;padding:100px 8%}
.partners .main .partner {padding:0;margin:20px 10px;width:calc(25% + -25px);background:#FFF;text-align:center;overflow:hidden;display:inline-table;}
.partners .main .partner .banner {width:100%;height:100px;object-fit:cover;transition:0.5s;}
.partners .main .partner .banner:hover {transform:scale(1.2)}
.partners .main .partner .name {font-size:18px;color:#FFF;background:#2E83FF;font-weight:400;padding:20px 0 24px;margin:-6px 0;position:relative;z-index:1;}
/* END OF PARTNERS */

/* SUPPORT */
.support {text-align:left;padding-bottom:150px;}
.support .main {display:inline-table;width:60%;}
.support .section-title {margin-bottom:50px}
.support .main .info {color:#777;display:inline-block}
.support .main .about-list {text-align:center;margin-top:25px;margin-bottom:25px; -webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start: 0;}
.support .main .about-list .info {list-style-type:none;display:inline-block;text-align:center;margin:20px 26px;}
.support .main .about-list .info .icon {font-size:50px;color:#FFF;width:100px;padding:25px 0;text-align:center;background:#2E83FF;border-radius:50%;transition:0.5s;}
.support .main .about-list .info .icon:hover {box-shadow:0 0 20px rgba(0,0,0,0.2), 0 0 0 5px #F3F3F3, 0 0 0 8px #4DDC66}
.support .main .about-list .info .title {font-size:24px;color:#666;margin-top:10px;font-weight:bold;}
.support .main .small-info {font-weight:bold;font-style:italic;color:#444;margin-top:50px;}
.support .form {width:100%}
.support .socials {display:inline-table;width:calc(40% + -80px);text-align:right;float:right;background:white;margin-left:60px;position:relative;top:130px;position: sticky;}
.support .socials .title {padding:30px 20px;background:#2E83FF;color:#FFF;font-size:24px;display:list-item;list-style-type:none}
.support .socials .title .left {float:left}
.support .socials .title .right {float:right}
.support .socials .text {padding:20px;color:#777;font-size:18px;text-align:left}
.support .socials .text .icon {color:#2E83FF;margin-right:8px;}
.support .socials .text .social {margin:10px 0 20px;color:#6F7B8F;transition:0.5s;border-left:solid 2px transparent;}
.support .socials .text .social:hover {padding-left:10px;border-color:#2E83FF}
/* END OF SUPPORT */

/* STORE */
.store {text-align:center}
.store .product {width:calc(50% +  -34px);display:inline-table;margin:20px 16px;background:white;text-align:center;transition:0.5s;}
.store .product:hover {box-shadow:0 5px 40px rgba(49, 128, 244,0.05)}
.store .product .head {padding:75px 20px;background:#2E83FF;}
.store .product .head .title {margin:0 0 16px;color:#FFF;font-size:28px;font-weight:400;}
.store .product .head .price {color:rgba(255,255,255,0.75);font-size:18px;display:inline-block;position:relative;font-weight: 300;line-height: 30px;}
.store .product .head .price span {font-size:20px;color:rgba(255,255,255,0.9);font-weight: 400;}
.store .product .body {padding:20px 20px 30px;}
.store .product .body .feature {color:#3D474F;font-size:16px;border-bottom:solid 2px rgba(0,0,0,0.05);padding:12px 0}
.store .product .body .info {margin:32px 0 0;color:#6F7B8F;font-size:14px; font-style: italic}
.store .product .body .btn {margin:32px 20px 0;background:#2E83FF;padding:16px 32px;color:#FFF;display:block;font-size:14px;text-transform:uppercase;letter-spacing:1.75px;transition:0.5s}
.store .product .body .btn:hover {background:#286CCF}
/* END OF STORE */

/* MEDIA PAGE */
.media {text-align:center}
.media .youtube {height:350px;width:45%;display:inline-block;margin:20px;}
/* END OF MEDIA PAGE */

/* LOGIN / REGISTER */
.login-before { padding: 25px 12% 0;margin-bottom: -50px;}
.section.login {text-align:center; background: #FFF !important;padding: 0 12% 175px;}
.form {width:50%;display:inline-block;text-align:left;}
.form-item {margin:10px 0;position:relative;overflow:hidden;}
.form-item .dropdown { position: absolute; top: calc(50% - 2px); transform: translateY(-50%); right: 32px; color: rgba(61, 71, 79,0.39); }
.form-item::after {position:absolute;content:"!";top:14px;right:20px;background:#EC574E;color:#FFF;padding:8px 10px;border-radius:0;box-shadow:0 0 20px rgba(0,0,0,0.1);transform:translateX(100px);transition: 0.5s;}
.form-item.error::after {transform:translateX(0);}
input[type=text], input[type='email'], input[type='password'], textarea, select {position:relative;width: 100%;padding: 16px 24px;margin:6px 0 12px 0;box-sizing: border-box;transition: 0.5s;background-color: #FFF;color:rgba(61, 71, 79,0.39);font-size:16px;border-radius:0px;position:relative;font-family:inherit;-webkit-appearance: none;background: transparent;border:none; box-shadow: 0 0 0 1.5px rgba(111, 123, 143,0.2) inset; }
input[type='text']:hover, textarea:hover, input[type='email']:hover, input[type='password']:hover, select:hover, textarea:hover {box-shadow: 0 0 0 1.5px rgba(111, 123, 143,0.35) inset;}


input[type='text']:focus, input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type]:focus, select:focus, textarea:focus {outline: none;box-shadow: 0 0 0 1.5px rgba(111, 123, 143,0.2) inset, 0 -1.5px #2E83FF inset; color:#3D474F !important;}
input[disabled] {cursor:not-allowed !important;border-bottom:transparent !important}
input::placeholder, textarea::placeholder {color:rgba(61, 71, 79,0.39);transition:0.5s;}
input:focus::placeholder {}
.submit-form {display:inline-table;position:relative;margin:10px 0 0;text-align:center;width:100%}
.submit-form input {color:#fff !important;font-size:14px;background:#2E83FF;padding:16px 32px;text-decoration:none !important;transition:0.5s;display:inline-table;border:none;-webkit-appearance: none;border-radius:0px ;cursor:pointer;width:100%; text-transform: uppercase; letter-spacing: 1.75px;}
.submit-form:hover input {background:#286CCF}
.submit-form input:focus {color:#FFF !important;border-radius:50px}
.login .error-message {margin-bottom:10px;display:block;color:#EC574E;font-size:18px;height:0;opacity:0;visibility:hidden;transition:0.5s;}
.login .error-message.active {height:100%;opacity:1;visibility:visible}
.login .quick-links {margin-top:30px;font-size:16px;color:#555;text-align:center}
.login .quick-links .link {color:#6F7B8F;transition:0.5s;display:block;font-weight: 300;}
.login .quick-links .link:hover {color:#3D474F;}
.login .quick-links .link.forgot {float:left}
.login .quick-links .link.register {float:right}
/* END OF LOGIN / REGISTER */

/* MY ACCOUNT */
.account {text-align:left;display:inline-flex;padding:100px 8%;width:calc(100% + -16%)}
.account-info .box {min-height:700px}
.account .box {background:#FFF;margin:20px;padding:0;height:100%;position: sticky;top:120px;}
.account .side-box {width:33%;}
.account .main-box {width:70%}
.account .box .head {padding:30px 40px;background:#2E83FF;color:#FFF;font-size:24px;}
.account .box .head .box-title { font-weight: 400; }
.account .box .body {padding:30px 40px;}
.account .download {padding:16px 32px;text-align:center;display:inline-table;margin:10px 0;color:#FFF;z-index:1;position:relative;font-size:18px;transition:0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);width:calc(100% - 64px);background:transparent;box-shadow:0 0 0 2px #2E83FF inset;color:#2E83FF}
.account .download:before { position: absolute; top: 0; width: 100%; left: 0; height: 0; background: #2E83FF; z-index: -1; transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); content: ""; }
.account .download:hover {box-shadow:0 0 0 2px #2E83FF inset;color:#FFF;}
.account .download:hover:before { top: unset; bottom: 0; height: 100%; }
.account .box .body .body-title {font-size:22px;color:#3D474F;margin:8px 0 16px;font-weight:400;}
.account .box .body .text {color:#6F7B8F;margin:8px 0 20px;font-size:16px;}
.account .box .body .sep {border:none;border-top:solid 1.5px rgba(0,0,0,0.1);margin:30px 0;}
.account .checklist {margin:30px 0 20px;}
.account .checks {color:#6F7B8F;margin:10px 0;}
.account .checks .fa-check {color:#2E83FF}
.account .pin {display:flex;margin:5px 0; text-align: left; align-items: stretch; width: 100%;}
.account .pin .generate {background:#52C189;color:#FFF;padding:16px 32px;font-size:14px;transition:0.5s;display:inline-block;text-transform: uppercase;letter-spacing: 1.75px;}
.account .pin .generate:hover {background:#44A373}
.account .pin .output {color:#6F7B8F;font-size:18px;margin:0 24px 0 0;width:calc(100% - 300px);padding: 14px 24px;display:block;box-shadow: 0 0 0 1.5px rgba(111, 123, 143,0.2) inset;}
.account .info {color:#6F7B8F;display:block;margin:8px 0;font-size:17px;border-bottom:solid 1.5px rgba(0,0,0,0.1);padding:5px 0 10px;}
.account .info strong { font-weight: 500; }
.account .form {display:inline-flex;width:100%}
.account .submit-form {width:38%;margin:6px 0 12px}
.account .submit-form input {padding:16px 30px;font-size:18px}
.account .form-item {margin:0 20px 0 0;width:50%}
.account .box input[type=text] {/*background:rgba(0,0,0,0.05);*/padding:14px 12px  !important}
.account .update-ip {display:block}
.account .update-ip .form-item, .account .update-ip .submit-form {width:100%}
.account .update-ip .submit-form input {padding:14px 30px;font-size:16px}

.account .recent-scans {}
.account .recent-scans .results {display:inline-flex;width:100%}
.account .recent-scans .results .result {width:100%;}
.account .status {display:inline-block;height:14px;width:14px;margin:0 0 0 8px;background:#2E83FF;position:relative;top:1px;border-radius:50%}
.account .recent-scans .info:nth-last-of-type(1) {border-color:transparent}
.account .scan-view-more, .account .user-view-more {background:#2E83FF;color:#FFF !important;padding:12px 24px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;transition:0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);display:inline-block;cursor:pointer;margin:6px 0}
.account .scan-view-more:hover, .account .user-view-more:hover {background:#286CCF}

.pass {background:#29d16c !important}
.fail {background:#fe5555 !important}
.possible {background:#ffba00 !important}

.responsive-table {overflow-x:auto;}
.responsive-table::-webkit-scrollbar {width: 8px;background:inherit;height:6px}
.responsive-table::-webkit-scrollbar-thumb {background:#2E83FF;}

.bans-list {width:100%}
.staff.bans-list .bans .user-lookup {margin:0 0 12px}
.box.bans {width:100%}
.bans table {border-collapse:collapse;width:100%}
.bans table tbody {width:100%}
.bans tr:nth-of-type(1) {width:100%;border-bottom:solid 2px rgba(0,0,0,0.15)}
.bans th {color:#3D474F;font-size:18px;padding:10px 20px 20px;font-weight: 500;}
.bans tr.scanned {border-bottom:solid 2px rgba(0,0,0,0.05);width:100%;display:none;animation:scanned 1s}
.bans tr.scanned.active {display:table-row;animation:scanned 1s}
.bans tr.scanned.active:nth-last-of-type(1) {border-bottom:none}
.bans td {padding:12px 20px 10px;width:20%}
.bans td .info {border-bottom:none;width:max-content}
.bans td .status {margin-left:0}
.bans td.view-results {width:100%;padding-right:20px}
.bans td.view-results .scan-view-more, .bans td.view-results .user-view-more {float:right}
.bans .selectors {margin:30px auto 10px;text-align:center;}
.bans .option {color:#777;padding:6px 12px;display:inline-grid;font-size:18px;cursor:pointer;transition:0.5s;margin:2px}
.bans .option:hover {color:#2E83FF;}
.bans .option.current {color:#2E83FF;box-shadow:0 0 0 1.5px #2E83FF inset;}
@keyframes scanned {0% {opacity:0;}}

.staff .box.alerts .body {overflow-y:auto;height:100%;max-height:950px}
.staff .box.alerts .body::-webkit-scrollbar {width: 6px;background:rgba(0,0,0,0.1)}
.staff .box.alerts .body::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.1);height:50%}
.staff .box.alerts {width:40%}
.staff .box.alerts .alert {width:auto;display:block;margin:16px 0;box-shadow:0 0 0 2px rgba(111, 123, 143,0.2) inset, 2px 0 #2E83FF inset;padding:16px 24px;text-align: left;}
.staff .box.alerts .alert .info {border-bottom:none;padding:0;margin:0;font-size:16px}
.staff .box.alerts .alert .author {color:#3D474F;margin:6px 0 0;font-size:17px;font-weight:500}
.staff .bans th {padding:10px 4px 20px}
.staff .bans td {padding:4px 4px 2.5px !important}
.staff .bans tr.scanned.active:nth-last-of-type(1) {border-bottom:solid 2px rgba(0,0,0,0.1)}
.staff .bans .user-lookup {margin:24px 0 16px;display:inline-flex}
.staff .bans .form-item {margin:0 -30px 0 0;width:70%}
.staff .bans input[type=text] {border-bottom:none !important;padding-left:20px !important;}
.staff .bans .submit-form {width:calc(30% + 30px);margin-left: 72px;}
.staff .bans .submit-form input {padding:16px 24px;font-size:16px;}

.admin .box {min-height:520px}
.admin .main-box {width:60%}
.admin .side-box {width:40%}
.admin .info {border-bottom:none;font-size:18px}
.admin .form {display:block}
.admin .form .form-item, .admin .form .submit-form {width:100%;}
.admin .form .submit-form {margin:16px 0 0}
.admin .form .submit-form input {font-size:16px}
.admin .form.add-account .submit-form {display:inline-flex}
.admin .form.add-account .submit-form input {width:70%;}
.admin .form.add-account .submit-form .pin-result {color:#777;font-size:18px;width:30%;margin-left:30px;line-height:46px;text-align:center}
.admin .form textarea {height:175px}
/* END OF MY ACCOUNT */

/* RESULT POPUP */
.overlay.active {opacity:1;visibility:visible}
.popup.active {opacity:1;visibility:visible;transform:translate(-50%,-50%)}

.overlay {position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.75);z-index:10000;transition:0.5s;opacity:0;visibility:hidden}
.popup {position:fixed;top:50%;left:50%;transform:translate(-50%,100%);width:50%;height:auto;text-align:center;z-index:10005;transition:0.5s cubic-bezier(0.86, 0, 0.07, 1);opacity:0;visibility:hidden}
.popup .header {padding:30px 10%;background:#286CCF;}
.popup .header .name {font-size:24px;color:#FFF;}
.popup .body {background:#FFF;padding:30px 10%;text-align:left}
.popup .body .info {color:#777;display:block;margin:12px 0;font-size:17px;}
.popup .body .info strong { font-weight: 500; }
.popup .body .sep {border:none;border-top:solid 2px rgba(0,0,0,0.1);margin:20px 0;}
.popup .body .btn-close {background:#2E83FF;color:#FFF !important;padding:16px 32px;font-size:14px;text-transform:uppercase;letter-spacing:1.75px;transition:0.5s;display:block;cursor:pointer;margin:30px auto 10px;width:50%;text-align:center}
.popup .body .btn-close:hover {background:#286CCF}

.result-popup .btn {display:inline-block;width:calc(33.33% + -70px);margin:10px;padding:12px 24px;color:#FFF;background:#2E83FF;font-size:16px;text-align:center;cursor:pointer;transition:0.5s;}
.result-popup .btn:hover {background:#286CCF}
.result-popup .btn:nth-of-type(1) {margin-left:0}
.result-popup .btn-suspend {background:#ffba00}
.result-popup .btn-suspend:hover {background:#F3B200}
.result-popup .btn-terminate {background:#fe5555}
.result-popup .btn-terminate:hover {background:#E03636}
/* END OF RESULT POPUP */

/* CHECKOUT */
.checkout {text-align:left;display:block;padding:100px 8%;width:calc(100% + -16%);margin:0 auto}
.checkout .box {background:#FFF;margin:20px auto;padding:0;border-radius:5px;height:100%}
.checkout .side-box {width:33%;}
.checkout .main-box {width:70%}
.checkout .box .head {padding:30px 40px;background:#2E83FF;color:#FFF;font-size:24px;border-top-left-radius:5px;border-top-right-radius:5px}
.checkout .box .body {padding:30px 40px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden}

.checkout .product.deleted {transform:translateX(140%);transition-delay:0.25s;padding:0;height:0;margin:0;}
.checkout .product {width:auto;padding:30px 30px 60px;border-radius:5px;background:rgba(0,0,0,0.05);margin:20px 0;border-left:solid 5px #2E83FF;transition:0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.checkout .product .left {float:left;display:flex}
.checkout .product .right {float:right;display:flex}
.checkout .product .title {color:#777;font-size:18px;font-weight:normal}
.checkout .product .price {color:#666;font-size:18px;font-weight:bold;margin-right:30px}

.checkout .final-price {margin:10px 20px;display:block;text-align:right}
.checkout .final-price .right {font-size:18px;margin-bottom:16px}
.checkout .final-price .text {display:inline-block;margin:0}
.checkout .final-price .price {display:inline-block;color:#666;font-weight:bold}

.checkout .product .remove-item {position:relative;top:1px;transform:scale(0.9)}
.checkout .product .remove-item .bar {display:block;width:30px;height:2.5px;background:#FF5D5D;margin:10px 0;transition:0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.checkout .product .remove-item .bar:nth-of-type(1) {transform:rotate(45deg)}
.checkout .product .remove-item .bar:nth-of-type(2) {transform:rotate(-45deg);margin:-12px 0}
.checkout .product .remove-item:hover .bar, .checkout .product.deleted .remove-item .bar {transform:rotate(0deg) translateY(12.5px);margin:-2px 0;}

.checkout .download {padding:16px 40px;text-align:center;background:#156394;display:inline-table;margin:10px 0;border-radius:5px;color:#FFF;font-size:18px;transition:0.5s;width:calc(50% + -95px)}
.checkout .download.windows {margin-right:20px;}
.checkout .download.mac {background:transparent;box-shadow:0 0 0 3px #1B7DBC inset;color:#1B7DBC}
.checkout .download.mac:hover {box-shadow:0 0 0 3px #1B7DBC inset;background:#1B7DBC;color:#FFF;border-radius:5px}
.checkout .download:hover {border-radius:50px;box-shadow:0 0 50px rgba(0,0,0,0.2);}
.checkout .box .body .body-title {font-size:22px;color:#666;margin:8px 0 16px;}
.checkout .box .body .text {color:#777;margin:8px 0 20px;font-size:16px;}
.checkout .box .body .sep {border:none;border-top:solid 2px rgba(0,0,0,0.1);margin:30px 0;width:100%}
/* END OF CHECKOUT */

/* TOS */
.tos .text {margin-bottom:40px;color:#555;font-size:24px;font-weight:bold;}
.tos .title {color:#25303D;font-size:24px;font-weight:bold;}
.tos .info {color:#777;font-size:17px;}
.tos .info-text {margin:20px 0 0;color:#555;font-size:16px;font-weight:bold;font-style:italic;text-align:center}
/* END OF TOS */

/* CONTACT NOW */
.contact-now {position:relative;overflow:hidden;text-align:center;padding:100px 0}
.contact-now:before {position:absolute;top:0;left:0;content:"";height:100%;width:100%;background:#2E83FF}
.contact-now .main {position:relative;z-index:2;}
.contact-now .main .text {font-size:24px;color:#FFF;font-weight: 400;margin-bottom: 32px;}
/* END OF CONTACT NOW */

/* FOOTER */
footer {padding:100px 12%;background:#20262f;position:relative;z-index:4;}
footer .column {display:inline-table;width:calc(20% - 40px);margin:0 20px 0 0;}
footer .column.right {text-align:right;margin-right:0;float:right}
footer .column.web-info {width:calc(60% + -80px);text-align:left;}
footer .socials {margin:30px 4px -20px;text-decoration:none !important;color:#FFF;background:#2E83FF;padding:7.5px 0;width:40px;font-size:20px;border-radius:50%;display:inline-table;text-align:center;border:solid 2px transparent;transition:0.5s;}
footer .socials:hover {color:#2E83FF;border-color:#2E83FF;background:transparent;}
footer .column .info.icons-brands {margin-top:10px;}
footer .column .website-name {color:#fff;font-size:30px;font-weight:400;}
footer .column .info {color: rgba(255,255,255,0.75);font-size:17px;width:75%;margin-top:5px;}
footer .column .info i { color: #97CBFF; }
footer .column .title {font-size:14px;color:rgba(255,255,255,0.6);font-weight:400;text-transform: uppercase;letter-spacing: 1.5px;margin: 0 0 14px;}
footer .column .link {display:block;text-align:right;text-decoration:none !important;color:rgba(255,255,255,0.75);transition:0.5s;margin:6px 0px;font-size:16px;}
footer .column .link .icon {font-size:16px;margin:0 2px;}
footer .column .link:hover {color:#fff;}
footer .copyright {color:white;margin-top:75px;display:inline-block;width:100%;}
footer .copyright .left {float:left;font-size:14px;color:rgba(255,255,255,0.75)}
footer .copyright .right {float:right;font-size:14px;}
footer .copyright .right .footer-logo {height:50px;margin:-25px -8px;position:relative;top:-5px;left:2.5px}
/* END OF FOOTER */

/* MEDIA QUERIES */
@media only screen and (max-height:700px) {
  .popup {width:65%}
}
@media only screen and (max-height:640px) {
  .popup {height:75%}
  .popup .body {height:68%;overflow-y:scroll;}
}
@media only screen and (max-width:1400px) {
  .home .main .group {margin-top:70px;}
  .other-home .main .group {margin-top:20px}
  .navbar .right {padding-left:0 !important}
  .navbar .left {padding-right:0 !important;}
}
@media only screen and (max-width:1300px) {
  .about .image {height:300px;top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:1250px) {
  .features .main .feature {width:calc(50% + -50px);margin:20px 4px;}
  .more-info .main .info {width:75%}
  .partners .main .partner {width:calc(33% + -25px)}
  .media .youtube {width:100%;margin:20px 0;}
}
@media only screen and (max-width:1207px) {
  .navbar .right, .navbar .left {display:none}
  .navbar .bar {display:block}
  .form {width:50%}
}
@media only screen and (min-width:1207px) {
  .full-nav {visibility:hidden !important;opacity:0 !important;transform:translateY(-300px) !important}
}
@media only screen and (max-width:1140px) {
  .support .main {width:50%}
  .support .socials {width:calc(50% + -80px)}
}
@media only screen and (max-width:1101px) {
  .features .main .feature {width:100%;margin:20px 0;padding:0;}
  
  .account .download {width:calc(100% + -80px);margin-right:0 !important;}
}
@media only screen and (max-width:1035px) {
  .home .main .group {margin-right:0;}
  .about {text-align:center}
  .about .main .info { margin-bottom: 14px; }
  .about .main span.info { margin: 0 0 24px; text-align: center; }
  .about .image {height:400px;position:relative;top:0;left:0;right:0;bottom:0;transform:translateY(0)}
  .about .main .info {width:100%;margin-bottom:50px;}
  .more-info .main .info {width:100%}
  .about-info {display:inline-block;text-align:center}
  .about-info .main {width:100%;}
  .about-info .twitter-feed {width:100%;margin-left:0;margin-top:100px}
  
  .account, .checkout {display:block;padding:50px 8%}
  .account .box {width:100% !important;margin:40px 0;min-height:unset !important;position: static !important;}
  .checkout .main-box {width:100%;margin:20px 0;}
  
  footer .column.right {width:calc(25% - 40px);}
}
@media only screen and (max-width:965px) {
  .home .main {display:inline-block;text-align:center}
  .home .main .logo {height:250px;margin-bottom:-100px}
  .home .main .group {text-align:center}
  .more-info .image {height:auto;width:90%}
  .partners .main .partner {width:calc(50% + -25px)}
}
@media only screen and (max-width:950px) {
  .section, .section.login {padding-left:8%;padding-right:8%}
  .reviews .review.active {margin:20px 8%}
  .stats .stat {width:40%}
}
@media only screen and (max-width:878px) {
  .about .image {height:auto;width:90%}
  .reviews .review.active {margin:20px 0}
  .form {width:65%}
}
@media only screen and (max-width:830px) {
  .support .main, .support .socials {display:block;width:100%;float:none}
  .support .socials {top:0;margin-left:0;margin-top:75px;margin-bottom:-25px;}
  .popup {width:80%}
}
@media only screen and (max-width:768px) {
  .store .product {width:100%;margin:20px 0;}
  .contact-now {padding-top:75px;padding-bottom:75px}
  .contact-now .main .btn {margin-left:0}
  .form {width:100%}
  footer {text-align:center;padding-top: 75px;padding-bottom: 75px;}
  footer .copyright {display:block;text-align:center;margin:20px 0 10px}
  footer .copyright .left {float:none}
  footer .copyright .right {float:none;margin: 14px 0 0;}
  footer .column.web-info {width:100% !important;}
  footer .socials {margin-bottom:10px}
  footer .column {width:calc(50% - 15px) !important;margin:6px 0;text-align:center !important}
  footer .column.right {float:none;text-align:center}
  footer .column .link {text-align:center}
  footer .column .info {width:100%}
  footer .copyright {margin-top:20px}
}
@media only screen and (max-width:700px) {
  .home {height:100%}
  .home .main {position:relative;left:0;right:0;top:0;transform:translate(0);padding:50px 0;}
  .other-home .main {padding:100px 0 75px}
  .partners {padding-top:50px;padding-bottom:50px;}
  .partners .main .partner {width:100%;margin:20px 0}
  .store { padding-top: 50px; padding-bottom: 50px; }
  .store .product .head {padding-bottom:50px;padding-top: 50px;}
  
  .account .form {display:block;margin-bottom:20px}
  .account .form-item, .account .submit-form {width:100%}
  .account .recent-scans .results {display:block;}
  .account .recent-scans .results .result {margin-bottom:16px}
  .stats .stat {width:100%;margin:20px 0}
}
@media only screen and (max-width:560px) {
  .staff .bans .user-lookup {display:block}
  .staff .bans .form-item {width:100%;margin-right:0}
  .staff .bans .submit-form { margin: 0; }
  .staff .bans .submit-form {width:100%}
  .account .pin { flex-wrap: wrap; }
  .account .pin .output { width: calc(100% - 48px);margin:0;}
  .account .pin .generate { width: calc(100% - 64px); margin-top: 14px}
}
@media only screen and (max-width:500px) {
  .section-title { font-size: 32px; }

  .login-before { padding-top: 0; }
  .login-before .main { padding-top: 90px; }
  .section.login { padding-bottom: 75px;}

  .home .main .group .logo {display:none;}
  .home .main .group {padding-bottom:55px}
  .other-home .main .group {padding-bottom:10px}
  .home .main .group .title {font-size:32px;}
  .image {transform:scale(1.2) !important}
  .login .quick-links .link {float:none !important;}

  .features .main .feature .title { font-size: 24px; }

  .popup { width: 100%; height: 100%; }
  .popup .body { height: 100%; }

  .account .box .body, .account .box .head, .checkout .box .body, .checkout .box .head {padding:30px;text-align:center}
  .account .box .body .info {text-align:left}
  
  .checkout .product {display:block;padding:30px;text-align:center;border-left:none;box-shadow:0 5px 0 #1B7DBC}
  .checkout .product .left {float:none;margin-bottom:16px;text-align:center}
  .checkout .product .right {float:none;text-align:left;display:flex}
  .checkout .final-price {text-align:center}
}
/* END OF MEDIA QUERIES */

/* ANIMATIONS */
@keyframes background {0% {background-position:0 0;} 100% {background-position: 750px 750px;}}
/* END OF ANIMATIONS */