/* Proxima Nova */
@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Regular.eot') format('embedded-opentype') font-weight: normal;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Regular.otf') format('opentype'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Semibold.eot') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Semibold.otf') format('opentype'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Bold.eot') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Bold.otf') format('opentype'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-BlackItalic.eot');
    src: url('../fonts/DINNextLTPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-BlackItalic.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-BlackItalic.woff') format('woff'),
        url('../fonts/DINNextLTPro-BlackItalic.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-BlackItalic.svg#DINNextLTPro-BlackItalic') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Medium.eot');
    src: url('../fonts/DINNextLTPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-Medium.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Medium.woff') format('woff'),
        url('../fonts/DINNextLTPro-Medium.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Medium.svg#DINNextLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Black.eot');
    src: url('../fonts/DINNextLTPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-Black.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Black.woff') format('woff'),
        url('../fonts/DINNextLTPro-Black.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Black.svg#DINNextLTPro-Black') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Bold.eot');
    src: url('../fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Bold.woff') format('woff'),
        url('../fonts/DINNextLTPro-Bold.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Bold.svg#DINNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Heavy.eot');
    src: url('../fonts/DINNextLTPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-Heavy.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Heavy.woff') format('woff'),
        url('../fonts/DINNextLTPro-Heavy.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Heavy.svg#DINNextLTPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-BoldItalic.eot');
    src: url('../fonts/DINNextLTPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-BoldItalic.woff') format('woff'),
        url('../fonts/DINNextLTPro-BoldItalic.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-BoldItalic.svg#DINNextLTPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-MediumItalic.eot');
    src: url('../fonts/DINNextLTPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-MediumItalic.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-MediumItalic.woff') format('woff'),
        url('../fonts/DINNextLTPro-MediumItalic.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-MediumItalic.svg#DINNextLTPro-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-HeavyItalic.eot');
    src: url('../fonts/DINNextLTPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-HeavyItalic.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-HeavyItalic.woff') format('woff'),
        url('../fonts/DINNextLTPro-HeavyItalic.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-HeavyItalic.svg#DINNextLTPro-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}


/* Eric Meyer's CSS Reset */
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%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* End of Eric Meyer's CSS Reset */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}


body {
    font-family: 'ProximaNova-Regular', 'Segoe UI', 'Proxima Nova', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #bbc4da;
    font-weight: 300;
    background: #0a132a;
}


p {
    padding-bottom: 20px;
}


h1,
h2,
h3,
h4,
h5 {
    font-family: "DIN Next LT Pro", "ProximaNova-Regular", sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

img {
    line-height: 1;
    vertical-align: bottom;
}

h1 {
    font-size: 64px;
    line-height: 76px;
}

h2 {
    font-size: 40px;
    line-height: 48px;
    padding-bottom: 6px;
}

h3 {
    font-size: 24px;
    line-height: 38px;
}

h4 {
    font-size: 20px;
    line-height: 28px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

a {
    color: #3cb2f7;
    font-weight: 500;
    text-decoration: none;
}

a:hover,
a:active {
    color: #58c1fe;
    text-decoration: none;
}

a:focus {
    color: #58c1fe;
    text-decoration: none;
}

section {
    padding: 88px 0px;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after,
.container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.container {
    max-width: 1240px;
    width: 100%;
    padding: 0px 20px;
    margin: 0 auto;
}

strong {
    color: #fff;
    font-weight: 500;
}

*:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

p {
    padding-bottom: 20px;
}



.title {
    padding: 0px 0px;
    padding-bottom: 40px;
    text-align: center;
    margin-top: -6px;
}

.row .title {
    padding: 0px;
}

.titleleft,
.tileleft {
    text-align: left;
}

.story .titleleft p {
    padding-bottom: 20px;
}

.title p {
    font-size: 18px;
    line-height: 32px;
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 8px;
}

.title strong {
    font-size: 18px;
    line-height: 26px;
}

.title h5 {
    padding-bottom:12px;
}

.title ul {
    font-size: 18px;
    line-height: 26px;
}

.flex-grid .title {
    padding-left: 0px;
    padding-right: 0px;
}

.button {
    padding: 0px 36px;
    display: inline-block;
    height: 48px;
    line-height:48px;
    border-radius: 48px;
    color: #fff !important;
    background: #3cb2f7;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "DIN Next LT Pro", sans-serif;
    font-style: oblique;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15);
}

.button:hover {
    color: #fff !important;
    text-decoration: none;
    background: #58c1fe;
}

.button.lg {
    height: 56px;
    line-height: 56px;
    font-size:18px;
    padding: 0px 40px;
}

.hul {
    height: 56px;
    line-height: 56px;
    font-size:18px !important;
    opacity:0.75;
    font-weight:500 !important;
}

.hul:hover {
    color:#fff !important;
    opacity:1;
}

.button:focus {
    transform: scale(0.97);
    outline: none;
}

.button.outline {
    background: transparent;
    box-shadow: none;
    border: 2px solid #061840;
    line-height: 40px;
    color: #061840 !important;
}

.button.outline:hover {
    background: #061840;
    color: #fff !important;
    box-shadow: none;
}

.button.outlinewhite {
    background: transparent;
    box-shadow: none;
    border: 2px solid #fff;
    line-height: 46px;
    color: #fff !important;
}

.button.outlinewhite:hover {
    background: #fff;
    color: #3cbeff !important;
    box-shadow: none;
}



.button.disabled {
    background: #3cb2f7;
    cursor: not-allowed;
    opacity: 0.5;
}

.button.disabled:hover {
    background: #a7aec3;
}


/* Responsive Nav */

.-bg body {
    background: url('../images/bg-home.webp') center top 138px no-repeat #0a132a;
}

.game-bg body {
    background: url('../images/bg-gameservers.webp') center top 138px no-repeat #0a132a;
}

.minecraft-bg body {
    background: url('../images/bg-minecraft.webp') center top 138px no-repeat #0a132a;
}

.discord-bg body {
    background: url('../images/bg-discord.webp') center top 138px no-repeat #0a132a;
}

.colocation-bg body {
    background: url('../images/bg-colocation.webp') center top 138px no-repeat #0a132a;
}

.vps-bg body {
    background: url('../images/bg-vps.webp') center top 138px no-repeat #0a132a;
}

.dedicated-bg body {
    background: url('../images/bg-dedicated.webp') center top 138px no-repeat #0a132a;
}

.partners-bg body {
    background: url('../images/bg-partners.webp') center top 138px no-repeat #0a132a;
}

.web-bg body {
    background: url('../images/bg-shared.webp') center top 138px no-repeat #0a132a;
}

.reseller-bg body {
    background: url('../images/bg-reseller.webp') center top 138px no-repeat #0a132a;
}

.about-bg body {
    background: url('../images/bg-about.webp') center top 138px no-repeat #0a132a;
}

.header {
    z-index: 1006;
    height: 98px;
    padding: 27px 0px 0px 0px;
}

.logo {
    z-index: 1006;
}

.header .button {
    line-height: 46px;
    height: 44px;
}

.header .logo {
    margin-top: 2px;
    display: block;
}

.header a {
    font-family: "DIN Next LT Pro", sans-serif;
    font-size: 14px;
    font-style: oblique;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

.header a:hover {
    color: #3cb2f7;
}

#header ul:nth-last-child(1) li:nth-last-child(1) {
    display: none;
}

.button_container {
    position: absolute;
    top: 16px;
    right: 20px;
    height: 20px;
    width: 28px;
    cursor: pointer;
    z-index: 1008;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.button_container.active {
    height: 22px
}

.button_container.active span:nth-of-type(3) {
    top: 20px !important
}

.button_container.active span {
    top: -2px !important
}

.button_container:hover span {
    background: #3cbeff
}

.button_container.active .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #3cbeff
}

.button_container.active .middle {
    opacity: 0;
    background: #3cbeff
}

.button_container.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #3cbeff
}

.fixed {
    position: fixed;
}

.button_container span {
    background: #fff;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    z-index: 1008;
    border-radius: 4px;
}

.button_container span:nth-of-type(2) {
    top: 8px
}

.button_container span:nth-of-type(3) {
    top: 16px
}

.overlay {
    position: fixed;
    padding: 2px 20px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #0a132a;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 1005
}


.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%
}

.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.overlay.open li:nth-of-type(5) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.overlay.open li:nth-of-type(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.overlay.open li:nth-of-type(7) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.overlay.open li:nth-of-type(8) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.overlay.open li.active {
    text-decoration: line-through
}

.overlay.open li.active a:after {
    width: 0% !important
}

.overlay nav {
    position: relative;
    margin-top: 0;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size: 50px;
    top: 50%;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 100%
}

.overlay ul li {
    width: 100%;
    display: block;
    line-height: 34px;
    position: relative;
    opacity: 0;
    font-size: 18px;
    padding: 6px 0px;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px
}

.overlay ul li a:hover {
    opacity: 1;
    color: #3cbeff
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    width: 40px
}

.overlay ul li a.dropdown-toggle:after {
    width: 10px;
    height: 8px;
    background: url(../images/arrow-down.webp) no-repeat;
    display: inline-block;
    content: ' ';
    margin-left: 8px;
}

.overlay ul li a.dropdown-toggle:hover:after {
    background: url(../images/arrow-down-blue.webp) no-repeat;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

.overlay .dropdown-menu,
.overlay ul li a.dropdown.active {
    background: #142958;
}

.overlay ul li a.dropdown-toggle.active:after {
    background: url(../images/arrow-up-blue.webp) no-repeat;
}

.overlay ul li ul li {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
}

.overlay ul li a.dropdown.active {
    padding-bottom: 6px;
    padding-top: 6px;
    color: #3cbeff;
}

.overlay .logo {
    margin-top: 25px;
    margin-left: -5px;
}

.bottomoverlay {
    position: absolute;
    padding: 0 20px;
    bottom: 28px;
    text-align: center;
    left: 0;
    right: 0
}

.bottomoverlay .button {
    width: 48%;
    float: right;
    padding: 0
}

.bottomoverlay .outlinewhite {
    float: left
}


.button_container.active {
    position: fixed;
    top: 36px;
}

.overlay .dropdown-menu,
.overlay ul li a.dropdown.active {
    background: rgba(255, 255, 255, 0.03);
}

.overlay .dropdown-menu {
    display: block;
    float: none;
    position: relative;
    margin: 0px;
    box-shadow: unset;
    border: 0px;
    text-align: center;
    background: rgba(255, 255, 255, 0.03);
    margin-left: 0px !important;
}

/* CSS
-----------------------------------------------------------------------------*/



.text-thin {
    font-weight: 300;
}

.text-center {
    text-align: center;
}

.text-lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-md {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.width-60 {
    width: 60%;
}

.width-75 {
    width: 75%;
}

.pull-left-img {
    float: left;
    margin-right: 2rem;
}

.text-left {
    text-align: left;
}

.inline-block {
    display: inline-block;
}

.text-right {
    text-align: right;
}

.block {
    display: block;
}

.mt-8 {
    margin-top: 8rem;
}

.mt-7 {
    margin-top: 7rem;
}

.mt-6 {
    margin-top: 6.25rem;
}

.text-sm {
    font-size: 14px;
}

.mute {
    opacity: 0.75;
}

.va-sub {
    vertical-align: sub;
}

.va-mid {
    vertical-align: middle;
}

.va-top {
    vertical-align: top;
}

.right-nav li:nth-last-child(1) {
    display: none;
}

.px-25 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.pl-25 {
    padding-left: 0.75rem !important;
}

.blue-bg {
    color: #e3f5ff;
    background: #3cb2f7;
}

.bar-top {
    height: 40px;
    display: block;
    color: #d9f1ff;
    line-height: 40px;
}

.bar-top a {
    font-weight: 300;
    color: #d9f1ff;
}

.bar-top a:hover {
    color: #fff;
    text-decoration: none;
}

.text-blue {
    color: #3cb2f7;
}

.hero h4.text-blue {
    font-weight:600;
    letter-spacing: 1px;
    font-size:24px !important;
}

.hero {
    padding-top: 6rem;
}

.hero p {
    color: #bbc4da;
    font-size: 24px;
    line-height: 38px;
    max-width: 880px;
    margin: 0 auto;
    padding-bottom:40px;
}

#plan-col {
    background: #161f3a;
    padding: 48px 28px 40px 28px;
}

.plan-boxes {
    text-align:center; 
}

.plan-boxes #plan-col:nth-child(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.plan-boxes #plan-col:nth-last-child(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#plan-col h4 {
    line-height: 28px;
    font-size: 22px;
}

.the-price {
    line-height: 36px;
    font-family: "ProximaNova-Regular", sans-serif;
}

.the-price span {
    color: #6c7388;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
    font-style: oblique;
}

.the-price small {
    font-size: 18px;
    font-family: "ProximaNova-Regular", sans-serif;
    text-transform: lowercase;
}

.table {
    display: table;
}

#home-services #plan-col {
    border-right: 3px solid #0a132a;
}

#home-services #plan-col:nth-last-child(1) {
    border-right: 0px solid #0a132a;
}

.home-game {
    border-radius: 8px;
    border: 3px solid #1d2740;
    position: relative;
    height: 360px;
}

.home-game:hover {
    transform: scale(0.98);
    cursor: pointer;
}

#home-csgo {
    background: url('../images/home-game-csgo.webp') center center no-repeat;
    background-size: cover;
}

