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

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

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

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

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

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



/* Eric Meyer's CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

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

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


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

.wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

p {
    padding-bottom: 20px;
}


h1,
h2,
h3,
h4,
h5 {
    font-family: "Roboto", "ProximaNova-Regular", sans-serif;
    color: #2d2c2a;
    font-weight: 700;
}

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

h1 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 900;
    color: #0e0e0d;
}

h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 900;
    color: #0e0e0d;
}

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

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

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

a {
    color: #85d44a;
    font-weight: 500;
    text-decoration: none;
}

a:hover,
a:active {
    color: #91e255;
    text-decoration: underline;
}

a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}

section {
    padding: 88px 0px;
}


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

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

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

strong {
    color: #454442;
    font-weight: 600;
}

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

p {
    padding-bottom: 20px;
}



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

.title h3 {
    font-size: 1.5rem;
}

.titleleft {
    text-align: left;
}

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

.title p {
    font-size: 20px;
    line-height: 28px;
    max-width: 680px;
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 10px;
}

.title strong {
    font-size: 20px;
}

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

.button {
    padding: 0px 24px;
    display: inline-block;
    height: 48px;
    line-height: 50px;
    border-radius: 5px;
    color: #fff !important;
    background: #85d44a;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "ProximaNova-Regular", sans-serif;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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


.button.secondary {
    background: #fb8531;
}

.button.secondary:hover {
    background: #ff9245;
}

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

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


/* Responsive Nav */

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

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

.button_container.active {
    height: 22px
}

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

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

.button_container:hover span {
    background: #85d44a
}

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

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

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

.fixed {
    position: fixed;
}

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

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

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

.overlay {
    position: fixed;
    padding: 2px 20px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #0f224c;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .25s, visibility .25s, height .25s;
    transition: opacity .25s, visibility .25s, height .25s;
    overflow: hidden;
    z-index: 1005;
    background: url('../images/darkbg.png');
}

.header {
    z-index: 1002
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overlay ul li a:hover {
    opacity: 1;
    color: #85d44a
}

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

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

.overlay ul li a.dropdown-toggle:hover:after {
    background: url(../images/select-drop-hover.png) no-repeat;
}

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

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

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

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

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

.overlay ul li a.dropdown-toggle.active:after {
    background: url(../images/select-drop-focus.png) no-repeat;
}

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

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

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

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

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

.bottomoverlay .secondary {
    float: left
}




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




.header ul li a {
    color: #232220;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.header ul li a:hover {
    color: #85d44a;
    text-decoration: none;
}

.header ul li a:focus {
    text-decoration: none;
}

.header ul {
    float: right;
    margin-top: 16px;
}

.header ul li {
    display: inline-block;
}

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

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

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

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

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

.width-60 {
    width: 60%;
}

.width-75 {
    width: 75%;
}

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

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

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



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

.block {
    display: block;
}



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

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

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

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

.mute {
    opacity: 0.8;
}

.lh15 {
    line-height: 1.5;
}


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

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

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

#hero-p {
    font-size: 20px;
    line-height: 28px;
    max-width: 780px;
    text-align: center;
}

.hero strong {
    font-size: 20px;
}

.text-green {
    color: #6eb638;
}

.text-orange {
    color: #fb8531;
}

#hero-plans h4 {
    font-size: 20px;
}

#hero-plans h4 small {
    color: #acacac;
    font-size: 15px;
    letter-spacing: 0.33px;
}

#hero-plans .col {
    padding-left: 10px;
    padding-right: 10px;
}

.uppercase {
    text-transform: uppercase;
}

.faded-plan-bg {
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(242, 240, 235, 0.75) 0%, rgba(0, 0, 0, 0) 70%);
}

.faded-plan-bg:hover {
    background: linear-gradient(180deg, rgba(237, 235, 230, 1) 0%, rgba(0, 0, 0, 0) 70%);
    margin-top: -12px;
    cursor: pointer;
}

.faded-plan-bg:hover .arrow-link {
    color: #85d44a;
}

.faded-plan-bg:hover .arrow-link span:before {
    background: #85d44a;
}

.rated-text strong {
    font-size: 1rem;
}

