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

@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-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../fonts/ProximaNova-Semibold.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    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: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'ProximaNova-Bold';
    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: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    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: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light.eot') format('embedded-opentype');
    font-weight: normal;
    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: 16px/24px 'ProximaNova-Regular', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
    color: #555c73;
    font-weight: 400;
    background: #ffffff;
}

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

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

section {
    padding: 88px 0px;
}

p {
    padding-bottom: 18px;
}

html,
body {
    overflow-x: hidden;
}


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

a {
    color: #ff3d30;
    text-decoration: none;
}

a:hover {
    color: #ff6f52;
    text-decoration: none;
}

.button {
    padding: 0px 24px;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
    font-family: 'ProximaNova-SemiBold', Helvetica, Arial, sans-serif;
    color: #fff;
    background: rgb(0, 138, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
    font-size: 16px;
    text-decoration: none;
    text-transform: none;
}

.button:hover {
    background: rgb72, 171, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(72, 171, 255, 1) 100%);
    color: #fff;
    text-decoration: none;
}

.button:focus {
    transform: scale(0.98);
}

.secondary {
    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
}

.secondary:hover {
    background: rgb(255, 101, 93);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 101, 93, 1) 100%);
}

.csbtn {
    background: rgb(167, 174, 194);
    background: linear-gradient(90deg, rgba(167, 174, 194, 1) 0%, rgba(191, 198, 218, 1) 100%);
    cursor: not-allowed;
}

.csbtn:hover {
    background: rgb(167, 174, 194);
    background: linear-gradient(90deg, rgba(167, 174, 194, 1) 0%, rgba(180, 187, 208, 1) 100%);
    cursor: not-allowed;
}

.button.small {
    height: 38px;
    line-height: 38px;
}

.button.outline {
    height: 46px;
    border: 1px solid #fff;
    line-height: 44px;
    color: #fff;
    background: transparent;
    opacity: 1;
}

.button.outline:hover {
    background: #fff;
    color: #000038;
}


.button.outlinegrey {
    height: 46px;
    border: 1px solid #c4cad6;
    line-height: 44px;
    color: #464b5d;
    background: transparent;
    opacity: 0.75;
}

.button.outlinegrey:hover {
    opacity: 1;
}

.whitebutton {
    background: #fff;
    color: #ff3a2e;
}

.whitebutton:hover {
    background: #fff;
    color: #ff3a2e;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.12);
}


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

h1 {
    font-size: 36px;
    line-height: 44px;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 800;
}


h2 {
    font-size: 32px;
    line-height: 40px;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    color: #000038;
    font-weight: 700;
    padding-bottom: 8px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    color: #000038;
    font-weight: 500;
}

h4 {
    font-size: 20px;
    line-height: 28px;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    color: #000038;
    font-weight: 500;
}

h5 {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    color: #000038;
    font-weight: 500;
}


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

.flex-grid {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}


.flex-grid.one .col {
    width: 100%;
}

.flex-grid.two .col {
    width: 50%;
}

.flex-grid.three .col {
    width: 33.3333%;
}

.flex-grid.four .col {
    width: 25%;
}

.flex-grid.five .col {
    width: 20%;
}

.flex-grid.six .col {
    width: 16.6667%;
}

.flex-grid.seven .col {
    width: 14.2857%;
}


.flex-grid.twothirds .colfirst {
    width: 66.6666%;
}

.flex-grid.twothirds .colsecond {
    width: 33.3333%;
}

.title {
    padding-bottom: 48px;
    text-align: center;
}

.title p {
    font-size: 18px;
    line-height: 26px;
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 0px;
    font-weight: normal;
}

.logo {
    background: url('../images/logo.png') no-repeat;
    width: 263px;
    height: 40px;
    display: inline-block;
    background-size: 263px 40px;
}



strong {
    color: #424759;
    font-family: "ProximaNova-Semibold", sans-serif;
}



.header {
    height: 88px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1001;
}

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

.header ul.main-nav li {
    float: left;
    padding: 6px 0px;
    margin-left: 32px;
}

.header ul.main-nav li:nth-child(1) {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

.header ul.main-nav li a {
    line-height: 28px;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    display: block;
}

.header ul.main-nav li a:hover {
    color: #1697ff;
}

.header .leftauto ul li {
    float: left;
    padding-left: 20px;
}

.header .button {
    height: 36px;
    line-height: 36px;
}

.header .button.outline {
    line-height: 34px;
}



.footer {
    background-color: #000038;
    color: #c8cfe3;
}

.subhero a {
    color: #1697ff;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.subhero a:hover {
    text-decoration: underline;
    color: #1697ff;
}

.subhero .button {
    color: #fff;
    margin-top: 8px;
}

.subhero .button:hover {
    color: #fff;
    text-decoration: none;
}

.hero,
.subhero {
    background: #000038;
    position: relative;
    padding: 0px;
}

.hero {
    background: rgb(0, 0, 56);
}

.subhero .container {
    padding: 180px 20px 100px 20px;
}

.hero .container {
    background: url('../images/bg-home.png') top -8px right no-repeat;
    padding: 180px 20px 140px 20px;
}

/* .hero:after {
    display: block;
    width: 100%;
    height: 80px;
    background: #000038;
    position: relative;
    transform: skewY(1.3deg);
    content: " ";
    position: absolute;
    bottom: -44px;
    bottom: -44px;
} */

.hero .container .col,
.subhero .container .col {
    width: 42%;
}

.hero p {
    font-size: 22px;
    color: #c8cfe3;
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 28px;
}

.subhero p {
    color: #c8cfe3;
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.hero .button,
.subhero .button {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding: 0px 36px;
}

.subhero h1 small {
    font-size: 24px;
    line-height: 30px;
    color: #1697ff;
    display: block;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-weight: normal;
    padding-top: 6px;
}

.subhero ul li {
    color: #c8cfe3;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 0px;
}

.subhero ul li:nth-child(1) {
    padding-top: 0px;
}

.subhero ul li:nth-last-child(1) {
    padding-bottom: 0px;
}

.subhero ul li img {
    float: left;
    margin-right: 18px;
}

.hero-notice {
    border-radius: 44px;
    padding: 4px 24px 4px 4px;
    display: inline-block;
    line-height: 24px;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    margin-bottom: 24px;

    background: rgb(0, 0, 56);
    background: linear-gradient(90deg, rgba(0, 0, 56, 0.66) 14%, rgba(22, 26, 77, 0) 100%);
}

.hero-notice:hover {

    background: rgb(0, 0, 56);
    background: linear-gradient(90deg, rgba(0, 0, 56, 0.7) 14%, rgba(22, 26, 77, 0) 100%);
}

.hero-notice span {
    border-radius: 44px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-family: "ProximaNova-Bold", sans-serif;
    padding: 0px 12px;
    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
    height: 24px;
    line-height: 26px;
    display: inline-block;
    margin-right: 12px;
}

.services .flex-grid.three {
    padding: 0px 14px;
    margin-top: 24px;
}

.services .col {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgba(8, 0, 65, 0.16);
    text-align: center;
    padding: 32px;
    width: 31.25% !important;
}

.services .flex-grid.four .col {
    width: 23.5% !important;
    padding: 32px 24px;
}

.services .col:hover {
    box-shadow: 0px 4px 16px 0px rgba(8, 0, 65, 0.24);
}

.services .col h3 {
    font-weight: 500;
    padding-top: 14px;
    padding-bottom: 6px;
}

.services .col h2 {
    padding-top: 8px;
    font-weight: 300;
}

.services .col h2 small {
    font-size: 20px;
    font-weight: 400;
}

.services .col h2 span {
    font-family: "ProximaNova-Regular", sans-serif;
    color: #989ca8;
    font-size: 16px;
    display: block;
    font-weight: normal;
    line-height: 28px;
}

.services .col .button {
    width: 100%;
    display: block;
}

.services .col ul {
    padding-bottom: 20px;
    padding-top: 4px;
}

.services .col li {
    line-height: 32px;
}

.home-games {
    background: url('../images/light-grunge.png') center center;
    text-align: right;
}

.home-games h3 {
    padding-bottom: 40px;
    padding-left: 14px;
    float: left;
}

.home-games .tinybtn {
    float: none;
    margin-right: 14px;
}

.home-games h3 span {
    font-weight: 400;
}

.home-games .flex-grid.four .col {
    width: 23.5%;
    height: 420px;
    padding: 28px;
    border-radius: 4px;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.home-games .four .col strong {
    font-size: 18px;
    display: block;
    color: #fff;
}

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

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

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

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

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

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

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

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

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

.home-features .col {
    padding: 0px 24px;
    text-align: center;
}

.home-features .col h4 {
    padding-top: 16px;
    padding-bottom: 6px;
}

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


.test-slider {
    padding-top: 30px;
    padding-bottom: 2px;
}

.test-slider p {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 28px;
    color: #555c73;
    max-width: 57%;
    margin: 0 auto;
}

.testimonials-white {
    text-align: center;
    border-top: 1px solid #eaebee;
}

.star-rating {
    margin-bottom: 8px;
}

.testimonials-white span img {
    vertical-align: sub;
}

.home-locations {
    background-color: #000038;
    background: linear-gradient(204deg, rgba(0, 0, 56, 1) 3%, rgba(28, 33, 92, 1) 100%);
    padding: 0px;
}

.home-locations h4 {
    color: #fff;
    font-weight: 400;
    color: #1697ff;
    padding-bottom: 18px;
}

#scrub-centers h2 {
    padding-bottom: 4px;
}

.home-locations strong {
    color: #fff;
}

.home-locations strong img {
    vertical-align: text-top;
    margin-right: 6px;
}

#hl-text {
    padding: 144px 0px 0px 0px;
    width: 36.6666%;
    color: #c8cfe3;
}

#hl-text h2 {
    color: #fff;
}

#hl-map {
    width: 60.3333%;
}

.map {
    background: url('../images/world-map-dark.png') center center no-repeat;
    min-height: 520px;
    width: 1044px;
    float: left;
    position: relative;
}

.pin {
    background: url(../images/pin.png) no-repeat;
    width: 17px;
    height: 24px;
    position: absolute;
}

.pin.active {
    background: url(../images/map-pin.png) no-repeat;
}


.tooltip {
    color: #555c73;
    padding: 16px 24px;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    width: 220px;
    display: none;
    box-shadow: 0 2px 3px 2px rgba(0, 2, 14, .16);
    z-index: 1002;
    position: absolute;
    transform: translateX(-107%);
    top: -33px;
}

.tooltip.active {
    display: block;
}

.tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}


.tooltip span {
    display: block;
}

.tooltip .button {
    display: block;
    width: 100%;
    text-align: center;
}

.location{
    position: absolute;
}

.location.active .pin{
    background: url(../images/map-pin.png) no-repeat;
}

.location.london{
    top: 114px;
    left: 473px;
}

.location.france {
    top: 142px;
    left: 484px;
}

.location.frankfurt {
    top: 129px;
    left: 504px;
}

.location.germany {
    top: 135px;
    left: 514px;
}

.location.russia {
    top: 112px;
    left: 654px;
}

.location.finland {
    top: 70px;
    left: 560px;
}

.location.turkey {
    top: 175px;
    left: 559px;
}

.location.virginia {
    top: 188px;
    left: 248px;
}

.location.australia {
    top: 408px;
    left: 888px;
}

.location.hong-kong {
    top: 240px;
    left: 797px;
}

.location.south-africa {
    top: 415px;
    left: 550px;
}

.location.brazil {
    top: 352px;
    left: 340px;
}

.location.buffalo {
    top: 157px;
    left: 257px;
}

.location.chicago {
    top: 167px;
    left: 217px;
}

.location.dallas {
    top: 190px;
    left: 193px;
}

.location.seattle {
    top: 144px;
    left: 124px;
}

.location.florida {
    top: 217px;
    left: 242px;
}


.top-tooltip:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 0px;
    top: unset;
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.left-tooltip:after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 100%;
    top: 50%;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 0px;
    border-top: 10px solid transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #fff;
    border-right: unset;
    margin-top: -10px;
}

.right-tooltip:after {
    content: '';
    position: absolute;
    bottom: 0%;
    right: 100%;
    top: 50%;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 0px;
    border-top: 10px solid transparent;
    border-bottom: solid 10px transparent;
    border-right: solid 10px #fff;
    border-left: 0px;
    margin-top: -10px;
}

.partners {
    background: #25a1ff;
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
    padding: 40px 0px;
}

.partners .col {
    text-align: center;
    height: 42px;
}

.partners .col img {
    max-width: 80%;
    height: auto;
}

.the-stats {
    max-width: 940px;
    margin: 0 auto;
}

.the-stats .col {
    border-right: 1px solid #ecedf1;
}