#home-minecraft {
    background: url('../images/home-game-minecraft.webp') center center no-repeat;
    background-size: cover;
}

#home-ark {
    background: url('../images/home-game-ark.webp') center center no-repeat;
    background-size: cover;
}

#home-rust {
    background: url('../images/home-game-rust.webp') center center no-repeat;
    background-size: cover;
}


.game-info {
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.48);
    padding: 12px 16px;
    position: absolute;
    bottom: 12px;
    right: 12px;
    left: 12px;
}

.game-info span {
    display: block;
    color: #fff;
    margin-top: -3px;
}

.italic {
    font-style: italic;
}

#title-row {
    padding-bottoM: 2.25rem;
}

#home-game-row {
    padding: 0px 5px;
}

#home-game-row .col {
    padding: 0px 10px;
}

#home-services {
    padding-top: 88px;
    padding-bottom: 0px;
}

.font-22px {
    font-size: 22px;
}

.va-base {
    vertical-align: baseline;
}

.upperlink {
    text-transform: uppercase;
    font-family: "DIN Next LT Pro", sans-serif;
    font-size: 14px;
    font-style: oblique;
    font-weight: 700;
}

.font-26px {
    font-size: 26px;
}


.testimonial-slider {
    font-size: 18px;
}

.testimonial-slider p {
    font-size: 24px;
    max-width: 800px;
    margin: 0px auto;
    line-height: 36px;
    margin-top: 40px;
    color: #fff;
    min-height: 116px;
}

