@font-face {
    font-family: 'OpenSansRegular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
    url('/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
    url('/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "foundation-icons";
    src: url("/fonts/foundation-icons.eot");
    src: url("/fonts/foundation-icons.eot?#iefix") format("embedded-opentype"),
    url("/fonts/foundation-icons.woff") format("woff"),
    url("/fonts/foundation-icons.ttf") format("truetype"),
    url("/fonts/foundation-icons.svg#fontcustom") format("svg");
    font-weight: normal;
    font-style: normal;
}

#recaptcha_area input[type="text"] {
    display: inline-block;
    height: auto;
}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    line-height: 0;
}

.breadcrumbs {
    border: 0px;
    /*background-color: transparent;*/
    margin: 10px 0 10px 0;
}

/** Show the icon only when the top nav is fixed (sticky) **/
/*div.fixed div.icon { display:block; }
div.icon { display:none; }*/

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    color: #585757;
}

.sub-nav dd a:hover {
    color: #737373;
    text-decoration: underline;
}

ul.features-list {
    margin-left: 0px;
    margin-bottom: 20px;
}

ul.features-list-2-col {
    margin-bottom: 0px;
}

.features-list li {
    margin-left: 10px;
    margin-bottom: 6px;
    line-height: 30px;
    vertical-align: top;
    padding: 0;
}

.features-list li span.has-tip {
    border-bottom: none;
    cursor: help;
    font-weight: normal;
    color: #333;
    padding: 15px 0px 15px 0px;
}

/** Adjust the features list on large displays */
@media screen and (min-width: 64.063em) {
    .features-list-2-col li {
        padding: 25px 0 0 0;
    }
}

.features-list li span.has-tip:hover {
    color: #0a50a1;
}

.features-list li span.has-tip:hover i {
    text-shadow: 0 0 5px #fff, 0 0 10px #0a50a1;
}

.features-list li * {
    vertical-align: top;
}

.features-list li i {
    font-size: 30px;
    margin-right: 0px;
    display: block;
    width: 2em;
    float: left;
    text-align: center;
    text-shadow: 0 0 5px #fff, 0 0 10px #0a50a1;
}

.tabs-content .content {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
}

.tabs dd.active a {
    background-color: #DBDBDB;
    font-weight: bold;
    padding-bottom: 17px;
}

#features-panel-tabs {
    margin-top: 20px;
}

#features-panel-tabs dd:first-child a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

#features-panel-tabs dd:last-child a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

#features-panel-linux-logos li {
    padding-bottom: 0px;
}

#features-panel-accordian {
    margin-bottom: 10px;
}

#features-panel-accordian div.content {
    background-color: #f2f2f2;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

#features-panel-accordian .accordion-navigation > a {
    background-color: #DBDBDB;
}

#features-panel-accordian .accordion-navigation > a {
    border-bottom: 1px solid #eee;
}

#features-panel-accordian .accordion-navigation:last-child > a {
    border-bottom: none;
}

#why-host table {
    background-color: transparent;
    border: none;
}

#why-host td {
    padding: 0;
}

#why-host table tr td:first-child {
    width: 110px;
    vertical-align: top;
    text-align: center;
}

#why-host table tr td:last-child {
    vertical-align: top;
}

#why-host h6 {
    font-weight: bold;
}

#why-host i {
    font-size: 5em;
    /*color: #0a50a1;*/
    display: block;
    margin: 0px 10px 20px 10px;
    text-shadow: 0 0 5px #fff, 0 0 10px #0a50a1;
}

.lt-ie10 img {
    height: 100%;
}

.lt-ie10 .floatingyeti img {
    width: 100%;
}

.lt-ie10 #sectionheader .imageoverlay {
    max-width: 1200px;
}

.lt-ie10 #sectionheaderlanding .imageoverlay {
    max-width: 1200px;
}

.lt-ie10 #sectionheaderorganization .imageoverlay {
    max-width: 1200px;
}

html[data-useragent*='MSIE 10.0'] img {
    height: 100%;
}

html[data-useragent*='MSIE 10.0'] .floatingyeti img {
    width: 100%;
}

html[data-useragent*='MSIE 10.0'] #sectionheader .imageoverlay {
    max-width: 1200px;
}

html[data-useragent*='MSIE 10.0'] #sectionheaderlanding .imageoverlay {
    max-width: 1200px;
}

html[data-useragent*='MSIE 10.0'] #sectionheaderorganization .imageoverlay {
    max-width: 1200px;
}

body {
    background-color: #161819;
}

.content {
    background-color: #fbfbfb;
}

/* .sectionheader {
    width:100%;
    padding:10px;
    background-color: #555;
    color: #999;
    /*font-size: .8em;*/
/*}*/

h1, h2, h3 {
    font-family: 'OpenSansRegular', 'Helvetica Neue', 'Helvetica', 'Helvetica, Arial, sans-serif' !important;
}

/*add a little space to the row */
.row.makeroom {
    margin-top: 35px;
}

.row.makealittleroom {
    margin-top: 10px;
}

.row.makealittlemoreroom {
    margin-top: 20px;
}

#sectionheader {
    background: url(/img/business-hosting-packages.svg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 450px;
    text-align: left;
    position: relative;
    padding: 100px 20px 0 20px;
    z-index: 50;
    overflow: hidden;
}

#sectionheader.smallsectionheader {
    min-height: 320px;
    height: 320px;
    padding: 40px 20px 0 20px;
}

#sectionheader.smallersectionheader {
    min-height: 280px;
    height: 280px;
    padding: 40px 20px 0 20px;
}

