Your IP : 18.119.132.80
@font-face {
font-family: 'Museo Sans';
src: url('../fonts/museo-sans-300-webfont.eot');
src: url('../fonts/museo-sans-300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-300-webfont.woff') format('woff'), url('../fonts/museo-sans-300-webfont.ttf') format('truetype'), url('../fonts/museo-sans-300-webfont.svg#museo-sans-300-webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo Sans';
src: url('../fonts/museo-sans-300-italic-webfont.eot');
src: url('../fonts/museo-sans-300-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-300-italic-webfont.woff') format('woff'), url('../fonts/museo-sans-300-italic-webfont.ttf') format('truetype'), url('../fonts/museo-sans-300-italic-webfont.svg#museo-sans-300-italic-webfont') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Museo Sans';
src: url('../fonts/museo-sans-700-webfont.eot');
src: url('../fonts/museo-sans-700-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-700-webfont.woff') format('woff'), url('../fonts/museo-sans-700-webfont.ttf') format('truetype'), url('../fonts/museo-sans-700-webfont.svg#museo-sans-700-webfont') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Museo Sans';
src: url('../fonts/museo-sans-700-italic-webfont.eot');
src: url('../fonts/museo-sans-700-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-700-italic-webfont.woff') format('woff'), url('../fonts/museo-sans-700-italic-webfont.ttf') format('truetype'), url('../fonts/museo-sans-700-italic-webfont.svg#museo-sans-700-italic-webfont') format('svg');
font-weight: bold;
font-style: italic;
}
/**
* ------------------------------------------------------ *
* Base
* ------------------------------------------------------ *
**/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
min-width: 300px;
height: 100%;
margin: 0 auto;
font-family: 'Museo Sans', Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.25;
color: #6d6e70;
overflow-x: hidden;
}
a {
text-decoration: none;
color: #de3723;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}
/**
* ------------------------------------------------------ *
* Utilities
* ------------------------------------------------------ *
**/
.group:before, .group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
}
.center {
text-align: center;
}
.reset-mt {
margin-top: 0 !important;
}
.reset-mb {
margin-bottom: 0 !important;
}
.margin-bottom {
margin-bottom: 1em;
}
/**
* ------------------------------------------------------ *
* Styles
* ------------------------------------------------------ *
**/
.headline {
margin: 0 auto 3em;
}
h1 {
font-size: 2em;
line-height: 1.125;
margin: 1.25em 0 0;
}
h2, h3, .h2 {
font-size: 1.5em;
margin: 1.25em 0 0;
font-weight: normal;
}
h4, .h4 {
font-size: 1em;
line-height: 1.5;
margin: 2em 0 0.5em;
}
p {
margin-top: 0;
line-height: 1.5;
}
/**
* ------------------------------------------------------ *
* Content
* ------------------------------------------------------ *
**/
.wrapper {
max-width: 87.5em;
padding: 0 1.5em;
margin: 0 auto;
}
.header {
padding: 2em 0 1.5em;
border-bottom: 2px solid #8cc1c1;
}
.logo {
font-size: 0;
text-align: center;
}
.logo > * {
vertical-align: bottom;
}
.logo img {
height: 28px;
}
.logo > div {
display: inline-block;
margin-right: 1em;
font-size: 14px;
color: #999;
}
.grid-row {
width: 100%;
margin: 3em auto 3em;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.flex.middle {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.flex.first {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.grid-row.four-fifths {
width: 100%;
}
.aside {
width: 300px;
-webkit-flex: 1 100%;
-moz-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
text-align: center;
}
.aside img {
width: 300px;
}
.main {
-webkit-flex: 1 100%;
-moz-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
padding-left: 0;
}
.main.fix-left {
padding-right: 0;
}
.main-all {
-webkit-flex: 1 100%;
-moz-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
}
.headline {
text-align: center;
}
.headline h1 {
margin: 0.25em 0 0;
font-size: 1.5em;
line-height: 1.125;
}
.headline h2 {
margin: 0.25em 0 0;
font-size: 1.25em;
line-height: 1.25;
}
ul.default {
margin: 0;
padding-left: 1em;
}
ul.default li {
color: #D6D6D6;
}
ul.default li p {
color: #6d6e70;
margin: 0;
padding-bottom: 0.25em;
}
ul.default li:last-child p {
padding-bottom: 0;
}
.live-chat {
margin: 2em 0 0;
padding: 1.5em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #F2F2F2;
}
.live-chat .chat-content {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 0;
}
.live-chat .chat-content p {
position: relative;
padding-left: 0;
line-height: 1.5;
font-weight: bold;
}
.live-chat .chat-btn {
-webkit-flex: 1 100%;
-moz-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
}
.live-chat .chat-btn p {
margin-bottom: 0;
text-align: right;
}
.live-chat .btn {
width: 100%;
margin-top: 1em;
}
p.help-block {
position: relative;
padding-left: 2em;
line-height: 1.5;
}
.nc-icon {
position: absolute;
left: 0;
top: -5px;
width: 30px;
height: 30px;
}
.nc-icon.icon-info {
display: none;
background: url('../img/icons/icon-info-hd.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-checkmark {
background: url('../img/icons/checkmark-hd.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-start {
background: url('../img/pictograms/150/server-red.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-cpanel {
background: url('../img/pictograms/150/tools-red.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-mail {
background: url('../img/pictograms/150/email-red.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-support {
background: url('../img/pictograms/150/support-red.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-news {
background: url('../img/pictograms/150/news-red.png') no-repeat center center;
background-size: 100% auto;
}
.nc-icon.icon-blog {
background: url('../img/pictograms/150/browser-red.png') no-repeat center center;
background-size: 100% auto;
}
.btn {
font-size: 1.125em;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
padding: 0.5em 1em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
}
.btn.green {
text-shadow: 0 -1px 1px #6d9796;
background: #89c1c0; /* Old browsers */
background: -moz-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89c1c0), color-stop(100%, #6d9796)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* IE10+ */
background: linear-gradient(to bottom, #89c1c0 0%, #6d9796 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c1c0', endColorstr='#6d9796', GradientType=0);*/ /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #6c9494;
}
.btn.green:hover {
text-decoration: none;
text-shadow: 0 -1px 1px #4d7e7a;
background: #6b9494; /* Old browsers */
background: -moz-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b9494), color-stop(100%, #4d7e7a)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* IE10+ */
background: linear-gradient(to bottom, #6b9494 0%, #4d7e7a 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9494', endColorstr='#4d7e7a', GradientType=0); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn.green:active {
background: #4d7e7a; /* Old browsers */
background: -moz-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d7e7a), color-stop(100%, #6b9494)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d7e7a 0%, #6b9494 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d7e7a', endColorstr='#6b9494', GradientType=0); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@media all and (min-width: 480px) {
.headline h1 {
font-size: 2em;
line-height: 1.125;
}
.headline h2 {
font-size: 1.5em;
line-height: 1.25;
}
}
@media all and (min-width: 640px) {
.live-chat {
padding: 1.5em 1.5em 1.5em 1.125em;
}
.live-chat .chat-content {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 1.5em;
}
.live-chat .chat-content p {
padding-left: 2em;
}
.nc-icon.icon-info {
display: block;
}
.live-chat .chat-btn {
-webkit-flex: 0 240px;
-moz-flex: 0 240px;
-ms-flex: 0 240px;
flex: 0 240px;
}
.live-chat .btn {
margin-top: 0;
}
}
@media all and (min-width: 720px) {
.grid-row.four-fifths {
width: 80%;
}
}
@media all and (min-width: 800px) {
.wrapper {
padding: 0 3em;
}
.flex.first {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.logo {
text-align: right;
}
.grid-row.four-fifths {
width: 100%;
}
.aside {
-webkit-flex: 0;
-moz-flex: 0;
-ms-flex: 0;
flex: 0;
}
.main {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 2em;
}
.main.fix-left {
padding-left: 0;
padding-right: 2em;
}
.headline {
text-align: left;
}
.headline h1 {
margin: 1.25em 0 0;
}
}
@media all and (min-width: 1180px) {
.grid-row.four-fifths {
width: 80%;
}
}