.testimonial-slider h5 {
    line-height: 24px;
    font-style: italic;
}

.testimonial-slider h5 small {
    font-weight: 500;
    font-style: normal;
}

.uppercase {
    text-transform: uppercase;
}

.less-padding {
    padding: 68px 0px;
}

#three-features .col {
    padding: 0px 28px 48px 28px;
}

#three-features .row {
    margin-bottom: -48px;
}


#four-features .col {
    padding: 0px 20px 48px 20px;
}

#four-features .row {
    margin-bottom: -48px;
}

.features .col p {
    padding-bottoM: 0px;
}

.light-bg {
    background: #111a33;
}

#home-cta-text {
    background: url('../images/cta-divider.webp') right center no-repeat;
}

#home-cta-code {
    text-align: center;
    padding-top: 2.75rem;
}

#home-cta-code h5 {
    font-size: 16px;
}

#home-cta {
    background: url('../images/cta-bg.webp') center center no-repeat #111a33;
    background-size: cover;
}

.font-16px {
    font-size: 16px;
}

.font-14px {
    font-size: 14px;
}

.footer-top {
    padding: 88px 0px;
}

.footer a {
    color: #bbc4da;
    font-weight: 300;
    display: inline-block;
}

.footer a:hover {
    color: #3cb2f7;
}


.submitbutton {
    border: 0px;
}

.subscribe-box {
    border-radius: 56px;
    padding: 6px 6px 6px 24px;
    height: 56px;
    width: 100%;
}

.subscribe-box input[type="email"] {
    width: calc(100% - 84px);
    float: left;
    background: transparent;
    border: 0px;
    height: 44px;
    font-size: 16px;
    font-family: "ProximaNova-Regular", sans-serif;
    color: #bbc4da;
}

.subscribe-box input[type="email"]::placeholder {
    color: #6f7993;
}

.subscribe-box input[type="email"]:focus {
    outline: none;
    border: 0px;
}

.subscribe-box .button {
    width: 84px;
    float: left;
    height: 44px;
    line-height: 44px;
    padding: 0px;
    text-align: center;
}

.border-left {
    border-left: 1px solid #283044;
}

.border-right {
    border-right: 1px solid #283044;
}