#hero-rated {
    margin-top: 4rem;
    padding-bottom: 1rem;
}

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

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

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

.arrow-link {
    color: #464541;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.33px;
    display: inline-block;
}

.arrow-link span {
    position: relative;
    margin-top: 1px;
}

.arrow-link span:before {
    position: absolute;
    content: " ";
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: transparent;
    border-radius: 50%;
}

.arrow-link span img {
    position: relative;
    display: block;
}

.green-arrow:hover span:before {
    background: #85d44a;
}

.orange-arrow:hover span:before {
    background: #fb8531;
}

.arrow-link:hover {
    color: #85d44a;
    text-decoration: none;
}

.domain-bg {
    background: url('../images/domain-bg.png');
}

#domain-mascot {
    position: absolute;
    bottom: -8px;
    left: 0px;
}

#domain-row {
    padding: 0px;
}

#domain-text {
    padding: 50px 20px;
}

.submit-button {
    border: 0px;
}


.input {
    background: #fffefc;
    border: 1px solid #dcd7d3;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    padding: 0px 20px;
    color: #767471;
    height: 44px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

#domain-text .input {
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
    display: block;
    width: 82%;
    height: 54px;
}


#domain-text .submit-button {
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08);
    background: url('../images/search.png') center left 24px no-repeat #fb8531;
    padding-left: 48px;
    min-width: 132px;
    height: 54px;
    line-height: 54px;
    margin-right: -132px;
}

#domain-text .submit-button:focus {
    transform: scale(1);
}



.feature-lines img {
    max-width: 70%;
}

.dark-bg {
    background: url('../images/darkbg.png');
    color: #aca9a3;
}

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5 {
    color: #fff;
}

.map {
    background: url('../images/map.png');
    width: 842px;
    height: 460px;
    float: left;
    margin-left: -3rem;
    position: relative;
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}

.pin {
    position: absolute;
    font-weight: 500;
    color: #fff;
    line-height: 10px;
}





.pin {
    position: absolute;
    font-weight: 500;
    color: #fff;
    line-height: 10px;
}

.pin span {
    box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    background: #85d44a;
    width: 8px;
    height: 8px;
    display: inline-block;
    content: " ";
    border: 1px solid #71b43f;
}


.label {
    display: inline-block;
    position: relative;
    padding: 0px 10px;
    color: #2d2c2a;
    background: #d3d1ce;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    border-radius: 5px;
    white-space: nowrap;
}

.label:hover {
    background: #85d44a;
    cursor: pointer;
    color: #fff;
}


.pin:hover {
    transition: none;
}

.pin:hover .label {
    background: #85d44a;
    color: #fff;
    text-decoration: none;
    transition: none;
}

.toppin .label {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 32px;
    left: 50%;
    margin-left: 0px;
}

.rightpin .label {
    margin-left: 0px;
    margin-right: 10px;
}


.bottompin .label {
    position: absolute;
    transform: translate(-50%, -50%);
    top: -20px;
    left: 50%;
    margin-left: 0px;
}

.arrow-before:before {
    content: "\A";
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #d3d1ce transparent transparent;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.pin:hover .arrow-before:before {
    border-color: transparent #85d44a transparent transparent;
}

.arrow-after:before {
    content: "\A";
    border-style: solid;
    border-width: 5px 0px 5px 5px;
    border-color: transparent transparent transparent #d3d1ce;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.pin:hover .arrow-after:before {
    border-color: transparent transparent transparent #85d44a;
}

.arrow-top:before {
    content: "\A";
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #d3d1ce transparent;
    position: absolute;
    right: 50%;
    top: -5px;
    margin-right: -5px;
}

.pin:hover .arrow-top:before {
    border-color: transparent transparent #85d44a transparent;
}


.arrow-bottom:before {
    content: "\A";
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: #d3d1ce transparent transparent transparent;
    position: absolute;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
}

.pin:hover .arrow-bottom:before {
    border-color: #85d44a transparent transparent transparent;
}

.fade-bg-dark {

    border-radius: 8px;
    background: linear-gradient(180deg, rgba(242, 240, 235, 0.75) 0%, rgba(0, 0, 0, 0) 70%);
}