#sectionheaderlanding {
    background: url(/img/hosting-to-improve-website-performance.svg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 550px;
    text-align: left;
    position: relative;
    padding: 100px 20px 0 20px;
    z-index: 50;
    overflow: hidden;
}

#sectionheaderlanding.michigan {
    background: url(/img/pure-michigan-website-hosting.jpg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 550px;
    text-align: left;
    position: relative;
    padding: 100px 20px 0 20px;
    z-index: 50;
    overflow: hidden;
}

#sectionheaderlanding.emergencyhostingsupport {
    background: url(/img/emergency-hosting-support.jpg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 550px;
    text-align: left;
    position: relative;
    padding: 100px 20px 0 20px;
    z-index: 50;
    overflow: hidden;
}

#sectionheaderlanding.hostingbynumbers {
    background: url(/img/hosting-business-stats-for-krellen.jpg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 550px;
    text-align: left;
    position: relative;
    padding: 0px;
    z-index: 50;
    overflow: hidden;
}

#sectionheaderlanding.hostingbynumbers .the-numbers {
    background: none;
}

#sectionheaderlanding.hostingbynumbers .the-numbers h1 {
    color: #fff;
    font-size: 1.6875rem;
    margin-bottom: 60px;
}

#sectionheaderlanding.savingwebsites {
    background: url(/img/change-website-hosting-company.jpg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 550px;
    text-align: left;
    position: relative;
    padding: 100px 20px 0 20px;
    z-index: 50;
    overflow: hidden;
}

#sectionheaderorganization {
    background: url(/img/organization-website-hosting.svg) #e1e1e1;
    -webkit-background-size: cover;
    -mozt-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
    height: 550px;
    text-align: left;
    position: relative;
    padding: 100px 20px 0 20px;
    z-index: 50;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    #sectionheader {
        height: 400px;
        padding: 40px 5px 30px 5px;
    }

    #sectionheaderlanding {
        height: 400px;
        padding: 40px 5px 30px 5px;
    }

    #sectionheaderorganization {
        height: 400px;
        padding: 40px 5px 30px 5px;
    }
}

#sectionheader h1 {
    font-size: 4em;
    color: #181818;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 100%;
}

#sectionheaderlanding h1 {
    font-size: 4em;
    /*color:#084081;*/
    color: #0A50A1;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 100%;
    /*text-shadow: 2px 2px #666;*/
}

#sectionheaderlanding h1.white {
    color: #FFFFFF;
}

#sectionheaderorganization h1 {
    font-size: 4em;
    /*color:#084081;*/
    color: #892010;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 100%;
    /*text-shadow: 2px 2px #666;*/
}

@media screen and (max-width: 768px) {
    #sectionheader h1 {
        font-size: 35px;
    }

    #sectionheaderlanding h1 {
        font-size: 35px;
    }

    #sectionheaderorganization h1 {
        font-size: 35px;
    }
}

#sectionheader h4 {
    font-size: 1.35em;
    color: #181818;
    font-weight: 300;
}

#sectionheaderlanding h4 {
    font-size: 1.35em;
    color: #5A40A9;
    font-weight: 300;
}

#sectionheaderlanding h4.white {
    font-size: 1.35em;
    color: #FFF;
    font-weight: 300;
}

#sectionheaderorganization h4 {
    font-size: 1.35em;
    color: #540000;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
    #sectionheader h4 {
        font-size: 18px;
        line-height: 28px;
    }

    #sectionheaderlanding h4 {
        font-size: 18px;
        line-height: 28px;
    }

    #sectionheaderorganization h4 {
        font-size: 18px;
        line-height: 28px;
    }
}

#sectionheader .imageoverlay {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 1px;
    right: 0;
    z-index: 0;
}

#sectionheaderlanding .imageoverlay {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 1px;
    right: 0;
    z-index: 0;
}

#sectionheaderorganization .imageoverlay {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 1px;
    right: 0;
    z-index: 0;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #sectionheader .imageoverlay {
        width: 100%;
    }

    #sectionheaderlanding .imageoverlay {
        width: 100%;
    }

    #sectionheaderorganization .imageoverlay {
        width: 100%;
    }

}

.responsive-hosting-button {
    border-style: solid;
    border-width: 0px;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1.25rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */
    background-color: #5da423;
    border-color: #084081;
    color: white;
    z-index: 100;
}

.responsive-hosting-button:hover, .responsive-hosting-button:focus {
    background-color: #084081;
    transition: background-color 300ms ease-out;
}

.responsive-hosting-button:hover, .responsive-hosting-button:focus {
    color: white;
}

.sectionheader label {
    color: #999;
}

.sectionheaderlanding label {
    color: #999;
}

.subheaderlanding {
    line-height: 1.4;
    color: #0A50A1;
    font-weight: bold;
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
    /*text-shadow: 2px 2px #666;*/
}

.subheaderlanding.white {
    color: #FFF;
}

.subheaderorganization {
    line-height: 1.4;
    color: #892010;
    font-weight: bold;
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
    /*text-shadow: 2px 2px #666;*/
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

.imageready {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    float: right;
    opacity: 0.75;
}

.reversed {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.footer {
    width: 100%;
    padding: 10px;
    background-color: #161819;
    color: #777;
    /*font-size: .8em;*/
}

.footer h4 {
    color: #3C3C3C;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
}

.footer h5 {
    color: #3C3C3C;
}

.footer ul li a {
    color: #777;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: bold;
}

.footer ul li a:hover {
    text-decoration: underline;
}

div.copyright {
    margin-top: 0px;
    font-size: .7em;
    color: #555;
}

.sub-nav {
    padding: 10px 10px 10px 0;
    background-color: #F2F2F2;
}

.sidebar {
    background: #f4f4f4;
    padding: 32px 20px;
}

.sidebar .side-nav li.active {
    background-color: #ececec;
}

.top-bar {
    overflow: hidden;
    height: 80px;
    line-height: 80px;
    position: relative;
    background: white;
    margin-bottom: 0;
}

.icon {
    padding: 0px 0px 0px 0px;
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out;
}

.top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 0px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%;
}

.top-bar-section ul li {
    background: #FFF;
}

.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #084081;
    padding: 30px 0 12px 0;
    padding-left: 15px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    text-transform: none;
}