.border-top {
    border-top: 1px solid #283044;
}

.border-bottom {
    border-bottom: 1px solid #283044;
}



#subscribe-col {
    padding-left: 60px !important;
}

.footer-bottom .fb-inner {
    padding-top: 40px;
    padding-bottom: 20px;
}

.social {
    background: #3cb2f7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    color: #fff !important;
    text-align: center;
    line-height: 40px;
}

.social:hover {
    background: #58c1fe;
}

.social:focus {

    transform: scale(0.97);
}



#code {
    color: #3cb2f7;
    border-bottom: 2px dashed #3cb2f7;
}

.plan-boxes .active#plan-col {
    background-image: linear-gradient(203deg, #3CB2F7 0%, #0080CC 97%);
    color: rgba(255,255,255,0.9);
    border-radius: 8px;
    margin-top: -8px;
    margin-bottoM: -8px;
    padding: 56px 28px 48px 28px;
    border-right: 3px solid transparent !important;
    transition: none;
}


.colo-plans .active#plan-col {
    padding: 48px 28px 36px 28px;
}



.plan-boxes .active#plan-col .the-price span
 {
    color: #fff;
    transition: none;
}


.plan-boxes .active#plan-col .button {
    background:#161f3a;
    color:#fffl;
}

.plan-boxes .active#plan-col .button:hover {
    color:#3cb2f7;
    background:#212C4E;

}

.plan-boxes .active#plan-col img.service-image {
    filter: brightness(0) invert(1);
}

.din {
    font-family: "DIN Next LT Pro", sans-serif;
}

.hero a {
    color: #fff;
}

.hero .upperlink:hover {
    color: #3cb2f7;
}

.va-text-top {
    vertical-align: text-top;
}

.subhero {}

.subhero p,
.subhero strong {
    font-size: 20px;
    line-height: 28px;
}

.subhero.text-left p {
    margin: 0px;
    max-width: 100%;
}

.rated-col {
    font-size: 16px;
    text-align: center;
}

.blue-link {
    color: #3cb2f7 !important;
}

.blue-link:hover {
    color: #58c1fe !important;
}

#filter-games li {
    display: inline-block;
    float: left;
    margin: 3px 3px 3px 0px;
    color: #fff;
    display: block;
    background: #2a334f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 20px 8px 20px;
}

#filter-games li:hover {
    background: #313b5a;
    cursor: Pointer;
}


#filter-games li:nth-child(1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#filter-games li:nth-last-child(1) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#filter-games li.active {
    background: #3cb2f7;
    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
}

.game-three-col {
    border-radius: 8px;
    border: 3px solid #1d2740;
    position: relative;
    height: 270px;
    margin-bottom: 20px;
}

#game-minecraft {
    background: url('../images/game-minecraft.webp') center center no-repeat;
    background-size: cover;
}

#game-csgo {
    background: url('../images/game-csgo.webp') center center no-repeat;
    background-size: cover;
}

#game-ark {
    background: url('../images/game-ark.webp') center center no-repeat;
    background-size: cover;
}

#game-gmod {
    background: url('../images/game-gmod.webp') center center no-repeat;
    background-size: cover;
}

#game-arma {
    background: url('../images/game-arma.webp') center center no-repeat;
    background-size: cover;
}

#game-rust {
    background: url('../images/game-rust.webp') center center no-repeat;
    background-size: cover;
}

#game-dayz {
    background: url('../images/game-dayz.webp') center center no-repeat;
    background-size: cover;
}

#game-7d2d {
    background: url('../images/game-7days2die.webp') center center no-repeat;
    background-size: cover;
}

.game-three-col .game-info {
    bottom: unset;
    top: 12px;
    min-height: 200px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 90%);
}

.game-three-col:hover {
    transform: scale(0.98);
    cursor: pointer;
}

.game-three-col:hover .game-info {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 90%);
}

.ps-or-pc {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
}

.game-list {
    padding-top: 60px;
}

.relative {
    position: relative;
}

.img-absolute-left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.tabs-nav li {
    margin: 5px 0px;
}

.tabs-nav li a {
    display: block;
    height: 60px;
    border-radius: 6px;
    line-height: 62px;
    font-family: "DIN Next LT Pro", sans-serif;
    font-style: oblique;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 20px;
}

.tabs-nav li a:hover {
    background: #16203c;
}

.tabs-nav li.active a {

    background: #3cb2f7;
}

.blue-icon:before {
    color: #3cb2f7;
}

.font16 {
    font-size: 16px;
}

.blue-icon-bg {
    background: #3cb2f7;
    border: 10px solid #102643;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    margin: 0px auto;
    margin-bottom: 2rem;
}

#works-bg {
    background: url('../images/how-it-works-bg.webp') center top 12px no-repeat;
}

.text-dark {
    color: #0a132a !important;
}

#small-cta #code {
    border-bottom: 2px dashed #0a132a;
}

.small-divider {
    background: url('../images/cta-divider-sm.webp') center center no-repeat;
}

.lesser-padding {
    padding: 44px 0px;
}

.col-lg-25,
.col-xl-25 {
    width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.rounded {
    border-radius: 8px;
}

#game-plan-box {
    padding-top: 2.5rem;
    margin: 10px 0px;
    padding-bottom: 2rem;
}

.less-col-padding {
    padding: 0px 5px;
}

.less-col-padding .col {
    padding-left: 10px;
    padding-right: 10px;
}

.imgh-24 {
    height: 24px;
}

.rated-text {
    line-height: 24px;
}

.rated-text span {
    vertical-align: bottom;
}

.rated-text h4 {
    line-height: 24px;
}

.rated-text strong {
    font-size: 16px;
}

.img-100-percent {
    max-width: 100%;
}