.the-stats .col:nth-last-child(1) {
    border-right: 0px;
}

.the-stats h2 {
    font-size: 42px;
    font-weight: 400;
    text-align: center;
}

.the-stats h2 small {
    font-size: 18px;
    display: block;
    font-weight: normal;
    font-family: "ProximaNova-Semibold", sans-serif
}

.cta {
    background-color: #f2f4fa;
    padding: 48px 0px;
}

.cta h2 {
    padding-bottom: 2px;
    font-size: 26px;
}

.cta p {
    font-size: 18px;
    padding-bottom: 0px;
}

.cta .button {
    margin-top: 11px;
    margin-left: 12px;
}

.top-footer {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 28px 0px;
}

.top-footer ul li {
    display: inline-block;
    margin-right: 28px;
    float: left;
}

.top-footer .leftauto li img {
    float: left;
    margin-right: 8px;
    margin-top: 7px;
}


.top-footer .leftauto li:nth-last-child(1) {
    margin-right: 0px;
}

.footer .payment-list {
	float: left;
	color: #90A4AE;
	list-style-type: none;
	margin: 0px;
	display: flex;
	align-items: center;
}

.footer .payment-list li {
	display: inline-block;
	margin-right: 3px;
	margin-top: 10px;
	font-size: 42px;
}

.footer .payment-list li:last-child {
	margin-right: 0px;
}

.footer .payment-list li p {
	margin-bottom: 10px;
	color: #aaaaaa;
	font-weight: 700;
	font-size: 14px;
	margin-right: 0px;
	display: table;
}

.footer .payment-list li i {
	color: #aaaaaa;
}

.footer .payment-list li i:hover {
	color: #fdd700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}


.footer a {
    color: #b1b8c9;
}

.footer a:hover {
    color: rgb(0, 138, 255);
}

.divider {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.12);
}

.main-footer {
    padding: 88px 0px 68px 0px;
}

.main-footer .colsecond {
    padding-right: 140px;
}

.main-footer .logo {
    margin-bottom: 14px;
}

.main-footer .colsecond strong {
    color: #fff;
}

.main-footer h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.main-footer ul li,
.main-footer h5 {
    line-height: 32px;
}

.main-footer ul {
    padding-bottom: 32px;
}

#servers {
    background: url('../images/dedicated-bg.png') bottom right no-repeat #000038;
}

#game-servers {
    background: url('../images/gameserver-bg.png') bottom right no-repeat #000038;
}


#colo-bg {
    background: url('../images/colocation-bg.png') right 12% bottom -20PX no-repeat #000038;
}

#storage {
    background: url('../images/storage-bg.png') right 18% top no-repeat #000038;
}

#vps {
    background: url(../images/bg-cloud.png) right 15% top 76px no-repeat #000038;
}

#ddos {
    background: url('../images/ddos-bg-big.png') top right 15% no-repeat #000038;
}

#remote .container {
    background: url('../images/remote-desktop-browser.png') right -20px bottom no-repeat;
    padding-bottom: 80px;
}

#remote p {
    padding-bottom: 0px;
}

#custom-server {
    background: url('../images/custom-bgs.png') top right 10% no-repeat #000038;
}


/*
#custom-server .container {
    background: url('../images/dell-servers.png') top 83% right no-repeat;
}
*/

#hosting .container {
    background: url('../images/game-bg.png') bottom right -40px no-repeat;
}

#hosting p,
#games p {
    padding-bottom: 0px;
}

.games .flex-grid.four {
    margin-left: -0.625%;
    margin-right: -0.625%;
}

.games .flex-grid.four .col {
    height: 340px;
    width: 23.75%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 18px;
    margin-left: 0.625%;
    margin-right: 0.625%;

}

.games .flex-grid.four .col .button {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center;
    padding: 0px;
}



.games .flex-grid.four .col:hover:before,
.game-box:hover:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: " ";
    display: block;
    background: url('../images/game-hover.png') center top repeat-x;
    border-radius: 5px;
}

.games .flex-grid.four .col strong {
    color: #fff;
    display: block;
    font-family: "ProximaNova-Bold", sans-serif;
    z-index: 1001;
    position: relative;
}

.games .flex-grid.four .col span {
    display: block;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    z-index: 1001;
    position: relative;
}

.games .flex-grid.four .col strong span,
.games .flex-grid.four .col .button span {
    display: inline;
}

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

.title.titleleft p {
    max-width: 100%;
}

.needhelp {
    width: 100%;
    background: #f3f5f9;
    padding: 36px 24px 24px 24px;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

.needhelp h3 {
    font-size: 20px;
    padding-bottom: 16px;
    line-height: 28px;
}

.needhelp .button {
    display: block;
    width: 100%;
}

.needhelp .flex-grid.two .col {
    width: 47.5%;
}

.needhelp:before {
    position: absolute;
    top: -34px;
    left: 50%;
    background: url('../images/need-help.png') center center no-repeat #f3f5f9;
    border-radius: 50%;
    margin-left: -34px;
    width: 68px;
    height: 68px;
    content: " ";
}

.server-intro .titleleft p {
    padding-right: 12%;
}

.server-intro .titleleft {
    padding-bottom: 0px;
    padding-top: 0px;
}

.srv-tbl {
    width: 100%;
    display: table;
    border-radius: 4px;
    padding: 0px 6px 0px 6px;
    border-collapse: separate;
    background: #f3f5f9;
    border-collapse: separate;
    border-spacing: 0 6px;

}

.srv-tbl thead th {
    text-align: left;
    padding: 0px 12px;
    padding-top: 3px;
}

.srv-tbl thead th:nth-child(1) {
    border-radius: 4px 0px 0px 4px;
}

.srv-tbl thead th:nth-last-child(1) {
    border-radius: 0px 4px 4px 0px;
}

.srv-tbl thead th {
    background: #1f1f50;
    font-size: 13px;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 28px;
    padding-top: 3px;

}

.srv-tbl tr {
    border-spacing: 6px 0px;
}

.srv-tbl tr td {
    padding: 16px 12px;
    line-height: 20px;
    vertical-align: middle;
}

.srv-tbl tr td span {
    display: block;
    font-size: 14px;
    font-family: "ProximaNova-Regular", sans-serif;
}

.srv-tbl tr td:nth-child(1) img {
    float: left;
    margin-right: 16px;
}


.srv-tbl tr td:nth-child(1) {
    border-radius: 4px 0px 0px 4px;
    width: 25%;
}

.srv-tbl tr td:nth-last-child(1) {
    border-radius: 0px 4px 4px 0px;
}

.srv-tbl .button {
    display: block;
    padding: 0px 10px;
    text-align: center;
}

.srv-tbl tr:nth-child(even) td {
    background: #fff;
}

.srv-tbl tr:nth-child(even):hover td,
.srv-tbl tr:hover td {
    background: #e6e8eb;
    transition: none;
}

.servers {
    padding-top: 20px;
}

.servers h3 {
    padding-top: 48px;
    padding-bottom: 12px;
}

.server-intro {
    padding-bottom: 0px;
}

.orange-notice {

    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
    padding: 22px 0px 20px 0px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.orange-notice strong {
    color: #fff;
}

.orange-notice a {
    color: #fff;
    text-decoration: underline;
}

.orange-notice a:hover {
    text-decoration: none;
}

.dark-bg {
    background: #000038;
    color: #b1b8c9;
    background: linear-gradient(204deg, rgba(0, 0, 56, 1) 3%, rgba(28, 33, 92, 1) 100%);
}

.dark-testimonials p {
    color: #c8cfe3;
    font-size: 22px;
    line-height: 32px;
    max-width: 55%;
    margin: 0 auto;
    padding: 40px 0px;
}

.dark-testimonials h5 {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 20px;
}

.for-game-hosting .container {
    background: url('../images/games-logos.png') center center no-repeat;
    background-size: 100%;
}

.dark-bg .title h2,
.dark-bg h4 {
    color: #fff;
}

.dark-bg .title p {
    color: #b1b8c9;
}



.for-game-hosting .title {
    padding-bottom: 0px;
}

.three-features .col {
    padding: 0px 20px;
    text-align: center;
}

.three-features .col h4 {
    padding-top: 18px;
    padding-bottom: 4px;
}

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

.big-tick-list {
    display: table;
    margin: 0 auto;
    padding-top: 18px;
}

.big-tick-list li {
    font-size: 18px;
    line-height: 28px;
    padding: 3px 0px;
    text-align: left;
}

.big-tick-list li img {
    vertical-align: baseline;
    margin-right: 10px;
}

.blue-bg-lines {
    background: url('../images/blue-bg.png') center right no-repeat #068eff;
    text-align: center;
    padding: 88px 0px;
    background-size: cover;
}

.blue-bg-lines .big-tick-list li {
    display: block;
    padding: 4px 0px;
    color: #e9f6ff;
}

.remote-access-bg {
    background: url(../images/games-bg-2.png) center bottom no-repeat;
    background-size: cover;
    text-align: center;
}

#remote-access {
    background: url('../images/light-grunge.png') center center;
}

#remote-access .title {
    padding-bottom: 0px;
}

.blue-bg-lines .title h2 {
    color: #fff;
}

.blue-bg-lines .title p {
    color: #e9f6ff;
}

.blue-bg-lines h3 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}


.blue-bg-lines ul li {
    display: inline-block;
    padding: 0px 18px;
}

.operating-systems .title {
    padding-bottom: 40px;
}

.operating-systems p {
    font-size: 18px;
    line-height: 28px;
    color: #e9f6ff;
    max-width: 50%;
    margin: 0 auto;
    margin-top: 18px;
}

.operating-systems a {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.operating-systems a:hover {
    text-decoration: underline;
}

.addons {
    background: #f6f8fc;
}

.addons .title {
    padding-bottom: 44px;
}

.addons .flex-grid.four .col {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 28px 28px 28px 28px;
    width: 23.5%;
    box-shadow: 0px 2px 4px 0px rgba(8, 0, 65, 0.16);
}

.addons .col h5 {
    height: 64px;
    padding: 6px 0px;
}

.addons .col h5 img {
    float: left;
    margin-right: 20px;
    margin-top: -6px;
    margin-bottom: -6px;
}

.addons .col p {
    padding-top: 24px;
}

.addons .col strong {
    color: #1697ff;
}

.faq {
    margin-bottom: -20px;
}

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

.faq .title p {
    font-size: 16px;
}

.faq .title h2 {
    padding-bottom: 6px;
}

.faq .flex-grid.two .col {
    width: 45%;
    margin-top: 24px;
}


.faq .flex-grid.two .col h5 {
    padding-bottom: 8px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#game-asseto-corsa {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/assetocorsa.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-eco {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/Eco.webp') center center no-repeat;
    background-size: cover, cover;
}

#game-fistful-of-frags {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/FFOF.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-left4dead {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/Left4Dead.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-left4dead2 {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/Left4Dead2.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-pavlov-vr {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/PAVLOV.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-onset {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/ONSET.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-post-scriptum {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/POSTSCRIPTUM.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-project-zomboid {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/PROJECTZOMBOID.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-risk-of-rain-2 {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/Risk_of_Rain_2.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-satisfactory {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/satisfactory.webp') center center no-repeat;
    background-size: cover, cover;
}


#game-space-engineers {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/spaceengineers.webp') center center no-repeat;
    background-size: cover, cover;
}

#game-starmade {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/poster_starmade.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-subnautica {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/subnautica.webp') center center no-repeat;
    background-size: cover, cover;
}

#game-the-forest {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/theforest.png') center center no-repeat;
    background-size: cover, cover;
}

#game-7-days {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-7days.png') center center no-repeat;
    background-size: cover, cover;
}

#game-among-us {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-amongus.png') center center no-repeat;
    background-size: cover, cover;
}

#game-avorion {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-avorion.png') center center no-repeat;
    background-size: cover, cover;
}

#game-barotrauma {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-barotrauma.png') center center no-repeat;
    background-size: cover, cover;
}

#game-citadel {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-citadel.png') center center no-repeat;
    background-size: cover, cover;
}

#game-dont-starve {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-dontstarve.png') center center no-repeat;
    background-size: cover, cover;
}

#game-factorio {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-factorio.png') center center no-repeat;
    background-size: cover, cover;
}

#game-holdfast {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-holdfast.png') center center no-repeat;
    background-size: cover, cover;
}

#game-hurtworld {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-hurtworld.png') center center no-repeat;
    background-size: cover, cover;
}

#game-killing-floor-2 {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-killingfloor.png') center center no-repeat;
    background-size: cover, cover;
}

#game-quake-live {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-quakelive.png') center center no-repeat;
    background-size: cover, cover;
}

