/* 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;
}



/* 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', 'Inter', 'Segoe UI',  Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #a1b5cd;
    font-weight: 300;
    background:#0c182c;
}

#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #0c182c; z-index:9999;}


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

p {
    padding-bottom: 20px;
}


h1,
h2,
h3,
h4,
h5 {
    color: #fff;
    font-weight: 600;
}

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

h1 {
    font-size: 52px;
    line-height: 56px;
    text-transform:uppercase;
    font-weight:900;
}

h2 {
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 6px;
    text-transform:uppercase;
    font-weight:700;
}

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

h4 {
    font-size: 18px;
    line-height: 26px;
}

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

a, a:visited {
    color: #0693fe;
    font-weight: 500;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #29a3ff;
    text-decoration: underline;
}

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%;
    margin: 0 auto;
    padding:0px 20px;
}

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: 44px;
    text-align: center;
    margin-top: -6px;
}


.title ul {
  font-size:18px;
  font-weight:300;
}

.titleleft {
    text-align: left;
}

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

.title p {
    font-size: 18px;
    line-height: 30px;
    max-width: 760px;
    margin: 0 auto;
    font-weight:300;
    padding-bottom: 0px;
    padding-top: 4px;
}

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

.button {
    padding: 0px 24px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    color: #fff !important;background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    border: 1px solid #0092ff;
    font-size: 15px;
    font-weight: 600;
}

.button:hover {
    color: #fff !important;
    text-decoration: none;
    background: rgb(23,156,255);
background: linear-gradient(90deg, rgba(23,156,255,1) 0%, rgba(40,231,255,1) 100%);
}

.button:focus {
    transform: scale(0.97);
    outline: none;
    text-decoration: none;
    color:#fff;
}

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

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

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

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

.button.default {
    background: rgb(40,54,77);
background: linear-gradient(90deg, rgba(40,54,77,1) 0%, rgba(57,71,93,1) 100%);
    border-color:#1c2737
}

.button.default:hover {
    background: rgb(47,61,82);
background: linear-gradient(90deg, rgba(47,61,82,1) 0%, rgba(67,83,109,1) 100%);
    border-color:#1c2737
}

.button.disabled {
    background: #9197ad;
    cursor: not-allowed;
    opacity: 0.5;
}

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

.discord-button {
  background: rgb(116,138,220);
background: linear-gradient(90deg, rgba(116,138,220,1) 11%, rgba(140,162,241,1) 100%);
border:1px solid #546abb;
  height:32px !important;
  line-height:30px !important;
  padding:0px 12px;
    margin: -4px 0px;
    font-size:13px;
}


.discord-button:hover {
  background: rgb(116,138,220);
background: linear-gradient(90deg, rgba(116,138,220,1) 11%, rgba(175,192,255,1) 100%);
}

.discord-button:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  background:#8ca3f1;
  width: 6px;
  height:6px;
  float: right;
  transform: translate(50%, -50%) rotate(-45deg);
}
.discord-button:hover:after {
background:#afc0ff;
}

/* Responsive Nav */

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

.button_container {
    position: absolute;
    top: 41px;
    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: #0f224c;
    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
}

.header {
    z-index: 1002
}

.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(-50%);
    transform: translateY(-50%);
    font-size: 50px;
    top: 33%
}

.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/select-drop.png) no-repeat;
    display: inline-block;
    content: ' ';
    margin-left: 8px;
}

.overlay ul li a.dropdown-toggle:hover:after {
    background: url(../images/select-drop-hover.png) 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/select-drop-focus.png) 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: 26px;
}

.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
}