.light-bg {
    background: url('../images/light-bg.png');
}

.pt-45 {

    padding-top: 2.33rem !important;
}

.coupon-code {
    border: 2px dashed #c3c2be;
    height: 40px;
    line-height: 38px;
    padding: 0px 16px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    color: #83c453;
    text-transform: uppercase;
    letter-spacing: 0.33px;
    display: inline-block;
    margin-top: 0.5rem;
}

#coupon-codes .col {
    padding-left: 10px;
    padding-right: 10px;
}

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

.logo-small {
    max-width: 236px;
}

#footer-links {
    padding-bottom: 60px;
}

#footer-links a {
    color: #696764;
    display: block;
    font-weight: 300;
}

#footer-links a:hover {
    color: #85d44a;
    text-decoration: none;
}

#footer-links a img {
    display: none;
}

#footer-links a:hover img {
    display: inline-block;
    margin-left: -10px;
    vertical-align: inherit;
    margin-right: 4px;
}

.va-initial {
    vertical-align: inherit;
}

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


.light-dark-feature {
    background: rgba(77, 73, 69, 0.60);
    padding: 1.5rem 1.5rem;
}

.darker-bg {
    background: url('../images/darker-bg.png');
}

.darker-bg strong,
.light-dark-bg strong,
.light-dark-feature strong {
    color: #fff;
}

#os-features .col-lg-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#network {
    padding: 30px 0px;
}

#network img {
    max-width: 100%;
    height: 36px;
}

.inner-plan-bg {
    background: url('../images/planbg.png');
    border-radius: 8px;
    text-align: left;
}



.term-box {
    border: 1px solid #d5d1ca;
    border-radius: 5px;
    padding: 1rem;
}



.term-box span {
    font-size: 14px;
    color: #696764;
    font-weight: 600;
    opacity: 0.75;
}

.lh175 {
    line-height: 1.75;
}

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

.py-45 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.px-45 {
    padding-left: 2rem;
    padding-right: 2rem;
}


#rated-row {
    padding-top: 1.33rem;
    padding-bottom: 1.33rem;
}

#rated-row h3 {
    line-height: 22px;
}

.pr-45 {
    padding-right: 2.5rem;
}

.icon-absolute-left img {
    position: absolute;
    top: 4px;
    left: 15px;
}

.icon-absolute-left {
    padding-left: 88px;
}


#cpanel-features h4 {
    font-size: 18px;
    font-weight: 500;
}

#cpanel-features .icon-absolute-left {
    margin-bottom: 1rem;
}

#hosting-features .col-md-4 {
    padding-bottom: 3rem;
}

.faq-bg {
    background: url('../images/domain-bg.png')
}

.faq-bg .toggle-title {
    padding: 1.25rem 1.5rem !important;
}


.faq-bg p {
    padding-bottom: 0px;
}

.rounded {
    border-radius: 8px;
}

.circle-step {
    font-family: "ProximaNova-Regular", sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 0px 12px;
}

.circle-number {
    background: #85d64b;
    width: 22px;
    height: 22px;
    border: 2px solid #0e0e0d;
    color: #0e0e0d;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.step-select {
    border: 0px;
    border-bottom: 2px solid #d5d3d1;
    font-size: 18px;
    font-family: "ProximaNova-Regular", sans-serif;
    color: #696764;
    background: url('../images/select-arrow.png') center right 12px no-repeat transparent;
    padding: 8px 12px;
    display: block;
    width: 100%;
    margin-top: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.step-select:hover {
    border-bottom: 2px solid #bfbdbb;
    cursor: pointer;
    color: #3e3c3a;
}

.step-select:focus {
    outline: none;
    border-bottom: 2px solid #85d64b;
    color: #3e3c3a;
}

.step-select option {
    padding: 8px 0px;
}

#title-list {
    text-align: left;
    font-size: 20px;
    display: table;
}

#features-check-list {
    padding-top: 60px;
}



.features .col {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 40px;
}

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

#gradient-bg body {
    background: url('../images/gradient-bg.png') top repeat-x;
}

body,
html {
    overflow-x: hidden;
}