.toggle {
    padding: 12px 0px 10px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: left;
}

.toggle:nth-last-child(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.toggle .toggle-title {
    padding: 6px 0px;
    position: relative;
    display: block;
    margin-bottom: 0px;
    cursor: pointer;
}

.toggle .toggle-title h5 {
    padding-left: 20px;
    font-size: 16px;
    padding-right: 40px;
}

.toggle .toggle-title:hover h5,
.toggle .toggle-title.active h5 {
    color: #3cb2f7;
}

.toggle .toggle-inner {

    display: none;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

.toggle .toggle-inner p {
    padding: 0.5rem 1.5rem 0.75rem 1.5rem !important;
}

.toggle .toggle-inner div {
    max-width: 100%;
}

.toggle .toggle-title .title-name {
    display: block;
}

.toggle .toggle-title .title-name img {
    float: left;
    margin-right: 10px !important;
    margin-top: 1px;
}

.toggle .toggle-title i {
    position: absolute;
    background: url('../images/arrow-down.webp') center center no-repeat;
    width: 12px;
    height: 7px;
    transition: all 0.3s ease;
    margin: 0px;
    right: 20px;
    top: 10px;
}


.toggle .toggle-title:hover i {
    background: url('../images/arrow-down-blue.webp') center center no-repeat;
}

.toggle .toggle-title.active i {
    background: url('../images/arrow-up-blue.webp') center center no-repeat;
}


.toggle-title:hover {
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.toggle-title.active:hover {
    background-color: transparent;
}

.toggle:hover .toggle-title.active i {
    margin-left: 0px;
}

.discord-pricing li {
    background: url('../images/discord-divider.webp') center right no-repeat;
}

.oblique {
    font-style: oblique;
}

.font14 {
    font-size: 14px;
}

.font20 {
    font-size: 20px;
}

.lowercase {
    text-transform: lowercase;
}

.font18 {
    line-height: 28px !important;
    font-size: 18px !important;
}

.font22 {
    line-height: 30px;
    font-size: 22px;
}

.md-tick {
    height: 20px;
}

.discord-arrow {
    position: absolute;
    top: -10px;
    right: -60px;
}

#discord-why-list {
    padding-left: 5.5rem;
}

.padded-container {
    padding: 0px 100px;
}

.light-bg-gradient {
    background: rgb(17, 26, 51);
    background: linear-gradient(0deg, rgba(17, 26, 51, 0) 0%, rgba(17, 26, 51, 0.8) 100%);
}

.promo-h5 {
    border: 1px solid transparent;
    padding: 3px 18px 0px 18px;
    font-size: 16px;
}

.promo-code-box {
    border: 1px dashed #3cb2f7;
    border-radius: 5px;
}

.colo-plans {
    padding-bottom: 88px !important;
}

.colo-plans #plan-col {
    padding: 40px 28px 28px 28px;
}

.colocate-feature {
    padding-left: 94px;
    position: relative;
}

#bullet-list li {
    position: relative;
    padding-left: 18px;
}

#bullet-list li img {
    position: absolute;
    top: 10px;
    left: 0px;
}

#contact-form label {
    font-family: "DIN Next LT Pro", "ProximaNova-Regular", sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-style: oblique;
}

.input {
    border: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 8px 20px;
    background: transparent;
    color: #8c97b3;
    display: block;
    width: 100%;
}

.input::placeholder,
.textarea::placeholder {
    color: #656f87;
}

.select {
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 12px 20px 14px 20px;
    background: url('../images/arrow-down-blue.webp') center right 20px no-repeat transparent;
    color: #fff;
    display: block;
    width: 100%;
    margin-top: 12px;
    appearance: none;
}

.select option {
    color: #0a132a;
}

.textarea {
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 12px 20px 14px 20px;
    height: 200px;
    background: transparent;
    color: #fff;
    display: block;
    width: 100%;
    margin-top: 12px;
    appearance: none;
    color: #8c97b3;
}

.four-stats {
    padding-top: 88px;
}

.four-stats .col {
    border-right: 3px solid #0a132a;
    padding: 54px 28px 50px 28px;
}

.four-stats .col:nth-child(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.four-stats .col:nth-last-child(1) {
    border-right: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.four-stats .col p {
    font-size: 16px;
    line-height: 24px;
}

.four-stats .light-bg:hover,
.team-box:hover,
.partners .light-bg:hover,
.accordion-wrapper:hover,
#game-plan-box:hover {
    background: #16203d;
}

.four-stats h2 {
    font-size: 48px;
}

#founder {
    color: #c1e8ff;
}

.text-white {
    color: #fff;
}

.mission-statement p {
    width: 66%;
    margin: 0px auto;
}

.blue-abstract-bg {
    background: url('../images/mission-bg.webp') center center no-repeat;
    background-size: cover;
}



.color-dark {
    color: #5c6680;
}



.team-name h4 {
    display:block;
}

.team-name h4 small {
    display: block;
    margin-top: -2px;
}

.team-box {
    margin-bottom: 20px;
}

.meet-the-team .row {
    margin-bottom: -20px;
}



.lines-divider img {
    margin: -30px 0px;
}

#subhero-divider {
    background: url('../images/subhero-divider.webp') center left no-repeat;
}

.table-header {
    height: 46px;
    background: #3cb2f7;
    line-height: 46px;
    padding: 0px 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.table-header h4 {
    line-height: 50px;
}

#cpu-type {
    background: #287ac7;
    font-size: 11px;
    padding: 3px 4px 1px 4px;
    vertical-align: middle;
    border-radius: 2px;
    margin-right: 5px;
}

.server-table-row {
    background: #232c49;
    border-radius: 8px;
    padding: 20px 10px 20px 8px;
    margin-bottom: 12px;
}

.server-table-row:hover {
    background: #26304f;
}