#game-red-dead-redemption {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-reddead.png') center center no-repeat;
    background-size: cover, cover;
}

#game-rising-world {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-risingworld.png') center center no-repeat;
    background-size: cover, cover;
}

#game-stationeers {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-Stationeers.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-squad {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-squad.png') center center no-repeat;
    background-size: cover, cover;
}

#game-team-fortress {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-teamfortress.png') center center no-repeat;
    background-size: cover, cover;
}

#game-unturned {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-unturned.png') center center no-repeat;
    background-size: cover, cover;
}

#game-teeworlds {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-teeworlds.jpg') center center no-repeat;
    background-size: cover, cover;
}

#game-discord {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-discord-bots.png') center center no-repeat;
    background-size: cover, cover;
}

#game-GAME_HERE {
    background: url('../images/games-overlay.svg') top center no-repeat, url('../images/games-GAME_HERE.png') center center no-repeat;
    background-size: cover, cover;
}


.padfix {
    padding-bottom: 50px;
}

.game-features {
    background: url('../images/light-grunge.png') center center;
}

.game-features .col {
    padding: 0px 20px;
    text-align: center;
    padding-bottom: 40px;
}

.game-features .col h4 {
    padding-top: 18px;
    padding-bottom: 4px;
}

.game-features .title {
    padding-bottom: 48px;
}

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

.dark-testimonials {
    text-align: center;
    padding: 68px 0px 68px 0px;
    position: relative;
}

.dark-bg h2 {
    color: #fff;
}

.rating-overview {
    font-size: 18px;
}

.stars-rating {
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -94px;
}

.rating-overview strong {
    color: #fff;
}

.verified-by img {
    vertical-align: sub;
    margin-left: 4px;
}

.title .button {
    margin-top: 24px;
}

.light-map {
    background: url('../images/lightmap.png') center center no-repeat;
    height: 577px;
    margin: 0 auto;
    float: none;
    margin-top: -20px;
}

.light-map .tooltip {
    box-shadow: 0 2px 3px 2px rgba(0, 2, 14, .07);
}


.center-locations .title {
    padding-bottom: 0px;
    position: relative;
    z-index: 1001;
}






.gsinfopage {
    width: 730px !important
}

.ui-slider-horizontal {
    height: 1.4em
}


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: 768px;
    position: relative;
    margin-top: 20px;
}

div#jsLocationMap div.usa {
    background-image: url(../images/map-small.png);
    height: 397px;
    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-florida {
    top: 179px;
    left: 172px;
}

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

div#jsLocationMap a#point-finland {
    top: 69px;
    left: 372px;
}

div#jsLocationMap a#button-finland {
    top: 27px;
    left: 348px;
}

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: 240px;
}

div#jsLocationMap a#point-germany {
    top: 118px;
    left: 368px;
}

div#jsLocationMap a#button-germany {
    top: 86px;
    left: 357px;
}

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

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

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

div#jsLocationMap a#button-turkey {
    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: 16px !important;
    color: #555c73 !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: #000038;
    margin-bottom: 0px;
    display: block;
    text-align: right;
    font-weight: 300;
}

.totaldue {
    text-align: right;
    display: block;
    opacity: 0.75;
    padding-bottom: 20px;
}

.cycles {
    font-family: roboto, proximanova-bold, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #000038;
}

.dedicatedip {
    line-height: 22px;
    clear: both;
    margin-top: 16px;
    color: #555c73 !important;
}

.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: #3c4151;
    float: right;
    Font-family: "ProximaNova-Semibold", sans-serif;
}

.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: 36px 40px 40px 40px;
    background: #f7f8fc;

    border-radius: 5px 5px 0px 0px;
    clear: both;

    color: #555c73;
}

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

.sidebar-wrap .ramshow {
    color: #3c4151 !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 #cbcbd8;
    height: 1px;
    width: 100%;
    margin: 20px 0px;
}

.wasprice {
    margin-top: 0px;
    color: #fff;
    text-decoration: line-through;
    color: #9ba2ba;
    opacity: 0.6;
    margin-bottom: 20px;
    text-align: right;
}

.order-step {
    border-radius: 5px;
    padding: 0px 0px 60px 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: #555c73;
    font-family: "ProximaNova-Regular", sans-serif
}

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

jsSlotSelect {
    font-size: 18px;
}

.selectedslots select,
.selectmc {
    margin-top: 4px;

    font-size: 16px !important;
    appearance: none;
    -webkit-appearance: none;

    border: 0px;
    border-radius: 4px;
    padding: 6px 44px 6px 12px;
    font-family: "ProximaNova-Semibold", sans-serif;
    background: url(../images/select-drop.png) right 12px center no-repeat transparent;
    cursor: pointer;
    color: #555c73;
    border: 1px solid #e1e1eb;
}

.selectedslots select:hover,
.selectmc:hover {
    background: url(../images/select-drop.png) right 12px center no-repeat transparent;
    color: #3c4151 !important;
}

.selectedslots select:focus,
.selectmc:focus {
    outline: none;
    color: #fff;
    background: url(../images/orange-drop.png) right 12px center no-repeat transparent;
    color: #3c4151 !important;
    border: 1px solid #d3d3dc;
}

.selectmc {
    float: none;
    padding: 12px 44px 12px 16px;
}


.sticky {

    position: sticky;
    top: 20px;
}

.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: #555c73;
    font-family: "ProximaNova-Regular", sans-serif;
    padding-right: 8px;
    font-size: 16px;
}

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

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

.pricemobile {
    display: none;
    padding-top: 12px;
    font-size: 36px;

    line-height: 40px;
    font-family: roboto, proximanova-bold, Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 600;
    color: #fff;
}

ul.ram-marks {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 6px;
}

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

.ram-marks li a {
    color: #555c73;
    cursor: pointer;
    font-family: "ProximaNova-Semibold", sans-serif;
}

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

    color: #008aff;
}

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

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

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

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

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

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

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

.ram-marks li:nth-child(8) {
    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;
}














/* End Order Page */
#game-header-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000038;
    /*    background: url('../images/gamebg-ark.png') center center no-repeat #000038;*/
    /*    background-size: cover, cover;*/
    opacity: 0.18;
}

.game-header-cont {
    position: relative;
}

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