#announcement {
    padding: 24px 0px;
}

.light-dark-bg {
    background: url('../images/light-dark-bg.png');
    color: #aca9a3;
}

.tiny-button {
    height: 28px;
    line-height: 28px;
    padding: 0px 12px;
    text-transform: none;
    font-size: 14px;
}

.relative {
    position: relative;
}

.half-features:before {
    width: 50%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    content: " ";
    background: url('../images/domain-bg.png');
    position: absolute;
}

.half-features h3 {
    font-size: 24px;
    padding-bottom: 6px;
    padding-top: 8px;
}

.small-coupon {
    height: 32px;
    line-height: 32px;
    border: 1px dashed #c3c2be;
    padding: 0px 12px;
}

.text-eighteen {
    font-size: 18px !important;
    line-height: 26px;

}


.toggle {
    border-radius: 8px;

    margin-bottom: 12px;
    text-align: left;
}

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

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

.toggle .toggle-title h3 {
    margin: 0px;
    line-height: 22px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 500;
}

.toggle .toggle-inner {

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

.toggle .toggle-inner p {
    padding: 0rem 1.5rem 1.25rem 1.5rem !important;
}

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

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

}

.toggle .toggle-title .title-name img {
    float: left;
    margin-right: 16px;
}

.toggle .toggle-title i {
    position: absolute;
    background: url('../images/faq-open.png') center center no-repeat;
    width: 14px;
    height: 14px;
    transition: all 0.3s ease;
    margin: 0px;
    right: 24px;
    top: 29px;
}

.toggle .toggle-title.active i {
    background: url('../images/faq-closed.png') center center no-repeat;
}


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

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

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


.p-vps {
    padding: 1.5rem 2rem 1.75rem 2rem;
}


.vps-box #vps-main-row {
    border-radius: 8px;
    background: url('../images/domain-bg.png');
}


.vps-box .border-right-grey {
    border-right: 3px solid #faf9f4;
}

#vps-specs {
    background: #ebeae5;
    border-radius: 8px;
    width: 100%;
    display: block;
    margin-top: -1px;

}

#vps-specs .col-md-3 {
    border-right: 2px solid #f4f2ee;
    text-align: left;
}

#vps-specs .col-md-3 h3 small {
    color: #9a9995;
}

#vps-specs .col .spec-inner {
    padding: 1rem 0rem;
    border-right: 1px solid #e5e6ea;
}


#vps-specs .col:nth-child(1) .spec-inner {
    padding: 1rem 1rem;
}

#vps-specs .col:nth-last-child(1) .spec-inner {
    border-right: 0px;
}

.lh125 {
    line-height: 1.25;
}

.proxima {
    font-family: "ProximaNova-Regular", sans-serif;
}

.text-norm {
    font-size: 1rem;
}

.vps-price {
    font-size: 2rem;
}

.vps-price span.dollarsign {
    font-size: 1.75rem;
    vertical-align: bottom;
    padding-right: 3px;
}

.sliderlink {
    display: none;
}

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

#range-labels {
    width: 100%;
    margin-top: 1.75rem;
}

#range-labels li {
    width: 25%;
    float: left;
    text-align: center;
    opacity: 0.64;
    font-size: 15px;
    line-height: 24px;

}

#range-labels li.active {
    opacity: 1;
    color: #343c4c;
    font-weight: 500;
}

#range-labels li:hover {
    opacity: 1;
}

#range-labels li h4 small {
    color: #696764;
    line-height: 16px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.33px;
}

.range {
    position: relative;
    width: 80%;
    height: 10px;
    margin-top: 24px;
    margin: 0 auto;
}

.range input {
    width: 100%;
    position: absolute;
    top: 5px;
    height: 0;
    -webkit-appearance: none;
    border-radius: 10px;
    left: 0
}

.range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 38px;
    height: 38px;
    margin: -13px 0 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 0 !important;

    background: #fff;
    background: url(../images/handle.png) center center no-repeat;

    z-index: 1009;
    margin-left: -1px;
}