.top-bar-section ul li > a.button {
    font-size: 1rem;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #0a50a1;
    border-color: #084081;
    color: white;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
    background-color: #084081;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
    color: white;
}

.top-bar-section ul li > a.button.secondary {
    background-color: #e9e9e9;
    border-color: #084081;
    color: #333333;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
    background-color: #084081;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li > a.button.success {
    background-color: #5da423;
    border-color: #084081;
    color: white;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
    background-color: #084081;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
    color: white;
}

.top-bar-section ul li > a.button.alert {
    background-color: #c60f13;
    border-color: #084081;
    color: white;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
    background-color: #084081;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
    color: white;
}

.top-bar-section ul li > button {
    font-size: 0.8125rem;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #0a50a1;
    border-color: #084081;
    color: white;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
    background-color: #084081;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
    color: white;
}

.top-bar-section ul li > button.secondary {
    background-color: #e9e9e9;
    border-color: #084081;
    color: #333333;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
    background-color: #084081;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li > button.success {
    background-color: #5da423;
    border-color: #084081;
    color: white;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
    background-color: #084081;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
    color: white;
}

.top-bar-section ul li > button.alert {
    background-color: #c60f13;
    border-color: #084081;
    color: white;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
    background-color: #084081;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
    color: white;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #FFF;
    background: #FFF;
    color: #084081;
}

.top-bar-section ul li.active > a {
    background: #0a50a1;
    color: white;
}

.top-bar-section ul li.active > a:hover {
    background: #09458a;
    color: white;
}

.top-bar-section .has-form {
    padding: 15px;
}

.top-bar-section .has-dropdown {
    position: relative;
}

.top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0;
}

.top-bar-section .has-dropdown.moved {
    position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
    width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
    display: none;
}

.top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.top-bar-section .dropdown li {
    width: 100%;
    height: auto;
}

.top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 15px;
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: normal;
}

.top-bar-section .dropdown li.title h5 {
    margin-bottom: 0;
    margin-top: 0;
}

.top-bar-section .dropdown li.title h5 a {
    color: white;
    line-height: 22.5px;
    display: block;
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 15px;
}

.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
    top: auto;
}

.top-bar-section .dropdown label {
    padding: 8px 15px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #777777;
    font-weight: bold;
    font-size: 0.625rem;
}

.js-generated {
    display: block;
}

.top-bar .name {
    height: 80px;
    margin: 0;
    font-size: 16px;
}

.top-bar .name h1 {
    line-height: 80px;
    font-size: 1.0625rem;
    margin: 0;
}

.top-bar .name h1 a {
    font-weight: normal;
    color: white;
    width: 75%;
    display: block;
    padding: 0 15px;
}

@media only screen and (min-width: 40.063em) {
    .top-bar {
        background: #FFF;
        overflow: hidden;
    }

    .top-bar:before, .top-bar:after {
        content: " ";
        display: table;
    }

    .top-bar:after {
        clear: both;
    }

    .top-bar .toggle-topbar {
        display: none;
    }

    .top-bar .title-area {
        float: left;
    }

    .top-bar .name h1 a {
        width: auto;
    }

    .top-bar input,
    .top-bar .button,
    .top-bar button {
        font-size: 0.875rem;
        position: relative;
        top: 7px;
    }

    .top-bar.expanded {
        background: #FFF;
    }

    .contain-to-grid .top-bar {
        max-width: 80em;
        margin: 0 auto;
        margin-bottom: 0;
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
    }

    .top-bar-section ul {
        width: auto;
        height: auto !important;
        display: inline;
    }

    .top-bar-section ul li {
        float: left;
    }

    .top-bar-section ul li .js-generated {
        display: none;
    }

    .top-bar-section li.hover > a:not(.button) {
        background-color: #FFF;
        background: #FFF;
        color: white;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 20px;
        line-height: 80px;
        background: #FFF;
        /*text-transform: uppercase;*/
        color: #0a50a1;
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #f2f2f2;
        /*text-decoration: underline;*/
        color: #084081;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        padding: 0 15px;
        line-height: 80px;
        color: white;
        background: #0a50a1;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #09458a;
    }

    .top-bar-section .has-dropdown > a {
        padding-right: 35px !important;
    }

    .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px;
    }

    .top-bar-section .has-dropdown.moved {
        position: relative;
    }

    .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
        border: none;
        content: "\00bb";
        top: 1rem;
        margin-top: -1px;
        right: 5px;
        line-height: 1.2;
    }

    .top-bar-section .dropdown {
        left: 0;
        top: auto;
        background: transparent;
        min-width: 100%;
    }

    .top-bar-section .dropdown li a {
        color: white;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333333;
    }

    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: white;
        background: #333333;
    }

    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: white;
        background-color: #555555;
        background: #272727;
    }

    .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333;
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0;
    }

    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
        border-bottom: none;
        border-top: none;
        border-right: solid 0px #4e4e4e;
        clear: none;
        height: 80px;
        width: 0;
    }

    .top-bar-section .has-form {
        background: #FFF;
        padding: 18px 20px 0px 20px;
        height: 80px;
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0;
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%;
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0;
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%;
    }

    .top-bar .toggle-topbar {
        position: absolute;
        right: 0;
        top: 0;
    }

    .top-bar .toggle-topbar a {
        color: white;
        text-transform: uppercase;
        font-size: 0.8125rem;
        font-weight: bold;
        position: relative;
        display: block;
        padding: 0 15px;
        height: 80px;
        line-height: 80px;
    }

    .top-bar .toggle-topbar.menu-icon {
        top: 50%;
        margin-top: -16px;
    }

    .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 40px 0 15px;
        color: #09458a;
        position: relative;
    }

    .top-bar .toggle-topbar.menu-icon a span::after {
        content: "";
        position: absolute;
        display: block;
        height: 0;
        top: 50%;
        margin-top: -8px;
        right: 15px;
        box-shadow: 0 0px 0 1px #09458a, 0 7px 0 1px #09458a, 0 14px 0 1px #09458a;
        width: 16px;
    }

    .top-bar .toggle-topbar.menu-icon a span:hover:after {
        box-shadow: 0 0px 0 1px #09458a, 0 7px 0 1px #09458a, 0 14px 0 1px #09458a;
    }

    .top-bar.expanded {
        height: auto;
        background: transparent;
    }

    .top-bar.expanded .title-area {
        background: #FFF;
    }

    .top-bar.expanded .toggle-topbar a {
        color: #09458a;
    }

    .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px #09458a, 0 16px 0 1px #09458a, 0 22px 0 1px #09458a;
    }
}