.game-bg-7-days {
    background: url('../images/games/7-days.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-amongus {
    background: url('../images/games/amongus.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-avorion {
    background: url('../images/games/avorion.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-barotrauma {
    background: url('../images/games/barotrauma.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-citadel {
    background: url('../images/games/citadel.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-conan {
    background: url('../images/games/conan.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-discord {
    background: url('../images/games/discord.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-dontstarve {
    background: url('../images/games/dontstarve.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-holdfast {
    background: url('../images/games/holdfast.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-factorio {
    background: url('../images/games/factorio.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-hurtworld {
    background: url('../images/games/hurtworld.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-killingfloor {
    background: url('../images/games/killingfloor.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-quakelive {
    background: url('../images/games/quakelive.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-reddead {
    background: url('../images/games/reddead.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-risingworld {
    background: url('../images/games/risingworld.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-squad {
    background: url('../images/games/squad.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-stationeers {
    background: url('../images/games/stationeers.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-teamfortress {
    background: url('../images/games/teamfortress.png') center center no-repeat #000038;
    background-size: cover;
}

.game-bg-teeworlds {
    background: url('../images/games/teeworlds.png') center center no-repeat #000038;
    background-size: cover;
}
.game-bg-insurgency {
    background: url('../images/games/insurgency.png') center center no-repeat #000038;
    background-size: cover;
}
.game-bg-mordhau {
    background: url('../images/games/mordhau.png') center center no-repeat #000038;
    background-size: cover;
}
.game-bg-pixark {
    background: url('../images/games/pixark.png') center center no-repeat #000038;
    background-size: cover;
}.game-bg-starbound {
    background: url('../images/games/starbound.png') center center no-repeat #000038;
    background-size: cover;
}
.game-bg-terraria {
    background: url('../images/games/terraria.png') center center no-repeat #000038;
    background-size: cover;
}




.game-bg-unturned {
    background: url('../images/games/unturned.png') center center no-repeat #000038;
    background-size: cover;
}
.game-bg-GAME_NAME {
    background: url('../images/games/GAME_NAME.png') center center no-repeat #000038;
    background-size: cover;
}










.game-bg-GAME_NAME {
    background: url('../images/games/GAME_NAME.png') center center no-repeat #000038;
    background-size: cover;
}

.gamebg p {
    padding-bottom: 0px;
}

.type {
    padding: 0px 12px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    font-family: 'ProximaNova-SemiBold', Helvetica, Arial, sans-serif;
    color: #fff;
    background: rgb(0, 138, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
}

.breadcrumb {
    padding: 20px 0px;
    border-bottom: 1px solid #dee0e6;
}

.breadcrumb ul li {
    display: inline-block;
    padding: 0px 8px;
    opacity: 0.68;
}

.breadcrumb ul li:hover {
    opacity: 0.88;
}

.breadcrumb a {
    color: #3c4151;
    display: block;
}

.breadcrumb ul li:nth-last-child(1) {
    opacity: 1;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.order-mc {
    padding-top: 80px;
}

.subhero .hero-tick-list li {
    line-height: 26px;
    padding: 4px 0px;
}

.subhero .hero-tick-list li img {
    vertical-align: baseline;
    float: none;
    margin-right: 12px;
}

.subhero .hero-tick-list {
    padding-bottom: 28px;
}


.subhero strong {
    color: #fff;
    font-size: 20px;
}

#vps strong {
    padding-bottom: 18px;
    display: block;
}


.customize {
    font-size: 18px;
    padding-bottom: 32px;
}

.vps-config {
    padding-bottom: 70px;
}

.vps-config .colfirst {
    padding-right: 7.5%;
}

.customize img {
    vertical-align: text-top;
    margin-right: 8px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.vps-config .flex-grid.two {
    padding-bottom: 48px;
}

.vps-config h3 {
    font-size: 22px;
}

.resource {
    color: #008aff;
}

.spec-price {
    padding-top: 4px;
}

.vps-slide {
    padding-top: 16px;
}

.vps-config .flex-grid.two .col {
    width: 46%;
}

.addon {
    padding-top: 22px;
    padding-bottom: 12px;
}

.addon .flex-grid.two {
    padding-bottom: 0px !important;
}

.addon label {
    color: #424759;
    display: block;
    font-family: "ProximaNova-Bold", sans-serif;
}

.input {
    display: block;
    width: 100%;
    border: 1px solid #d3d4db;
    font-size: 16px;
    font-family: "ProximaNova-Regular", sans-serif;
    color: #555c73;
    height: 44px;
    padding: 0px 18px;
    border-radius: 4px;
    margin-top: 6px;
    box-shadow: inset 0px 2px 0px rgba(16, 32, 52, 0.05);
}

.input:focus {
    outline-color: #008aff;
}

.input::placeholder {
    color: #a6a9b3;
}




.select {
    display: block;
    width: 100%;
    border: 1px solid #d3d4db;
    font-size: 16px;
    font-family: "ProximaNova-Regular", sans-serif;
    color: #555c73;
    height: 44px;
    padding: 0px 18px;
    border-radius: 4px;
    margin-top: 6px;
    box-shadow: inset 0px -1px 2px rgba(16, 32, 52, 0.06);
    background: url('../images/select-blue.png') right 16px center no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}


.box-1 {
    width: 100px;
    height: 36px;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #d3d4db;
    border-radius: 4px;
}

.box-1 input {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 999;
}

.box-1 .toogle {
    display: block;
    position: absolute;
    z-index: 998;
    width: 50px;
    height: 100%;
    background: rgb(0, 138, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
    top: 0;
    margin: 2px;
    height: 30px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
}

.box-1 .toogle:before {
    content: "No";
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    border-radius: 4px 0px 0px 4px;
    line-height: 30px;
}

.box-1 input:checked ~ .toogle {
    margin-left: 46px;
}

.box-1 input:checked + .toogle:before {
    content: "Yes";
}


.os {
    padding: 88px 0px;
}

.os .col {
    text-align: center;
    opacity: 1;
}

.os .col:hover {
    opacity: 1;
}

.os .col:hover img {
    opacity: 1;
}

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

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

.os .col:hover img:nth-child(2) {
    display: inline-block;
}

.os .col img {
    opacity: 0.68;
}

.os .col h5 {
    color: #b3bae7;
    padding-top: 12px;
}


.os .col:hover h5 {
    color: #fff;
}

.control-panel img {
    max-width: 100%;
}

.control-panel .title {
    padding-bottom: 24px;
}

#panel-text {
    padding-left: 7.5%;
}

.panel-feat {
    padding-left: 80px;
    position: relative;
    margin-top: 44px;
}

.panel-feat p {
    padding-bottom: 0px;
}

.panel-feat h5 {
    padding-bottom: 4px;
}

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

.vps-panel {
    margin-bottom: -30px;
}

.blue-testimonial {
    padding: 80px 0px;
}

.blue-testimonial .test-slider {
    padding-top: 0px;
}

.blue-testimonial .test-slider h4 {
    padding-bottom: 2px;
    color: #fff;
}


.blue-testimonial .test-slider p {
    color: #ceebff;
}

.blue-testimonial {
    color: #ceebff;
}

.blue-testimonial span img {
    margin-left: 4px;
    vertical-align: bottom;
}

#light-map {
    background: #fff;
}

#light-map h2 {
    color: #000038;

}

#light-map p {
    color: #555c73;
}

#light-map .map {
    background: url('../images/world-map-light.png') center center no-repeat;
}


.feature-tabs {
    background-size: cover;
}

.grey-bg {
    background: url('../images/light-grunge.png') center center;
    background-size: cover;
}

.grey-bg #mcp-text h5 {

    color: #000038;
}

.feature-tabs .title {
    padding-bottom: 24px;
}

.feature-tabs .col h5 img {
    margin-right: 8px;
}

.feature-tabs .col h5 {
    margin-bottom: 6px;
}

.feature-tabs .col p {
    padding-bottom: 0px;
    padding-left: 24px;
}

.feature-tabs .flex-grid.three .col {
    width: 30%;
    margin-bottom: 40px;
}

.feature-nav {
    margin: 0 auto;

    text-align: center;
    margin-bottom: 60px;
    display: table;

}

.feature-nav li {
    display: inline-block;
    border-bottom: 1px solid #eaebee;
}

.feature-nav li a {
    border-bottom: 1px solid transparent;
    display: block;
    padding: 12px 32px;
    color: #555c73;
    font-family: "ProximaNova-Semibold", sans-serif;
    opacity: 0.68;
}

.feature-nav li a:hover {
    color: #555c73;
    opacity: 1;
    border-bottom: 1px solid #eaebee;
}

.feature-nav .active a,
.feature-nav .active a:hover {
    opacity: 1;
    color: #007be3;
    border-bottom: 2px solid #008aff;
    margin-bottom: -1px;
}


.expand {
    line-height: 32px;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.expand img {
    vertical-align: text-top;
    margin-right: 6px;
}



.toggle {
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px rgba(8, 0, 65, 0.24);
    margin-top: 20px;
    border-radius: 4px;
}

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

.toggle .toggle-title h3 {
    margin: 0px;
    line-height: 26px;
    cursor: pointer;
    color: #050036;
    font-size: 20px;
    font-weight: 500;
    padding-top: 12px;
    padding-bottom: 10px;
}

.toggle .toggle-inner {
    padding: 6px 20px 28px 24px;
    display: none;
    margin: -10px 0px 0px;
    margin-right: 0px;
    background: url('../images/r260.png') top right 48px no-repeat;
}

.toggle .toggle-inner p {
    padding-bottom: 0px;
}

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

.toggle .toggle-title .title-name {
    display: block;
    padding: 8px 60px 10px;
}

.toggle .toggle-title i {
    position: absolute;
    background: url(../images/radio.png) left center no-repeat;
    width: 18px;
    height: 18px;
    transition: all 0.3s ease;
    margin: 0px;
    left: 24px;
    top: 24px;
}

.toggle .toggle-title.active i {
    background: url(../images/radio-selected.png) left center no-repeat;
}


.toggle .toggle-title.active h3 {
    color: #008aff;
}

.toggle-title:hover {
    background-color: #fff;
    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;
    cursor: auto;
}




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

.in-stock {
    color: #2ea022;

}

#base-config {
    width: 180px;
}

.flexgridleft {
    justify-content: left;
}

.toggle .flexgridleft {
    margin-top: 20px;
}

.grey-bullet li {
    background: url('../images/bullet-grey.png') center left no-repeat;
    padding-left: 17px;
    line-height: 28px;
}

.spec-group .flex-grid {
    justify-content: unset;
    line-height: 28px;
}

.spec-row {
    margin-top: 16px;
}

.spec-row .select {
    width: 70px;
    height: 28px;
    margin-top: 0px;
    padding: 0px 12px;
    background: url(../images/select-blue.png) right 12px center no-repeat #fff;
}

#spec-select {
    width: 86px;
}

#spec-checkbox {
    width: 38px;
}

.spec-group {
    margin-top: 60px;
}

.storage-label {
    margin-top: 28px;
    font-family: "ProximaNova-Semibold", sans-serif;
    color: #008aff;
}

.cart-addition strong {
    color: #3c4151;
}

.cart-title {
    text-transform: uppercase;
    display: block;
    font-size: 15px;
    color: #008aff !important;
    margin-bottom: -3px;
}

.cart-addition {
    padding-top: 20px;
}

.bluetext {
    color: #008aff !important;
}

#jsCalculator .bluetext {
    text-align: right;
    display: block;
    margin-bottom: 20px;
}

.sidebar-wrap .select {
    margin-bottom: 16px;
}

.monthlyterm {
    text-align: right;
    display: block;
    margin-top: 4px;
}

#minecraft .container {
    text-align: center;
    padding-bottom: 160px;
}

#minecraft p {
    max-width: 55%;
    margin: 0 auto;
}

/*

#minecraft:after {
    display: block;
    width: 100%;
    height: 80px;
    background: #000038;
    position: relative;
    transform: skewY(1.3deg);
    content: " ";
    position: absolute;
    bottom: -44px;
    bottom: -44px;
}

*/

.mc-plans {
    padding-top: 0px;
}

.mc-plans {
    margin-top: -94px;
    position: relative;
    padding-bottom: 80px;
}

.mc-plans .flex-grid.five .col {
    background: #fff;
    border-radius: 4px;
    padding: 0px 28px 24px 28px;
    width: 18.5%;
    box-shadow: 0 1px 4px 2px rgba(30, 39, 107, 0.14);
    text-align: center;
}

.mc-plans .flex-grid.five .col:hover {
    box-shadow: 0 2px 7px 2px rgba(30, 39, 107, 0.18);

}

.plan-img {
    margin-top: -37px;
}

.mc-plans .col h4 {
    margin-top: 14px;
    font-size: 22px;
}

.mc-plans h2 {
    font-size: 30px;
    margin-top: 12px;
    font-weight: 400;
}

.mc-plans h2 small {
    font-size: 18px;
    font-weight: 500;
}

.mc-plans .button {
    margin: 8px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}

.mc-plans ul {
    padding-top: 12px;
}

.mc-plans ul li {
    padding: 4px 0px;
}

.mc-plans ul li:nth-last-child(1) {
    padding-bottom: 0px;
}

.mc-plans ul li img {
    margin-right: 6px;
}



.plan-row {
    box-shadow: 0 1px 4px 2px rgba(30, 39, 107, 0.14);
    border-radius: 5px;
    background: #fff;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    margin-top: 24px;
}

.plan-row:hover {
    box-shadow: 0 2px 7px 2px rgba(30, 39, 107, 0.18);

    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.plan-row .button {
    padding: 0px;
    text-align: center;
    width: 100%;
}

.plan-row .flex-grid div {
    vertical-align: middle;
    padding: 0px 0px;
    line-height: 48px;
    height: 48px;
}

.plan-price h3 {
    line-height: 48px;
    font-size: 24px;
}

.plan-price h3 small {
    font-size: 16px;
    font-weight: 600;
}

.plan-name {
    width: 25%;
    padding: 0px !important;
}

.plan-ram {
    width: 12%;
}

.plan-ssd {
    width: 12%;
}

.plan-traffic {
    width: 14%;

}

.plan-slots {
    width: 12%;

}

.plan-price {
    width: 12%;
}

.plan-order {
    width: 13%;
}

.plan-name img {
    float: left;
    margin-right: 18px;
    margin-bottom: -3px;
}

.plan-name h5 {
    display: block;
    white-space: nowrap;
    line-height: 24px;
    padding-top: 4px;
    font-size: 22px;
    font-weight: 500;
}

.plan-name h5 small {
    white-space: nowrap;
    color: #555c73;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    display: block;
}


.larger-plans {
    padding-top: 0px;
}

.larger-plans .title {
    padding-bottom: 24px;
}

.mc-features {
    text-align: left;
    padding: 100px 0px 0px 0px;
}

#mc-feat-title h2 {
    color: #fff;
}

#mc-feat-title p {
    font-size: 20px;
    line-height: 30px;
    color: #eaf5ff;
    padding-left: 2.5%;
}

.mc-features .flex-grid.three {
    padding-top: 40px;
}

.mc-features .flex-grid.three .col {
    width: 30% !important;
}

.mc-features .three h4 {
    color: #fff;
    padding-top: 14px;
    padding-bottom: 6px;
}

.mc-features .three p {
    color: #eaf5ff;
    padding-bottom: 0px;
}




#wbox-feats {
    padding-top: 48px;
}

#wbox-feats .col {
    width: 48.6666%;
    box-shadow: 0 1px 4px 2px rgba(30, 39, 107, 0.14);
    border-radius: 5px;
    background: #fff;
    padding: 40px;
    margin-bottom: -160px;
}

#wbox-feats .col:hover {
    box-shadow: 0 2px 7px 2px rgba(30, 39, 107, 0.18);
}

#wbox-feats h3 {
    color: #000038;
    padding-top: 14px;
    padding-bottom: 6px;
    font-size: 22px;
}

#wbox-feats p {
    padding-bottom: 0px;
}

#mc-testimonials {
    border-top: 0px;
    background: url('../images/light-grunge.png') center center;
    background-size: cover;
    padding-top: 240px;
    padding-bottom: 72px;
}

#mc-testimonials .test-slider {
    padding-top: 0px;
}

#light-map .small-map {
    background: url('../images/map-small.png') center center no-repeat;
    width: 722px;
    height: 396px;
    min-height: auto;
}

#light-map {
    padding: 80px 0px;
}

#light-map #hl-text {
    padding: 86px 0px 0px 0px;
}

#mcp-text {
    padding-right: 8%;
}

#mcp-text h5 {
    color: #fff;
}

#mcp-text .panel-feat {
    margin-top: 32px;
}

#mcp-text h2 {
    margin-top: 24px;
    margin-bottom: -12px;
}

#mcp-img {
    text-align: center;
    padding-top: 20px;
}

#mcp-img img {
    max-width: 100%;
    margin: -20px;
}

.mc-panel {
    padding: 88px 0px;
}

.modpacks {
    text-align: center;
    padding: 40px 0px;
    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
}

.modpacks img {
    max-width: 100%;
    margin-bottom: -7px;
}

.ddos-plan-table {
    border-radius: 3px;
    border: 1px solid #dedede;
}

.ddos-plan-table .flex-grid.three .col {
    border-right: 1px solid #dedede;
    padding: 48px;
    text-align: center;
}

.ddos-plan-table .flex-grid.three .col .button {
    width: 100%;
    padding: 0px;
    text-align: center;
    margin-top: 12px;
}

.ddos-plan-table .flex-grid.three .col:nth-last-child(1) {
    border-right: 0px;
}

.ddos-plan-table .flex-grid.three .col h3 {
    margin-top: 12px;
    font-size: 20px;
}

.ddos-plan-table .flex-grid.three .col h2 {
    font-weight: 300;
    padding-bottom: 2px;
    margin-top: 28px;
}

.ddos-plan-table .flex-grid.three .col h2  {
    font-size: 22px;
    font-weight: 400;
}

.ddos-plan-table .flex-grid.three .col span {
    display: block;
    opacity: 0.7;
    padding-bottom: 28px;
}

.ddos-plan-table .flex-grid.three .col ul {
    margin-top: 28px;
}


.ddos-plan-table .flex-grid.three .col ul li {
    padding: 4px 0px;
    text-align: left;
}