.server-table-row:nth-last-child(1) {
    margin-bottom: 0px;
}

.server-table-row .col {
    padding: 0px 16px;
}

.server-table-row span {
    font-size: 14px;
}

.table-padding {
    padding: 12px;
}

.server-header {
    padding-top: 4px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

.server-header .col {
    padding: 0px 16px;
}

.server-header h5 {
    font-size: 13px;
    font-family: "ProximaNova-Regular", sans-serif;
    font-weight: 600;
}

#server-row-1 {
    width: 22%;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}

#server-row-2 {
    width: 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

#server-row-3 {
    width: 16%;
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
}

#server-row-4 {
    width: 14%;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}

#server-row-5 {
    width: 13%;
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%;
}

#server-row-6 {
    width: 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

#server-row-5 h5 {
    text-transform: lowercase;
}

.amd {
    background: #ef2727 !important;
}

.features .row h5 {
    font-size: 20px;
    padding-bottom:6px;
    padding-top:4px;
}

.max-w-100 {
    max-width: 100%;
}

.accordion-toggle {
    cursor: pointer;
    text-decoration: none;
    display: block;
    background: url(../images/arrow-down.webp) center right no-repeat;
    padding-right: 24px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.accordion-toggle:hover,
.accordion-toggle.active {
    color: #3cb2f7;
    background: url(../images/arrow-down-blue.webp) center right no-repeat;
}


.legal-navigation ul {
    margin: 0px -3px;
}

.legal-navigation ul li {
    float: left;
    width: 25%;
    padding: 6px 3px;
}

.legal-navigation ul li a {
    display: block;
    height: 48px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    background: #1b2440;
    font-size: 16px;
    font-weight: 600;
}

.legal-navigation ul li a:hover {
    background: #252e4a;
}

.legal-navigation ul li.active a {
    background: #3cb2f7;
    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
}



.legal-page body {
    padding-top: 92px;
}

.legal-page .header {

    background: rgb(30, 165, 234);
    background: linear-gradient(90deg, rgba(30, 165, 234, 1) 0%, rgba(68, 192, 255, 1) 100%);
}

.legal-cols h4 {
    font-size: 18px;
    line-height: 24px;
}

.legal-cols h2,
.legal-cols h4 {
    padding-bottom: 0.5rem;
}

.legal-cols h2 a,
.legal-cols h4 a {
    color: #fff;
    text-transform: capitalize;
}

.legal-cols h2 a:hover,
.legal-cols h4 a:hover {
    text-decoration: none;
}

.legal-cols .pl-5 {
    padding-left: 4rem !important;
    margin-left: 1rem !important;
}

.legal-number {
    position: absolute;
    top: 0px;
    left: 0px;
}

.legalnav {
    padding-top: 28px;
    padding-right: 4.5rem;
}

.legalnav ul {
    position: sticky;
    top: 0;
}

.legalnav ul li a {
    text-align: right;
    display: block;
    height: 54px;
    line-height: 54px;
    padding: 0rem 1.5rem;
    color: #8095af;
}

.legalnav ul li a:hover {
    color: #fff;
    text-decoration: none;
}


.legalnav ul li a.active {
    color: #30b2f4;
    border-right: 2px solid #30b2f4;
}


.legalnav ul {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}


.partner-icon {}

.py-45 {

    padding-bottom: 2.125rem !important;
    padding-top: 2.125rem !important;
}

.partner-box {
    margin-bottom: 2rem;
}

.partner-perks h5 {
    font-size: 18px;
}

.strikethrough {
    text-decoration: line-through;
}

.plan-price {
    margin-top: 1.125rem;
}

.plan-price h2 small {
    text-transform: lowercase;
    font-size: 18px;
}

.vps-row .row {
    height: 48px;
}

.vps-row {
    margin-top: 12px;
}

.vps-row,
.vps-row h4,
.vps-row h3 {
    line-height: 50px;
}

.vps-row .light-bg:hover {
    background: #16203d;
}

#vps-col-1 {
    width: 14%;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}

#vps-col-2 {
    width: 14%;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}

#vps-col-3 {
    width: 18%;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}

#vps-col-4 {
    width: 13%;
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%;
}

#vps-col-5 {
    width: 12%;
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}

#vps-col-6 {
    width: 14%;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}

#vps-col-7 {
    width: 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

.dark-blue-bg {
    color: #e3f5ff;
    background: #33a5e6;
}

#whm-feature {
    padding-left: 88px;
}

#reseller-step {
    padding-left: 72px;
}


.toggle-feature {
    text-align: left;
    background: url('../images/arrow-down.webp') center right 1.25rem no-repeat #3cb2f7;
    margin: 8px 0px;
    color: #fff;

    font-family: "DIN Next LT Pro", "ProximaNova-Regular", sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    width: 100%;
    display: block;
    padding: 1rem 1.25rem 0.75rem 1.25rem;
    cursor: pointer;
    border-radius: 5px;
}


.toggle-feature:hover {
    background: url('../images/arrow-down.webp') center right 1.25rem no-repeat #3cb2f7;
}

.toggle-feature.active,
.toggle-feature.active:hover {
    background: url('../images/arrow-up.webp') center right 1.25rem no-repeat #3cb2f7;
    color: #fff;
}

.toggle-group {
    margin: -8px 0px;
}

.compare-table .flex-row:nth-last-child(1) .etbl {
    border-bottom: 0px !important;
}

.no-border-bottom-etbl {
    margin-bottom: -8px;
}

.no-border-bottom-etbl .etbl {

    border-bottom: 0px !important;
}

.compare-table {
    margin-bottom: 8px;
}

.cp-toggle {
    color: #343c4c;
    font-weight: 600;
}

.cp-toggle.active {

    color: #0ab9bf;
}