/* Pricing Tables */
.pricing-table {
    border: solid 0px #dddddd;
    margin-left: 0;
    margin-bottom: 1.25rem;
}

.pricing-table * {
    list-style: none;
    line-height: 1;
}

.pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .small-business-website-hosting {
    /*background: url(/img/small-business-website-hosting.svg) #e1e1e1;*/
    background: linear-gradient(#7448F1, #9C7EF5);
    box-shadow: inset 0 0 15px 1px #9C7EF5;
    padding: 1.60rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1.6rem;
    font-family: "OpenSansSemibold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .hosting-to-improve-website-speed {
    /*background: url(/img/hosting-to-improve-website-speed.svg) #e1e1e1;*/
    background: linear-gradient(#6A8DC1, #0a50a1);
    box-shadow: inset 0 0 15px 1px #0a50a1;
    padding: 1.93rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1.6rem;
    font-family: "OpenSansSemibold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .cloud-hosting-for-small-business {
    /*background: url(/img/cloud-hosting-for-small-business.svg) #e1e1e1;*/
    background: linear-gradient(#1F2329, #595C60);
    box-shadow: inset 0 0 15px 1px #595C60;
    padding: 1.60rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1.6rem;
    font-family: "OpenSansSemibold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .small-church-website-hosting {
    /*background: url(/img/small-business-website-hosting.svg) #e1e1e1;*/
    background: linear-gradient(#540000, #B80000);
    box-shadow: inset 0 0 15px 1px #B80000;
    padding: 1.60rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1.6rem;
    font-family: "OpenSansSemibold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .large-church-website-hosting {
    /*background: url(/img/hosting-to-improve-website-speed.svg) #e1e1e1;*/
    background: linear-gradient(#9B2A13, #C6571A);
    box-shadow: inset 0 0 15px 1px #C6571A;
    padding: 1.93rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1.6rem;
    font-family: "OpenSansSemibold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .price {
    background-color: #f6f6f6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 2rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.pricing-table .description {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd;
}

.pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd;
}

.pricing-table .cta-button {
    background-color: white;
    text-align: center;
    padding: 1.25rem 1.25rem 0;
}

[data-magellan-expedition], [data-magellan-expedition-clone] {
    background: #f2f2f2;
    z-index: 50;
    min-width: 100%;
    padding: 4px 0px 0px 10px;
    border-bottom: 1px solid #ddd;
}

[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
    margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
    line-height: 1.8em;
}

@media only screen and (max-width: 40em) {
    .hide-for-small {
        display: none !important;
    }
}

/* testimonials */

.the-numbers {
    background: url(/img/hosting-business-stats-for-krellen.jpg) no-repeat right top;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
}

.the-numbers h3 {
    color: #fff;
    margin-bottom: 60px;
}

.the-numbers p {
    color: #fff;
    font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.the-numbers .number-circle {
    width: 130px;
    height: 130px;
    border: 3px solid #fff;
    border-radius: 65px;
    margin: auto;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

.the-numbers .number-circle p:first-child {
    color: white;
    font-size: 2.5em;
    font-weight: 200;
    position: relative;
    top: 18px;
}

.the-numbers .number-circle p:last-child {
    font-size: 1em;
    color: #fff;
    font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    position: relative;
    top: -10px;
    font-weight: 500;
}

.the-numbers .number-desc {
    margin-bottom: 130px;
}

.the-numbers-footer .number-desc {
    margin-bottom: 30px;
}

.companies h3 {
    margin-bottom: 50px;
    font-size: 1.875em;
}

.companies li {
    display: inline-block !important;
}

.testimonial-container {
    background: url(/img/customer-testimonials-for-krellen.png) no-repeat 37% 15% #f2f2f2;
    margin-bottom: 10px;
}

.testimonial-container .oliver {
    background: url(/img/where-do-small-business-people-host-their-website.jpg) no-repeat 3% bottom;
    background-size: auto 424px;
}

.testimonial-container .christians {
    background: url(/img/christian_website_hosting.jpg) no-repeat 3% bottom;
    background-size: auto 424px;
}

.testimonial-container .testimonial {
    padding-left: 320px;
}

.testimonial-container .testimonial p:nth-child(2) {
    font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}

.testimonial-container .testimonial p:last-child {
    font-family: "OpenSansRegular", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: .875em;
    color: #777777;
    margin-bottom: 60px;
    font-weight: 600;
}

.testimonial-container .test-quote {
    font-family: "OpenSansItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 1.5125em;
}

.bump-large {
    margin-top: 60px;
}

.path-text:last-child {
    margin-bottom: 80px;
}

.path-circle1, .path-circle2, .path-circle3, .path-circle4 {
    top: 0;
    right: 0;
    left: 0;
    float: none !important;
    margin: 10px auto;
}

.bump-xl {
    margin-top: 90px;
}

.centered-text {
    text-align: center;
}

/*.column,*/
/*.columns {*/
/*position: relative;*/
/*padding-left: 0.9375em;*/
/*padding-right: 0.9375em;*/
/*padding-top: 0.9375em;*/
/*float: left; }*/

@media only screen and (max-width: 767px) {

    .bump-large {
        margin-top: 60px;
    }

    .bump-xl {
        margin-top: 70px;
    }

    .the-numbers {
        background-attachment: scroll;
        background-position: 30% top;
    }

    .the-numbers h3 {
        margin-top: 60px;
        margin-bottom: 40px;
        font-size: 2em;
    }

    .companies li {
        width: 44%;
    }

    .companies h3 {
        font-size: 1.8125em;
    }

    .companies ul:last-child {
        margin-bottom: 0;
    }

    .testimonial-container {
        background-position: 5% 40px;
    }

    .testimonial-container .oliver {
        background: none;
    }

    .testimonial-container .christians {
        background: none;
    }

    .testimonial-container .testimonial {
        padding-left: inherit;
        margin-top: 70px;
    }

    .testimonial-container .quote {
        font-size: 1.125em;
    }
}

/*foundation-icons*/

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
    font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}

.fi-address-book:before {
    content: "\f100";
}

.fi-alert:before {
    content: "\f101";
}

.fi-align-center:before {
    content: "\f102";
}

.fi-align-justify:before {
    content: "\f103";
}

.fi-align-left:before {
    content: "\f104";
}

.fi-align-right:before {
    content: "\f105";
}

.fi-anchor:before {
    content: "\f106";
}

.fi-annotate:before {
    content: "\f107";
}

.fi-archive:before {
    content: "\f108";
}

.fi-arrow-down:before {
    content: "\f109";
}

.fi-arrow-left:before {
    content: "\f10a";
}

.fi-arrow-right:before {
    content: "\f10b";
}

.fi-arrow-up:before {
    content: "\f10c";
}

.fi-arrows-compress:before {
    content: "\f10d";
}

.fi-arrows-expand:before {
    content: "\f10e";
}

.fi-arrows-in:before {
    content: "\f10f";
}

.fi-arrows-out:before {
    content: "\f110";
}

.fi-asl:before {
    content: "\f111";
}

.fi-asterisk:before {
    content: "\f112";
}

.fi-at-sign:before {
    content: "\f113";
}

.fi-background-color:before {
    content: "\f114";
}

.fi-battery-empty:before {
    content: "\f115";
}

.fi-battery-full:before {
    content: "\f116";
}

.fi-battery-half:before {
    content: "\f117";
}

.fi-bitcoin-circle:before {
    content: "\f118";
}

.fi-bitcoin:before {
    content: "\f119";
}

.fi-blind:before {
    content: "\f11a";
}

.fi-bluetooth:before {
    content: "\f11b";
}

.fi-bold:before {
    content: "\f11c";
}

.fi-book-bookmark:before {
    content: "\f11d";
}

.fi-book:before {
    content: "\f11e";
}

.fi-bookmark:before {
    content: "\f11f";
}

.fi-braille:before {
    content: "\f120";
}

.fi-burst-new:before {
    content: "\f121";
}

.fi-burst-sale:before {
    content: "\f122";
}

.fi-burst:before {
    content: "\f123";
}

.fi-calendar:before {
    content: "\f124";
}

.fi-camera:before {
    content: "\f125";
}

.fi-check:before {
    content: "\f126";
}

.fi-checkbox:before {
    content: "\f127";
}

.fi-clipboard-notes:before {
    content: "\f128";
}

.fi-clipboard-pencil:before {
    content: "\f129";
}

.fi-clipboard:before {
    content: "\f12a";
}

.fi-clock:before {
    content: "\f12b";
}

.fi-closed-caption:before {
    content: "\f12c";
}

.fi-cloud:before {
    content: "\f12d";
}

.fi-comment-minus:before {
    content: "\f12e";
}

.fi-comment-quotes:before {
    content: "\f12f";
}

.fi-comment-video:before {
    content: "\f130";
}

.fi-comment:before {
    content: "\f131";
}

.fi-comments:before {
    content: "\f132";
}

.fi-compass:before {
    content: "\f133";
}

.fi-contrast:before {
    content: "\f134";
}

.fi-credit-card:before {
    content: "\f135";
}

.fi-crop:before {
    content: "\f136";
}

.fi-crown:before {
    content: "\f137";
}

.fi-css3:before {
    content: "\f138";
}

.fi-database:before {
    content: "\f139";
}

.fi-die-five:before {
    content: "\f13a";
}

.fi-die-four:before {
    content: "\f13b";
}

.fi-die-one:before {
    content: "\f13c";
}

.fi-die-six:before {
    content: "\f13d";
}

.fi-die-three:before {
    content: "\f13e";
}

.fi-die-two:before {
    content: "\f13f";
}

.fi-dislike:before {
    content: "\f140";
}

.fi-dollar-bill:before {
    content: "\f141";
}

.fi-dollar:before {
    content: "\f142";
}

.fi-download:before {
    content: "\f143";
}

.fi-eject:before {
    content: "\f144";
}

.fi-elevator:before {
    content: "\f145";
}

.fi-euro:before {
    content: "\f146";
}

.fi-eye:before {
    content: "\f147";
}

.fi-fast-forward:before {
    content: "\f148";
}

.fi-female-symbol:before {
    content: "\f149";
}

.fi-female:before {
    content: "\f14a";
}

.fi-filter:before {
    content: "\f14b";
}

.fi-first-aid:before {
    content: "\f14c";
}

.fi-flag:before {
    content: "\f14d";
}

.fi-folder-add:before {
    content: "\f14e";
}

.fi-folder-lock:before {
    content: "\f14f";
}

.fi-folder:before {
    content: "\f150";
}

.fi-foot:before {
    content: "\f151";
}

.fi-foundation:before {
    content: "\f152";
}

.fi-graph-bar:before {
    content: "\f153";
}

.fi-graph-horizontal:before {
    content: "\f154";
}

.fi-graph-pie:before {
    content: "\f155";
}

.fi-graph-trend:before {
    content: "\f156";
}

.fi-guide-dog:before {
    content: "\f157";
}

.fi-hearing-aid:before {
    content: "\f158";
}

.fi-heart:before {
    content: "\f159";
}

.fi-home:before {
    content: "\f15a";
}

.fi-html5:before {
    content: "\f15b";
}

.fi-indent-less:before {
    content: "\f15c";
}

.fi-indent-more:before {
    content: "\f15d";
}

.fi-info:before {
    content: "\f15e";
}

.fi-italic:before {
    content: "\f15f";
}

.fi-key:before {
    content: "\f160";
}

.fi-laptop:before {
    content: "\f161";
}

.fi-layout:before {
    content: "\f162";
}

.fi-lightbulb:before {
    content: "\f163";
}

.fi-like:before {
    content: "\f164";
}

.fi-link:before {
    content: "\f165";
}

.fi-list-bullet:before {
    content: "\f166";
}

.fi-list-number:before {
    content: "\f167";
}

.fi-list-thumbnails:before {
    content: "\f168";
}

.fi-list:before {
    content: "\f169";
}

.fi-lock:before {
    content: "\f16a";
}

.fi-loop:before {
    content: "\f16b";
}

.fi-magnifying-glass:before {
    content: "\f16c";
}

.fi-mail:before {
    content: "\f16d";
}

.fi-male-female:before {
    content: "\f16e";
}

.fi-male-symbol:before {
    content: "\f16f";
}

.fi-male:before {
    content: "\f170";
}

.fi-map:before {
    content: "\f171";
}

.fi-marker:before {
    content: "\f172";
}

.fi-megaphone:before {
    content: "\f173";
}

.fi-microphone:before {
    content: "\f174";
}

.fi-minus-circle:before {
    content: "\f175";
}

.fi-minus:before {
    content: "\f176";
}

.fi-mobile-signal:before {
    content: "\f177";
}

.fi-mobile:before {
    content: "\f178";
}

.fi-monitor:before {
    content: "\f179";
}

.fi-mountains:before {
    content: "\f17a";
}

.fi-music:before {
    content: "\f17b";
}

.fi-next:before {
    content: "\f17c";
}

.fi-no-dogs:before {
    content: "\f17d";
}

.fi-no-smoking:before {
    content: "\f17e";
}

.fi-page-add:before {
    content: "\f17f";
}

.fi-page-copy:before {
    content: "\f180";
}

.fi-page-csv:before {
    content: "\f181";
}

.fi-page-delete:before {
    content: "\f182";
}

.fi-page-doc:before {
    content: "\f183";
}

.fi-page-edit:before {
    content: "\f184";
}

.fi-page-export-csv:before {
    content: "\f185";
}

.fi-page-export-doc:before {
    content: "\f186";
}

.fi-page-export-pdf:before {
    content: "\f187";
}

.fi-page-export:before {
    content: "\f188";
}

.fi-page-filled:before {
    content: "\f189";
}

.fi-page-multiple:before {
    content: "\f18a";
}

.fi-page-pdf:before {
    content: "\f18b";
}

.fi-page-remove:before {
    content: "\f18c";
}

.fi-page-search:before {
    content: "\f18d";
}

.fi-page:before {
    content: "\f18e";
}

.fi-paint-bucket:before {
    content: "\f18f";
}

.fi-paperclip:before {
    content: "\f190";
}

.fi-pause:before {
    content: "\f191";
}

.fi-paw:before {
    content: "\f192";
}

.fi-paypal:before {
    content: "\f193";
}

.fi-pencil:before {
    content: "\f194";
}

.fi-photo:before {
    content: "\f195";
}

.fi-play-circle:before {
    content: "\f196";
}

.fi-play-video:before {
    content: "\f197";
}

.fi-play:before {
    content: "\f198";
}

.fi-plus:before {
    content: "\f199";
}

.fi-pound:before {
    content: "\f19a";
}

.fi-power:before {
    content: "\f19b";
}

.fi-previous:before {
    content: "\f19c";
}

.fi-price-tag:before {
    content: "\f19d";
}

.fi-pricetag-multiple:before {
    content: "\f19e";
}

.fi-print:before {
    content: "\f19f";
}

.fi-prohibited:before {
    content: "\f1a0";
}

.fi-projection-screen:before {
    content: "\f1a1";
}

.fi-puzzle:before {
    content: "\f1a2";
}

.fi-quote:before {
    content: "\f1a3";
}

.fi-record:before {
    content: "\f1a4";
}

.fi-refresh:before {
    content: "\f1a5";
}

.fi-results-demographics:before {
    content: "\f1a6";
}

.fi-results:before {
    content: "\f1a7";
}

.fi-rewind-ten:before {
    content: "\f1a8";
}

.fi-rewind:before {
    content: "\f1a9";
}

.fi-rss:before {
    content: "\f1aa";
}

.fi-safety-cone:before {
    content: "\f1ab";
}

.fi-save:before {
    content: "\f1ac";
}

.fi-share:before {
    content: "\f1ad";
}

.fi-sheriff-badge:before {
    content: "\f1ae";
}

.fi-shield:before {
    content: "\f1af";
}

.fi-shopping-bag:before {
    content: "\f1b0";
}

.fi-shopping-cart:before {
    content: "\f1b1";
}

.fi-shuffle:before {
    content: "\f1b2";
}

.fi-skull:before {
    content: "\f1b3";
}

.fi-social-500px:before {
    content: "\f1b4";
}

.fi-social-adobe:before {
    content: "\f1b5";
}

.fi-social-amazon:before {
    content: "\f1b6";
}

.fi-social-android:before {
    content: "\f1b7";
}

.fi-social-apple:before {
    content: "\f1b8";
}

.fi-social-behance:before {
    content: "\f1b9";
}

.fi-social-bing:before {
    content: "\f1ba";
}

.fi-social-blogger:before {
    content: "\f1bb";
}

.fi-social-delicious:before {
    content: "\f1bc";
}

.fi-social-designer-news:before {
    content: "\f1bd";
}

.fi-social-deviant-art:before {
    content: "\f1be";
}

.fi-social-digg:before {
    content: "\f1bf";
}

.fi-social-dribbble:before {
    content: "\f1c0";
}

.fi-social-drive:before {
    content: "\f1c1";
}

.fi-social-dropbox:before {
    content: "\f1c2";
}

.fi-social-evernote:before {
    content: "\f1c3";
}

.fi-social-facebook:before {
    content: "\f1c4";
}

.fi-social-flickr:before {
    content: "\f1c5";
}

.fi-social-forrst:before {
    content: "\f1c6";
}

.fi-social-foursquare:before {
    content: "\f1c7";
}

.fi-social-game-center:before {
    content: "\f1c8";
}

.fi-social-github:before {
    content: "\f1c9";
}

.fi-social-google-plus:before {
    content: "\f1ca";
}

.fi-social-hacker-news:before {
    content: "\f1cb";
}

.fi-social-hi5:before {
    content: "\f1cc";
}

.fi-social-instagram:before {
    content: "\f1cd";
}

.fi-social-joomla:before {
    content: "\f1ce";
}

.fi-social-lastfm:before {
    content: "\f1cf";
}

.fi-social-linkedin:before {
    content: "\f1d0";
}

.fi-social-medium:before {
    content: "\f1d1";
}

.fi-social-myspace:before {
    content: "\f1d2";
}

.fi-social-orkut:before {
    content: "\f1d3";
}

.fi-social-path:before {
    content: "\f1d4";
}

.fi-social-picasa:before {
    content: "\f1d5";
}

.fi-social-pinterest:before {
    content: "\f1d6";
}

.fi-social-rdio:before {
    content: "\f1d7";
}

.fi-social-reddit:before {
    content: "\f1d8";
}

.fi-social-skillshare:before {
    content: "\f1d9";
}

.fi-social-skype:before {
    content: "\f1da";
}

.fi-social-smashing-mag:before {
    content: "\f1db";
}

.fi-social-snapchat:before {
    content: "\f1dc";
}

.fi-social-spotify:before {
    content: "\f1dd";
}

.fi-social-squidoo:before {
    content: "\f1de";
}

.fi-social-stack-overflow:before {
    content: "\f1df";
}

.fi-social-steam:before {
    content: "\f1e0";
}

.fi-social-stumbleupon:before {
    content: "\f1e1";
}

.fi-social-treehouse:before {
    content: "\f1e2";
}

.fi-social-tumblr:before {
    content: "\f1e3";
}

.fi-social-twitter:before {
    content: "\f1e4";
}

.fi-social-vimeo:before {
    content: "\f1e5";
}

.fi-social-windows:before {
    content: "\f1e6";
}

.fi-social-xbox:before {
    content: "\f1e7";
}

.fi-social-yahoo:before {
    content: "\f1e8";
}

.fi-social-yelp:before {
    content: "\f1e9";
}

.fi-social-youtube:before {
    content: "\f1ea";
}

.fi-social-zerply:before {
    content: "\f1eb";
}

.fi-social-zurb:before {
    content: "\f1ec";
}

.fi-sound:before {
    content: "\f1ed";
}

.fi-star:before {
    content: "\f1ee";
}

.fi-stop:before {
    content: "\f1ef";
}

.fi-strikethrough:before {
    content: "\f1f0";
}

.fi-subscript:before {
    content: "\f1f1";
}

.fi-superscript:before {
    content: "\f1f2";
}

.fi-tablet-landscape:before {
    content: "\f1f3";
}

.fi-tablet-portrait:before {
    content: "\f1f4";
}

.fi-target-two:before {
    content: "\f1f5";
}

.fi-target:before {
    content: "\f1f6";
}

.fi-telephone-accessible:before {
    content: "\f1f7";
}

.fi-telephone:before {
    content: "\f1f8";
}

.fi-text-color:before {
    content: "\f1f9";
}

.fi-thumbnails:before {
    content: "\f1fa";
}

.fi-ticket:before {
    content: "\f1fb";
}

.fi-torso-business:before {
    content: "\f1fc";
}

.fi-torso-female:before {
    content: "\f1fd";
}

.fi-torso:before {
    content: "\f1fe";
}

.fi-torsos-all-female:before {
    content: "\f1ff";
}

.fi-torsos-all:before {
    content: "\f200";
}

.fi-torsos-female-male:before {
    content: "\f201";
}

.fi-torsos-male-female:before {
    content: "\f202";
}

.fi-torsos:before {
    content: "\f203";
}

.fi-trash:before {
    content: "\f204";
}

.fi-trees:before {
    content: "\f205";
}

.fi-trophy:before {
    content: "\f206";
}

.fi-underline:before {
    content: "\f207";
}

.fi-universal-access:before {
    content: "\f208";
}

.fi-unlink:before {
    content: "\f209";
}

.fi-unlock:before {
    content: "\f20a";
}

.fi-upload-cloud:before {
    content: "\f20b";
}

.fi-upload:before {
    content: "\f20c";
}

.fi-usb:before {
    content: "\f20d";
}

.fi-video:before {
    content: "\f20e";
}

.fi-volume-none:before {
    content: "\f20f";
}

.fi-volume-strike:before {
    content: "\f210";
}

.fi-volume:before {
    content: "\f211";
}

.fi-web:before {
    content: "\f212";
}

.fi-wheelchair:before {
    content: "\f213";
}

.fi-widget:before {
    content: "\f214";
}

.fi-wrench:before {
    content: "\f215";
}

.fi-x-circle:before {
    content: "\f216";
}

.fi-x:before {
    content: "\f217";
}

.fi-yen:before {
    content: "\f218";
}

.fi-zoom-in:before {
    content: "\f219";
}

.fi-zoom-out:before {
    content: "\f21a";
}

.large {
    font-size: 50px;
    line-height: 50px;
}

.medium {
    font-size: 35px;
    padding: 0 5px;
}

.small {
    font-size: 20px;
    padding: 0 5px;
}

/* Pricing Tables New */

#pricing-table {
    padding: 0 0.9375rem;
}

#premium .pricing-table .title {
    background-color: #555897;
    padding: 1.3875rem 1.25rem;
}

#premium .pricing-table .hosting-to-improve-website-speed {
    /*background-color: #555897;
    padding: 2.50rem 1.25rem;*/
}

#premium .pricing-table {
    margin-bottom: 0;
}

#premium .pricing-table .cta-button {
    padding: 2.25rem 1.25rem 0;
}