.ddos-plan-table .flex-grid.three .col ul li img {
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.show-more {
    width: 100%;
    display: block;
    text-align: center;
    border-top: 1px solid #dedede;
}

.show-more a {
    padding: 20px 0px 18px 0px;
    color: #454b5e;
    font-family: "ProximaNova-Semibold", sans-serif;
    display: block;
    opacity: 0.75;
}

.show-more a:hover {
    opacity: 1;
}

.show-more a img {
    vertical-align: middle;
}

.orange-cta {
    padding: 40px 0px;
    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
}

.orange-cta h2 {
    color: #fff;
}

.orange-cta p {
    color: #fff0ef;
    font-size: 20px;
    padding-bottom: 0px;
}

.orange-cta .button {
    margin-top: 14px;
}

.orange-cta .outline {
    margin-right: 14px;
}

.orange-cta .outline:hover {
    background: transparent;
    color: #fff;
    opacity: 0.75;
}

.ddos-row {
    padding: 0% 10%;
    margin-top: 68px;
    padding-bottom: 12px;
    text-align: center;
    display: block;
}


.textcol-l {
    padding-right: 7.5%;
    padding-top: 18px;
    text-align: left;
}

.textcol-r {
    padding-left: 7.5%;
    padding-top: 18px;
    text-align: left;
}

.ddos-row h3 {
    padding-bottom: 12px;
}

.ddos-features {
    padding-bottom: 80px;
}

.ddos-features h2 {
    text-align: center;
}

.protect-graph {

    background: url(../images/games-bg.png) center top no-repeat;
    padding-top: 120px;
}

.protect-graph h5 {
    font-size: 20px;
    color: #ff4a39;
    padding-top: 4px;
    padding-bottom: 12px;
}

.protect-graph .textcol-l {
    padding-right: 12.5%;
    padding-top: 44px;
}

.protect-graph .button {
    margin-top: 4px;
}


.ddos-graph {
    max-width: 100%;
}





/* Bootstrap Carousel Only */

.carousel {
    position: relative;
    padding-bottom: 0px;
    z-index: 1001;
}

.carousel-inner {
    position: relative;
    overflow-x: hidden;
    width: 100%;
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0px;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}


.tab-pane {
    display: none;
}


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

.fade {
    opacity: 0;
    -webkit-transition: opacity .0s linear;
    -o-transition: opacity .0s linear;
    transition: opacity .0s linear;

}

.fade.in {
    opacity: 1;
}



.carousel-indicators {
    z-index: 15;
    padding-left: 0;
    position: relative;
    text-align: center;
    list-style: none;
    margin-top: 18px;
    height: auto;
    margin-bottom: -7px;
}

.carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.48);
    border-radius: 10px;
}

.carousel-indicators li:hover {
    background-color: rgba(255, 255, 255, 0.68);
}

.carousel-indicators .active {
    width: 24px;
    height: 8px;
    margin: 0px 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff;
}


.carousel-control {
    position: absolute;
    top: 50px;
    left: 10%;
    width: 14px;
    height: 58px;
    opacity: 0.54;
}

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

.carousel-control.prev {
    background: url('../images/test-prev.png');
    right: unset;
}

.carousel-control.next {
    background: url('../images/test-next.png');
    right: 10%;
    left: unset;
}


.MultiCarousel {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
    text-align: right;
}



.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
    padding: 0px 14px;
}



.game-box {
    width: 100%;
    height: 420px;
    padding: 24px;
    position: relative;
    border-radius: 4px;
}

.game-box:hover .button {
    bottom: 20px;
    -webkit-transition: bottom .25s ease-in-out;
}

.game-box .button {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center;
}

.game-box strong {
    display: block;
    color: #fff;
    color: #fff;

    z-index: 1001;
    font-size: 18px;
    position: relative;
}

.game-box span {
    z-index: 1001;
    display: block;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    position: relative;
}

.tinybtn {
    height: 22px;
    line-height: 22px;
    padding: 0px 8px;
}


.blue-testimonial .carousel-control,
.dark-testimonials .carousel-control {
    opacity: 0.4;
}

.blue-testimonial .carousel-control:hover,
.dark-testimonials .carousel-control:hover {
    opacity: 1;
}

.blue-testimonial .carousel-control.next,
.dark-testimonials .carousel-control.next {
    background: url(../images/test-next-dark.png);
}


.blue-testimonial .carousel-control.prev,
.dark-testimonials .carousel-control.prev {
    background: url(../images/test-prev-dark.png);
    right: unset;
}

.dark-testimonials .test-slider {
    padding-top: 14px;
}

.dark-testimonials .carousel-control {
    top: 78px;
}

.greybutton {
    background: #dcdcea;
    color: #7f8292;
}

.rightLst {
    margin-top: 6px;
    border-radius: 0px 4px 4px 0px;
}

.leftLst {
    margin-top: 6px;
    border-radius: 4px 0px 0px 4px;
    margin-right: 2px !important;
}




.header ul li {
    position: relative;
}


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

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

.header ul li .dropdown-menu.active {
    display: block
}


.header ul li .dropdown-menu a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding: 12px 20px;
    line-height: 24px;
    color: #000038;
    display: block;
    border-radius: 4px;
}

.header ul li .dropdown-menu a h5 {
    line-height: 22px;
    padding-top: 3px;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #080e1a;
    text-align: left;
}

.header ul li .dropdown-menu a h5 small {
    font-family: "ProximaNova-Regular", sans-serif;
    text-transform: none;
    color: #555c73;
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.header ul li .dropdown-menu a img {
    height: 44px;
    width: auto;
    float: left;
    margin-right: 20px
}

.header ul .dropdown {
    padding-right: 22px;
}


.dropdown-menu li {
    margin-left: 0 !important;
    width: 340px;
    height: auto !important;
    display: block !important;
    float: none !important;
    padding: 6px 0px !important;
    border-bottom: 1px solid #f3f5f9;
}

.header ul li ul li:hover {
    background: #fafbfc;
    z-index: 1001;
    position: relative;
}


.header ul li ul li:nth-child(1):hover {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.header ul li ul li:nth-last-child(1):hover {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.header ul li ul li:nth-last-child(1) {
    border-bottom: 0px;
}


.dropdown-menu li a {
    height: auto !important;
}

.header ul .dropdown:after {
    width: 13px;
    height: 8px;
    background: url(../images/drop.png) no-repeat;
    display: block;
    content: ' ';
    position: absolute;
    top: 17px;
    right: 0px;
}

.header ul .dropdown:hover:after {
    background: url(../images/drop-blue.png) no-repeat;
}

.header ul .dropdown.active {
    color: #00adff;
}

.header ul .dropdown.active:after {
    background: url(../images/drop-blue.png) no-repeat;
}



.small-map .pin {
    background: url(../images/pin-lighter.png) no-repeat;
    background-size: 14px !important;
}

.small-map .pin.active {
    background: url(../images/map-pin.png) no-repeat;

}

.small-map .pin.virginia {
    top: 138px;
    left: 171px;
}

.small-map .tooltip.virginia {
    left: 70px;
    top: -30px;
}




.small-map .pin.miami {
    top: 164px;
    left: 168px;
}

.small-map .tooltip.miami {
    left: 65px;
    top: 204px;
}

.small-map .pin.losangeles {
    top: 153px;
    left: 97px;
}

.small-map .tooltip.losangeles {
    left: -6px;
    top: -14px;
}

.small-map .pin.london {
    top: 94px;
    left: 328px;
}

.small-map .tooltip.london {
    left: 83px;
    top: 30px;
}

.small-map .tooltip.amsterdam {
    left: 244px;
    top: -71px;
}

.small-map .pin.amsterdam {
    top: 98px;
    left: 346px;
}

.small-map .pin.frankfurt {
    top: 113px;
    left: 335px;
}

.small-map .tooltip.frankfurt {
    left: 89px;
    top: 46px;
}

.small-map .pin.burachest {
    top: 116px;
    left: 384px;
}

.small-map .tooltip.burachest {
    left: 281px;
    top: 158px;
}










.pros-cons {
    display: none;
    border-top: 1px solid #dedede;
}

.pros-cons ul {
    margin-top: 4px !important;
}

.pros-cons strong {
    text-align: left;
    display: block;
}


.pros-cons .flex-grid.three .col ul li img {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

.pros {
    margin-bottom: 0px;
}

.games-bar {
    border-bottom: 1px solid #dee0e6;
    padding: 0px;
    height: 56px !important;
}

.select-col {
    width: 23%;
    border-left: 1px solid #dee0e6;
    border-right: 1px solid #dee0e6;
    padding: 16px 20px;
    float: left;
}

.select-col strong {
    display: inline-block;
    font-family: "ProximaNova-Regular", sans-serif;
}

.select-col select {
    display: inline-block;
    width: 100%;
    border: 0px;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    color: #3c4151;
    background: url('../images/select-blue.png') center right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px;
    cursor: pointer;
}

.select-col select option {
    font-family: "ProximaNova-Regular", sans-serif;
}

.select-col select:focus {
    outline: none;
}

.input-col {
    width: 42%;
    float: left;
    padding-left: 20px;
}

.games-bar input[type="text"] {
    border: 0px;
    background: url('../images/search.png') left center no-repeat;
    box-shadow: none;
    padding-left: 28px;
}

.games-bar input[type="text"]:focus {
    outline: none;
}




.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}



.filterselect li {
    display: none;
    cursor: pointer;
    border-top: 1px solid #dee0e6;
    min-width: 150px;
    padding: 4px 14px;
}


.filterselect li:nth-last-child(1) {
    border-radius: 0px 0px 4px 4px;
}

.filterselect li:first-child {
    display: block;
    border-top: 0px;
}

.select-col .col {
    position: relative;
}

.filterselect {
    display: inline-block;
    position: relative;
    width: 100%;
    border: 0px;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    color: #3c4151;
    background: url('../images/select-blue.png') right 10px no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 0px;
    cursor: pointer;
    position: absolute;
    top: -4px;
    left: -14px;
    right: 0px;
    z-index: 1001;
}

.filterselect li:hover {
    background-color: #f2f4fa;
}

.filterselect li:first-child:hover {
    background-color: transparent;
}

.filterselect.open li {
    display: block;
}



.button_container {
    display: none;
    position: absolute;
    top: 8px;
    right: 0px;
    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: #00adff
}

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

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

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

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

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

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

.overlay {
    position: fixed;
    padding: 0 20px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #000038;
    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: 1003
}

.header {
    z-index: 1004
}

.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: 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: 0;
    margin: 2px 0
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #dfe1e9;
    text-decoration: none;
    overflow: hidden;
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.overlay ul li a:hover {
    opacity: 1;
    color: #00adff
}

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

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    background: #00adff;
    -webkit-transition: .35s;
    transition: .35s
}

@-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 .logo {
    margin-top: 20px;
}

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

.bottomoverlay h3 small {
    color: #00c1ff;
    font-family: proximanova-semibold, sans-serif;
    font-size: 16px;
    display: block
}

.bottomoverlay h3 {
    color: #fff;
    padding-bottom: 40px;
    line-height: 24px;
    font-size: 24px;
    font-weight: 500
}

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

.bottomoverlay .outline {
    float: left
}

.fixed {
    position: fixed;
}

#locationSelect {
    display: none;
}

#game-testimonial .test-slider p {
    padding-top: 0px;
    padding-bottom: 28px;
}

#game-testimonial .test-slider {
    padding-top: 0px;
}

#game-testimonial .carousel-control {
    top: 20px;
}

#mc-panel {
    padding-top: 100px;
}

#mc-panel .panel-feat {
    margin-top: 28px;
}

#first-panel {
    margin-top: 16px !important;
}

#mc-panel #panel-text {
    padding-top: 12px;
}

#mc-panel .vps-panel {
    margin: -26px;
}

.hidden {
    display: none;
}

#server-features .title {
    padding-bottom: 40px;
}

@media screen and (min-width:1280px) and (max-width:1330px) {
    .header .container {
        padding: 26px 20px;
    }
}


@media screen and (min-width:1280px) and (max-width:1560px) {

    #vps {
        background: url(../images/vps-bg.png) center right -52px no-repeat #000038;
        background-size: 870px;
    }

    #servers {
        background: url(../images/dedicated-bg.png) bottom right no-repeat #000038;
        background-size: 900px;
    }

    #ddos {
        background: url(../images/ddos-bg.png) top 0px right 40px no-repeat #000038;
        background-size: 740px;
    }

    #storage {
        background: url(../images/storage-bg.png) right 3% top no-repeat #000038;
    }


    #custom-server {
        background: url(../images/custom-bgs.png) top right -59px no-repeat #000038;
    }

}

.order-step.nomarg {
    padding-bottom: 0px;
}

.scrub-pin {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    position: absolute;
}

.scrub-pin:hover {
    color: #1697ff;
}

.scrub-pin img {
    vertical-align: middle;
    margin: 0px 5px;
}


.scrub-pin .scrubbullet {
    display: none;
}

.sp-la {
    left: 43px;
    top: 202px;
}

.sp-chi {
    left: 145px;
    top: 156px;
}

.sp-dal {
    left: 186px;
    top: 202px;
}

.sp-va {
    left: 244px;
    top: 176px;
}

.sp-lon {
    left: 410px;
    top: 112px;
}

.sp-barc {
    left: 398px;
    top: 158px;
}

.sp-ams {
    left: 494px;
    top: 114px;
}

.sp-ru {
    left: 592px;
    top: 87px;
}

.sp-in {
    left: 628px;
    top: 255px;
}

