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

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light.otf') format('opentype'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    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;
    padding-top:3px;
}

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

.clear {
    clear: both;
}

body {
    font: 16px/22px "ProximaNova-Regular", sans-serif;
    width: 100%;
    color: #5b5f7b;
}


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

p {
    padding-bottom: 20px;
}

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

}
h1 {
    font-size: 36px;
    line-height: 42px;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #241f3b;
}

h2 {
    font-size: 30px;
    line-height: 36px;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #292444;
}

h3 {
    font-size: 24px;
    line-height: 30px;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #373158;
}

h4 {
    font-size: 20px;
    line-height: 28px;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #373158;
}

.lightbg {
    background: #f7f9fc;
}

.one-half {
    width: 50%;
    float: left;
}

.one-third {
    width: 33.3333%;
    float: left;
}

.one-fourth {
    width: 25%;
    float: left;
}

.one-fifth {
    width: 20%;
    float: left;
}

.one-sixth {
    width: 16.6667%;
    float: left;
}

.button {
    height: 44px;
    line-height: 46px;
    padding: 0px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    font-family: "ProximaNova-SemiBold", sans-serif;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.button.white {
    background: #fff;
    color: #765edc;
}

.button.white:hover {
    background:rgba(255,255,255,0.96);
    color: #765edc;
}

.button:hover {
    text-decoration: none;
    font-family: "ProximaNova-SemiBold", sans-serif;
    color: #fff;
}

.button.purple {
    background: #765edc;
}

.button.purple:hover {
    background: #6c56ca;
}

.button.blue {
    background: #27b4f6;
}

.button.blue:hover {
    background: #24a8e6;
}

.button.green {
    background: #40d961;
}

.button.green:hover {
    background: #3ac859;
}

.button.yellow {
    background: #ffcd69;
}

.button.yellow:hover {
    background: #f4bf55;
}

.button.orange {
    background: #fba14e;
}

.button.orange:hover {
    background: #eb9647;
}

.button.red {
    background: #ff3838;
}

.button.red:hover {
    background: #f03131;
}

.button.outline {
    border: 1px solid #cccbd9;
    color: #9598ae;
    line-height: 44px;
}

.button.outline:hover {
    border: 1px solid #b3b2c0;
    color: #838699;
}


.button.gray {
    background: #b8b8cd;
}

.button.gray:hover {
    background: #afafc3;
}


.button.blueoutline {
    border:1px solid #40bbf4;
    color:#40bbf4;
}

.button.blueoutline:hover {
    border:1px solid #40bbf4;
    color:#fff;
    opacity:1;
    background:#40bbf4;
}

.button.yellowoutline {
    border:1px solid #ffd37b;
    color:#ffbe3d;
}
.button.yellowoutline:hover {
    border:1px solid #ffbe3d;
    color:#fff;
    background:#ffbe3d;
}


.button.greenoutline {
    border:1px solid #40d961;
    color:#40d961;
}

.button.greenoutline:hover {
    border:1px solid #40d961;
    color:#fff;
    opacity:1;
    background:#40d961;
}

.button.redoutline {
    border:1px solid #ff6a6a;
    color:#ff3838;
}
.button.redoutline:hover {
    background:#ff3838;
    border:1px solid #ff3838;
    color:#fff;
}




.greentext {
    color: #40d961;
}
.redtext {
    color: #ff3838;
}

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

.purplelink {
    color: #765edc;
    text-decoration: none;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.purplelink:hover {
    color: #6c56ca;
    text-decoration: underline;
}

.bluelink {
    color: #27b4f6;
    text-decoration: none;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.bluelink:hover {
    color: #24a8e6;
    text-decoration: underline;
}

.greenlink {
    color: #40d961;
    text-decoration: none;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.greenlink:hover {
    color: #3ac859;
    text-decoration: underline;
}

.yellowlink {
    color: #ffcd69;
    text-decoration: none;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.yellowlink:hover {
    color: #f4bf55;
    text-decoration: underline;
}

.orangelink {
    color: #fba14e;
    text-decoration: none;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.orangelink:hover {
    color: #eb9647;
    text-decoration: underline;
}

.redlink {
    color: #ff3838;
    text-decoration: none;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.redlink:hover {
    color: #f03131;
    text-decoration: underline;
}



.outlinewhite {
    border: 1px solid rgba(255, 255, 255, 1);
}

.outlinewhite:hover {
    color:rgba(255,255,255,0.82);
    border:1px solid rgba(255,255,255,0.68);
}

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

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

.header {
    height: 100px;
    background:#1c1832;
}

.header .logo {
    margin: 24px 0px;
    float: left;
    margin-right: 60px;
}

.header li {
    padding: 30px 34px 30px 0px;
    float: left;
}

.header .right-navigation {
    float: right;
}

.header .right-navigation li:last-child {
    padding-right: 0px;
    display:none;
}


.header .right-navigation li:nth-last-child(2) {
    padding-right:0px;
}

.header .right-navigation img {
    float: left;
    margin-top: 13px;
    margin-right: 6px;
}

.header a {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 40px;
    text-decoration: none;
}

.header a:hover {
    color: rgba(255, 255, 255, 0.68);
}

.header .button {
    height: 40px;
    padding: 0px 20px;
    letter-spacing: 0px;
}

.header .button:hover {
    border: 1px solid rgba(255, 255, 255, 0.68) !important;
}


.home-banner {
    background: #1c1832;
    padding-top: 144px;
    padding-bottom: 0px;
}

.home-banner .container {
    position: relative;
    padding-bottom: 76px;
}




.banner-text {
    width: 38%;
    float: left;
    padding-top: 112px;
}

.banner-image {
    width: 56%;
    float: right;
}

.banner-text h1 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
}

.banner-text p {
    color: #8e90b0;
    font-size: 20px;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 0px;
}



.sub-banner {
    background:url('../images/subbannerbg.png') center bottom no-repeat #1c1832;
    padding-top: 144px;
    padding-bottom: 0px;
}

.sub-banner .container {
    position: relative;
    padding-bottom: 76px;
}

.sub-banner .banner-text {
    width: 50%;
    padding-top: 70px;
}

.sub-banner .banner-text p {
    padding-right: 8%;
    padding-top: 38px;
}

.sub-banner .banner-text img {
    float: left;
    margin-right: 44px;
}

.sub-banner .banner-text small {
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: block;
    padding-top: 16px;
}


.sub-banner .banner-text h1 {
    height: 168px;
    font-size: 36px;
    line-height: 44px;
}



.home-label {
    background: #fff;
    color: #765edc;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 15px;
    height: 32px;
    line-height: 34px;
    padding: 0px 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 28px;
    display: inline-block;
    letter-spacing: 0.5px;
}

.banner-text .button {
    margin-top: 32px;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.banner-text .bannerlink {
    margin-top: 32px;
    line-height: 44px;
    margin-left: 24px;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
}

.banner-text .bannerlink:hover {
    text-decoration: underline;
}

.banner-sponsors {
    position: absolute;
    bottom: 40px;
    left: 0px;
}

.banner-sponsors li {
    float: left;
    margin-right: 80px;
}



.home-plans .one-fourth {
    width: 22%;
    padding: 28px;
    text-align: center;
    float: left;
    margin-right: 4%;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    -moz-box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);

}

.home-plans .one-fourth:hover {
    -webkit-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    -moz-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
}

.home-plans .one-fourth:nth-last-child(2) {
    margin-right: 0%;
}

.home-plans .one-fourth h3 {
    padding-top: 14px;
    padding-bottom: 2px;
}

.home-plans .one-fourth ul {
    padding-top: 24px;
    padding-bottom: 18px;
    line-height: 24px;
}

.home-plans .one-fourth li:first-child {
    padding-bottom: 4px;
}

.home-plans .one-fourth li:first-child strong {
    font-family: "ProximaNova-Semibold", sans-serif;
    color: #9ea6b6;
}

.home-plans .one-fourth h1 {
    font-size: 40px;
    font-family: "ProximaNova-Bold", sans-serif;
}

.home-plans .one-fourth p {
    padding-bottom: 0px;
}

.home-plans .one-fourth sup {
    font-size: 26px;
    vertical-align: text-top;
    line-height: 38px;
    padding-right: 2px;
}

.home-plans .one-fourth h1 {
    color: #3c3659;
}

.home-plans .one-fourth small {
    font-size: 20px;
    color: #4d4570;
}

.home-plans .one-fourth .button {
    width: 100%;
    margin-top: 14px;
}



.radargraph .one-half:first-child {
    width: 40%;
    padding-top: 44px;
}

.radargraph .one-half:first-child h1 {
    padding-right: 0%;
}

.radargraph .one-half:nth-child(2) {
    float: right;
    text-align: center;
}

.titleheader {
    padding-bottom: 16px;
}


.homecp {
    background: url('../images/cpbg.png') center bottom no-repeat #f7f9fc;
    padding-bottom: 0px;
    text-align: center;
    max-width:1970px;
    margin:0 auto;
}

.seventwenty {
    max-width: 780px;
}

.homefeatures {
    background:url('../images/homefeatbg.png') center bottom no-repeat;
    padding-bottom: 60px;
}

.homefeatures .one-half {
    width: 46%;
    float: left;
    padding-bottom: 60px;
}

.homefeatures .one-half {
    margin-right: 8%;
}

.homefeatures .one-half:nth-child(2n) {
    margin-right: 0%;
}


.homefeatures .one-half h4 {
    padding-top: 18px;
    padding-bottom: 2px;
}

.homefeatures .one-half p {
    padding-bottom: 0px;
}

.darkbg {
    background: #26224a;
    color: #8a93b8;
}

.darkbg h1 {
    color:#fff;
}

.darkbg .title h1 {
    color: #fff;
}

.softaculous {
    text-align: center;
    padding-bottom: 100px;
}

.home-getstarted .one-half:first-child {
    width: 40%;
    margin-right: 10%;
}

.getstartedbar {
    background: #f9fafd;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #292444;
    font-size: 18px;
    line-height: 44px;
    padding: 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-left: 24px;
}

.getstartedbar {
    float: right;
}

.getstartedbar .outline {
    margin-left: 24px;
    margin-right: 6px;

}

.home-getstarted .one-third {
    padding-top: 68px;
    width: 30%;
    margin-right: 5%;
}

.home-getstarted .one-third:nth-last-child(2) {
    margin-right: 0%;
}

.home-getstarted .one-third img {
    margin-bottom: 16px;
}

.home-getstarted .one-third p {
    padding-bottom: 8px;
    padding-top: 4px;
}

.footer {
    background: #211c3b;
    padding-top: 120px;
}

.footer a {
    color: #a0a0c6;
    text-decoration: none;
}

.footer a:hover {
    color: #fff;
}

.footer .one-fifth {
    padding-bottom: 80px;
}

.footer .one-fifth strong {
    color: #fff;
    font-size: 15px;
}

.footer .one-fifth ul {
    padding-top: 4px;
    line-height: 26px;
}

.payment-methods {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px 0px;
}

.footertext {
    background: #1a1630;
    padding: 40px 0px;
    color: #797999;
}

.footertext img {
    float: left;
    margin-right: 24px;
}

.footertext p {
    padding-top: 4px;
    padding-bottom: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.footertext .left {
    width: 60%;
}

.social {
    float: right;
    width: 32px;
    height: 32px;
    display: block;
    margin-left: 16px;
    margin-top: 10px;
}

.social.fb {
    background: url('../images/fb.png');
}

.social.twt {
    background: url('../images/twt.png');
}


.social:hover {
    opacity: 0.68;
}



.banner-help {
    background: url('../images/needhelpbg.png') center center no-repeat;
    width: 444px;
    height: 336px;
    position: absolute;
    right: -74px;
    bottom: 74px;
    display: block;
    padding-top: 94px;
    padding-right: 114px;
    padding-left: 60px;
    line-height: 34px;
    color: #8e90b0;
}

.banner-help strong {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 18px;
    line-height: 36px;
}

.banner-help span {
    font-family: "ProximaNova-Semibold", sans-serif;
}

.banner-help ul {
    padding-top: 2px;
    line-height: 34px;
}

.banner-help img {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}



.banner-testserver {
    background: url('../images/banner-testserver.png') center center no-repeat;
    width: 521px;
    height: 321px;
    position: absolute;
    right: -74px;
    bottom: 74px;
    display: block;
    padding-top: 86px;
    padding-right: 114px;
    padding-left: 64px;
    line-height: 24px;
    color: #8e90b0;
}

.banner-testserver p {
    padding-top:8px;
    padding-bottom:24px;
}
.banner-testserver p img {
    float:left;
    margin-right:10px;
    margin-top:3px;
}

.banner-testserver .button {
    height:38px;
    line-height:40px;
    padding:0px 18px;
}

.banner-testserver span {
    padding-left:20px;
    line-height:40px;
    display:inline-block;
    color:#5e6179;
}

.banner-testserver span strong {
    font-size:16px;
}

.banner-testserver span img {
    float:left;
    margin-top:12px;
    margin-right:8px;
}


.banner-testserver strong {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.banner-testserver span {
    font-family: "ProximaNova-Semibold", sans-serif;
}


.changer {
    margin: 0 auto;
    width: auto;
    font-size: 15px;
    font-family: "ProximaNova-Semibold", sans-serif;
    color: #9e9caf;
    line-height: 26px;
    padding: 24px 20px;
    display: flex;
    justify-content: left;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #dbdce5;
    height: 75px;
    margin-top: 36px;
}

.active-switch-text {
    color: #745dd9;
    font-family: "ProximaNova-Bold", sans-serif;
}

.changer div {
    display: inline-block;
    float: left;
    cursor: pointer;
}

.switch {
    display: block;
    background: #765edc;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    width: 48px;
    height: 26px;
    margin: 0px 12px;
    position: relative;
}

.switch-label {
    position: relative;
    z-index: 999;
    float: left;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.switch-label:active {
    font-family: 'ProximaNova-Bold', sans-serif;
}

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

.switch-blue .switch-selection {
    background: #3aa2d0;
    background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
    background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
    background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
    background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
}

.switch-yellow .switch-selection {
    background: #c4bb61;
    background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);
    background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);
    background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);
    background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);
}

.hostingfeatures {
    width: 43%;
    padding-left: 4%;
    float: left;
}

.greenticklist {
    margin: 8px 0px;
}

.greenticklist li {
    background: url('../images/greentick.png') center left no-repeat;
    line-height: 22px;
    padding: 7px 0px 7px 34px;
    display: block;
}

.hostingfeatures .inner {
    padding-left: 20px;
    padding-top: 44px;
}

.twoplans {
    width: 53%;
    float: left;
}

.twoplans .planbox:first-child {
    width: 44%;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;

}

.planbox {
    padding: 40px;
    padding-top: 0px;
    text-align: center;
    float: left;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    -moz-box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);

}

.planboxold:hover {
    -webkit-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    -moz-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
}

.planbox:nth-last-child(2) {
    margin-right: 0%;
}

.planbox h1 {
    color:#3c3659;
    font-size: 48px;
    line-height: 24px;
    padding-bottom: 20px;
}

.planbox sup {
    font-size: 30px;
    vertical-align: text-top;
    line-height: 46px;
    padding-right: 3px;
}

.planbox small {
    display: block;
    color: #c0c0c7;
    font-size: 18px;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.planbox-header {
    margin: 0 auto;
    display: block;
    width: 138px;
    height: 97px;
    text-align: center;
    font-size: 20px;
    font-family: "ProximaNova-Semibold", sans-serif;
    padding-top: 31px;
    margin-bottom:34px;
}

.planbox-header.basic {
    background: url('../images/basicplanhead.png') no-repeat;
    color: #4f4c63;
}

.planbox-header.yellow {
    background: url('../images/shoutplanhead.png') no-repeat;
    color: #fff;
}
.planbox-header.green {
    background: url('../images/mcplanhead.png') no-repeat;
    color: #fff;
}

.planbox ul {
    margin-top: 2px;
    margin-bottom: 26px;
}

.planbox ul li {
    line-height: 22px;
    padding: 4px 0px;
}

.planbox ul li img {
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -2px;
}

.popularplan {
    margin-top: -27.5px;
    margin-bottom:-27.5px;
    -webkit-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    -moz-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    
}

.popularplan ul li {
    padding: 4px 20px;
}

.popularplan h1 {
    color: #292444;
    font-size: 60px;
    line-height: 30px;
    margin-top: -6px;
    margin-bottom: -3px;
}

.popularplan sup {
    font-size: 38px;
    line-height: 56px;
    padding-right: 5px;
}

.popularplan .planbox-header {
    background: url('../images/unlimitedplanhead.png') no-repeat;
    color: #fff;
    width: 138px;
    height: 117px;
    padding-top: 51px;
    font-family: "ProximaNova-Bold", sans-serif;
}

.popularplan ul {
    margin-bottom: 24px;
}

.features {
    padding-bottom: 34px;
}

.features .one-third {
    padding: 0px 40px 52px 40px;
    text-align: center;
}

.features .one-third h4 {
    padding-bottom: 4px;
}

.offset-onesixth {
    margin-left: 16.6667%;
}

.icon {
    text-align: center;
    height: 80px;
    width: 68px;
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    margin-bottom: 24px;
}

.icon.purple {
    background: url('../images/purpleicon.png') center center no-repeat;
}



.icon.blue {
    background: url('../images/blueicon.png') center center no-repeat;
}

.icon.green {
    background: url('../images/greenicon.png') center center no-repeat;
}

.icon.dark {
    background: url('../images/darkicon.png') center center no-repeat;
}

.icon.yellow {
    background: url('../images/yellowicon.png') center center no-repeat;
}

.icon.orange {
    background: url('../images/orangeicon.png') center center no-repeat;
}

.icon.red {
    background: url('../images/redicon.png') center center no-repeat;
}


.sitebuilder {
    background: #6c54d4;
    color: #d5cdf7;
    padding-bottom:0px;
    background:url('../images/sitebuilderbg.png') bottom center no-repeat #6c54d4;
}


.builderpreview {
    width:58%;
    float:right;
}

.builderpreview img {
    float:right;
}

.buildertext {
    width: 35%;
    float: left;
    padding-top:32px;
}

.buildertext h1 {
    padding-right:10%;
}

.buildertext p {
    padding-top: 16px;
    padding-bottom: 14px;
}

.sitebuilder h1 {
    color: #fff;
}

.whitetick {
    padding-left: 10px;
    padding-bottom: 22px;
}

.whitetick li {
    background: url('../images/whitetick.png') center left no-repeat;
    padding-left: 24px;
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    line-height:26PX;
}

.new-label {
    background: #27b4f6;
    color: #FFF;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 28px;
    padding: 0px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    display: inline-block;
    letter-spacing: 0.5px;

}

.smallrow .container{
    max-width:840px;
    position:relative;
}

.bigquote {
    float:Left;
    padding-right:60px;
    padding-bottom:100px;
}


.testimonialtext p{
    padding-top:22px;
    font-size:24px;
    line-height:32px;
    color:#565676;
    font-family:"ProximaNova-Light",sans-serif;
}

.avatar {
    line-height:22px;
    color:#9090a9;
    height:66px;
    margin-top:18px;
}

.avatar img {
    float:left;
    margin-right:18px;
}

.avatar h4 {
    line-height:22px;
    padding-top:12px;
}

.getstarted .title p{
    padding-left:10%;
    padding-right:10%;
    padding-bottom:24px;
}

.getstarted {
    background:url(../images/getstartedbg.png) center center no-repeat #f7f9fc;
}
.getstarted.white {
    background:url(../images/getstartedbg.png) center center no-repeat #ffff;
}

.fourplans, .threeplans {
    background:#fff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
        -webkit-box-shadow: 0px 1px 6px rgba(38, 25, 67, 0.08);
    -moz-box-shadow: 0px 1px 6px rgba(38, 25, 67, 0.08);
    box-shadow: 0px 1px 6px rgba(38, 25, 67, 0.08);
}

.fourplans .planbox{
    width:24.25%;
    float:left;
    z-index:1000;
}

.fourplans .popularplan {
    width:27.25%;
    z-index:1001;
    position:relative;
}

.popularplan .planbox-header.blue {
    background:url('../images/vpspopheadicon.png') no-repeat;
}


.planbox-header.blue {
    background: url('../images/vpsheadicon.png') no-repeat;
    color: #fff;
}

.fourplans .planbox:nth-child(1) .planbox-header{
    opacity:0.68;
}
.fourplans .planbox:nth-child(2) .planbox-header{
    opacity:0.82;
}
.fourplans .planbox:nth-child(4) .planbox-header{
    opacity:1;
}

.fourplans .planbox:nth-child(1) .blueoutline{
    opacity:0.68;
}
.fourplans .planbox:nth-child(2) .blueoutline{
    opacity:0.82;
}
.fourplans .planbox:nth-child(4) .blueoutline{
    opacity:1;
}

.fourplans .planbox:nth-child(1){
    -webkit-border-radius:6px 0px 0px 6px;
    -moz-border-radius:6px 0px 0px 6px;
    border-radius:6px 0px 0px 6px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border-right:1px solid #f1f1f5;
    
}
.fourplans .planbox:nth-child(2){
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.fourplans .planbox:nth-child(4){
    -webkit-border-radius:0px 6px 6px 0px;
    -moz-border-radius:0px 6px 6px 0px;
    border-radius:0px 6px 6px 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.fourplans .planbox h1 {
      color: #292444;
}

.popular-label {
    display:inline-block;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#7566b1;
    color:#fff;
    height:30px;
    line-height:30px;
    padding:0px 14px;
    font-family:"ProximaNova-Semibold",sans-serif;
    margin-top:-4px;
    margin-bottom:4px;
}

.cantdecide {
    padding-top:16px;
}

.cantdecide .title h1{
    font-size:30px;
    padding-bottom:4px;
}

.cantdecide .title p {
    line-height:28px;
    padding-bottom:28px;
}

.cantdecide .button {
    margin:0px 5px;
}

.fourfeatures {
    padding-bottom:60px;
}

.fourfeatures .one-fourth{
    padding:0px 20px;
    text-align:center;
    padding-bottom:40px;
}

.vps-os {
    background:#1bb6ff;
    color:#ebf9ff;
}

.vps-os h1 {
    color:#fff;
    padding-bottom:16px;
}

.vps-os .one-half:nth-child(1) img{
    margin-left:-50px;
    margin-top:-18px;
    margin-bottom:-37px;
}
.vps-os .one-half:nth-child(2) {
      padding-left: 7%;
    padding-right: 3%;
     padding-top: 17px;
} 

.vps-panel .title h1 {   
    padding: 0px 0% 60px 0%;
}


.paneltext {
    width:37%;
    float:left;
}


.paneltext ul {
    padding-top:46px;
}
.paneltext ul li {
    padding-bottom:36px;
}

.paneltext ul li img {
    float:left;
    margin-right:28px;
    margin-bottom:0px;
}

.paneltext ul li h4 {
    color:#fff;
    font-size:18px;
    line-height:22px;
    padding-bottom:2px;
}

.panelimg {
    width:56%;
    float:right;
}

.panelimg img {
    margin-right:-189px;
    margin-bottom:-18px;
    float:right;
}

.addonbox {
    background:#fff;
    width:48.5%;
    padding:48px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;  
     -webkit-box-shadow: 0px 1px 6px rgba(38, 25, 67, 0.08);
    -moz-box-shadow: 0px 1px 6px rgba(38, 25, 67, 0.08);
    box-shadow: 0px 1px 6px rgba(38, 25, 67, 0.08); 
}

.addonbox:hover {
    
      -webkit-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    -moz-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
}

.addonbox .icon { 
    float:left;

    margin-right:36px;
}

.addontext { display: table-cell;

}

.addontext h3  {
    line-height:24px;
    padding-bottom:14px;
    padding-top:18px;
}
.addontext h3 small{
    font-size:18px;
    font-family:"ProximaNova-Semibold",sans-serif;
}

.addontext .greentext {color:#33c452;}

.tablecell {
    display:table-cell;
}

.addonmanagement h3 small{
    font-family:"ProximaNova-Regular",sans-serif;
    color:#8c90a1;
}

.vpsservices {
    background:url('../images/vpsaddonsbg.png') center bottom no-repeat #f7f9fc;
}

.shoutcastplans .twoplans{
    margin-left:12%;
}

.shoutcastplans .popularplan .planbox-header {
    background:url('../images/goldplanhead.png');
}

.darkplan {
    float:left;
      width: 23.3333%;
}

.darkplan .planbox {
    width:100%;
    background:#2b2648;
    color: #8a93b8;
}

.darkplan h1, .darkplan ul li strong {
    color:#fff;
}

.darkplan h1 small {
    COLOR:#71738f
}
.darkplan .yellowoutline {
    color:#ffcd69;
}

.darkplan .yellowoutline:hover {
    color:#fff;
    background:#ffcd69;
    border:1px solid #ffcd69;
}

.darkplan .planbox-header {
    padding-top:22px;
}

.shoutcastplans {
    background:url('../images/shoutbg.png') center bottom no-repeat #f7f9fc;
}

.red-label {
    background:#ff3838;
}

.basicplan h1{
    
    color: #5f5b74;
}

.shoutcastcp {
    background:url('../images/shoutcpbg.png') center bottom no-repeat #26224a;
    padding-bottom:0px;
    color: #8a93b8;
}

.darkbg strong {
    color:#fff;
}

.bulletlist {
    margin-left:10px;
    padding-bottom:22px;
    padding-top:4px;
}

.bulletlist li {
    background:url('../images/yellowbullet.png') center left no-repeat;
    padding-left:16px;
    line-height:26px;
}

.shoutcastcp .buildertext {
    padding-top:68px;
}


.accordion dt a {
    line-height:24px;
    display:block;
    border-top:1px solid #e4e4eb;
    color:#413a5f;
    font-size:18px;
    font-family:"ProximaNova-SemiBold",sans-serif;
    text-decoration: none;
    padding:16px 20px;
    background:url('../images/faq-plus.png') right 20px center no-repeat;
}

.accordion dt.active a {
    background:url('../images/faq-x.png') right 20px center no-repeat;

}

.shoutfaq .accordion dt.active a  {
    background:url('../images/faq-plus-yellow.png') right 20px center no-repeat;
    color:#f2a60d;
}
.aboutfaq .accordion dt.active a  {
    background:url('../images/faq-plus-red.png') right 20px center no-repeat;
    color:#ff3838;
}

.accordion dd {
    padding:0px 48px 20px 20px;
}

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


.faq .one-half{
    width:48%;
    float:left;
    min-height:316px;
}

.faq .one-half:nth-last-child(2) {
    float:right;
}

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

.faq {
    background:url('../images/faqbg.png') center top no-repeat #f7f9fc;
}

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

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

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

.gamedetails {
    width:45%;
    float:Left;
    margin-left:14%;
    font-size:18px;
    line-height:24px;
}
.gamedetails img {
    margin-top:21px;
}

.gamedetails h2 {
    margin-top:24px;
    padding-right:25%;
    margin-bottom:14px;
}

.gamedetails p {
    padding-right:20%;
}

.oneplan {
    width:27%;
    float:left;
}

.oneplan .planbox {
    width:100%;
}

.addhosting {
    padding-right:22%;
    border-top:1px solid #dbdce5;
    padding-top:24px;
    font-size:16px;
    line-height:22px;
    margin-top:15px;
}

.addhosting img {
    float:left;
    margin-top:0px;
    margin-right:20px;
}

.addhosting strong {
    font-size:18px;
    color:#2f294c;
    display:block;
    padding-top:2px;
}

.addhosting span {
    color:#765edc;
    font-family:"ProximaNova-Semibold",sans-serif;
}

.standardheader {
    background:url('../images/standardplanhead.png') no-repeat !important;
}

.twofeatures .container{
    max-width:980px;
}

.twofeatures .one-half .icon {
    float:left;
    margin-right:28px;
}


.twofeatures  {
    padding-bottom:60px;
}

.twofeatures .one-half {
    width:46%;
    padding-bottom:40px;
}

.twofeatures .one-half h4 {
    padding-top:12px;
    padding-bottom:2px;
}

.gameplan {
    background: url(../images/gameplanbg.png) center bottom no-repeat #f7f9fc;
    padding:147.5px 0px;
}

.game-panel .panelimg {
    float:left !important;
}

.game-panel .panelimg img {
      margin-left: -115px;
    margin-bottom: -18px;
    margin-top:-8px;
    float: left;
}

.game-panel .paneltexts {
    padding-top:70px;
    width:34% !important;
    float:right !important;
}

.game-panel .paneltexts h1 {
    padding-bottom:14px;
}

.greentick {
    padding-bottom:22px;
    padding-left:10px;
}

.greentick li {
    background:url('../images/greenticksm.png') center left no-repeat;
    padding-left:24px;
     line-height: 26PX;
}

.allgamesbottom {
    background: url(../images/moregamesbg.png) center bottom no-repeat #f7f9fc;
}

.allgamesbottom .title {
    padding-bottom:48px;
}

.allgamesbottom .one-third {
    width:31%;
    margin-right:3.5%;
}

.differentgame {
    background-size:cover;
    height:200px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:rgba(255,255,255,0.8);
    padding-top:124px;
    line-height:48px;
    padding-left:20px;
    font-family:"ProximaNova-Semibold",sans-serif;
    font-size:18px;
    opacity:0.96;
}

.differentgame:hover {
    color:#fff;
    cursor:pointer;
    opacity:1;
}

.allgamesbottom .one-third:nth-last-child(2) {
    margin-right:0%;
}

.differentgame.gtasa {background:url('../images/game-gtasa.png') center center no-repeat;}
.differentgame.minecraft {background:url('../images/game-minecraft.png') center center no-repeat;}
.differentgame.gtamta {background:url('../images/game-gtamta.png') center center no-repeat;}


.colorstats {
    padding-top:124px;
    background:#ff3838;
    color:#ffd9d9;
    padding-bottom:114px;
}

.colorstats h1 {
    color:#fff;
    font-size:60px;
}

.colorstats h1 small {
    font-size:20px;
    display:block;
    padding-top:7px;
}

.colorstats .one-fourth {
    width:22%;
    margin-right:4%;
}

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

.colorstats .one-fourth:nth-last-child(2) {
margin-right:0%;
}

.corevaluesbox {
    width:100%;
    max-width:760px;
    margin:0 auto;
}

.navtabs {
    width:37%;
    float:left;
    padding:12px 0px;
    background:url('../images/valuesbg.png') top left repeat-y;
    
}

.navtabs li a {
    background:url('../images/valuesbg.png') top left repeat-y;
    max-width:160px;
    display:block;
    line-height:52px;
    padding-left:28px;
    font-size:18px;
    font-family:"ProximaNova-Semibold",sans-serif;
    color:#7b7b92;
    text-decoration: none;
}

.navtabs li.active a {
    border-left:0px;
    background:url('../images/valuesactive.png') top left no-repeat;
    color:#ff3838;
    font-family:"ProximaNova-Bold",sans-serif;
}

.navtabs li a:hover {
    color:#575769 !important;
}

.navtabs li.active a:hover {
    color:#ff3838 !important;
}



.contenttabs {
    width:63%;
    float:left;
}

.contenttabs .icon {
    margin-left:0px;
    margin-right:0px;
    margin-top:18px;
}

.contenttabs h4 {
    padding-bottom:4px;
}

.aboutfeatures {
    text-align:center;
    padding-bottom:100px;
}

.aboutfeatures .title h1 {
    padding: 0px 6% 48px 6%;
}

.aboutfeatures .one-third {
    padding:0px 40px;
}

.aboutfeatures .button {
    margin-top:30px;
}

.aboutinfo {
    padding-top:0px;
}

.aboutinfo .one-half:nth-child(1) {
    position:relative;
    margin-bottom:-6px;
}

.aboutinfo .one-half:nth-child(2) {
    width:38%;
    float:right;
    margin-right:4%;
    padding-top:106px;
    font-size:18px;
    line-height:24px;
}

.aboutinfo h3 {
    font-family:"proximaNova-Semibold",sans-serif;
    padding-bottom:28px;
}

.aboutinfo p {
    padding-bottom:24px;
}

.aboutinfo .missionstatement {
    position:absolute;
    color:#fff;
    font-size:32px;
    line-height:38px;
    font-family:"ProximaNova-Bold",sans-serif;
    z-index:1001;
    width:100%;
    padding-left:10px;
    padding-right:154px;
    padding-top:196px;
    text-align:center;
}

.aboutimg {
    margin-left:-124px;
    z-index:1000;
}

.subnav {
    
}

.subnav li {
    float:left;
    padding-top:12px;
}
.subnav li a {
    color:#8e90b0;
    font-size:18px;
    text-decoration: none;
    padding:0px;
    font-family:"ProximaNova-Regular",sans-serif;
    height:40px;
    line-height:40px;
    border:1px solid transparent;
    display:block;
    padding:0px 24px;
}


.subnav li a:hover {
    color:#afb1cc;

}

.subnav li.active a {
    padding:0px 24px;
    border:1px solid #4a4660;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#fff;
    font-family:"ProximaNova-Semibold",sans-serif;
}


.subnav li.active a:hover {
    border:1px solid #595472;
}

.company-banner .banner-text{
    width:100% !important;
}

.company-banner .container {
    padding-bottom:100px;
}

.cp-navtabs {
    display:inline-block;
    margin:0 auto;
    height:38px;
    background:#e9f0fc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-top:12px;
    margin-bottom:60px;
}

.cp-navtabs ul {
    background:#eff2f5;
}

.cp-navtabs ul li {
    float:left;
}

.cp-navtabs ul li a {
    text-decoration: none;
    height:38px;
    display:block;
    line-height:32px;
    padding:4px 18px;
    color:#85899c;
    font-family:"ProximaNova-Semibold",sans-serif;
    text-transform: uppercase;
    font-size:15px;
    letter-spacing: 0.5px;
}

.cp-navtabs ul li a:hover {
    color:#765edc;
}

.cp-navtabs ul li.active a {
    background:#765edc;
    color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.main-navigation .button-dropdown {
    position: relative;
}


.main-navigation li .dropdown-menu li {
    padding:0px;
    float:none;
}





.main-navigation li .dropdown-menu {
    display: none;
    position: absolute;
    top:74px;
    padding: 0;
    margin: 0;
    margin-top: 3px;
    text-align: left;
    background:#f8f8fb;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    margin-left:-14px;
    z-index:1005;
}

.main-navigation li .dropdown-menu:before {
    content: "";
    height: 8px;
    left:14px;
    position: absolute;
    top: -8px;
    width: 16px;
    z-index:1001;    
    background:url('../images/navarrow.png') no-repeat;
    width:16px;
    height:8px;
    display:block;
}

.main-navigation li .dropdown-menu.active {
    display: block;
}


.main-navigation li .dropdown-menu a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:180px;
    padding:14px 20px 12px 20px;
    background:#f9fafb;
    line-height:30px;
    color:#292444;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    display:block;
}

.main-navigation li .dropdown-menu a img {
    width:32px;
    height:32px;
    float:right;
    margin-right:0px;
    margin-top:-2px;
}

.main-navigation li ul li {
    padding-right:0px;
    padding-top:0px;
    display:block;
    width:100%;
}

.main-navigation li ul li a:hover {
    padding:14px 24px 12px 24px;
    margin-left:-4px;
    margin-right:-4px;
    width:calc(100% + 8px) !important;
    color:#2940ef;
    background:#fff;
    -webkit-box-shadow: 0 1px 4px rgba(3,27,78,.08);
    -moz-box-shadow: 0 1px 4px rgba(3,27,78,.08);
    box-shadow: 0 1px 4px rgba(3,27,78,.08);
}

.hostinglinks li a {
    color:#6c56ca !important;
    text-decoration: none;
    opacity:0.88;
}

.hostinglinks li a:hover {
    color: #6c56ca !important;
    opacity:1;
}

.main-navigation .button-dropdown a {
    background:url('../images/dropdownarrownav.png') center right no-repeat;
    padding-right:14px;
}

.hostinglinks .dropdown-menu:before {
    left:82px !important;
}

.companylinks .dropdown-menu:before {
    left:88px !important;
}


.companylinks .dropdown-menu a {
    width:234px !important;
}

.companylinks li a {
        color: #3f4152 !important;
    text-decoration: none;
    opacity:0.88;
}

.companylinks li a:hover {
    color: #3f4152 !important;
    opacity:1;
}


.home-plans {
    
    background:url('../images/homeplansbg.png') center bottom no-repeat #f7f9fc;
}

.vpsplans {
    
    background:url(../images/vpsplansbg.png) center top no-repeat #f7f9fc;
}

.mcplans {
    
    background:url(../images/vpsplansbg.png) center top no-repeat #f7f9fc;
}

.vps-panel {
    
    background:url('../images/vpscpbg.png') center top no-repeat #26224a;
    color: #8a93b8;
}

.hostingplans {
    
    background:url(../images/hostingplansbg.png) center bottom no-repeat #f7f9fc;
}

.corevalues {
    
    background: url(../images/corevaluesbg.png) center bottom no-repeat #f7f9fc;
}





.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.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: 0;
  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-control {
  position: absolute;
  bottom: 28px !important;
  right:20px;
  width: 9px;
    height:16px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .33);
  filter: alpha(opacity=40);
  opacity: .33;
    background:#fff;
}
.carousel-control.left {
    background:url('../images/testimonial-prev.png') center center no-repeat #fff;
  right:40px;
}
.carousel-control.right {
    background:url('../images/testimonial-next.png') center center no-repeat #fff;
}
.carousel-control:hover,
.carousel-control:focus {
  opacity: .56;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.carousel-indicators {
    position: absolute;
    bottom:-48px;
     margin: 0 auto;
    width: 100%;
}





.carousel-inner {
    position: relative;
}


.tab-pane {
	display:none;
}

.tab-pane.active {
	display:block;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}


.ddos-info .one-half:first-child{
    width:37%;
}

.ddos-info .one-half:first-child h1 {
    padding-right:5%;
    padding-bottom:14px;
}

.ddos-info .one-half:nth-child(2) {
    width:63%;
    padding-top:10px;
    text-align:center;
}
.ddos-info .one-half img {
    max-width:100%;
    height:auto;
}


.ddos-features {
    padding-top:0px;
    padding-bottom:40px;
}

.ddos-features .container {
    padding-top:100px;
    border-top:1px solid #e6e6ec;
}

.ddos-features .one-third{
    width:28%;
    float:left;
    margin-right:8%;
    padding-bottom:40px;
}


.ddos-features .one-third .icon {
    margin-left:0px;
    margin-right:0px;
}


.ddos-features .one-third h4 {
    
      padding-top: 0px;
    padding-bottom: 2px;
}

.ddos-features .one-third:nth-child(3), .ddos-features .one-third:nth-child(7) {
    margin-right:0%;
}

.ddosstats {
    background:#3ac859;
    color:rgba(255,255,255,0.84);
}

.ddosfaq {
    background:url('../images/faqbg.png') center top no-repeat #fff;
}

.ddosfaq .accordion dt.active a {
    background: url(../images/faq-plus-green.png) right 20px center no-repeat;
    color: #3ac859;
}


.legaldoc h1:first-child{
    text-align:left;
}

.lastupdated img {
    width:18px;
    height:18px;
    float:left;
    margin-right:6px;
    margin-top:1px;
}

.lastupdated {
    text-align:left;
    display:block;
     margin-top: 0px;
    margin-bottom: 14px;
    color:#9b9ea7;
    font-style:oblique;
}


.seventypercent {
    width:100%;
}

.seventypercent .subp {
    text-align:left !important;
    padding-top:6px;
    width:100%;
    padding-bottom:20px;
    font-size:18px;
    line-height:24px;
}


.seventypercent h3 {
    padding-top:40px;
    padding-bottom:4px;
}
.topline {
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    width:100%;
    height:3px;
    display:block;
    z-index:1006;
    background:#fff;
}

.topline .one-sixth {
    float:left;
    width:16.6667%;
    height:3px;
}
.topline .one-sixth:nth-child(1) {background:#765edc;}
.topline .one-sixth:nth-child(2) {background:#27b4f6;}
.topline .one-sixth:nth-child(3) {background:#40d961;}
.topline .one-sixth:nth-child(4) {background:#ffcd69;}
.topline .one-sixth:nth-child(5) {background:#ff932e;}
.topline .one-sixth:nth-child(6) {background:#ff3131;}



.topline.purple {background:#765edc;}
.topline.blue {background:#27b4f6;}
.topline.green {background:#40d961;}
.topline.yellow {background:#ffcd69;}
.topline.orange {background:#ff932e;}
.topline.red {background:#ff3131;}


.gamelistbox {
    padding:28px 40px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    -moz-box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    box-shadow: 0px 3px 4px rgba(38, 25, 67, 0.08);
    margin-bottom:40px;
}

.gamelistbox:hover {
    
      -webkit-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    -moz-box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
    box-shadow: 0px 2px 16px rgba(38, 25, 67, 0.18);
}

.gamename {
    float:left;
    width:60%;
    height:80px;
}

.gamename img {
    float:Left;
    margin-right:28px;
}

.gamename h3 {
    padding-top:14px;
    margin-bottom:-2px;
}

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

.gameprice {
    height:80px;
     padding: 22px;
    padding-top: 20px;
    padding:20px 0px 20px 40px;
    float:left;
}

.gamemore {
    float:right;
    height:80px;
    padding:18px 0px;
}



.gameprice h1 {
    font-size: 40px;
    font-family: "ProximaNova-Bold", sans-serif;
}

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

.gameprice sup {
    font-size: 26px;
    vertical-align: text-top;
    line-height: 38px;
    padding-right: 2px;
}

.gameprice h1 {
    color: #3c3659;
}

.gameprice small {
    font-size: 20px;
    color: #4d4570;
}


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

.gamelist h1:first-child {
    padding-bottom:28px;
}

.gameprice h1:first-child {
    padding-bottom:0px;
}

.threeplans {
    max-width:80%;
    margin:0 auto;
}

.threeplans .planbox {
    width:32% !important;
}

.threeplans .popularplan {
    width:36% !important;
}

.mcplans .popularplan .planbox-header {
    background:url('../images/mcpopularplanhead.png') !important;
}


.threeplans .planbox:nth-child(1) .planbox-header{
    opacity:0.75;
}
.threeplans .planbox:nth-child(2) .planbox-header{
    opacity:1;
}
.threeplans .planbox:nth-child(3) .planbox-header{
    opacity:0.88;
}

.threeplans .planbox:nth-child(1) .greenoutline{
    opacity:0.75;
}
.threeplans .planbox:nth-child(3) .greenoutline{
    opacity:0.88;
}

.threeplans .planbox:nth-child(1){
    -webkit-border-radius:6px 0px 0px 6px;
    -moz-border-radius:6px 0px 0px 6px;
    border-radius:6px 0px 0px 6px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    
}


.threeplans .planbox:nth-child(2) {
     z-index: 1001;
    position: relative;
}

.threeplans .planbox:nth-child(3){
    -webkit-border-radius:0px 6px 6px 0px;
    -moz-border-radius:0px 6px 6px 0px;
    border-radius:0px 6px 6px 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}


.radar-graph {
    position:relative;
    background:url('../images/radargraphtwo.png') no-repeat;
    width:462px;
    height:379px;
    display:block;
    text-align:center;
    margin:0 auto;
}

.radarpoint {
    position:absolute;
    font-size:15px;
    color:#78789e;
    text-transform: uppercase;
    font-family:"ProximaNova-Semibold",sans-serif;
    line-height:20px;
    opacity:0.8;
}

.radarpoint:hover {
    opacity:1;
    cursor:pointer;
}

.radarpoint.price {
    left:207px;
    top:-4px;
}

.radarpoint.features {
    right: 1px;
    top: 101px;
}

.radarpoint.network {
    right: 1px;
    top: 259px;
}

.radarpoint.performance {
    right: 180px;
    bottom: -6px;
}

.radarpoint.uptime {
      left: 13px;
    bottom: 100px;
}

.radarpoint.support {
    left: 0px;
    top: 101px;
}


/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */


/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -140px;
  padding: 14px 20px;
  width: 240px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #1c1832;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
    font-family:"ProximaNova-Regular",sans-serif;
    line-height:18px;
    text-transform: none;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #1c1832;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.softaculousimg, .softaculousmobile {
    display:none;
}

.softaculous-home {
    background:url('../images/softaculous.png') no-repeat;
    width:787px;
    height:399px;
    display:block;
    position:relative;
    margin:0 auto;
}

.softaculousplus {
    background:url('../images/softaculousplus.png') center center no-repeat;
    display:block;
    height:64px;
    width:64px;
    position:absolute;
    bottom:44px;
    left:50%;
    margin-left:-32px;
    opacity:0.75;
}

.softaculousplus:hover {
    opacity:1;
    cursor:pointer;
}

.outtercp {
    background:url('../images/cpouterbg.png') bottom left repeat-x #f7f9fc;
}

.right-navigation li:last-child {
    display: block;
}




.button_container {
  position: absolute;
     top: 40px;
    right: 20px;
    height: 19px;
  width: 28px;
  cursor: pointer;
  z-index: 1006;
  -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: #fff;
}
.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: rgba(255,255,255,0.88);
  border: none;
  height: 4px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 8px;
}
.button_container span:nth-of-type(3) {
  top: 16px;
}






.overlay {
    font-family:"ProximaNova-Bold", sans-serif;
  position: fixed;
    padding:27px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
  background: #1c1832;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
    z-index:1005;
    display:none;
}


.overlay .logo {
    position: absolute;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
    display:block;
}
.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: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
          animation-delay: .60s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .65s;
          animation-delay: .65s;
}

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


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

.overlay nav {
  position: relative;
  margin-top:0px;
  text-align: center;
    font-family:"ProximaNova-Semibold", sans-serif;
        -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%;
    font-family:"ProximaNova-Semibold", sans-serif;
}
.overlay ul li {
    width:100%;
  display: block;
    line-height:40px;
  position: relative;
  opacity: 0;
    font-size:20px;
    padding:0px 0px;
    margin:4px 0px;
    font-family:"ProximaNova-Semibold", sans-serif;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  overflow: hidden;
    font-family:"ProximaNova-Semibold", sans-serif;
}
.overlay ul li a:hover {
    color:rgba(255,255,255,1);
}
.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: 2px;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  background: rgba(255,255,255,1);
  -webkit-transition: .35s;
  transition: .35s;
}

.bottomoverlay {
    position:absolute;
    bottom:20px;
    right:20px;
    left:20px;
}

.bottomoverlay .button {
    width:48%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    text-align:center;
}

.bottomoverlay .dark {
    float:right;
}

.bottomoverlay .outlinewhite {
    float:right;
}


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

.paymobile {
    display:none;
}

.bannerimgtwo {
    display:none;
}

.fixed {
    position:fixed;
}