/*#ultimate .pricing-table, #standard .pricing-table{
	margin-top:1rem; 
}*/
#premium .pricing-table {
    margin-top: -1rem;
}

ul.pricing-table {
    margin-bottom: 0;
}

ul.pricing-table .price {
    background: #FFF;
}

ul.pricing-table i {
    display: inline-block;
    margin-right: 5px;
}

#premium {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

#ultimate {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

#standard {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 768px) {
    .left-side {
        border-right: none;
    }

    .right-side {
        border-left: none;
    }
}

#standard:hover .price {
    background: linear-gradient(#e1e1e1, #fff);
    box-shadow: inset 0 0 15px 1px #fff;
    color: #7448F1;
}

#standard:hover .price.red {
    background: linear-gradient(#e1e1e1, #fff);
    box-shadow: inset 0 0 15px 1px #fff;
    color: #540000;
}

#premium:hover .price {
    background: linear-gradient(#e1e1e1, #fff);
    box-shadow: inset 0 0 15px 1px #fff;
    color: #0a50a1;
}

#premium:hover .price.orange {
    background: linear-gradient(#e1e1e1, #fff);
    box-shadow: inset 0 0 15px 1px #fff;
    color: #9B2A13;
}

#ultimate:hover .price {
    background: linear-gradient(#e1e1e1, #fff);
    box-shadow: inset 0 0 15px 1px #fff;
    color: #1F2329;
}