.sp-sa {
    left: 700px;
    top: 301px;
}

.sp-sy {
    left: 854px;
    top: 432px;
}

.sp-tw {
    left: 779px;
    top: 225px;
}

.sp-jp {
    left: 835px;
    top: 177px;
}

.sp-jo {
    left: 559px;
    top: 406px;
}


.sp-br {
    left: 332px;
    top: 390px;
}


.server-nav {
    padding: 0px;
    border-bottom: 1px solid #dee0e6;
}

.server-nav li {
    width: 25%;
    float: left;
    margin-bottom: -1px;
}

.server-nav li a {
    padding: 19.5px 24px;
    display: block;
    color: #8891ac;
    text-align: center;
    font-size: 18px;
    font-family: "ProximaNova-Semibold", sans-serif;
    border-bottom: 2px solid transparent;
}

.server-nav li a:hover {
    color: #555c73;
    border-bottom: 2px solid #dee0e6;
}

.server-nav li.active a {
    border-bottom: 2px solid #1697ff;
    color: #1697ff;
}

.legal .container {
    max-width: 980px;
/*     max-width: 880px; */
}

.legal h3 {
    padding-bottom: 8px;
    font-size: 20px;
    padding-top: 16px;
}

.legal ol,
.legal ul {
    padding-bottom: 18px;
}

.legal ol li ol li,
.legal ul li ol li {
    background: url(../images/bullet-blue.png) center left no-repeat;
    margin-left: 40px;
    padding: 4px 0px;
    padding-left: 18px;
}

.legal article {
    margin-top: -16px;
}

#legal .container {
    padding-bottom: 80px;
}

#legal p {
    padding-bottom: 0px;
}

.remote-list {
    text-align: center;
    margin-top: 8px !important;
    margin-bottom: 10px;
}


.remote-list li {
    text-align: center !important;
    padding: 6px 0px !important;
}

.remote-list li strong {
    font-weight: 700;
}

.remote-list li img {
    float: none !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
}

.windows-logo {
    vertical-align: middle;
    margin-left: 4px;
    top: -1px;
    transform: translateY(-1px);
    margin-right: 2px;
}

#remote-plans span {
    padding-bottom: 32px !important;
}

#remote-features .title {
    padding-bottom: 40px;
}

#remote-features .col {
    margin-bottom: 48px;
}

#remote-features {
    padding-bottom: 52px;
}

.muted {
    max-width: 480px;
    margin: 0 auto;
    margin-top: 48px;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: -8px;
}

.muted h5 {
    padding-bottom: 6px;
}

.muted p {
    opacity: 0.8;
}

#remote-plans .divider {
    width: calc(100% + 96px);
    margin: 0px -48px;
    display: block;
    height: 1px;
    background: #dedede;
    margin-bottom: 32px;
    opacity: 0.8;
}

#remote-plans .col h2 {
    margin-top: 20px !Important;
}

.rm-img {
    margin-bottom: -150px;
}


/*


#remote-plans .divider {
    width: calc(100% + 80px);
    margin: 0px -40px;
}

#remote-plans .ddos-plan-table {
    border: 0px !important;
}

#remote-plans .col {

    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgba(8, 0, 65, 0.16);
    text-align: center;
    padding: 40px;
    width: 31.25% !important;
}

#remote-plans .col:hover {
    box-shadow: 0px 2px 10px 0px rgba(8, 0, 65, 0.20);
}

*/



.host-table {
    width: 100%;
    border-collapse: separate;
    background: #f3f5f9;
    padding: 0px 0px;

    border-spacing: 6px;
}

.host-table .button {
    width: 100%;
    text-align: center;
    padding: 0px;
}

.host-table th {
    width: 18.75%;
    padding: 24px;
    background: #fff;
    border-radius: 5px;
}

.host-table th:first-child {
    width: 25%;
    text-align: left;
    border-radius: 5px 0px 0px 0px;
    vertical-align: middle;
    background: none;
}

.host-table th h4 {
    padding-bottom: 12px;
    line-height: 26px;
}

.host-table h2 {
    font-size: 34px;
    font-weight: 300;
    line-height: 44px;
    padding-bottom: 20px;
    padding-top: 12px;
}

.host-table h2 small {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-top: -2px;
    display: block;
}

.host-table h5 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 4px;
}

.host-table tr {
    border-spacing: 6px 0px;
}

.host-table tr td {
    line-height: 24px;
    vertical-align: middle;
    height: 48px;
    background: #fff;
    border-radius: 5px;
    border-top: 0px;
    padding: 0px 24px;
    text-align: center;
}

.host-table tr td:nth-child(1) {
    background: transparent;
}

.host-table tr td:first-child {
    text-align: left;
}


.trheader {
    background: #1f1f50;
    color: #fff;
    font-family: 'Roboto', 'Open Sans', 'ProximaNova-Bold', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
}

.trheader td {
    background: #1f1f50 !important;
    border-radius: 5px;
}



.footertr td:first-child {
    border: 0px;
    border-left: 0px !important;
}



.footertr td {
    padding-top: 26px !important;
    padding-bottom: 24px !important;
}

.footertr td:last-child {
    border-radius: 0px 0px 5px 0px;
}


.host-table tr td:nth-child(2).highlighted,
.host-table tr td:nth-child(3).highlighted,
.host-table tr td:nth-child(4).highlighted,
.host-table tr td:nth-child(5).highlighted,

.host-table th:nth-child(2).highlighted,
.host-table th:nth-child(3).highlighted,
.host-table th:nth-child(4).highlighted,
.host-table th:nth-child(5).highlighted {
    background: #e6e8eb !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;

}

#hosting-features {
    margin-bottom: -10px;
}

#hosting-features .col {
    padding-left: 92px;
    position: relative;
    margin-bottom: 60px;
}

#hosting-features .col p {
    padding-left: 0px;
}

.whitebg {
    background: #fff !important;
}

#remote-plans {
    padding-top: 100px;
}

#remote-plans .ddos-plan-table {
    border: 0px !important;
    background: #f3f5f9;
    padding: 6px;
    border-radius: 5px;
}

#remote-plans .ddos-plan-table .flex-grid.three .col {
    width: calc(33.3333% - 4px);
    background: #fff;
    border-radius: 5px;
    border: 0px;
    padding: 40px;
}


#remote-plans .ddos-plan-table .flex-grid.three .col:nth-child(2) {
    background: transparent;
}

#remote-plans .ddos-plan-table .flex-grid.three .col:hover {

    background: #e6e8eb !important;

}

.colo-pricing .flex-grid {
    background: #f3f5f9;
    padding: 6px 6px 0px 6px;
    border-radius: 4px;
}

.colo-pricing .flex-grid.four .col {
    text-align: center;
    width: calc(25% - 4.5px);
    padding: 6px;
    border-radius: 5px;
    padding: 32px 28px 28px 28px;
    margin-bottom: 6px;
}

.colo-pricing .col:nth-child(1),
.colo-pricing .col:nth-child(3),
.colo-pricing .col:nth-child(6),
.colo-pricing .col:nth-child(8) {
    background: #fff;
}


.colo-pricing .col:hover {
    background: #e6e8eb !important;
    border-radius: 5px;
}



.colo-pricing .col h2 {
    font-weight: 300;
    padding-bottom: 2px;
    margin-top: 24px;
}

.colo-pricing .col h2 small {
    font-size: 22px;
    font-weight: 400;
}

.colo-pricing .col h4 {
    margin-top: 12px;
}

.colo-pricing .col span {
    display: block;
    opacity: 0.7;
    padding-bottom: 28px;
}

.colo-pricing .button {
    width: 100%;
    margin-top: 8px;
    padding: 0px;
}

#colo-features {
    background: url(../images/games-bg-2.png) center top no-repeat;
    background-size: cover;
    padding-bottom: 140px;
}

#colo-features .col {
    margin-top: 48px;
}

#colo-features .title {
    padding-bottom: 0px;
}

#colo-testimonial {
    border-top: 0px;
    padding-top: 50px;
    padding-bottoM: 80px;
}

#storage-servers {
    padding-top: 100px;
}

#storage-servers h2 {
    padding-bottom: 24px;
}

#gameserver-features .col {
    margin-top: 48px;
}

#gameserver-features .title {
    padding-bottom: 0px;
}

.white-bg {
    background: #fff !important;
}

#colo-tests {
    border-top: 0px;
    padding-top: 60px;
    padding-bottom: 80px;
}

.cta-feats .title {
    padding-bottoM: 40px;
}

.tiny-container {

    max-width: 440px;
    margin: 0 auto;
    text-align: center;
}


.single-feature {
    position: relative;
    padding-left: 80px;
    margin-bottom: 18px;
    text-align: left;
}

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

.single-feature h5 {
    padding-bottom: 4px;
}

.colo-page .cta {
    display: none;
}

#colo-feats .title {
    padding-bottom: 54px;
}

#remote-icon {
    margin-top: 32px;
}

#remote-icon img {
    float: left;
    height: 54px;
    margin-right: 20px;
    margin-top: 2px;
}

#remote-icon h5 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

#remote-icon span {
    color: #c8cfe3;
    font-size: 18px;
    line-height: 30px;
    opacity: 0.74;
}

#webhostingfeatures .title {
    padding-bottom: 60px;
}

.showmobile {
    display: none;
}

#service-cloud {
    margin-top: -24px;
}

.trusted-stats .title p {
    font-size: 18px;
    line-height: 26px;
    max-width: 80%;
}

.light-grunge {
    background: url('../images/light-grunge.png') center center !important;
}

.error {
    text-align: center;
}

.error h1 {
    font-size: 140px;
    line-height: 140px;
    text-align: center;
    padding-bottom: 14px;
}

.error h3 {
    color: #fff;
    padding: 8px 0px 4px 0px;
}

.error p {
    padding-top: 0px;
}

#error-services {
    padding: 88px 0px 100px 0px;
}

.hide-cta .cta {
    display: none;
}


.need-help {
    text-align: center;
    padding-top: 0px;
}

.need-help p {
    padding-top: 4px;
    font-size: 16px;
    line-height: 26px;
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 28px;
}

.need-help .button {
    margin: 0px 8px;
    min-width: 172px;
}


#colofeat {
    background: #fff;
}

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

#changewrap {
    position: relative;
    display: inline-flex;
    padding: 12px 0px;
}

.changer {
    margin: 0 auto;
    width: auto;
    font-size: 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    font-weight: 600;
    line-height: 26px;
    padding: 5px 0px;
    border-radius: 5px;
    display: inline-block;
    justify-content: center;

    text-align: center;

}


.changer div {
    display: inline-block;
    float: left;
    cursor: pointer;
    background: transparent;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    margin: 0px 5px;
}

.changer div:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
}

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

.changer div label {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0px 20px;
}

.changer .switch {
    opacity: 0px;
    display: none;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    width: 48px;
    height: 26px;
    margin: 0px 14px;
    position: relative;
}

.switch-label {
    position: relative;
    z-index: 999;
    float: left;
    width: 26px;
    height: 26px;
    cursor: pointer;
}



.switch-label-off {
    width: 0px;
}

.switch-label-on {
    width: 48px;
}

.prem-active .switch-label-off {
    width: 48px;
}

.prem-active .switch-label-on {
    width: 0px;
}

.switch-input {
    display: none !important;
}

.switch-input:checked + .switch-label {
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
    /* Note: left: 50% doesn't transition in WebKit */
    left: 26px;
}

.switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    margin-top: 0px !important;
}

.fiftyoff {
    margin-right: -244px;
    display: inline-block;
}

.fiftyoff h5 {
    margin-top: 12px;
    color: #fff;
    font-size: 14px;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.fiftyoff img {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    margin-left: 24px;
}

.fiftyoff h5 strong {
    color: rgba(255, 116, 87, 1);
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 14px;
}

#pay-yearly {
    display: block;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
}

.mcprice {
    display: none;
}

.mcprice.active {
    display: block;
}


/* Dropdown */

.dropdowns {
    display: inline-block;
    position: relative;
    display: block;
    width: 100%;
}

.dd-button {
    display: block;
    width: 100%;
    border: 1px solid #d3d4db;
    font-size: 16px;
    font-family: "ProximaNova-Regular", sans-serif;
    color: #555c73;
    height: 44px;
    padding: 0px 20px;
    border-radius: 4px;
    margin-top: 6px;
    box-shadow: inset 0px -1px 2px rgba(16, 32, 52, 0.06);
    background: url(../images/select-blue.png) right 16px center no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    line-height: 44px;
}

.dd-button:hover {
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #c7c8d0;
    box-shadow: inset 0px -2px 3px rgba(16, 32, 52, 0.06);
}