.cp-toggle img:nth-child(2) {
    display: none;
}

.cp-toggle.active img:nth-child(2) {
    display: inline-block;
}

.cp-toggle.active img:nth-child(1) {
    display: none;
}

.not-included {
    opacity: 0.4
}

.etbl {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.etbl img {
    margin: 0px 2px;
    max-height: 24px;
    width: auto;
    vertical-align: sub;
}

.etbl-one {
    width: 30%;
}

.etbl-two {
    width: 35%;
    background: #1d2640;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.etbl-three {
    width: 17.5%;
    background: #1d2640;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.etbl-four {
    width: 17.5%;
    background: #1d2640;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.etbl-five {
    width: 35%;
    background: #1d2640;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.flex-row {
    display: flex;
}

.etbl-name {
    display: none;
}

#plan-top .pricing {
    font-weight: 600;
    display: none;
}

#plan-top .pricing.active {
    display: block;
}


#plan-top .pricing small {
    text-transform: lowercase;
    font-size: 20px;
}

#plan-top .pricing h2 {
    font-size: 30px;
}

#plan-top .pricing small {
    font-size: 16px !important;
}

#plan-top .etbl {
    padding-top: 0rem;
    border-bottom: 0px !important;
}

#plan-bottom .etbl {
    padding-bottom: 0px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 1.5rem !important;
}

#plan-bottom .etbl-one {
    border-bottom: 0px !important;
}

#plan-bottom .etbl-two {
    border-bottom-left-radius: 8px;
}

#plan-bottom .etbl-five {
    border-bottom-right-radius: 8px;
}

#plan-bottom {
    margin-bottom: 8px !important;
}


/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 10px 16px;
    width: 220px;
    background-color: #1e1d4a;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    color: #656b7b;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.plan-row .tooltip:after,
.plan-row [data-tooltip]:after {
    text-align: center;
    height: auto;
    white-space: normal;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #1e1d4a;
    border-top-color: rgba(255, 255, 255, 0.94);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -110px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: rgba(255, 255, 255, 0.94);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: rgba(255, 255, 255, 0.94);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
    margin-top: -2px;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: rgba(255, 255, 255, 0.94);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}

.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -26px;
}

#hosting-table {
    padding: 8px;
    border-top-right-radius: 0px;
    background: #19223c;
    clear: both;
}

#hosting-table .toggle-feature:nth-child(1) {
    margin-top: 0px;
}

#plan-top {
    margin-bottom: -8px;
    background: #19223c;
    width: calc(70% + 6px);
    margin-left: -6px;
    padding: 8px;
    padding-bottom: 0px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    display: block;
    float: right;
}

#plan-top .etbl {
    padding-top: 1.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#plan-top .etbl {
    width: 50% !important;
}


.etbl-two {}

#plan-top .etbl-two {
    border-top-left-radius: 8px;
}

#plan-top .etbl-five {
    border-top-right-radius: 8px;
}


.billing-cycle {
    width: 30%;
    float: left;
    padding-top: 37px;
}

.half-bgs {

    background: #111a33;
}

.half-bgs:before {
    position: absolute;
    width: 50%;
    background: #151f38;
    right: 0px;
    bottom: 0px;
    top: 0px;
    content: " ";
    display: block;
    z-index: 999;
}

.half-bgs .col {
    z-index: 1000;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

#half-feature {
    padding-left: 108px;
}


.header ul li .dropdown-menu {
    display: none;
    position: absolute;
    top: 40px;
    padding: 0;
    margin: 0;
    text-align: left;
    background: #fff;
    padding: 0;
    box-shadow: 0 4px 16px 1px rgba(0, 0, 0, .28);
    border: 6px solid #fff;
    border-radius: 6px;
    min-width: 200px;
}


.header ul li .dropdown-menu ul {
    padding: 0px;
}

.header ul li .dropdown-menu:before {
    background: #fff;
    border-right: 0;
    border-top: 0;
    content: "";
    height: 10px;
    left: calc(50% - 5px);
    position: absolute;
    top: -10px;
    transform: rotate(135deg);
    width: 10px;
}

.header ul li .dropdown-menu a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding: 10px 16px 8px;
    line-height: 24px;
    color: #0c101a;
    display: block;
    border-radius: 4px;
    font-size: 1rem;
    text-transform: uppercase;
}

.header ul li ul li a:hover {
    background: #f2f4f7;
    z-index: 1001;
    position: relative;
    color: #3cb2f7;
}

.header ul li.button-dropdown {
    position: relative;
}

.header ul .dropdown {
    padding-right: 1.125rem !important;
}

.header ul .dropdown:after {
    width: 12px;
    height: 7px;
    background: url(../images/arrow-down.webp) no-repeat;
    display: block;
    content: ' ';
    position: absolute;
    top: 6px;
    right: 0;
}

.header ul .dropdown:hover:after,
.header ul .dropdown-toggle.active:after {
    background: url(../images/arrow-down-blue.webp) no-repeat;
}

.header ul .dropdown-toggle.active {
    color: #3cb2f7;
}

.header ul li .dropdown-menu li:nth-last-child(1) {
    display: block !important;
}

.changer-link img:nth-child(2) {
    display: none;
}

.changer-link.active img:nth-child(1) {
    display: none;
}

.changer-link.active img:nth-child(2) {
    display: inline-block;
}

.changer-link {
    cursor: pointer;
    color: #fff;
}

.changer-link.active {
    color: #3cb2f7;
}

.gamecontainer {

    margin-left: -13px;
    margin-right: -13px;
}

.gridcol {
    margin: 0px -2px;
}


.carousel-control.left {
    background: url('../images/testimonial-prev.webp') center center no-repeat;
    width: 22px;
    opacity: 0.5;
    left: 8%;
}