@media only screen and (max-width: 40em) {
    .top-bar {
        height: 50px;
        line-height: 40px;
        /*overflow: hidden;*/
    }

    .top-bar .name {
        height: 50px;
    }

    .top-bar .name h1 {
        height: 50px;
    }

    .top-bar .icon {
        height: 50px;
    }

    .top-bar-section ul li > a {
        padding: 5px 0 5px 15px;
    }
}

.top-bar-section .promo-alert {
    background-color: #f9f9f9;
    margin: 15px 30px 0 0;
}

span.label.info, span.label.pending {
    background-color: #e9e9e9;
    color: #333;
}

span.label.unpaid, span.label.suspended, span.label.terminated {
    background-color: #c60f13;
    color: #fff;
}

span.label.paid, span.label.active {
    background-color: #5da423;
    color: #fff;
}

.success {
    color: #5da423;
}

.textgreen {
    color: #5da423;
}

.textred {
    color: #c60f13;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

.panel.transshadow {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.20);
    border: none;
}

.panel-hosting {
    /*border-top: 1px solid #d8d8d8;*/
    /*border-bottom: 1px solid #d8d8d8;*/
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
}

.blog-post-date {
    color: #aaaaaa;
    font-size: .9em;
}

.blog ul {
    padding-left: 1em;
}

table.nostyle {
    background: none;
    border: none;
}

.prettyprint ol {
    margin-left: 0;
}