.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #d3d4db;
    border-radius: 4px;
    padding: 4px 0;
    margin: 0px 0 0 0;
    box-shadow: 0 0 5px 0 rgba(30, 39, 107, 0.12);
    background-color: #ffffff;
    list-style-type: none;
    right: 0px;
    left: 0px;
    z-index: 1000;
    margin-top: 8px !important;
    font-family: "ProximaNova-Regular", sans-serif;
}

.ddos-plan-table .flex-grid.three .dd-menu span.right {
    opacity: 1;
    padding-bottom: 0px;
    display: inline-block;
    color: rgb(255, 55, 44);
    font-family: "ProximaNova-Semibold", sans-serif;
}

.dd-menu li img {
    float: left;
    margin-top: 1px;
    margin-right: 8px;
}

.dd-input + .dd-menu {
    display: none;
}

.dd-input:checked + .dd-menu {
    display: block;
}

.ddos-plan-table .flex-grid.three .col .dd-menu li {
    padding: 4px 20px 3px 20px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
}

.dd-menu li:hover {
    background-color: #f7f7fc;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.dd-menu li.divider {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.tab-pane {
    display: none;
}

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

.hidetoggle {
    padding: 88px 0px;
    background: rgba(0, 0, 0, 0.12);
    display: none;
}

.hidetoggle h2 {
    color: #fff;
}

.hidetoggle .bullet-list li {

    background: url(../images/tealbullet.png) left 11px no-repeat;
}

#ht-img {
    text-align: center;
}


.comingsoon-servers {
    opacity: 0.54;
    cursor: not-allowed;
}

.comingsoon-servers tr:hover td {
    background: #f3f5f9 !important;
    transition: none;
}

.comingsoon-servers tr:nth-child(even):hover td {
    background: #fff !important;
    transition: none;
}

.comingsoon-servers .button {
    cursor: not-allowed;
}

.alert {
    margin-bottom: 28px;
    font-size: 18px;
}

.alert img {
    vertical-align: middle;
    margin-right: 6px;
}

.comingsoon {
    opacity: 0.68;
    cursor: not-allowed;
}

.comingsoon:hover {
    cursor: not-allowed;
    opacity: 1;
}

.coming-soon {

    padding: 0px 16px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    font-family: 'ProximaNova-SemiBold', Helvetica, Arial, sans-serif;
    color: #fff;
    background: rgb(0, 138, 255);
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 0%, rgba(74, 183, 255, 1) 100%);
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1001;
    position: relative;
}

.cs-text {
    margin-bottom: 40px;
    display: block;
    font-size: 16px;
}

.whitetext {
    color: #ff3d30;
}

p a:hover {
    text-decoration: underline;
}

.not-allowed,
.not-allowed:hover {
    opacity: 0.6;
    cursor: not-allowed;
}

.cs-label {

    padding: 0px 8px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    border-radius: 3px;
    font-family: 'ProximaNova-SemiBold', Helvetica, Arial, sans-serif;
    color: #fff;
    background: rgb(255, 55, 44);
    background: linear-gradient(90deg, rgba(255, 55, 44, 1) 0%, rgba(255, 116, 87, 1) 100%);
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    margin-left: 6px;
    vertical-align: text-bottom;
}








.config-box {
    padding-bottom:16px;
    margin-top: 16px;
}

.setup-fee {
    display:block;
    text-align:right;
    margin-bottom:20px;
}

.below-config-text {
    display:block;
    padding-top:10px;
}

.order-step:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}


.gamebg .container .col {
    width:50%;
}


#game-bg-7days {background: url('../images/gamebg-7days.png') center center no-repeat #000038;background-size: cover;}
#game-bg-amongus {background: url('../images/gamebg-amongus.png') center center no-repeat #000038;background-size: cover;}
#game-bg-arma {background: url('../images/gamebg-arma.png') center center no-repeat #000038;background-size: cover;}
#game-bg-ark {background: url('../images/gamebg-ark.png') center center no-repeat #000038;background-size: cover;}
#game-bg-amongus {background: url('../images/gamebg-amongus.png') center center no-repeat #000038;background-size: cover;}
#game-bg-avorion {background: url('../images/gamebg-avorion.png') center center no-repeat #000038;background-size: cover;}
#game-bg-barotrauma {background: url('../images/gamebg-barotrauma.png') center center no-repeat #000038;background-size: cover;}
#game-bg-citadel {background: url('../images/gamebg-citadel.png') center center no-repeat #000038;background-size: cover;}
#game-bg-conan {background: url('../images/gamebg-conan.png') center center no-repeat #000038;background-size: cover;}
#game-bg-csgo {background: url('../images/gamebg-csgo.png') center center no-repeat #000038;background-size: cover;}
#game-bg-dayz {background: url('../images/gamebg-dayz.png') center center no-repeat #000038;background-size: cover;}
#game-bg-dontstarve {background: url('../images/gamebg-dontstarve.png') center center no-repeat #000038;background-size: cover;}
#game-bg-factorio {background: url('../images/gamebg-factorio.png') center center no-repeat #000038;background-size: cover;}
#game-bg-gmod {background: url('../images/gamebg-gmod.png') center center no-repeat #000038;background-size: cover;}
#game-bg-holdfast {background: url('../images/gamebg-holdfast.png') center center no-repeat #000038;background-size: cover;}
#game-bg-hurtworld {background: url('../images/gamebg-hurtworld.png') center center no-repeat #000038;background-size: cover;}
#game-bg-insurgency {background: url('../images/gamebg-insurgency.png') center center no-repeat #000038;background-size: cover;}
#game-bg-killingfloor {background: url('../images/gamebg-killingfloor.png') center center no-repeat #000038;background-size: cover;}
#game-bg-mordhau {background: url('../images/gamebg-mordhau.png') center center no-repeat #000038;background-size: cover;}
#game-bg-pixark {background: url('../images/gamebg-pixark.png') center center no-repeat #000038;background-size: cover;}
#game-bg-quake {background: url('../images/gamebg-quake.png') center center no-repeat #000038;background-size: cover;}
#game-bg-reddead {background: url('../images/gamebg-reddead.png') center center no-repeat #000038;background-size: cover;}
#game-bg-risingworld {background: url('../images/gamebg-risingworld.png') center center no-repeat #000038;background-size: cover;}
#game-bg-rust {background: url('../images/gamebg-rust.png') center center no-repeat #000038;background-size: cover;}
#game-bg-squad {background: url('../images/gamebg-squad.png') center center no-repeat #000038;background-size: cover;}
#game-bg-starbound {background: url('../images/gamebg-starbound.png') center center no-repeat #000038;background-size: cover;}
#game-bg-stationeers {background: url('../images/gamebg-stationeers.png') center center no-repeat #000038;background-size: cover;}
#game-bg-teamfortress {background: url('../images/gamebg-tf2.png') center center no-repeat #000038;background-size: cover;}
#game-bg-teeworlds {background: url('../images/gamebg-teeworlds.png') center center no-repeat #000038;background-size: cover;}
#game-bg-terraria {background: url('../images/gamebg-terraria.png') center center no-repeat #000038;background-size: cover;}
#game-bg-unturned {background: url('../images/gamebg-unturned.png') center center no-repeat #000038;background-size: cover;}
#game-bg-assetto-corsa {background: url('../images/gamebg-assetto-corsa.png') center center no-repeat #000038;background-size: cover;}
#game-bg-eco {background: url('../images/gamebg-eco.png') center center no-repeat #000038;background-size: cover;}
#game-bg-fistful {background: url('../images/gamebg-fistful.png') center center no-repeat #000038;background-size: cover;}
#game-bg-l4d {background: url('../images/gamebg-l4d.png') center center no-repeat #000038;background-size: cover;}
#game-bg-l4d2 {background: url('../images/gamebg-l4d2.png') center center no-repeat #000038;background-size: cover;}
#game-bg-pavlov {background: url('../images/gamebg-pavlov.png') center center no-repeat #000038;background-size: cover;}
#game-bg-onset {background: url('../images/gamebg-onset.png') center center no-repeat #000038;background-size: cover;}
#game-bg-postscro {background: url('../images/gamebg-postscro.png') center center no-repeat #000038;background-size: cover;}
#game-bg-projectzomboid {background: url('../images/gamebg-projectzomboid.png') center center no-repeat #000038;background-size: cover;}
#game-bg-riskofrain2 {background: url('../images/gamebg-riskofrain2.png') center center no-repeat #000038;background-size: cover;}
#game-bg-satisfactory {background: url('../images/gamebg-satisfactory.png') center center no-repeat #000038;background-size: cover;}
#game-bg-spaceeng {background: url('../images/gamebg-spaceeng.png') center center no-repeat #000038;background-size: cover;}
#game-bg-starmade {background: url('../images/gamebg-starmade.png') center center no-repeat #000038;background-size: cover;}
#game-bg-subnautica {background: url('../images/gamebg-subnautica.png') center center no-repeat #000038;background-size: cover;}
#game-bg-theforest {background: url('../images/gamebg-theforest.png') center center no-repeat #000038;background-size: cover;}



















/*====================rewathi css 16 mar 2021  =====================*/


/*===========about us===========*/
.who-we-content p {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 28px;
    color: #555c73;
}