.carousel-control.right {
    background: url('../images/testimonial-next.webp') center center no-repeat;
    width: 22px;
    opacity: 0.5;
    right: 8%;
}

.carousel-control:hover {
    opacity: 1;
}

#carousel-panels .carousel-control.left {
    left: 18%;
}

#carousel-panels .carousel-control.right {
    right: 18%;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

#colo-features .col h4 {
    line-height: 24px;
}

.more-links-nav a:hover h5 {
    color: #3cb2f7;
}

.noborderright {
    border-right: 0px !important;
}

.showmobile {
    display: none;
}

.showtablet {
    display: none;
}

.dark-bg {
    background: rgba(0, 0, 0, 0.175);
}

#vps-c-1 {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#vps-c-3 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.vps-config {
    
    margin: 0px 15px;
}

.vps-config .col {
    padding: 0px 2px;
}

.vps-config ul li {
    display: inline-block;
    float: left;
    margin-right: 1.5%;
    width: 48.5%;
    margin-top: 8px;
}

.vps-config ul li:nth-last-child(1) {
    margin-right: 0px;
}

.vps-config ul li:nth-child(1) a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.vps-config ul li:nth-last-child(1) a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.vps-config ul li a {
    background: #28314c;
    height: 44px;
    line-height: 44px;
    padding: 0px 0px 0px 16px;
    display: block;
}

.vps-config ul li a.active {
    background: #3cb2f7;
    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
}

.vps-select {
    background: url('../images/arrow-down.webp') center right 20px no-repeat #28314c;
    height: 44px;
    line-height: 44px;
    padding: 0px 16px;
    display: block;
    border: 0px;
    margin-top: 8px;
    border-radius: 5px;
    width: 100%;
    appearance: none;
    cursor: pointer;
}

.vps-select:hover {
    background: url('../images/arrow-down.webp') center right 20px no-repeat #2c3552;
}

.vps-select:focus {
    background: url('../images/arrow-down.webp') center right 20px no-repeat #2c3552;
    outline: none;
}

.premium {
    display: none;
}

.budget {
    display: none;
}

.premium.active,
.budget.active {
    display: block;
}

.os-linux {
    display: none;
}

.os-windows {
    display: none;
}

.os-linux.active,
.os-windows.active {
    display: block;
}

.premium-label, .premium .budget-label {
    background: #3cb2f7;
    line-height: 16px;
    padding: 4px 6px 0px 6px;
    color: #fff;
    font-family: "DIN Next LT Pro", sans-serif;
    font-style: oblique;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
}

.premium-label.active, .premium.active .budget-label {
    display: inline-block !important;
    display:block;
}

.premium.active .active .budget-label {
    background:#fff !important;
    color:#0a132a !important;
}


.budget-label {
    background: #00b67a;
    line-height: 16px;
    padding: 4px 6px 0px 6px;
    color: #fff;
    font-family: "DIN Next LT Pro", sans-serif;
    font-style: oblique;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
}

.budget.active .active .premium-label {
    background:#fff !important;
    color:#0a132a !important;
}

.budget-label.active {
    display: inline-block !important;
}

.quarterly {
    display: none;
}

.monthly {
    display: none;
}

.semiannually {
    display: none;
}

.annually {
    display: none;
}

.show {
    display: block;
}

#powered-by-cpu strong {
    font-size: 16px;
}

.location-colo-box {
    padding: 8px;
}

#location-address {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottoM: 2px;
    display: block;
    opacity: 0.7;
}

#timer h5 {
    display:inline-block;
}

#timer-small {
    display:inline-block;
}

#clock-small {
    display:inline-block;
    font-size:14px;
    background:rgba(0,0,0,0.12);
    height:22px;
    line-height:22px;
    vertical-align: middle;
    margin-left:10px;
    padding:1px 6px 0px 6px;
    border-radius:4px;
    position:relative;
}

#clock-small:before {
    content: "\A";
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent rgba(0,0,0,0.12) transparent transparent;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}



.legalbox {
    padding:0px 0px;
}

.font-24px {
    font-size:24px;
}

.mute-lots {
    opacity:0.4;
}

#prem-budg li img:nth-child(2) {
    display:none
}


#prem-budg li .active img:nth-child(1) {
    display:none;
}

#prem-budg li .active img:nth-child(2) {
    display:inline-block;
}

.vps-config h5 {
    font-style:oblique;
}

html {
  scroll-behavior: smooth;
}

.text-huge {
    font-size:100px;
    line-height:100px;
}

.fourohfour-services .col:hover {
    cursor:pointer;
}

#mc_embed_signup form {
    padding:0px !important;
}

#mc_embed_signup label {
    display:none !important;
}

#mc_embed_signup input.email {
    width:60% !important;
    float:left !important;
    background:transparent !important;
    border: 0px !important;
    height: 44px !important;
    font-size: 16px !important;
    font-family: "ProximaNova-Regular", sans-serif !important;
    color: #bbc4da !important;
    text-transform: capitalize !important;
}

#mc_embed_signup .clear {
    width:40% !important;
    float:left !important;
}

#mc_embed_signup {
    background:transparent !important;
}

#mc_embed_signup .button {
    display:block !important;
    width:100% !important;
    height: 44px !important;
    line-height: 46px !important;
    border-radius: 48px !important;
    color: #fff !important;
    background: #3cb2f7 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-family: "DIN Next LT Pro", sans-serif !important;
    font-style: oblique !important;
    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%) !important;
    letter-spacing:0px !important;
    transition: all 0.23s ease-in-out 0.25s !important;
}



.vps-config ul li a.budget.active {

    background: #00b67a;
}

.testimonial-slider.less-padding p {

    margin-top: 0px;
}

.text-left .title {
    text-align:left;
}