/* 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:0.75rem;
}

.mute {
    opacity:0.75;
}

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

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

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

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

.header .container {
    max-width:100%;
    padding:14px 28px;
}

.header .row {
  height:48px;
}

.header ul {
  padding:12px 0px;
}

.header .button {
    height:38px;
    line-height:38px;
    margin:-7px 0px;
}

.header nav {
  padding:0px;
}

.header ul li{
    display:inline-block;
    position:relative;
    margin-right:0.725rem;
}

.header .navbar-nav.ml-auto li:nth-last-child(1){
margin-right:0px;
}

.header ul ul {
  height:auto;
}
.header ul ul li {
  display:block;
}

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

.navbar-dark .navbar-nav .nav-link {
    color:#bbcee4;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color:#0693fe;
    text-decoration: none;
}

.header .navbar-nav {

    display:block;
  display:block;
}

.banner-bg-minecraft {
    padding: 88px 0px;
    background:url('../images/hero-minecraft.webp') center center no-repeat;
    background-size:cover;
    min-height:520px;
}

.banner-bg-rust {
    padding: 88px 0px;
    background:url('../images/hero-rust.webp') center center no-repeat;
    background-size:cover;
    min-height:520px;
}
.banner-bg-ark {
    padding: 88px 0px;
    background:url('../images/hero-ark.webp') center center no-repeat;
    background-size:cover;
    min-height:520px;
}




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

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

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

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

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

#valheim-page {
    background:url('../images/bg-valheim.webp') center center no-repeat;
    background-size:cover;
}
#sevendays-page {
    background:url('../images/bg-7days.webp') center center no-repeat;
    background-size:cover;
}
#terraria-page {
    background:url('../images/bg-terraria.webp') center center no-repeat;
    background-size:cover;
}
#zomboid-page {
    background:url('../images/bg-zomboid.webp') center center no-repeat;
    background-size:cover;
}
#csgo-page {
    background:url('../images/bg-csgo.webp') center center no-repeat;
    background-size:cover;
}

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

#gmod-page {
    background:url('../images/bg-gmod.webp') center center no-repeat;
    background-size:cover;
}
#tf-page {
    background:url('../images/bg-tf2.webp') center center no-repeat;
    background-size:cover;
}
#factorio-page {
    background:url('../images/bg-factorio.webp') center center no-repeat;
    background-size:cover;
}

#hytale-page body {
    background:url('../images/bg-hytale.webp') center top 128px no-repeat #0c182c;
}

#about-page body {
    background:url('../images/bg-about.webp') right top 128px no-repeat #0c182c;
}

#team-page body {
    background:url('../images/bg-team.webp') center top 128px no-repeat #0c182c;
}
#partner-page body {
    background:url('../images/bg-partner.webp') center top 128px no-repeat #0c182c;
}
#creator-page body {
    background:url('../images/bg-creator.webp') center top 128px no-repeat #0c182c;
}

.banner {
    padding:0px;
    color:#fff;
    font-weight:500;
}

.sub-banner {
    color:#fff;
    font-weight:300;
}

#about-page .sub-banner {
  color:#a1b5cd;
}

.sub-banner.text-center p {
    margin:0px auto;
}

.sub-banner p {
    max-width:56%;
}

.banner ul {
    font-size:18px;
}

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

.blue-bg {
    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    color:#d7f0ff !important;
}

.dark-blue-bg {
  background: rgb(0,121,244);
background: linear-gradient(90deg, rgba(0,121,244,1) 11%, rgba(6,167,255,1) 100%);
    color:#d7f0ff !important;
}

.blue-bg, .dark-blue-bg a {
    color:#fff;
}

.blue-bg a:hover, .dark-blue-bg a:hover {
    color:#fff;
    text-decoration: underline;
}

.label {
    display:inline-block;
    border-radius:4px;
    color:#fff;
    font-size:12px;
    text-transform: uppercase;
    background:#ec202a;
    font-weight:700;
    padding:0px 6px;
    line-height:20px;
    padding-top:1px;
}


.plan-box {
    background:#121e34;
    border:1px solid #182641;


}

.plan-box:hover {

  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 35%) !important;

}


.rounded {
    border-radius:6px !important;
}

#plan-bg-1 {
    background:url('../images/plan-bg-1.webp') bottom center no-repeat #18243c;
}

#plan-bg-2 {
    background:url('../images/plan-bg-2.webp') bottom center no-repeat #18243c;
}

#plan-bg-3 {
    background:url('../images/plan-bg-3.webp') bottom center no-repeat #18243c;
}

.light-bg {
    background:#121e34;
}

.bordered {
    border: 1px solid #182641;
}

.home-features-bg {
    background:url('../images/why-ramshard.webp') top center no-repeat;
    min-height:504px;
    padding-top:2.25rem;
}

.circle-icon {
    border-radius:50%;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    background: rgb(0,147,255);
    background: linear-gradient(180deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
}

.home-features-spacer {
    display:block;
    height:9rem;
}

.browser-circle {
    border-radius:50%;
    height:10px;
    width:10px;
    vertical-align: middle;
    background:#ff5148;
}

.color-red {
    background:#ff5148;
}

.circle-yellow {
    background:#e8bc5e;
}

.circle-green {
    background:#5cc76d;
}

.lighter-bg {
    background:#15233c;
}

.lighter-border {
    border:1px solid #1f2f4d;
}

.panel-header {
    border-bottom:1px solid #1f2f4d;
}

#panel-features {
    padding-top:3.5rem;
}

.font-20 {
    font-size:20px;
    line-height:32px;
    font-weight:300;
}

#testimonial-p {
    max-width:58%;
    color:#fff;
    font-weight:300;
}

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

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

.opacity-50 {
    opacity:0.5;
}

.opacity-75 {
    opacity:0.75;
}

.border-bottom {
    border-bottom:1px solid #182641 !important;
}

.lighter-border .border-bottom {
    border-bottom:1px solid #213252 !important;
}

.box-divider {
    width:100%;
    height:1px;
    display:block;
    background:#182641;
}

.footer {
    padding: 88px 0px;
}

.footer ul li a {
    color: #a1b5cd;
    display:block;
    font-weight:300;
}

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

.footer-subnav {
    border-left:1px dotted #2a374d;
    padding-left:1.25rem;
}

.lightest-bg {
    background:#172238;
}

.status {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #53be5b;
    margin-left: 4px;
    content: " ";
    display: inline-block;
}

.status.offline {
  background:#ee0e0e;
}

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

#minecraft-filters label{
    color:#fff;
    display:block;
    padding-bottom:0.25em;
    font-weight:600;
}

#minecraft-filters select {
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    padding:0px 20px;
    border-radius:4px;
    background:url('../images/select-down.svg') center right 20px no-repeat rgba(0,111,192,0.68);
    box-shadow:inset 0px -2px 2px rgba(0,0,0,0.06);
    border:0px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:rgba(255,255,255,0.75);
}


#minecraft-filters select:hover {
background:url('../images/select-down.svg') center right 20px no-repeat rgba(0,111,192,0.74);
box-shadow:inset 0px -3px 3px rgba(0,0,0,0.12);
cursor:pointer;
}

#minecraft-filters select:focus {
background:url('../images/select-down.svg') center right 20px no-repeat rgba(0,111,192,0.74);
  outline:none;
  box-shadow:inset 0px -3px 3px rgba(0,0,0,0.14);
}

.small-icon {
    height:32px;
    width:auto;
}

.lighter-text {
    color:#c6d9f0;
}

.white-text {
  color:#fff;
}

.font-12 {
    font-size:12px;
    line-height:20px;
}

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

.font-16 {
    font-size:16px !important;
    line-height:24px !important;
}

.lowercase {
    text-transform: lowercase;
}

.row-cols-5 .col{
    width:20% !important;
}

.chosen {
    position:relative;
    border:2px solid #04b6ff;
    border-top-right-radius:0px !important;
    border-top-left-radius:0px !important;
    box-shadow: 0 0.5rem 1rem rgb(0 148 255 / 20%) !important;
}

.chosen:hover {
border:2px solid #04b6ff;
border-top-right-radius:0px !important;
border-top-left-radius:0px !important;
box-shadow: 0 0.75rem 1.25rem rgb(0 148 255 / 30%) !important;
}

.services .btn:hover {
  color:#0693fe !important;
}

.services .btn:focus, .services .not-collapsed {
  color:#0693fe !important;
}

.chosen-label {
    position: absolute;
    top:-32px;
    left:-2px;
    right:-2px;
    height:32px;
    line-height:32px;
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
    background:#04b6ff;
    font-weight:700;
    color:#fff;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}

.medium-icon {
    height:auto;
    width:44px;
}

#larger-plans .row .col, #larger-plans .row .col h3{
    line-height:44px;
}

#plan-row-col-1 {
    width:21% !important;
    height:44px;
}

#plan-row-col-3 {
    width:16% !important;
}
#plan-row-col-4 {
    width:16% !important;
}
#plan-row-col-5 {
    width:17% !important;
}
#plan-row-col-6 {
    width:15% !important;
}
#plan-row-col-7 {
    width:15% !important;
}

.row-spacer {
    display:block;
    clear:both;
    height:80px;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight:700;
}

.font-blue {
    color:#02a5ff;
}

.features .col{
    padding-bottom:50px;
}

.features .row {
    margin-bottom:-50px;
}

#minecraft-modpacks .inner-col{
    margin-bottom:-5px;
}

#minecraft-modpacks .col{
    padding:0px 10px;
}

#faq-row .lighter-bg {
    border:1px solid #192946;
    box-shadow: 0 0.15rem 0.25rem rgb(0 0 0 / 10%) !important;
}

#faq-row .lighter-bg:hover {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%) !important;
}

.padded-row {
    padding:0px 7.5%;
}

.padded-row-less {
    padding:0px 100px;
}

#compare ul li {
    padding:0.88em 1em;
}
#compare ul li  img {
    vertical-align: middle;
}

#compare ul li:nth-child(2n) {
    background: #121e34;
}

#compare .row .col {
    padding:0px;
}

.ramshard-list {
    margin-top:-2px;
    border: 2px solid #019dff;
    border-radius: 5px;
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ramshard-order {

    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    text-align:center;
    border:0px;
    background:#019dff;
}

#c-feat {
    width:30%;
    max-width: 40%;
}

#c-comp {
    width:17.5%;
    max-width: 17.5%;
}

#pocketedition-text {
    padding-top:2em;
}


#testimonial-slider.blue-bg .plan-box {
    background: transparent;
    border: 0px;
    box-shadow: none !important;
    text-align: center;
}
.bluetext {
    color:#0098ff;
}

.img {
    max-width:100%;
    height:auto;
}

#service-boxes {
    color:#a1b5cd;
}

.whitelink {
    color:#fff;
}

.whitelink:hover, .whitelink:focus {
    color:#fff;
    opacity:0.75;
    text-decoration:none;
}

.server-specs {
    background:url('../images/spec-bg.png') center right no-repeat #121e34;
}

#services-cta {
    color:#a1b5cd;
}

.icon-box {
    background:#192944;
    border-radius:50%;
    text-align:center;
    width:64px;
    height:64px;
    line-height:64px;
}

#service-stats h2{
    font-size:72px;
    line-height:66px;
}

#services-moreservices {

}

.branding-dark {
    background:#0d1627;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding-top:1.75em;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.branding-dark-footer {
    background:#0b1322;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top:1.75em;
    padding:0.5em 1em;
}

.button-tiny {
    padding:0px 4px;
    font-size:12px;
    border-radius:3px;
    height:20px;
    line-height:18px;
}


.branding-white {
    background:#fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding-top:1.75em;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.branding-white-footer {
    background:#eaf1ff;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top:1.75em;
    padding:0.5em 1em;
    color:#5d6377;
}
#branding-boxes .col-lg-6 .col-lg-4{
    padding-right:0px !important;
}

#nav-changer {
    background:#121e34;
    border-top:1px solid #1b2a46;
    border-bottom:1px solid #1b2a46;
}

#nav-changer ul li {
    border-left:1px solid #1b2a46;
    width:20%;
    float:left;
}
#nav-changer ul li:nth-last-child(1) {
  border-right:1px solid #1b2a46;
  }

#nav-changer ul li a {
    display:block;
    height:54px;
    line-height:56px;
    color:#4d637e;
    font-weight:700;
    text-align:center;
    text-transform: uppercase;
}
#nav-changer ul li a:hover {
    text-decoration: none;
    color:#fff;
}

#nav-changer .active a,
#nav-changer .active a:hover {
    background:#0e1729;
    color: #0098ff;
}

.four-cols li {
  width:25% !important;
}

#code-textarea {
    background:#0d172a;
    width:100%;
    display:block;
    font-size:15px;
    color:#87a5c8;
    font-family:"Inter",sans-serif;
    padding:1em;
    border:0px;
    border-radius:5px;
    min-height:140px;
    border-radius:6px;
}

#banners-468 #code-textarea {
    max-width:468px;
}



#branding-info {
    color:#a1b5cd;
}

.color-box {
    width:100%;
    height:128px;
    text-align:center;
    border-radius:6px;
}

.color-box h5 {
    line-height:128px;
}

.font-dark {
    color:#0c182c;
}

#compare-nav {
background:rgb(0,147,255);
}

#compare-nav ul li{
    display:inline-block;
    height:44px;
    line-height:44px;
    margin-right:4px;
}

#compare-nav ul li a {
    height:44px;
    line-height:44px;
    padding:0px 20px;
    display:block;
    border-radius:5px;
    border:0px !important;
    color:#fff !important;
}
#compare-nav ul li a:hover {
    text-decoration: none;
    background:rgba(255,255,255,0.2);
}
#compare-nav ul li .active {
    background:#8cd5ff !important;
}

#compare-nav .tab-content {
    background: #0c182c;
}

#compare-nav ul {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 20px;
    border-top:0.5rem solid rgb(0,147,255);
    border-bottom:0.5rem solid rgb(0,147,255);
  }

#compare-nav ul:before {
  display:block;
  height:44px;
  line-height:44px;
  font-weight:600;
  padding-right:1rem;
  color:#fff;
  content:"What makes us different?";

}

#compare-ramshard {
    border:2px solid #03adff;
}

#compare-them {
    border:2px solid #98132a;
    opacity:0.6;
}


.compare-included {
    width:32px;
    height:32px;
    border-radius:50%;
    background:#02a7ff;
    text-align:center;
    line-height:30px;
    position:absolute;
    top:-16px;
    left:1.75em;
}
.compare-not-included {
    width:32px;
    height:32px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    position:absolute;
    top:-16px;
    left:1.75em;
    background:#98132a;
}

#vs-text {
    position:absolute;
    left:0px;
    right:0px;
    top:50%;
    margin-top:-10px;
    text-align:center;
}

.relative {
    position:relative;
}

#compare.compare-compare ul li:nth-child(2n) {
    background: #17243c;
}

.absolute-center-img {
    position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

#team-boxes .absolute-center-img {
    border:5px solid #121e34;
    border-radius:50%;
    top:-51px;
}

#team-boxes .plan-box {
    padding-top:4.5em !important;
    text-align:center !important;
}

.label-blue {
    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
}

#team-boxes .label {
    border: 1px solid #0092ff;
    padding: 0px 10px;
    line-height: 24px;
}

.tl {

    background: url(../images/timebg.png) center center repeat-y;
    padding: 0;
    margin-top: 12px;
}

.timeline .tl ul {
    padding: 24px 0 48px;
}

.timeline .tl ul li {
    width: 50%;
    float: left;
    clear: both;
    position:relative;
}

.timeline .tl ul li:nth-child(2n) {
    float: right;
    width: 50%;
}

.timeline .tl ul li:after {
    background: url(../images/pin.png) center center no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    content: " ";
    top: 50%;
    transform: translateY(-50%);
    right: -14px;
}


.timeline .tl ul li:nth-child(2n):after {
    right: unset;
    left: -13px;
}

.timeline .tl ul li .inner-tl:before {
     content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid #182641;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.timeline .tl ul li .inner-tl:after {
     content: '';
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid #121e34;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.timeline .tl ul li:nth-child(2n) .inner-tl:before {
    background: url(../images/tlleft.png) center center no-repeat;
    right: unset;
    left: -12px;
    border-right: 12px solid #182641;
    border-left:0px solid #182641;
}
.timeline .tl ul li:nth-child(2n) .inner-tl:after {
    background: url(../images/tlleft.png) center center no-repeat;
    right: unset;
    left: -11px;
    border-right: 12px solid #121e34;
    border-left:0px solid #121e34;
}

.inner-tl {
    width:90%;
    padding: 2rem 2rem 2rem 2rem;
    position: relative;
    clear: both;
    background: #121e34;
    border: 1px solid #182641;
    border-radius: 6px;
    float:left;
}
.timeline .tl ul li:nth-child(2n) .inner-tl {
    float:right;
}

#core-values h2{
    padding-bottom:2rem;
}

.social-icon {
    display:inline-block;
    margin:0px 3px;
    width:32px;
    height:32px;
    border-radius:50%;
    background:transparent;
    border:1px solid #576681;
    line-height:30px;
    text-align:center;
    color:#a1b5cd;
}

.social-icon:hover {
    color:#fff;
    background:#3c4b63;
    border:1px solid #576681;
}

.label-youtube {
    background:#e60e2a;
    border-color: #b50000 !important;
}

.label-twitch {
    background:#9752ff;
    border-color: #701deb !important;
}

.label-dev {
    background:#02a5ff;
    border-color:#0092ff !important;
}


#partner-bg-1 {
    background: url(../images/partner-redlace-bg.png) center top no-repeat #18243c;
}

#partner-bg-2 {
    background: url(../images/partner-dasgasdom-bg.png) center top no-repeat #18243c;
}

#partner-bg-3 {
    background: url(../images/partner-rexs-bg.png) center top no-repeat #18243c;
}

#partner-boxes .absolute-center-img {
    border: 0px solid #121e34;
    border-radius: 50%;
    top: -51px;
}

#partner-boxes .plan-box {
    padding-top: 4.5em !important;
    text-align: center;
}


#becomepartner-bg {
    background:url('../images/becomepartner-bg.png') center right no-repeat;
}

#more-partners .plan-box {
    background:#182741;
    border-color:#213251;
    text-align: center;
}

#more-partners .plan-box:hover {
    background:#1b2c4a;
    border-color:#25385a;
    cursor:pointer;
}

.input {
    background:#15223a;
    border:1px solid #24324c;
    border-radius:5px;
    height:46px;
    line-height:46px;
    padding:0px 16px;
    font-family:"Inter",sans-serif;
    font-size:15px;
    color:#fff;
    width:100%;
}

.input:focus {
    outline:none;
    background:#182742;
    border:1px solid #293956;
}

.select {
    background:url('../images/arrow-down-blue.svg') center right 20px no-repeat #15223a;
    border:1px solid #24324c;
    border-radius:5px;
    height:46px;
    line-height:46px;
    padding:0px 16px;
    font-family:"Inter",sans-serif;
    font-size:15px;
    color:#fff;
    width:100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    box-shadow:inset 0px -2px 2px rgba(0,0,0,0.1);
}

.select:focus {
    outline:none;
    background:url('../images/arrow-down-blue.svg') center right 20px no-repeat #182742;
    border:1px solid #293956;
}

.textarea {
    background:#15223a;
    border:1px solid #24324c;
    border-radius:5px;
    line-height:24px;
    padding:13px 16px;
    font-family:"Inter",sans-serif;
    font-size:15px;
    color:#fff;
    width:100%;
    height:160px;
}

.textarea:focus {
    outline:none;
    background:#182742;
    border:1px solid #293956;
}

.textarea::placeholder, .input::placeholder {
    color:#536177;
}

.centered-list {
    text-align:left;
    display:inline-block;
    margin:0px auto;
}

.absolute-center {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#valheim-box {
    background:url('../images/valheim-bg.png') center left no-repeat #121e34;
}

#valplus {
    width:100%;
    max-width:640px;
}

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

#val-cpu {
    background: url(../images/valheim-features-cpu.png) center right no-repeat #18243c;
}

.val-nav li{
    padding:4px 0px;
    display:block;
    border-left:2px solid #202f49;
}

.val-nav a {
    display:block;
    padding:0px 20px;
    line-height:40px;
    color:#a1b5cd;
    margin-left:-3px;
    border-left:4px solid transparent;
}

.val-nav a:hover {
    text-decoration: none;
    color:#fff;
}


.val-nav a.active {
    border-left:4px solid #0194ff;
    color:#0194ff;
    font-weight:700;
}

#testimonial-slider.blue-bg {
    padding:70px 0px;
}

.job-icon {
  background:#25334c;
  width:72px;
  height:72px;
  border-radius:50%;
  line-height:56px;
  text-align:center;
  border:8px solid #18263e;
}

#job-row .plan-box .btn.not-collapsed{
    background:url('../images/jobs-up.png') center right 28px no-repeat !important;
}
#job-row .plan-box .btn.collapsed{
    background:url('../images/jobs-down.png') center right 28px no-repeat !important;
}

#job-row p {
  max-width:100%;
}

.job-inner {
  margin-top:2rem;
  padding-top:2rem;
  padding-left:90px;
}

.responsive-img {
  max-width:100%;
  height:auto;
}

#slider-image {
  width:158px;
    max-width: 158px;
}
.img-bottom-fix {
  margin-bottom:-7px;
}

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

.has-img-absolute-left {
  position:relative;
  padding-left:72px;
}

.dark-bg {
  background:#081122;
}

.white-bg {
  background:#fff;
}

#subscribe-box {
  padding:10px;
  padding-left:24px;
  border-radius:64px;
}

.rounded-big {
border-radius:48px;
}

.subscribe-input {
  width:80%;
  width:calc(100% - 130px);
  background:url('../images/subscribe.svg') center left no-repeat;
  border:0px;
  padding-left:32px;
    color:#fff;
    font-weight:300;
      color:#0c182c;
}

.subscribe-input:focus {
  outline:none;
  border:0px;
}

.subscribe-input::placeholder {
  color:#a4a9b4;
}

#domain-search .subscribe-input {
  background:url('../images/domain-search.svg') center left no-repeat;
}

#hytale-feature-row-one {
  background:url('../images/hytale-feature-bg-1.png') center right no-repeat #101c32;
}
#hytale-feature-row-two {
  background:url('../images/hytale-feature-bg-2.png') center right no-repeat #101c32;
}
#hytale-feature-row-three {
  background:url('../images/hytale-feature-bg-3.png') center right no-repeat #101c32;
}
#hytale-feature-row-four {
  background:url('../images/hytale-feature-bg-4.png') center right no-repeat #101c32;
}


#factorio-feature-row-one {
  background:url('../images/factorio-feature-bg-1.png') center right no-repeat #101c32;
}
#factorio-feature-row-two {
  background:url('../images/factorio-feature-bg-2.png') center right no-repeat #101c32;
}
#factorio-feature-row-three {
  background:url('../images/factorio-feature-bg-3.png') center right no-repeat #101c32;
}
#factorio-feature-row-four {
  background:url('../images/factorio-feature-bg-4.png') center right no-repeat #101c32;
}

#ark-feature-row-one {
  background:url('../images/ark-feature-bg-1.png') center right no-repeat #101c32;
}
#ark-feature-row-two {
  background:url('../images/ark-feature-bg-2.png') center right no-repeat #101c32;
}
#ark-feature-row-three {
  background:url('../images/ark-feature-bg-3.png') center right no-repeat #101c32;
}
#ark-feature-row-four {
  background:url('../images/ark-feature-bg-4.png') center right no-repeat #101c32;
}

#rust-order-bg {
  background:url('../images/rust-bg.png') top center no-repeat #121e34;
    background-size: 100% auto;
}

.rust-divider {
  width:100%;
  width:calc(100% + 3rem);
  background:#202e4d;
  height:1px;
  display:block;
  margin:1.75rem -1.5rem;
}


#header-col {
  text-align:center;
  padding:28px 13px;
}
#header-col h5 {
  font-size:15px;
}

.border-right {
  border-right:1px solid #1b2a47 !important;
}
.border-top {
  border-top:1px solid #1b2a47 !important;
}
.border-bottom {
  border-bottom:1px solid #1b2a47 !important;
}
.border-left{
  border-left:1px solid #1b2a47 !important;
}

#hosting-top-bg {
  background:#121e34;
    border:1px solid #1b2a47;
  border-top-right-radius:8px;
  border-top-left-radius:8px;
  border-bottom:0px;
}

#table-row-odd {
  background:#0d1a2f;
}

#table-row-even {
  background:#121e34;
}

#table-order-bottom {
  padding:13px;
}

#table-feature-list {
  padding:28px 13px;
}

#hosting-panel-features {
  padding-left:60px;
}

#wide-title-p {
  max-width:780px;
}

#location-bgs {
  background:url('../images/location-bg-one.png') center right no-repeat #0e1c32;
}

#location-bgs .plan-box {
  background:#172339;
  border-color:#1e2c46;
}

#network-partners img {
  margin-bottom:-7px;
}

#faq-text h4 {
  font-weight:500;
}

.nav-tab li {
  float:left;
}

.nav-tab li a{
  background:#15233c;
  border:1px solid #1f2f4d;
  border-right:0px;
  color:#a1b5cd;
  padding:0px 24px;
  height:52px;
  line-height:50px;
  display:block;
}

.nav-tab li a:hover {
  color:#fff;
  text-decoration: none;
}

.nav-tab li:nth-last-child(1) a {
border-right:1px solid #1f2f4d;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}

.nav-tab li:nth-child(1) a {
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}

.nav-tab li.active a {

    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    border-color:#0092ff;
    color:#fff;
}

.carousel {
  font-weight:400;
}

.carousel-inner .item,
.carousel-inner .item.active,
.carousel-inner .item img {
    margin: auto;
    padding: 0px;
}


.carousel-caption {
  left:unset;
  right:unset;
  bottom:unset;
  position:relative;
  width:100%;
}

.img-fluid {
  height:unset !important;
  width:unset !important;
}

.carousel-control-next, .carousel-control-prev {
  z-index:1001;
}

.carousel-caption {
  padding:0px;
}

.nav-icon {
  width:48px;
  height:48px;
  border-radius:50%;
}
.small-nav-icon {
  width:32px;
  height:32px;
  border-radius:50%;
}

.header .dropdown-menu {
  margin-right:-20px;
  border-radius:6px;
  padding:8px 12px !important;
  margin-top:22px;
  left:0px;
}
.header .dropdown-menu li {
  margin-right:0px !important;
}

.header .dropdown-menu:after {
    position: absolute;
    right: unset;
    left:100%;
    transform: translateX(-50%);
    top: -7px;
    width: 0;
    height: 0;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
  }

.header .dropdown-menu > li > a > h4 {
  color:#0c182c;
  font-size:16px;
  font-weight:700;
  font-family:"Nunito Sans",sans-serif;
}

.header .blue-link {
  font-size:14px;
}

.header .dropdown-menu > li > a {
  font-size:12px;
  color:#6f7886;
  border-radius:6px;
  min-width:326px;
  padding:8px 12px;
  margin:6px 0px;
  font-weight:300;
}

.dropdown-menu.show {
  outline:unset;
}


.navbar-nav li:nth-child(1) ul:after {

    right: unset;
    left: 120px;
  }

  .navbar-nav li:nth-child(1) ul {
    min-width: 760px;
    left:0px;
    right:unset;
}

.navbar-nav li:nth-child(1) ul li {
  width:50%;
  float:left;

}

.navbar-nav li:nth-child(2) .dropdown-menu {
width:360px;
}


.navbar-nav li:nth-child(2) .dropdown-menu:after {
  left:76px;
}


.navbar-nav li:nth-child(3) .dropdown-menu {
width:240px;
}

#__BVID__30 .dropdown-menu a {
    min-width:100%;
    height:48px;
}

#__BVID__30 .dropdown-menu a h4 {
  line-height:32px;
}

.navbar-nav li:nth-child(3) .dropdown-menu:after {
  left:87px;
}

.navbar-nav.ml-auto li:nth-child(3) .dropdown-menu {
width:160px;
right:0px;
left:unset;
margin-right:-20px;
}
.navbar-nav.ml-auto li:nth-child(3) .dropdown-menu:after  {
  right:4px;
  left:unset;
}



.header .dropdown-menu > li {
  border-radius:5px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color:transparent !important;
  border-radius:5px;
}

.header .dropdown-menu > li:hover {
    background-color: #f4f9ff;
}

.header .dropdown-menu > li:hover a h4 {
  color:#0693fe;
}

.header .dropdown-menu > li:nth-last-child(1) > a {
  margin-top:6px;
}

.blue-link {
  color:rgba(0,147,255,1) !important;
  font-weight:600 !important;
}

.header .dropdown-toggle::after {
  display: inline-block;
    margin-left: unset;
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    background:url('../images/arrow-down.svg') center right no-repeat;
    width:12px;
    height:7px;
    position:absolute;
    top:50%;
    margin-top:-3.5px;
    right:0px;
    background-size:10px;
}

.header .b-nav-dropdown.show .dropdown-toggle {    color: #0693fe;
}

.header .dropdown-toggle:hover::after,
.header .b-nav-dropdown.show .dropdown-toggle::after   {
background:url('../images/arrow-down-blue.svg') center right no-repeat;
background-size:10px;
}

.header a:hover {
  transition:none;
}

.header .b-nav-dropdown.dropdown {
  padding-right:10px;
}


.nav-link {
  padding:0rem;
}

.bullet-list li::before {
  background: url(../images/bullet.svg) center center no-repeat;
      width: 5px;
      height: 9px;
      content: ' ';
      display: inline-block;
      margin-right: 10px;
      color: #0693fe;
}

#__BVID__19 li a, #__BVID__32 li a{
    min-width: 160px !important;
    font-size:14px;
    margin:0px 0px;
}

#__BVID__13 li a{
    min-width: 280px !important;
}


    #__BVID__32 .dropdown-toggle {
      padding-left:22px;
    }

  #__BVID__32 .dropdown-toggle:before {
    background:url('../images/us.png');
    width:16px;
    height:11px;
    content:" ";
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-6px;
  }

  .navbar-text {
    padding:0px;
  }

.last-nav li:nth-last-child(1) {
  margin:0rem !important;
}

.last-nav .dropdown-menu li:nth-last-child(1) {

  margin: 0em 0.725em !important;
}

.control-panel {
  position:relative;
}

.control-panel .carousel {
  position:unset;
}

.control-panel .carousel-control-next .carousel-control-next-icon {
  height:12px;
  width:12px;
}

.control-panel .carousel-control-next {
  height:12px;
  width:12px;
  position:absolute;
  top:16px;
  right:32px;
  bottom:unset;
}
.control-panel .carousel-control-prev .carousel-control-prev-icon {
  height:12px;
  width:12px;
}

.control-panel .carousel-control-prev {
  height:12px;
  width:12px;
  position:absolute;
  top:16px;
  right:48px;
  left:unset;
  bottom:unset;
}

#home-testimonials .carousel-control-prev-icon, #testimonial-slider .carousel-control-prev-icon, .banner .carousel-control-prev-icon, #core-values .carousel-control-prev-icon {
  width:17px;
  height:65px;
  background-image:url('../images/prev.png') !important;
}

#home-testimonials .carousel-control-next-icon, #testimonial-slider .carousel-control-next-icon, .banner .carousel-control-next-icon, #core-values .carousel-control-next-icon {
  width:17px;
  height:65px;
  background-image:url('../images/next.png') !important;
}

 #testimonial-slider .carousel-control-next {
   right:-80px;
   width:40px;
 }

  #testimonial-slider .carousel-control-prev {
    left:-80px;
    width:40px;
  }

.carousel-control-next, .carousel-control-prev {
  opacity:0.75 !important;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
  opacity:1 !important;
}

.carousel-caption {
  color:inherit;
  text-align:inherit;
}
.collapsed > .when-open,
.not-collapsed > .when-closed {
  display: none;
}

.no-button {
  background:none !important;
  padding:0px !important;
  border:0px !important;
  font-family:inherit !important;
  width:100%;
  text-align:left;
  cursor:default;
}

.footer .btn:not(:disabled):not(.disabled) {
  cursor:text;
}

.btn-secondary.focus, .btn-secondary:focus {
  box-shadow:none !important;
  color:inherit !important;
}

#minecraft-controlpanel .collapsed {
  background:url('../images/arrow-down-white.png') center right no-repeat !important;
}
#minecraft-controlpanel .not-collapsed {
  background:url('../images/arrow-up-white.png') center right no-repeat !important;
}

.faq-toggle .collapsed {
  background:url('../images/faq-down.svg') left 7px no-repeat !important;
}
.faq-toggle .not-collapsed {
  background:url('../images/faq-right.svg') left 5px no-repeat !important;
}

.faq-toggle .no-button, .faq-toggle .collapse p {
  padding-left:28px !important;
}

.faq-toggle h4 {
    font-size: 16px;
    line-height: 24px;
  }

.nav-pills li a{
  background:#15233c !important;
  height:48px;
  line-height:48px;
    color: #a1b5cd;
    padding:0px 20px;
    border:1px solid #1f2f4d;
    border-left:0px;
    border-radius:0px !important;
}

.nav-pills li:nth-child(1) a{
  border-top-left-radius:5px !important;
  border-bottom-left-radius:5px !important;
  border-left:1px solid #1f2f4d;
}
.nav-pills li:nth-child(1) a.active {
border-left: 1px solid #0092ff;
}

.nav-pills li:nth-last-child(1) a{
  border-top-right-radius:5px !important;
  border-bottom-right-radius:5px !important;
}

.nav-pills li a.active{
    background: rgb(0,147,255) !important;
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%) !important;
    border: 1px solid #0092ff;
}

#minecraft-features .nav {
    justify-content: center;
    margin-bottom:3rem;
    margin-top:0.25rem;
  }


.feature-tabs .nav-tabs {
    background: #121e34;
    border-top: 1px solid #1b2a46;
    border-bottom: 1px solid #1b2a46;
}


.feature-tabs .nav-tabs .tabs div:nth-child(2) {
max-width:1280px;
margin:0px auto;
}

.feature-tabs .nav-tabs li {
    width: 25%;
    float: left;
}

.feature-tabs .nav-tabs li a {
    display: block;
    height: 54px;
    line-height: 54px;
    color: #4d637e;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
        border-left: 1px solid #1b2a46;
    border-color:#1b2a46 !important;
    border-top:0px !important;
    border-right:0px !important;
}

.feature-tabs .nav-tabs li:nth-child(1) a {
  border-left:0px !important;
}

.feature-tabs .nav-tabs li a:hover, .feature-tabs .nav-tabs li a:focus {
  color:#fff;
      border-bottom: 1px solid #1b2a46;
}

.feature-tabs .nav-tabs a.active {
    background: #0e1729 !important;
    color: #0098ff !important;
    border-color:#1b2a46 !important;
    border-bottom:1px solid #1b2a46 !important;
}

.feature-tabs .nav-tabs li:nth-last-child(1) {
    border-right: 1px solid #1b2a46;
}

.blue-slider .carousel-control-prev{
  left:5% !important;
}
.blue-slider .carousel-control-next{
  right:5% !important;
}

.feature-tabs-img-fix .col-lg-4 img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  height:48px;
  width:auto;
}

.location-tabs .nav{
  border-top:5px solid #1c283e !important;
  border-bottom:5px solid #1c283e !important;
  background:#121e34;
  padding-left:5px;
  padding-right:5px;
}

.location-tabs .nav-tabs li {
    width: 14.285%;
    padding:5px 0px;
      border:0px !important;
  }

  .location-tabs .nav-tabs li a{
    border:1px solid transparent !important;
    text-transform: capitalize;;
    border-radius:5px;
  }

    .location-tabs .nav-tabs li a:focus{
      border:1px solid transparent !important;
}

  .location-tabs .nav-tabs a.active {
    border-bottom:0px !important;
    background: rgb(0,147,255) !important;
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%) !important;
    border: 1px solid #0092ff !important;
    border-color:#0092ff !important;
    color:#fff !important;
  }

.job-button {
  line-height:24px;
  height:24px;
}


#core-values .carousel-control-prev{
  left:-25% !important;
}
#core-values .carousel-control-next{
  right:-25% !important;
}

#core-values .col-lg-6 img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  height:48px;
  width:auto;
}

.valheim-tabs .col-auto{
  width:25%;
    max-width: 25%;
}

.valheim-tabs .nav-pills li {
    padding: 0px 0px;
    display: block;
    border-left: 2px solid #202f49;
}

.valheim-tabs .nav-pills li a {
  border:0px;
    display: block !important;
    padding: 0px 20px !important;
    line-height: 48px !important;
    color: #a1b5cd !important;
    margin-left: -3px !important;
    border-left: 4px solid transparent !important;
    background:transparent !important;
  }

  .valheim-tabs .nav-pills li a:hover {
    color:#fff !Important;
  }

  .valheim-tabs .nav-pills li a.active {
    border-left: 4px solid #0194ff !important;
    color: #0194ff !important;
    font-weight: 700 !important;
  }

.text-normal {
    color: #a1b5cd !important;
    font-weight:300;
}

.showmobile {
  display:none;
}

.blue-bg a {
  color:#fff;
}

.navbar-toggler {

    padding: 0px 12px;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    color: #fff !important;
    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    border: 1px solid #0092ff;
    font-size: 15px;
    font-weight: 600;
}

.navbar-dark .navbar-toggler-icon {
    background:url('../images/menu.svg') center center no-repeat;
    color:#fff;
    fill:#fff;
    margin-top:-2px;
}


.col-lg-onesix {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}

.tpblue-bg {
    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    color: #d7f0ff !important;
    padding:68px 0px;
  }

  .tpblue-bg .plan-box {
    background:#fff;
    border-color:#fff;
    color: #6f7886;
  }

.tpblue-bg .plan-box h5 {
    color: #0c182c;
  }

  .tpblue-bg .plan-box strong {
      color: #2a364a;
      opacity:0.88;
  }

  .tp-img-fix .plan-box img {
    height:24px;
    width:128px;
  }

  #testimonial-slider .title {
    padding-bottom:20px;
  }


  #testimonial-slider .plan-box{
    transform:scale(1);
    box-shadow:unset !important;
  }

  #testimonial-slider .plan-box:hover {
    transform:scale(1);
    box-shadow:unset !important;
  }

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

.ram-marks li {
  float:left;
  width:16.6667%;
  cursor:pointer;
  padding-top:1rem;
}

.ram-marks li a {
  color:#fff;
    color:#a1b5cd;
  cursor:pointer;
  font-weight:600;
}


.ram-marks li:hover a {
  color:#fff;
  opacity:1;
  text-decoration: none;
}

.ram-marks li a:hover {
text-decoration: none;
}

.ram-marks li.active a {
  color:#0693fe;
  opacity:1;
}

.ram-marks li:nth-child(1) {
  text-align:left !important;
}

.ram-marks li:nth-last-child(1) {
  text-align:right !important;
}

.dselect {
  display: block;
    height:44px;
    line-height: 44px;
    padding: 0px 70px 0px 20px;
    border-radius: 5px;
    background: url(../images/select-down.svg) center right 20px no-repeat #121e34;
    box-shadow: inset 0px -2px 2px rgb(0 0 0 / 6%);
    border: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: rgba(255,255,255,1);
    border:1px solid rgba(255,255,255,0.03);
    display:inline-block;
    font-weight:600;
    cursor:pointer;
  }

    .slidecontainer {
      width: 100% !important;

      height: 12px !important;
      position: relative;
      margin: 12px 0px;
      border-radius: 5px;
    }

    .order-mc .slider {
      width:100% !important;
    }

    .order-mc .slider:before {
    width: 36.75%;
  }

    .slider {
      -webkit-appearance: none;
      margin: 0px;
      width: 100%;
      width: calc(100% - 6px);
      padding: 0px;
      height: 12px !important;
      background: #1f2e46 !important;
      outline: none;
      border-radius: 12px;
      -webkit-transition: .2s;
      transition: opacity .2s;
      position: absolute;
      left: 3px;
      right: 3px;
    }

    .slider:hover {
      opacity: 1;
    }

    .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 30px;
      height: 30px;
      background: url(../images/handle.png) !important;
      background-size: contain;
      cursor: pointer;
      margin: -9px 0px;
    }

    .slider::-moz-range-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 30px;
      height: 30px;
      background: url(../images/handle.png) !important;
      background-size: contain;
      cursor: pointer;
      margin: -9px 0px;
    }

    .slider:before {
      background: rgb(0,147,255);
      border-radius: 6px 0px 0px 6px;
      height: 12px;
      width: 39.22%;
      position: absolute;
      top: 0px;
      left: -3px;
      content: " ";
      z-index: 1000;
    }
    .ram-marks li:nth-child(1) {
      padding-left:0.75%;
    }
    .ram-marks li:nth-child(2) {
      padding-right:4.5%;
    }
    .ram-marks li:nth-child(3) {
      padding-right:1.5%;
    }
    .ram-marks li:nth-child(4) {
      padding-left:2%;
    }
    .ram-marks li:nth-child(5) {
      padding-left:5%;
    }

    #rust-pricing .ram-marks li {
      padding-top:0.25rem;
      padding-bottom:0.5rem;
    }

    #rust-pricing .dselect {
      width:100% !important;
      display:block !important;
    border: 1px solid rgba(255,255,255,0.1);
    }

    #rust-pricing .slider:before {
        width:37.75%;
      }

      #rust-features .tab-content div {
        display:none;
      }

      #rust-features .tab-content div.active {
        display:block;
      }

.rust-feature-icon {
  width:217px;
  line-height:183px;
  height:183px;
  background:url('../images/rust-feature-bg.png') center center no-repeat;
  vertical-align: middle;
  text-align:center;
  position:absolute;
  top:50%;
  left:10%;
  margin-top:-91px;
}

#rust-nav-changer li a {
  margin-top:28px;
  background:#23314a;
  color:#a1b5cd;
  height:44px;
  line-height:32px;
  padding:6px 20px 6px 6px;
  border-radius:44px;
  font-size:15px;
  font-weight:600;
  display:inline-block;
  opacity:0.6;
}
#rust-nav-changer li a:hover, #rust-nav-changer li a:focus {
  text-decoration: none;
  opacity:1;
}

#rust-nav-changer li.active a {
  color:#fff;
  opacity:1;
}

#rust-nav-changer li:nth-child(1) a {
  margin-top:0px;
}

#rust-nav-changer li .number {
  width:32px;
  height:32px;
  background:#304262;
  line-height:32px;
  text-align:center;
  display:block;
  float:left;
  margin-right:12px;
  border-radius:50%;
}

#rust-nav-changer li.active .number {
    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    color:#fff;
}

.ml-7{
    margin-left: 6rem !important;
}

.rust-feature-icon img {
  display:none;
}


.rust-feature-icon img.active {
  display:inline-block;
}


.dropdown-menu {
  z-index:1005;
}

.hover-plans .plan-box {
  cursor:pointer;
}

#csgo-trailer {
    background:url('../images/csgo-play.png') center right no-repeat #121e34;
}

.playbutton {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

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

.playbutton:hover img:nth-child(1) {
  display:none;
}

.playbutton:hover img:nth-child(2) {
  display:inline-block;
    width: 88px;
    height: 88px;
}

.playbutton a:hover {
  text-decoration: none;
  transform:scale(0.95);
}
.playbutton a:hover h4{
    color: #02a5ff;
}

.extrabold {
  font-weight:900;
}

.plan-box h4 {
  font-size:20px;
  font-weight:700;
}

.services .plan-box a {
  font-weight:600;
}

.csgo-marks li, .csgo-marks li:nth-child(3), .csgo-marks li:nth-child(1) {
  width:33.3333% !important;
  text-align:center !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

.csgo-pricing .slider:before {
  width:48.5%;
}

.csgo-slide {
  padding: 0% 12.5%;
}

.image-sixteen {
  height:16px;
  width:auto;
}

.csgo-marks {
  z-index:1111;
}

.csgo-marks li a {
    color: #a1b5cd;
  font-weight:400;}

  .csgo-marks li.active a {
      color: #a1b5cd;
  }
.csgo-marks li {
  opacity:0.6;
}

.csgo-marks li.active {
  padding-bottom:2.5rem;
  opacity:1;
  margin-top:40px;
  background:url('../images/slider-arrow-up.png') center bottom no-repeat;
  transition:unset;
}

.sevendays-icon {
  width:120px;
  height:120px;
    background: #121e34;
    border-radius:50%;
    vertical-align: middle;;
    text-align:center;
    line-height:120px;
    position:absolute;
    left:50%;
    margin-left:-60px;
    top:-60px;
}


.sevendays-icon img {
  height:72px;
}

.border-right-three {
  border-right:4px solid #121e34;
}



.hovered-col {
    border:1px solid rgba(255,255,255,0);
}

.hovered-col:hover {
    border:1px solid rgba(255,255,255,0.12);
  border-radius:8px;
  cursor:pointer;
  }


.sub-banner .button {
    font-size: 16px;
    height: 50px;
    line-height: 48px;
    padding: 0px 28px;
}

.jobs-icon {
  height:24px;
  width:24px;
}

.icon-height-fix {
  height:48px;
  line-height:48px;

  display:block;
}

.icon-height-fix img {
  vertical-align: middle;
}
#__BVID__8 .dropdown-menu li  a {
height:64px;
}


#__BVID__8 .dropdown-menu li:nth-last-child(1) a {
  height:30px;
  line-height:30px;
  padding:0px 12px;
}

.showtablet {
  display:none;
}

.sub-banner .button-tiny {
      padding: 0px 4px !important;
      font-size: 12px;
      border-radius: 3px;
      height: 20px;
      line-height: 18px;
}

@media only screen and (max-width: 1320px) and (min-width: 1200px)  {
  .header ul.ml-auto li:nth-child(1) {
      display: none;
  }

  .header .container {
      max-width: 100%;
      padding: 14px 20px;
  }

}









div#jsCalculator {
    font-weight: 700;
    padding-top: 8px;
    font-size: 20px
}


a#js_checkout {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0px;
    margin-top: 2px
}

div#sliderSlots {
    margin: 4px 0px 12px 0px
}

div#jsLocationMap,
div#jsLocationMap div.usa,
div#jsLocationMap div.europe {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

div#jsLocationMap div.usa {
    background-image: url(../images/map.png);
    height: 358px;
    margin-bottom: 28px;

}



div#jsLocationMap a {
    position: absolute;
    display: block;
    text-decoration: none
}


div#jsLocationMap a.point {

    background: #555c73;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    display: block;
    content: " ";
}


div#jsLocationMap a.point.selected {
    background: #008aff;
    width: 8px;
    height: 8px;
}

div#jsLocationMap a.mapbtn {

    padding: 0 8px;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    height: 20px;
    line-height: 22px;
    font-family: proximanova-bold, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #555c73;
    text-transform: capitalize;
    box-shadow: 0 1px 2px 1px rgba(0, 2, 14, .16);

}

.mapbtn:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;


    position: absolute;
    left: 50%;
    margin-left: -2.5px;
    bottom: -13px;
}

.mapbtn.arrow-right:after {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    left: unset;
    right: -10px;
    margin-left: 0px;
    top: 50%;
    margin-top: -5px;
}

.mapbtn.arrow-top:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-top: unset;
    top: -5px;
}


.mapbtn.arrow-left:after {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #fff;
    left: -10px;
    top: 50%;
    margin-top: -5px;
    margin-left: 0px;
}


div#jsLocationMap a.mapbtn.selected {
    background: #1592e9;
    color: #fff;
}

.mapbtn.selected:after {
    border-top: 5px solid #1692e9;
}

div#jsLocationMap a.mapbtn.selected {
    background: #1692e9;
}


.mapbtn.selected.arrow-top:after {
    border-top: 0px;
    border-bottom: 5px solid #1692e9;
}

.mapbtn.selected.arrow-left:after {
    border-right: 5px solid #1692e9;
    border-top: 5px solid transparent;
}

.mapbtn.selected.arrow-right:after {
    border-left: 5px solid #1692e9;
    border-top: 5px solid transparent;
}

div#jsLocationMap a#point-fl {
    top: 179px;
    left: 172px;
}

div#jsLocationMap a#button-fl {
    top: 197px;
    left: 148px;
}

div#jsLocationMap a#point-la {
    top: 164px;
    left: 96px;
}

div#jsLocationMap a#button-la {
    top: 182px;
    left: 54px;
}

div#jsLocationMap a#point-va {
    top: 152px;
    left: 171px;
}

div#jsLocationMap a#button-va {
    top: 123px;
    left: 142px;
}


div#jsLocationMap a#button-ny:after {
    left: 13px;
}

div#jsLocationMap a#point-mo {
    top: 47px;
    left: 174px;
}

div#jsLocationMap a#button-mo {
    top: 54px;
    left: 206px;
}

div#jsLocationMap a#point-ams {
    top: 110px;
    left: 354px;
}

div#jsLocationMap a#button-ams {
    top: 104px;
    left: 373px;
}

div#jsLocationMap a#point-london {
    top: 107px;
    left: 334px;
}

div#jsLocationMap a#button-london {
    top: 78px;
    left: 306px;
}

div#jsLocationMap a#point-fr {
    top: 57px;
    left: 337px;
}

div#jsLocationMap a#button-fr {
    top: 98px;
    left: 308px;
}

div#jsLocationMap a#point-gr {
    top: 124px;
    left: 342px;
}

div#jsLocationMap a#button-gr {
    top: 142px;
    left: 309px;
}

div#jsLocationMap a#point-ro {
    top: 134px;
    left: 389px;
}

div#jsLocationMap a#button-ro {
    top: 128px;
    left: 407px;
}


div#jsLocationButtons {
    padding: 20px 130px;
    height: 48px;
    overflow: hidden
}

div#jsLocationButtons a {
    width: 160px;
    height: 48px;
    text-decoration: none
}

.ui-slider-horizontal {
    background: #ebebf0 !important;
    border: 0;
    width: calc(100% - 30px) !important;
    height: 12px;
    border-radius: 5px;
    left: 15px;
}

#main-order-content {
    width: 730px !important
}

.gsi-title {
    height: 32px;
    width: 730px;
    padding-top: 10px;
    clear: both;
    padding-bottom: 6px
}

.gsi-title .floatleft {
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    text-shadow: #000 0 1px
}

.gsi-title .floatleft img {
    float: left;
    margin-right: 10px
}

.gsi-title .floatright {
    height: 1px;
    background: url(../images/dotted-bg.png) repeat-x;
    margin-top: 15.5px
}

#js_slot_price {
    font-weight: 600;
    color: #16a1f5
}

#js_slot_total {
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

.selectedslots {
    line-height: 34px
}

.ui-state-default {
    cursor: pointer;
    background: #f7f8fc;
    color: #484e61 !important;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 18px;
    border: 0;
    border-right: 2px solid #fff;

    font-weight: 500;
    letter-spacing: 0;
    padding: 20px 12px;
    line-height: 26px !important;

    margin: 0;
    width: 25%;
    float: left;

}


.ui-state-default:hover {
    background: #f2f3f8;
    -webkit-transition: none;
    transition: none;

}

.ui-state-active,
.ui-state-active:hover {
    background: rgb(0, 138, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
    color: #fff !important;
    -webkit-transition: none;
    transition: none;

}

.ui-state-active .thediscount {
    color: rgba(255, 255, 255, 0.72);
}

.ui-button .ui-button-text {
    padding: 0;
    margin: 0;

    width: 100%
}

.ui-buttonset {
    width: 100%;
    margin-right: 0;
    margin-top: 18px;
}

.ui-state-active .ui-button-text {
    background: 0 0
}

#jsCalculator {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.yourtotalis {
    font-size: 14px;
    font-style: italic;
    color: #fff
}

.pricewrap {
    font-size: 24px;
    line-height: 40px;
    font-family: roboto, proximanova-bold, Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 600;
    color: #000038;
}

#sidebar-wrap .pricewrap {
    font-size: 34px;
    color: #fff;
    margin-bottom: 0px;
    display: block;
    text-align: center;
    font-weight: 500;
}

.totaldue {
text-align: center;
    display: block;
    padding-bottom: 20px;
}

.cycles {

    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.dedicatedip {
    line-height: 22px;
    clear: both;
    margin-top: 16px;
    color: #a1b5cd;
}

.dedicatedip .floatleft {
    display: inline-block;
    margin-right: 8px
}

.dedicatedip .ui-state-default {
    background: url(../images/off.png) no-repeat;
    height: 26px;
    padding-left: 0;
    width: 26px;
    border: 0;
    border: 0 !important;
    line-height: 22px;
    float: left;
    margin-right: 12px;
    margin-top: -1px;
    padding: 0px;
}

.addon-cost {
    color: #fff;
    float: right;
    font-weight:500;
}

.dedicatedip .ui-state-active {
    background: url(../images/on.png) no-repeat
}

.dedicatedip .ui-state-default .ui-button-text {
    text-align: left;
    height: 36px;
    line-height: 36px;
    cursor: default;
    display: none
}



.gsinfopage input[type=text] {
    width: 300px;
    padding-left: 13px;
    height: 30px;
    border: 0;
    margin: 7px 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    color: #333;
    -moz-box-shadow: inset 0 0 3px #797979;
    -webkit-box-shadow: inset 0 0 3px #797979;
    box-shadow: inset 0 0 3px #797979;
    font-size: 16px;
    font-weight: 300
}

.sidebar-wrap {
    padding: 28px 32px 32px 32px;
    background: #121e34;

    border-radius: 12px;
    clear: both;
    font-size:15px;
    color: #a1b5cd;
}

.sidebar-wrap h3 {
    padding-bottom: 0px;
}

.sidebar-wrap .flex-grid .col.leftauto {
    text-align: right;
    margin-left: -20%;
}

.leftauto {
    margin-left: auto;
}

.sidebar-wrap strong {
    color: #008aff;
}

.sidebar-wrap .ramshow {
    color: #fff !important;
}

.sidebar-wrap h3 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.sidebar-wrap h2 {
    font-size: 24px;
    font-style: normal;
    line-height: 28px;
}


.sidebar-wrap h3 .plan-icon {
    margin-right: 6px;
    float: left;
}

.sidebar-wrap h3 .plan-icon img {
    height: 40px;
    width: auto;
    margin-bottom: -14px;
}

.sidebar-wrap .recslots .col {
    width: 100% !important;
    padding: 12px 20px;
}

.sidebar-wrap .recslots .col:hover {
    background-color: #2b2e42;
}

.sidebar-wrap .recslots .col:nth-child(1) {
    border-radius: 5px 5px 0px 0px;
}

.sidebar-wrap .recslots .col:nth-child(2) {
    border-radius: 0px 0px 5px 5px;
    margin-top: 2px;
}

.sidebar-wrap .recslots {
    margin-top: 10px;
}

.sidebar-wrap .recslots span {
    color: #fff;
}

.sidebar-wrap .recslots .col .flex-grid.two .col {
    width: auto !important;
    padding: 0px;
    background: transparent;
}

.sidebar-wrap .recslots .col .flex-grid.two .col img {
    vertical-align: baseline;
    margin-right: 6px;
}

.sidebar-wrap ul li {
    line-height: 32px;
}



.order-mc .twothirds .colfirst {
    width: 60%;
}

.order-mc .twothirds .colsecond {
    width: 30%;
    margin-top: -10px;
}

.plan-icon {
    width: auto;
    vertical-align: middle;
}



.sidebar-wrap .divider {
    border-top: 1px dashed rgba(255,255,255,0.12);
    height: 1px;
    width: 100%;
    margin: 20px 0px;
}

.wasprice {
    margin-top: 0px;
    color: #fff;
    text-decoration: line-through;
    color: #a1b5cd;
    opacity: 0.6;
    margin-bottom: 20px;
    margin-top:-20px;
    text-align:center;
    display:none;
}

.order-step {
    border-radius: 5px;
    padding: 44px 0px 44px 0px;
    position: relative;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
}

.order-step h3 {
    padding-bottom: 6px;
}

.order-step p {

    padding-bottom: 16px;
}

.order-step h4 {
    font-size: 24px;

    line-height: 28px;
    padding-bottom: 6px;


}

.plan-changer {

    border-top: 1px dashed rgba(255, 255, 255, 0.12);
}

.thediscount {
    display: block;
    font-size: 14px;
    color: #a1b5cd;
    opacity:0.6;

}

.monthlycycle {
    padding: 20px 12px;
    padding: 30px 12px 29px 12px;
}

.planname {
    line-height: 32px;
    height: 32px;
}

#youselected {
    color: #fff;
    font-size: 20px;
    font-family: "ProximaNova-Semibold", sans-serif;
}




.sticky {
    position: sticky;
    top: 80px;
}

.promobar {

    padding: 18px 28px;
    background-color: #2b2e42;

    border-radius: 0px 0px 5px 5px;
}

.promobar input {
    float: right;
    width: 40%;
    border-radius: 3px;
    border: 0px;
    height: 36px;
    padding: 0px 12px;
    font-family: "ProximaNova-Semibold", sans-serif;
    color: #1c1d2a;
    background-color: #d9dbe3;
    text-align: center;
    text-transform: uppercase;
}

.promobar input:focus {
    outline: none;
    background-color: #fff;
}

.promobar strong {
    color: #fff;
    float: left;
    display: inline-block;
    line-height: 36px;
}

.selectlabel {
    color: #fff;
    padding-right: 8px;
    font-weight:500;
    display:block;
    margin-bottom:10px;
}

#sidebar-wrap .selectlabel {
    line-height: 28px;
    display: inline-block;
}

#sidebar-wrap .selectmc {
    padding: 5px 34px 5px 12px;
    margin-top: 0px;
    font-size: 14px !important;
}


.order-mc .ram-marks li {
    text-align: center;
    width: 11.111%;
    margin-bottom: 12px;
}



.order-mc .ram-marks li:nth-child(1) {
    text-align: left;
}

.order-mc .ram-marks li:nth-child(2) {
    padding-right: 4.5%;
}

.order-mc .ram-marks li:nth-child(3) {
    padding-right: 2.75%;
}

.order-mc .ram-marks li:nth-child(4) {
    padding-right: 3%;
}

.order-mc .ram-marks li:nth-child(5) {
    padding-left: 1%;
}

.order-mc .ram-marks li:nth-child(6) {
    padding-left: 3%;
}

.order-mc .ram-marks li:nth-child(7) {
    text-align: right;
    padding-right: 1%;
}

.order-mc .ram-marks li:nth-child(8) {
    text-align: right;
}

.order-mc .ram-marks li:nth-child(9) {
    text-align: right;
}

.ui-slider .ui-slider-range {
    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
    border-radius: 5px;
}

.budget-premium {
    padding-top: 12px;
}

.budget-premium li {
    display: inline-block;
    margin-right: 8px;
}

.budget-premium li a {

    padding: 0px 24px;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
    font-family: 'ProximaNova-SemiBold', Helvetica, Arial, sans-serif;
    background: #e2e2ee;
    color: #484e61;
    font-size: 16px;
    text-decoration: none;
    text-transform: none;
}

.budget-premium .active a {
    color: #fff;
    background: rgb(0, 138, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
}

.ramshow {
    color: #008aff;
    font-family: "ProximaNova-Bold", sans-serif;
}

.sidebar-wrap .select {

      background: url(../images/arrow-down-blue.svg) center right 12px no-repeat #15223a;
    height: 36px;
    line-height: 36px;
}

#order-left {
  padding-right:80px;
}

.slider {
    width: calc(100% - 40px);
}

.nobordertop {
  border-top:0px;
}



    .slidecontainer {
        width: 100%;
    }


    .billingCycle {
        padding-top: 10px;
    }

    .slider:hover {
        opacity: 1;
    }


    .billingCycle input[type="radio"] {
        position: absolute;
        visibility: hidden;
    }

    .billingCycle input[type="radio"]:checked+label {
        color: #fff;
    background: rgb(0,147,255);
    background: linear-gradient(90deg, rgba(0,147,255,1) 0%, rgba(5,188,255,1) 100%);
    }


        .dedicatedip input{
          margin-right:10px;
        }

    .billingCycle input[type="radio"]+label {
        padding: 14px 28px;
        display: inline-block;
        line-height: 46px;
        border-radius: 4px;
        font-weight:500;
    background: #121e34;
        color: #fff;
        text-align:center;
        text-decoration: none;
        text-transform: none;
        position: relative;
        line-height: 22px;
        cursor: pointer;
    }

    .billingCycle input[type="radio"]:checked+label .thediscount {
        color: rgba(255, 255, 255, 1);
    }

    .billingCycle .thediscount {
        color: #555c73;
        opacity: 0.75;
        position: relative;
        width: 100%;
        text-align: center;
        line-height: 20px;
    }

    .monthlycycle {
        padding: 24px 28px !important;
        margin-top: 0px;
        top: -10px;
    }

.order-mc .ram-marks li a.active, .order-mc .ram-marks li a:hover {

    color: #29a3ff;
}
.noborderbottom {
  border-bottom:0px;
}


.order-mc .ram-marks li:hover a {
    color: #0693fe;
  opacity:1;
  text-decoration: none;
}

.order-plan-icon {
  margin-top:-80px;
}

.sidebar-wrap h3 {
  text-align:center;
}

.order-mc .ram-marks li a {

    color: #a1b5cd;
}

#game-slider .slider {
  width:100%;
}

#rust-order-bg .slider {
  width:100%;
}

#__BVID__24 .dropdown-menu li a {
    height:64px;
}

.sub-banner h5 {
  text-transform: uppercase;
}

.subinputfix {
  line-height:48px;
  height:48px;
}

#tlds .col {
  margin-bottom:30px;
}

#tlds .row {
  margin-bottom:-30px;
}

.bolder {
  font-weight:700;
}

.oblique {
  font-style:oblique;
}

.top-bar {background: rgb(250,56,65);
background: linear-gradient(90deg, rgba(250,56,65,1) 0%, rgba(253,73,82,1) 100%);
    color:rgba(255,255,255,0.85);
    display:none;
}

.has-promo .top-bar {
  display:block;
}

.top-bar .container {

    max-width: 100%;
    padding: 0px 28px 0px 28px;
}

.top-bar {
  height:40px;
}

.top-bar h4 {
  line-height:24px;
}

.top-bar span {
  height:32px;
  padding: 5px 0px 0px 0px;
  display:inline-block;
}

.top-bar a {
  color:#fff;
  font-weight:700;
}

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

.promo-button {
  height:40px;
  padding:0px 20px;
  line-height:40px;
  background:rgba(0,0,0,0.14);
  display:inline-block;
}
.promo-button:hover {
background:rgba(0,0,0,0.22);
text-decoration: none;
}

.header .navbar-brand {

    padding-top: 4px;
    padding-bottom: 0px;
}

.promo-button:focus, a:focus {
  text-decoration:none;
}

.navbar-nav.ml-auto li:nth-child(1) {
  margin-right:2px;
}

.font-24 {
  font-size:24px;
  line-height:34px;
}
.font-22 {
  font-size:22px;
  line-height:32px;
}

.error-page {
  padding-top:200px;
  padding-bottom:200px;
  position:relative;
}

.alert-error {
  padding:8px 20px;
  border:2px solid rgba(255,255,255,0.12);
  display:block;
  background:#0c182c;
}



.error-page:before {
  content:"500";
  font-size:420px;
  position:absolute;
  font-weight:700;
  color:rgba(255,255,255,0.025);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    z-index: -1;  /* to be below the parent element */
}