.range input::-moz-range-thumb {
    -webkit-appearance: none;
    width: 38px;
    height: 38px;
    margin: -13px 0 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 0 !important;

    background: #fff;
    background: url(../images/handle.png) center center no-repeat;

    z-index: 1009;
    margin-left: -1px;
}

.range input::-ms-thumb {
    -webkit-appearance: none;
    width: 38px;
    height: 38px;
    margin: -13px 0 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 0 !important;

    background: #fff;
    background: url(../images/handle.png) center center no-repeat;

    z-index: 1009;
    margin-left: -1px;
}

.range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: #e7e6df;
    border-radius: 10px
}

.range input::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: #e7e6df;
    border-radius: 10px
}

.range input::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: #e7e6df;
    border-radius: 10px
}

.range input:focus {
    background: 0 0;
    outline: none
}

.range input::-ms-track {
    width: 100%;
    height: 14px;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent;
    border-radius: 10px
}

.range-labels {
    list-style: none;
}

.range-labels li {
    position: relative;
    float: left;
    width: 14.28%;
    text-align: center;
    color: #696764;
    font-size: 14px;
    cursor: pointer;
    opacity: .4;
    font-weight: 500
}


.range:before {
    background: #85d44a;
    border-radius: 16px 0 0 16px;
    height: 10px;
    width: 63.25%;
    position: absolute;
    top: 0px;
    left: 0;
    content: " ";
    z-index: 1002;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


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

.vps-slider {
    padding-bottom: 0px;
}

.vps-box {
    max-width: 1030px;
    margin: 0 auto;
    padding: 0px 15px;
}


#enterprise-features .icon-absolute-left img {
    left: 0px;
}

#operatingsystems .icon-absolute-left {
    padding-left: 78px;
}

#vps-panel-features .icon-absolute-left {
    padding-left: 74px;
}

#vps-panel-features .icon-absolute-left img {
    left: 0px;
}

.addon-height {
    height: 32px;
}



.white-bg {
    background: #fffdfa;
}

.white-bg:hover {
    background: #fcf9f5;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
}

.pb-45 {
    padding-bottom: 2rem;
}

#addons .col-lg-2 {
    padding-left: 10px;
    padding-right: 10px;
}

.mt-45 {
    margin-top: 2.25rem;
}

#gradient-bg .header.herobg {
    background: transparent !important;
}

#reseller-features {
    padding-top: 60px;
}

#reseller-features h3 {
    font-size: 24px;
}

#reseller-list {
    text-align: left;
    font-size: 18px;
    display: block;
}

.oblique {
    font-style: oblique;
}

#cta-reseller {
    padding: 36px 0px;
}

.code {
    color: #fff;
    border-bottom: 2px dashed rgba(255, 255, 255, 1);
}

.cp-type-icon {
    position: absolute;
    top: 2rem;
    right: 2rem;
    opacity: 0.5;
}

.price-block {
    padding: 0px;
    font-family: "Roboto", "ProximaNova-Regular", sans-serif;
    color: #2d2c2a;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    width: 100%;
    background: url('../images/price-drop.png') bottom 24px right 20px no-repeat transparent;
    text-align: left;
}

#termpermo {
    font-size: 16px;
    opacity: 1;
    color: #2d2c2a !important;
}

.termblock {
    font-size: 12px;
    opacity: 0.5;
}

.dropdown-menu .termblock {
    margin-bottom: -4px;
}

.inner-plan-bg .dropdown-menu > li > a {
    padding: 0.66rem 1rem 0.5rem 1rem;
    border-bottom: 1px solid #d5d1ca;
}


.inner-plan-bg .dropdown-menu {
    right: 0px !important;
    padding: 0px;
    background: #fbfaf1;
    border: 1px solid #d5d1ca;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
}

.inner-plan-bg .dropdown-menu li:nth-last-child(1) a {
    border-bottom: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.inner-plan-bg .dropdown-menu > li > a:hover {
    background: #f5f4ed
}

.inner-plan-bg .dropdown-menu > li > a:focus {
    outline: none;
    background: #edece6
}

.underline {
    position: relative;
    padding: 0px 8px;
    display: inline-block;

}

.underline span {
    z-index: 1001;
    display: inline-block;
    position: relative;
}

.underline:before {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    content: " ";
    background: url('../images/underlayshade.png') bottom center no-repeat;
    width: 100%;
    height: 18px;
    z-index: 1000;
    opacity: 0.75;
}

#home-features strong {
    font-size: 18px;
}