.vision-data-content {
    padding-left: 15.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vision-data-content {
    padding-left: 7.5%;
}
.vision-data-img img {
    width: 100%;
    border-radius: 10px;
}
.vision-data-content p {
    font-size: 18px;
    line-height: 28px;
}

.data-cstm .vision-data-content {
    padding-left: 0px;
    padding-right: 7.5%;
}
.data-cstm {
    margin-top: 50px;
}




.values-area {
    background-color: #f2f4fa;
    padding: 48px 0px;
}
.our-value-head .title {
    padding-bottom: 0;
}


.flex-grid.four.cstm-flex {
    height: 100%;
}
.values-detail-area {
    background-image: url(../images/value-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 550px;
    background-blend-mode: overlay;
    background-color: #00000082;
    padding: 0px;
}
.inner-value-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding: 25px 40px;
    text-align: center; 
    cursor: pointer;
    transition: all 1s;
    border-right: solid 1px #909090;
}
.inner-value-box:hover {
    background-color: #000000b3;
}

.inner-value-box:hover .inner-hov-box{
    display: block;
}
.inner-hov-box {
    display: none;
}

.inner-value-box h2 {
    color: #fff;
}
.inner-hov-box p {
    font-size: 16px;
    line-height: 23px;
    padding-top: 16px;
    color: #ffffff;
}

/*===========end about us===========*/


/*============careers page===========*/
.hr-area {
    padding-top: 0px;
    background: #f8f9fd;
    padding: 60px 0px;
}
.hr-area .vision-data-content h3 {
    margin-bottom: 15px;
    font-size: 21px;
}

.career-about .who-we-content p {
    text-align: center;
}

/*============end careers page===========*/

/*=============partner benefits==============*/
.partner-featured {
    text-align: center;
    box-shadow: 0px 0px 11px #dedcdc;
    border-radius: 10px;
    padding: 25px 30px;
    margin: 0px 15px;
    transition: all 1s;
}

.partner-featured:hover{
    transform: scale(1.1);
}

.partner-featured h3 {
    font-size: 22px;
    margin: 10px 0px;
}

.partner-slide-area .test-slider img {
    width: 100%;
    height: 600px;
    object-fit: cover;
        border-radius: 10px;
}
.partner-slide-area .carousel-control {
    top: 50%;
}
.partner-slide-area {
    border: none;
    background: #f8f9fd;
    padding: 40px 0px 60px;
}


.partner-avtar img {
    width: 100%;
    padding: 10px;
    height: 170px;
    object-fit: cover;
}

.form-inp label {
    color: #000038;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: inline-block;
}
.form-inp .form-control {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #000;
}
.form-inp {
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 20px;
}
.form-inp .form-control:focus{
    outline: none;
}

.form-area .mb{
    margin-bottom: 15px;
}
.title-form h2 {
    font-size: 24px;
}
section.apply-partnership {
    background-color: #f2f4fa;
    padding: 48px 0px;
    margin-bottom: 40px;
}
.sbmt-btn button {
    background: rgb72, 171, 255);
    background: linear-gradient( 90deg, rgba(0, 138, 255, 1) 0%, rgba(72, 171, 255, 1) 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    border-radius: 4px;
    padding: 12px 50px;
    font-size: 16px;
    cursor: pointer;
    transition: all 1s;
}
.sbmt-btn button:hover{
    background: linear-gradient(90deg, rgba(72, 171, 255, 11) 0%, rgba(0, 138, 255, 1) 100%);
    transition: all 1s;
}

/*=============end partner benefits==============*/


/*=========responsive==============*/

@media screen and (min-width: 992px) and (max-width: 1200px){
    .inner-value-box {
        padding: 25px 10px;
    }
    .inner-value-box h2 {
        font-size: 24px;
    }

}

@media screen and (min-width: 768px) and (max-width: 992px){
    .flex-grid.four.cstm-flex .col {
        width: 50%;
    }
    .inner-value-box {
        /*border-right: none;*/
        border-bottom: solid 1px #909090;
    }
}

@media screen and (max-width: 767px){
    .values-detail-area {
        height: auto;
    }
    .inner-value-box {
        border-right: none;
        border-bottom: solid 1px #909090;
    }

   .career-about .who-we-content p {
        font-size: 18px;
    } 
    .hr-area .vision-data-content {
        padding-left: 0px;
        margin-top: 10px;
    }
    .partner-featured {
        margin-bottom: 20px;
    }
    .partner-slide-area .test-slider img {
        height: auto;
    }
    .partner-avtar img {
        padding: 2px 2px 10px 2px;
        height: 130px;
    }
    .title-form h2 {
        text-align: center;
    }

    .price-breakdown .price-breakdown-left {
        font-size: 14px !important;
        width: 33% ; 
    }
    .col-9.price-breakdown-right{
        width: 65% ;
    }
    .price-breakdown-signup-background {
        padding: 80px 20px 140px 20px;
    }
    .price-breakdown-signup-background .btn-bz-blue-inverse {
        width: 100% !important;
    }
    .price-table-overflow {
        overflow-x: auto;
    }
    .price-breakdown h2 {
        line-height: 38px;
        font-size: 30px !important;
    }
    .price-breakdown {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 40px !important;
    }
    .b2-price-table td img {
        margin: 0 auto;
        width: 100% !important;
        height: auto !important;
    }
    .row.b2-price-table {
        padding: 0px;
    }

    .b2-hero-gradient table.price-table td, .b2-hero-gradient table.price-table th {
        font-size: 13px !important;
    }
    .logo {
        width: 227px;
        background-size: 227px 40px;
    }

}



/*===============about us page ================*/




.b2-hero-gradient {
    background: -moz-linear-gradient(-45deg, #4a326b 0%, #1f478e 100%);
    background: -webkit-linear-gradient(-45deg, #4a326b 0%,#1f478e 100%);
    background: linear-gradient(135deg, #4a326b 0%,#1f478e 100%);
}
.center{
    text-align:center;
}
.b2-hero-gradient .line {
    display: block;
    margin-top: 18px;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    width: 90px;
    border-top: 3px solid #4288C7;
}
.b2-hero-gradient h2{
    margin-top: 105px; 
    margin-bottom: 10px;
    line-height: 1.8em;
    color: #fff;
    padding: 0px 15px;
}
.b2-hero-gradient p {
    color: #cccccc !important;
    padding: 0px 15px;
}   
.b2-hero-gradient .lead {
    font-size: 18px;
    margin-top: 18px;
    color: #808080;
    }
.b2-price-table {
    padding-left: 20px;
    padding-right: 20px;
}

.b2-hero-gradient table.price-table{
        box-shadow: 0px 8px 15px rgb(0 0 0 / 30%) !important;
        width: 100%;
        line-height: 20px;
        padding-bottom: 40px;
        color: #666;
}

table.price-table td, table.price-table th {
    background-color: #fff;
}

.b2-hero-gradient table.price-table td, .b2-hero-gradient table.price-table th {
    height: 90px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    vertical-align: middle;
    color: #666;
}

.b2-hero-gradient table.price-table th {
    padding-top: 50px;
    padding-bottom: 20px;
}

.b2-hero-gradient table.price-table td {
    border-right: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 12px;
}
table.price-table td.bh {
    background-color: #f5f7fa;
    color: #2aa72a;
}
.b2-price-table td img {
    margin: 0 auto;
}
.b2-price-table .price-table {
    margin-top: 25px;
}
.comparison-blue {
    font-weight: 700;
    font-size: 13px;
    color: #3e88d2;
    line-height: 12px;
    right: 34%;
}
.price-breakdown-signup-background {
    clear: both;
    margin-top: 100px;
    overflow: hidden;
    display: block;
    background-image: url(../images/b2-price-signup-background.jpg);
    background-position: center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 140px;
}

.price-breakdown-signup-background h4, .price-breakdown h4{
    
    font-size: 20px;
    color: #262626;
    line-height: 32px;
    font-weight: 300;
    margin-top: 40px;
}
.btn-bz-blue-inverse {
    border: 1px solid #3e88d2;
    color: #3e88d2;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 4px;
     padding-top: 12px;
    padding-bottom: 12px;
}
.mg-tp-20 {
    margin-top: 30px;
    display: inline-block;
}

.price-breakdown {
    overflow: hidden;
    margin-top: 40px;
    border-top: 1px solid #e5e5e5;
    padding-top: 100px;
    margin-bottom: 60px;
    padding-bottom: 80px;
}
.col-sm-8
{
    width: 66.66666667%;
    }
    
.col-sm-offset-2 {
    margin-left: 16.66666667%;
}

.price-breakdown .price-breakdown-left {
    text-align: right;
    font-size: 16px;
    font-weight: 300;
    color: #3e88d3;
    padding-right: 22px;
}

.col-3 {
    width: 25%;
    float: left;
}
.col-9 {
    width: 75%;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%; float: left;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.price-breakdown-right{
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8em;
    border-left: 1px solid #e5e5e5;
    padding-left: 20px;
    }
.price-breakdown-row {
    margin-top: 60px;
}

.b2-calculator-section {
    margin-top: 40px;
}

.b2-calc-container {
    border-radius: 4px;
    text-align: center;
    padding: 20px;
}
.b2-calc-container h2 {
    font-size: 36px;
}
.b2-calc-grey-background {
    background-color: #f5f5f4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 4px;
    margin-top: 40px;
    height: auto;
}



.b2-calc-input {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
    padding: 20px;
}

#bz-fancy-line {
    font-size: 14px;
    color: #a6a6a6;
    text-align: center;
    margin-top: 14px;
    overflow: hidden;
}

#bz-fancy-line:before, #bz-fancy-line:after {
    background-color: #e5e5e5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 50%;
}
#bz-fancy-line:before {
    right: 0.5em;
    margin-left: -50%;
}
#bz-fancy-line:after {
    left: 0.5em;
    margin-right: -50%;
}
#bz-fancy-line:before, #bz-fancy-line:after {
    background-color: #e5e5e5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 50%;
}
.step {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}
.step-number {
    color: #262626;
    font-weight: 600;
}
.step-label {
    color: #666666;
}

.b2-calc-input-field {
    color: #268bd3;
    font-weight: 700;
    font-size: 15px;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    text-align: right;
    width: 100px;
    line-height: inherit;
}
.b2-calc-input-label {
    font-size: 14px;
    color: #268bd3;
    font-weight: 400;
}
.b2-calc-input-left {
    text-align: right;
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 12px;
    padding-bottom: 4px;
    padding-left: 32px;
    padding-right: 20px;
    width: 200px;
    float: left;
}
.b2-calc-input-right {
    width: auto;
    padding-right: 0;
}
.b2-calc-input-right {
    text-align: left;
    padding-bottom: 4px;
    padding-top: 4px;
    width: auto;
    padding-right: 0;
}

.b2-calc-results {
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.b2-calc-output-header {
    font-size: 12px;
    text-transform: uppercase;
    color: #bfbfbf;
    text-align: left;
    display: block;
    font-weight: 700;
    margin-top: 18px;
}
.b2-calc-output-underline {
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
}
.b2-calc-output-text {
    color: #595959;
    font-size: 14px;
    text-align: left;
    display: block;
    line-height: 1.8em;
}
.b2-calc-output-money {
    color: #4b844a;
    font-size: 14px;
    text-align: right;
    display: block;
    line-height: 1.8em;
}
.b2-calc-output-total {
    color: #4b844a;
    font-size: 14px;
    text-align: right;
    display: block;
    font-weight: 700;
    line-height: 1.8em;
}

.b2_fancy_line {
    font-size: 14px;
    color: #a6a6a6;
    text-align: center;
    margin-top: 30px;
}

.b2_fancy_line:before, .b2_fancy_line:after {
    background-color: #e5e5e5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 40%;
}
.b2_fancy_line:before {
    right: .5em;
    margin-left: -50%;
}

.b2_fancy_line:after {
    left: .5em;
    margin-right: -50%;
}
.b2_fancy_line:before, .b2_fancy_line:after {
    background-color: #e5e5e5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 40%;
}
.b2-calc-bar-chart {
    position: relative;
    height: 160px;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #e1e1e1;
}
.b2-calc-bar {
    position: absolute;
    bottom: -1px;
    min-height: 4%;
    width: 13%;
    background: #ede8e8;
    background: -moz-linear-gradient(bottom, #EAEAEA 0%, #F4F4F4 100%);
    background: -webkit-linear-gradient(bottom, #EAEAEA 0%,#F4F4F4 100%);
    background: linear-gradient(to top, #EAEAEA 0%,#F4F4F4 100%);
    border: 1px solid #B7B7B7;
}
.b2-calc-bar-top {
    position: absolute;
    top: -8px;
    left: -1px;
    height: 13px;
    width: 102%;
}

img {
    vertical-align: middle;
}

#BzTotalBar .b2-calc-bar-footer {
    bottom: -77px;
}
.b2-calc-bar-footer {
    position: absolute;
    bottom: -100px;
    left: -3px;
}
.b2-calc-bar-footer-img {
    width: 100%;
}

.b2-calc-bar-footer-tc {
    max-width: 118px;
    /* overflow: hidden; */
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}
.b2-calc-bar-footer-tc {
    max-width: 118px;
    /* overflow: hidden; */
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}
.b2-calc-competitor-dif {
    color: #900;
    font-size: 13px;
}
.b2-calc-small-print {
    font-size: 13px;
    color: #a6a6a6;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 20px;
    display: block;
}

.popover {
    min-width: 276px;
    font-family: open sans, lucida grande, lucida sans unicode, Tahoma, sans-serif
}

.html-source {
    visibility: hidden;
    height: 1px;
    width: 1px;
    overflow: hidden;
    margin: 0 auto
}

.popover-content {
    padding-top: 18px;
    padding-bottom: 18px
}

.popover-content .b2-calc-output-text,
.popover-content .b2-calc-output-money {
    font-size: 12px!important
}

.popover-content .b2-calc-competitor-headers {
    color: #9e9e9e;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    padding-bottom: 9px;
    border-bottom: 1px solid #cecece
}

.popover .b2-calc-output-total {
    line-height: 14px
}

.down-arrow {
    width: 11px;
    height: 11px;
    margin-left: 2px;
    margin-top: -2px
}


/*===========Add css by rohit 31-03-2021 ===========*/



/*===========CSS For map===========*/
.mapcountry {
  width: 100%;
  height: 520px;
  overflow: hidden;
  position: relative;
  float: left;
}

.map-marker {
    /* adjusting for the marker dimensions
    so that it is centered on coordinates */
    margin-left: -8px;
    margin-top: -8px;
    box-sizing: border-box;
}
.map-marker.map-clickable {
    cursor: pointer;
}
.pulse {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #ff0000;
    z-index: 10;
    position: absolute;
    box-sizing: border-box;
}
.map-marker .dot {
    border: 10px solid #ff0000;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
    opacity: 0;
    box-sizing: border-box;
}
@-moz-keyframes pulse {
   0% {
      -moz-transform: scale(0);
      opacity: 0.0;
   }
   25% {
      -moz-transform: scale(0);
      opacity: 0.1;
   }
   50% {
      -moz-transform: scale(0.1);
      opacity: 0.3;
   }
   75% {
      -moz-transform: scale(0.5);
      opacity: 0.5;
   }
   100% {
      -moz-transform: scale(1);
      opacity: 0.0;
   }
  }
  @-webkit-keyframes "pulse" {
   0% {
      -webkit-transform: scale(0);
      opacity: 0.0;
   }
   25% {
      -webkit-transform: scale(0);
      opacity: 0.1;
   }
   50% {
      -webkit-transform: scale(0.1);
      opacity: 0.3;
   }
   75% {
      -webkit-transform: scale(0.5);
      opacity: 0.5;
   }
   100% {
      -webkit-transform: scale(1);
      opacity: 0.0;
   }
}


.map-marker[title="Ashburn, VA"] >.dot, .map-marker[title="London, UK"] >.dot, .map-marker[title="Frankfurt, GR"] >.dot {
    border: 10px solid #00f;
}

.map-marker[title="Ashburn, VA"] >.pulse, .map-marker[title="London, UK"] >.pulse, .map-marker[title="Frankfurt, GR"] >.pulse {
    background: blue;
}
/*===========End CSS For map===========*/