.error-thousand:before {
  content:"1000" !important;
}

.error-fourohfour:before {
  content:"404" !important;
  top: 56.6%;
}

.large-error {
  font-size:100px;
  line-height:100px;
}

.small-icon {
  height:16px;
}

.tf-arrow{
  margin-bottom:-8px;
  margin-left:34px;
}

#tf-arrow .plan-box:hover {
  transition:unset;
  transform:scale(1);
}

.tf-panel {
  margin-bottom:-7px;
}

.submitbutton.inline-block {
  display:inline-block !important;
  width:auto !important;
  padding:0px 32px !important;
}

.divider-right {
  background:url('../images/gmod-divider.png') center right no-repeat;
  padding-right:35px;
}

#gmod-panel .border-top {
  padding-top:88px;
}


.no-transition:hover, .valheim-tabs .plan-box:hover {
  transition:unset;
  transform:scale(1);
}

#creator label {
  color:#fff;
  font-size:14px;
  text-transform: uppercase;
  font-weight:700;
  margin-bottom:8px;
}

#creator select {
    background: url(../images/arrow-down-blue.svg) center right 20px no-repeat #15223a;
    border: 1px solid #24324c;
    border-radius: 5px;
    height: 46px;
    line-height: 46px;
    padding: 0px 16px;
    font-family: "Inter",sans-serif;
    font-size: 15px;
    color: #fff;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: inset 0px -2px 2px rgb(0 0 0 / 10%);

}