.icon-height {
    height: 64px;
    position: relative;
}

.icon-height img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);

}

::selection {
    background: #a0e070;
    /* WebKit/Blink Browsers */
    color: #2d2c2a;
}

::-moz-selection {
    background: #a0e070;
    /* Gecko Browsers */
    color: #2d2c2a;
}


.dark-bg ::selection,
.light-dark-bg ::selection {
    background: #a0e070;
    /* WebKit/Blink Browsers */
    color: #fff;
}

.dark-bg ::-moz-selection,
.light-dark-bg ::-moz-selection {
    background: #a0e070;
    /* Gecko Browsers */
    color: #fff;
}

.tab-pane {
    display: none;
}

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

.dark-tabs li {
    display: inline-block;
    margin-right: 12px;
}

.dark-tabs a {
    color: #625f5c;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    border-bottom: 2px solid transparent;
}

.dark-tabs a:hover {
    color: #8a8683;
    text-decoration: none;
}

.dark-tabs .active a {
    color: #8c8984;
    border-bottom: 2px solid #83807c;
}

.white-arrow-link {
    color: #fb8531 !important;
}

.white-arrow-link:hover {
    color: #fb8531 !important;
}

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

.map .arrow-link:hover img:nth-child(1) {
    display: none;
}

.map .arrow-link:hover img:nth-child(2) {
    display: block;
}

.moreinfo-box {
    border-left: 2px solid rgba(255, 255, 255, 0.12);
    padding: .75rem 1.5rem;
    position: absolute;
    bottom: 0px;
    left: -80px;
}

.show-mobile {
    display: none;
}



.reseller-tabs {
    background: url('../images/domain-bg.png');
    border-radius: 5px;
    display: table;
    margin: 0px auto;
    padding: 4px 0px;
}

.reseller-tabs li {
    display: inline-block;
    margin: 0px 4px;
}

.reseller-tabs li a {
    padding: 0px 18px;
    height: 40px;
    line-height: 42px;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 5px;
    color: #696764;
    .h
}

.reseller-tabs li a:hover {
    color: #0e0e0d;
    background: rgba(0, 0, 0, 0.06);
    text-decoration: none;
}


.reseller-tabs li.active a {
    color: #fff;
    background: #85d44a;
}


.virginia {
    top: 183px;
    left: 224px;
}

.london {
    top: 142px;
    left: 330px;
}

.montreal {
    top: 165px;
    left: 212px;
}

.france {
    top: 170px;
    left: 414px;
}

.germany {
    top: 152px;
    left: 426px;
}

.singapore {
    left: 568px;
    top: 294px;
}

.sydney {
    left: 694px;
    top: 374px;
}

.brazil {
    top: 350px;
    left: 275px;
}





.header {
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0px;
    height:138px;
}

.button_container {
    top:80px;
}

.header.sticky .button_container {
    top:40px;
}

.header.sticky {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    height: 128px;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1008;
    top:-40px;
}

.top-head {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.hero {
    padding-top: 226px;
}

.header.sticky .fixlogo img {
    max-height: 56px;
    margin-top: -4px;
}


.header.sticky ul {
    float: right;
    margin-top: 6px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#gradient-bg .header.sticky {
    background: url(../images/herobg.png) !important;
}


.top-head {
    font-size: 14px;
    position:relative;
    z-index: 1007;
}

.top-head a {
    color: #afaea5 !important;
    font-weight: 300;
    text-transform: unset !Important;
    font-weight:300 !important;
}

.top-head ul {
    margin-top:0px !Important;
}
.top-head ul li:nth-last-child(1) {
    display:inline-block !important;
}

.top-head a:hover {
    color: #e6e5e0 !important;
    text-decoration: none;
}

.top-head .tiny-button {
    color: #fff !Important;
    font-weight: 500;
    height: 20px;
    padding: 0px 6px;
    line-height: 20px;
    font-size: 12px;
    vertical-align: middle;
}