#creator input[type="text"], #creator input[type="email"] {
    background: #15223a;
    border: 1px solid #24324c;
    border-radius: 5px;
    height: 46px;
    line-height: 46px;
    padding: 0px 16px;
    font-family: "Inter",sans-serif;
    font-size: 15px;
    color: #fff;
    width: 100%;
  }
  #creator input[type="text"]::placeholder, #creator input[type="email"]::placeholder {
    color:#a1b5cd !important;
  }

  #creator .text-muted {
    color:#a1b5cd !important;
    opacity:0.5;
    font-size:14px;
    margin-top:6px;
  }

  .form-group {
    margin-bottom: 2rem;
}

.banner .button {
  font-size:18px;
    height: 50px;
    line-height: 50px;
    padding:0px 28px;
}

.banner .carousel-control-next, .banner .carousel-control-prev {
width:8%;
}





/**
 * 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: 9999;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    z-index: 9999;
    padding: 10px 16px;
    width: 220px;
    background-color: #fff;
    border-radius: 4px;
    color: #323b4a;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}


.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: #fff;
}

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

[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: #fff;
}

.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: #fff;
}

.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%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: #fff;
}

.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;
}

#network-partners .row {
    justify-content: space-between;
  }

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

.mc-icon {
  height:90px;
}

#minecraft-plans .small-icon {
  height:24px;
}

.idealnumber {
  line-height:18px;
  display:block;
  opacity:0.75;
}

html, body {
  overflow-x:hidden;
}

.legal-info .nav-pills li a {
  height:auto !important;
  line-height:22px !important;
  border-radius:6px !important;
  margin-bottom:12px !important;
}

.legal-info .nav-pills a.active .fa-info{
color:#fff !important;
opacity:1;
}


.legal-info .nav-pills .fa-square {
  opacity:0.25;
}

.legal-info .nav-pills a.active .fa-square {
  opacity:0.3;
  color:#0c182c;
}

.markdown strong {
  display:block;
  text-transform: uppercase;
  padding-top:12px;
  padding-bottom:2px;
}

.stickyfix, .stickyfix body {
  overflow-x:visible;
}