article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display:block
}
audio,canvas,video {
    display:inline-block
}
audio:not([controls]) {
    display:none
}
[hidden] {
    display:none
}
html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
button,html,input,select,textarea {
    font-family: 'Open Sans', sans-serif;
    color:#222
}
body {
    margin:0;
    font-size:62.5%;
    line-height:1.4;
    background:#f3f3f5
}
#_l {
    z-index:100
}
#_d {
    z-index:101
}
::-moz-selection {
    background:#de5636;
    color:#fff;
    text-shadow:none
}
::selection {
    background:#de5636;
    color:#fff;
    text-shadow:none
}
* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
p {
    font-size:1.3em;
    line-height:1.6em;
    margin:0 0 1em 0
}
h1 {
    font-size:3em;
    line-height:1em;
    color:#000;
    font-weight:400
}
h2 {
    font-size:2.5em;
    line-height:1em;
    color:#000;
    font-weight:400
}
h3 {
    font-size:2em;
    line-height:1em;
    color:#000;
    font-weight:400
}
h1.amatic {
    font-size:2.5em!important;
    line-height:.3em!important
}
h1.amatic span {
    font-family:Amatic SC;
    font-size:140px;
    line-height:1em;
    font-weight:700;
    display:block!important
}
p.emph {
    font-size:1.5em;
    color:#000
}
ul {
    list-style:none
}
ol li,ul li {
    font-size:1.3em;
    line-height:1.6em
}
#main ol li,#main ul li {
    color:#575757
}
#main ol li span,#main ul li span {
    color:#333
}
ol ul {
    margin-bottom:0
}
ol {
    list-style-type:lower-alpha
}
.clear {
    clear:both
}
.block {
    max-width:1008px;
    margin:0 auto;
    position:relative
}
.container {
    width:100%;
    margin:0 auto
}
.m10-0 {
    margin:10px 0;
    overflow:auto
}
.m20-0 {
    margin:20px 0;
    overflow:auto
}
.m30-0 {
    margin:30px 0;
    overflow:auto
}
.m40-0 {
    margin:40px 0;
    overflow:auto
}
.p10-0 {
    padding:10px 0;
    overflow:auto
}
.p20-0 {
    padding:20px 0;
    overflow:auto
}
.p30-0 {
    padding:30px 0;
    overflow:auto
}
.p40-0 {
    padding:40px 0;
    overflow:auto
}
.p50-0 {
    padding:50px 0;
    overflow:auto
}
.no-padding-bottom {
    padding-bottom:0!important
}
.no-top-padding {
    padding-top:0!important
}
.no-side-padding {
    padding-left:0!important;
    padding-right:0!important
}
.w10 {
    width:10%
}
.w20 {
    width:20%
}
.w30 {
    width:30%
}
.w40 {
    width:40%
}
.w50 {
    width:50%
}
.w60 {
    width:60%
}
.w70 {
    width:70%
}
.w80 {
    width:80%
}
.w90 {
    width:90%
}
.w100 {
    width:100%
}
.no-margin {
    margin:0
}
.no-padding {
    padding:0
}
.top-margin {
    margin-top:0
}
.bottom-margin {
    margin-bottom:0
}
.right-margin {
    margin-right:0
}
.left-margin {
    margin-left:0
}
.top-padding {
    padding-top:0
}
.bottom-padding {
    padding-bottom:0
}
.right-padding {
    padding-right:0
}
.left-padding {
    padding-left:0
}
.half {
    width:50%
}
.left {
    float:left
}
.right {
    float:right
}
.align-right {
    text-align:right
}
.align-left {
    text-align:left
}
.align-center {
    text-align:center
}
#main .contents .full-col.align-left p {
    text-align:left;
    max-width:none;
    padding-bottom:30px
}
.img-bdr {
    padding:3px;
    border:1px solid #000
}
img {
    max-width:100%
}
header {
    clear:both;
    background:#4699d1
}
p.callus {
    background:none repeat scroll 0 0 #dce5f0;
    border:medium none;
    border-radius:4px;
    color:#373737;
    display:block;
    font-size:1.4em;
    font-weight:600;
    margin-bottom:16px;
    padding:10px 22px;
    text-align:center!important;
    text-decoration:none;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:ease-in-out;
    text-transform:uppercase
}
.btn,a.btn {
    background:#de5636;
    padding:10px 22px;
    font-size:1.7em;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    display:block;
    text-align:center;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
    border:none;
    margin-bottom:16px
}
.btn:hover,a.btn:hover {
    background:#f28970;
    color:#fff;
    text-decoration:none
}
a.line-btn {
    border:2px solid #fff;
    background:0 0;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
    margin-bottom:16px
}
.line-btn:hover,a.line-btn:hover {
    background:#f28970;
    color:#fff;
    text-decoration:none
}
aside {
    clear:both;
    padding:0;
    overflow:hidden
}
.clearfix:after,.clearfix:before {
    content:" ";
    display:table
}
.clearfix:after {
    clear:both
}
.desktop-only {
    display:none
}
.lightgrey-back {
    background:#fafafa!important;
    overflow:auto;
    display:block
}
.grey-back {
    background:#eaeaea!important;
    overflow:auto
}
#main .block {
    background:#4699d1
}
.mapframe {
    overflow:auto;
    display:inline-block
}
.mapframe iframe {
    pointer-events:none
}
@media only screen and (min-width:768px) {
    #main .block {
        background:0 0
    }
    h1.amatic span {
        font-size:186px
    }
}
@media only screen and (min-width:830px) {
    header {
        background:#fff
    }
}
@media only screen and (min-width:1024px) {
    .grey-back img {
        max-width:115%
    }
    iframe {
        margin:0 auto;
        display:block
    }
    iframe.video {
        max-width:100%
    }
    .full-frame-half,.mapframe {
        display:block;
        float:left;
        padding:0;
        width:50%;
        max-width:600px
    }
    .mapframe iframe {
        border:0 none;
        display:block;
        padding:0;
        width:100%;
        max-width:600px
    }
}
@media only screen and (max-width:768px) {
    iframe.video {
        max-width:100%;
        height:390px
    }
}
#main .contents .blue-back {
    background:#0072c6;
    overflow:auto;
    color:#fff!important
}
#main .contents .blue-back p {
    padding:0 80px 40px;
    text-align:center;
    color:#fff
}
.alternative {
    background:rgba(0,0,0,.07);
    padding:12px;
    font-size:1.2em;
    text-align:left
}
@media only screen and (min-width:768px) {
    a.btn {
        display:inline-block;
        margin-right:16px
    }
    .mobile-only {
        display:none!important
    }
    .desktop-only {
        display:block
    }
    a.btn-center {
        display:inline-block;
        text-align:center;
        margin:0 auto!important
    }
}
@media only screen and (min-width:830px) {
    header {
        position:absolute;
        top:-130px;
        width:100%
    }
}
@media only screen and (min-width:1024px) {
    header {
        top:-134px
    }
    .container {
        width:100%
    }
}
.center-image {
    margin:10px auto;
    display:block
}
a {
    color:#de5636;
    text-decoration:none
}
a:hover {
    text-decoration:underline
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:600
}
blockquote {
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 1.3em 0
}
dfn {
    font-style:italic
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ddd;
    margin:0;
    padding:0
}
ins {
    background:#ff9;
    color:#000;
    text-decoration:none
}
mark {
    background:#ff0;
    color:#000;
    font-style:italic;
    font-weight:700
}
code,kbd,pre,samp {
    font-family:monospace,serif;
    font-size:1.3em
}
pre {
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q {
    quotes:none
}
q:after,q:before {
    content:"";
    content:none
}
small {
    font-size:85%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
ol,ul {
    margin:0;
    padding:0 0 0 20px
}
dd {
    margin:0 0 0 40px
}
nav ol,nav ul {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0
}
img {
    border:0;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:0
}
form {
    margin:0
}
fieldset {
    border:0;
    margin:0;
    padding:0
}
label {
    cursor:pointer
}
legend {
    border:0;
    padding:0;
    white-space:normal
}
button,input,select,textarea {
    font-size:100%;
    margin:0;
    vertical-align:baseline
}
button,input {
    line-height:normal
}
button,input[type=button],input[type=reset],input[type=submit] {
    cursor:pointer;
    -webkit-appearance:button
}
button[disabled],input[disabled] {
    cursor:default
}
input[type=checkbox],input[type=radio] {
    box-sizing:border-box;
    padding:0
}
input[type=search] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
textarea {
    overflow:auto;
    vertical-align:top;
    resize:vertical
}
.quform textarea {
    overflow:auto;
    vertical-align:top;
    resize:vertical;
    width:100%;
    display:block
}
.quform input,.quform input[type=email],.quform input[type=tel],.quform input[type=text],.quform select,.quform textarea {
    display:block;
    width:100%;
    padding:10px;
    margin-top:14px
}
.quform input[type=email],.quform input[type=tel],.quform input[type=text],.quform select,.quform textarea {
    border:none;
    background:#efefef;
    font-size:1.2em
}
.quform-white input[type=email],.quform-white input[type=tel],.quform-white input[type=text],.quform-white select,.quform-white textarea {
    border:none;
    background:#fefefe;
    font-size:1.2em
}
.quform label {
    margin-top:14px
}
.hasPlaceholderText {
    color:#aaa
}
.chromeframe {
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0
}
header .block {
    margin:0 auto;
    position:absolute;
    width:100%
}
header .container {
    padding:10px 20px;
    width:60%;
    overflow:auto
}
#logo a {
    background:url(/images/structure/logo-mobile1.png) no-repeat;
    background-size:cover;
    width:100%;
    height:40px;
    margin:0 auto;
    max-width:140px;
    display:block
}
#logo img {
    width:100%;
    height:auto;
    margin:0 auto;
    max-width:140px;
    display:none
}
@media only screen and (min-width:830px) {
    #logo a {
        background:0 0;
        height:auto;
        width:auto;
        margin:auto;
        max-width:none
    }
    #logo img {
        display:block
    }
}
@media only screen and (min-width:830px) {
    header .block {
        margin:0 auto;
        width:auto;
        position:relative
    }
    header .container {
        width:100%
    }
    #logo {
        width:20%;
        display:inline-table;
        float:left
    }
    #logo img {
        width:87%;
        height:auto;
        display:block;
        margin:0 0;
        max-width:300px
    }
}
@media only screen and (min-width:1024px) {
    header .container {
        padding:10px 0;
        width:100%;
        overflow:auto
    }
}
.toptext {
    padding:20px 0;
    text-align:center
}
.toptext:after {
    content:"";
    display:table;
    clear:both
}
.toptext h1 {
    text-transform:uppercase;
    font-size:3em;
    font-weight:300;
    padding:0 20px;
    margin:10px 0;
    color:#fff
}
.toptext h1 strong {
    font-weight:600
}
.toptext h1 span {
    font-weight:600;
    display:block
}
.toptext.officelogo {
    display:none
}
.toptext.officelogo h1 {
    background-image:url(../images/content/office365/office365logo.png);
    background-repeat:no-repeat;
    width:398px;
    height:90px;
    display:block;
    margin:0 auto;
    text-indent:-9999em;
    text-align:center
}
.toptext p {
    font-size:1.5em;
    color:#fff
}
@media only screen and (min-width:768px) {
    .toptext {
        text-align:left;
        max-width:600px;
        color:#fff;
        margin:70px 40px 50px;
        padding:0
    }
    #main.vps .toptext {
        margin-top:100px
    }
    .toptext h1 {
        color:#fff;
        font-size:4em;
        padding:0
    }
    .toptext .dark {
        color:#333
    }
    .toptext.officelogo {
        display:block
    }
}
#quoteblock {
    background:url(../images/structure/quote-back.png) no-repeat center top #5c719b;
    overflow:hidden;
    display:none;
    visibility:hidden
}
#quoteblock .container {
    padding:88px 0 20px;
    overflow:hidden
}
#quoteblock img {
    border-radius:50%;
    margin:20px auto;
    border:6px solid #6f84ae;
    display:block;
    visibility:hidden;
    position:relative;
    z-index:10
}
#quoteblock p {
    display:inline-block;
    float:right;
    color:#fff;
    font-size:1.6em;
    padding:60px 20px 30px;
    background:#5c719b;
    visibility:hidden;
    position:relative;
    z-index:11
}
#quoteblock p span {
    color:#91a3c9;
    display:block
}
#quoteblock a.btn {
    background:0 0;
    color:#fff;
    border:2px solid #a0aeca;
    font-size:1.4em;
    display:block;
    margin-top:20px
}
@media only screen and (min-width:768px) {
    #quoteblock {
        display:block
    }
    #quoteblock .container {
        padding:120px 0 50px
    }
    #quoteblock img {
        position:absolute
    }
    #quoteblock p {
        width:68%
    }
    #quoteblock a.btn {
        max-width:200px
    }
}
@media only screen and (min-width:920px) {
    #quoteblock p {
        width:75%
    }
}
.show-text {
    padding:50px 0 0
}
@media only screen and (min-width:920px) {
    .show-text {
        padding:24px 0 0 40px
    }
}
p.pageterms {
    color:#828282!important;
    font-size:9px!important;
    padding:16px 0
}
.columns {
    width:100%;
    padding:0 0 0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.bottom-columns .col {
    margin-top:20px!important;
    margin-bottom:20px!important
}
.columns .banner {
    width:100%;
    position:relative;
    overflow:visible;
    height:auto!important
}
.columns .banner ul {
    margin:0;
    padding:0;
    list-style:0
}
.unslider-arrow {
    position:absolute;
    top:180px;
    left:0;
    display:block;
    z-index:30;
    background:rgba(0,0,0,.3);
    color:#fff;
    font-size:12px;
    padding:65px 15px 10px;
    text-decoration:none!important
}
.unslider-arrow:hover {
    background:rgba(0,0,0,.5)
}
.unslider-arrow.next {
    left:auto;
    right:0
}
.unslider-arrow:after {
    position:absolute;
    top:10px;
    left:10px;
    background-image:url(/images/structure/slider-arrows.png);
    background-size:cover;
    content:"";
    display:block;
    width:35px;
    height:50px
}
.unslider-arrow.next:after {
    background-image:url(/images/structure/slider-arrows.png);
    background-position:-35px 0
}
.col {
    background:rgba(255,255,255,.885);
    width:100%;
    padding:50px 70px;
    display:inline-block;
    float:left;
    text-align:center;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
    position:relative
}
.col3:hover,.col4:hover,.col5:hover {
    background:rgba(255,255,255,1);
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out
}
.col.windows {
    background:url(/images/structure/windows-hosting-icon-small.png) no-repeat #fff 12px 12px
}
.col .inner {
    width:100%
}
.col .inner p {
    text-align:left
}
.col .inner h3 {
    text-align:center;
    margin-top:0;
    font-size:27px;
    font-weight:300;
    line-height:1.4em
}
.col .inner h3 span {
    font-weight:600;
    display:block
}
.col .inner h3 small {
    font-size:.6em
}
.col .inner>small {
    text-align:center;
    display:block;
    margin-top:16px
}
.col .inner img {
    width:100%;
    display:block;
    height:auto
}
.col .inner form {
    overflow:auto
}
.col .inner .btn {
    margin-top:0;
    font-size:17px
}
.col .inner input[type=submit] {
    width:100%
}
.col4 .inner h3,.col5 .inner h3 {
    font-size:22px
}
.col1 {
    margin:-20px 0 40px!important;
    padding:0
}
.color-col .col {
    background:#de5636;
    color:#fff
}
.color-col .col:nth-child(2) {
    background:#3ea1c3
}
.color-col .col:nth-child(3) {
    background:#8bc750
}
@media only screen and (min-width:768px) {
    .columns {
        padding:0
    }
    .unslider-arrow {
        display:none
    }
    .col {
        margin-right:2.2%;
        padding:30px
    }
    .col1 {
        padding:0
    }
    .col2 {
        width:38.8%
    }
    .col2:first-child {
        margin-left:10%
    }
    .col2:last-child {
        margin-right:10%
    }
    .col3 {
        width:31.82%;
        margin-bottom:18px
    }
    .col3:nth-child(3n) {
        margin-right:0
    }
    .col4,.col5 {
        width:48.8%;
        margin-bottom:18px
    }
    .col4:nth-child(2n),.col5:nth-child(2),.col5:nth-child(4) {
        margin-right:0
    }
    .col .inner input[type=submit] {
        width:180px
    }
}
@media only screen and (min-width:1024px) {
    .col.windows {
        background:url(/images/structure/windows-hosting-icon.png) no-repeat left 0;
        margin-top:-20px
    }
    .col.windows .inner {
        padding-top:30px
    }
    .col .btn {
        width:100%;
        max-width:180px;
        margin:20px auto;
        display:block
    }
    .col2 {
        width:32.8%
    }
    .col2:first-child {
        margin-left:15%
    }
    .col2:last-child {
        margin-right:15%
    }
    .col4 {
        width:23.3%;
        width:calc(25% - 15px)!important;
        margin-bottom:40px;
        margin-right:20px
    }
    .col4:nth-child(2n) {
        margin-right:20px
    }
    .col4:nth-child(4n) {
        margin-right:0
    }
    .col3 {
        margin-bottom:40px
    }
    .col5 {
        width:18.18%;
        margin-bottom:40px
    }
    .col5:nth-child(2),.col5:nth-child(4) {
        margin-right:2.2%
    }
    .col5:last-child {
        margin-right:0
    }
}
progress,progress[role] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    background-size:auto;
    background-color:#cdcdcd;
    height:28px;
    width:100%;
    text-align:left
}
.col .inner .skill-list {
    list-style:none;
    margin:0;
    padding:10px 0 24px
}
.vps .col .inner .skill-list {
    padding:10px 0 0 0
}
.col .inner .skill-list h4 {
    text-align:left;
    font-size:12px;
    font-weight:400;
    color:#999;
    margin:0
}
.col .inner .skill {
    margin-bottom:5px;
    position:relative
}
.col .inner .skill:last-child {
    margin-bottom:0
}
.col .inner .skill h3 {
    color:#fff;
    left:7px;
    font-size:14px;
    line-height:1em;
    position:absolute;
    top:7px
}
.col .inner .skill::-webkit-progress-value {
    -webkit-animation:bar-fill 3s;
    width:0;
    background:#ff6b6b
}
.col .inner .skill::-moz-progress-bar {
    animation:bar-fill 3s;
    -moz-animation:bar-fill 3s;
    width:0;
    background:#ff6b6b
}
.col .inner .skill strong {
    display:block
}
.col:nth-child(2) .inner .skill::-webkit-progress-value {
    background:#ff9e2c;
    -webkit-animation:bar-fill 4s
}
.col:nth-child(2) .inner .skill::-moz-progress-bar {
    background:#ff9e2c
}
.col:nth-child(3) .inner .skill::-webkit-progress-value {
    background:#67cb86;
    -webkit-animation:bar-fill 4.5s
}
.col:nth-child(3) .inner .skill::-moz-progress-bar {
    background:#67cb86
}
.col:nth-child(4) .inner .skill::-webkit-progress-value {
    background:#558ccf;
    -webkit-animation:bar-fill 5s
}
.col:nth-child(4) .inner .skill::-moz-progress-bar {
    background:#558ccf
}
@-webkit-keyframes bar-fill {
    0% {
        width:0
    }
}
@keyframes bar-fill {
    0% {
        width:0
    }
}
.col .inner .standard-list {
    padding:14px 0
}
.col .inner .standard-list li {
    text-align:center;
    list-style:none;
    border-bottom:1px solid #ddd;
    color:#71777d;
    padding:7px;
    font-size:15px
}
.special-offers-corner {
    display:none
}
@media only screen and (min-width:820px) {
    .special-offers-corner {
        display:block;
        position:absolute;
        top:114px;
        right:0;
        z-index:20
    }
}
@media only screen and (min-width:1024px) {
    .special-offers-corner {
        position:absolute;
        top:122px;
        right:0
    }
}
.partner-boxes {
    overflow:auto;
    display:table;
    width:100%;
    margin:0
}
.partner-boxes .box {
    position:relative;
    width:50%;
    float:left;
    background:#f8f8f8;
    border:1px solid #ededed;
    border-collapse:collapse;
    display:table-cell;
    position:relative;
    min-height:220px
}
.partner-boxes .box:before {
    content:"";
    display:block;
    padding-top:100%
}
.partner-boxes .box p {
    padding:16px!important;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    font-size:1.3em!important;
    line-height:1.3em;
    font-weight:300
}
.partner-boxes .box p strong {
    margin-bottom:10px;
    display:block;
    color:#787878
}
.partner-boxes .box img {
    width:80%;
    height:auto;
    margin:10%;
    position:absolute;
    top:0;
    left:0
}
.partner-boxes .box-white {
    background:#efefef
}
.partner-boxes .box-blue {
    background:#0eb7f2;
    color:#fff
}
@media only screen and (min-width:600px) {
    .partner-boxes .box p {
        padding:36px!important;
        font-size:1.6em!important
    }
}
@media only screen and (min-width:960px) {
    .partner-boxes {
        width:100%
    }
    .partner-boxes .box {
        width:25%;
        float:left
    }
    .partner-boxes .box .content h4 {
        max-width:120px
    }
}
.linkboxes {
    overflow:auto;
    display:block;
    width:100%;
    visibility:hidden
}
.linkboxes .box {
    position:relative;
    width:100%;
    float:left;
    background:#e1e1e6
}
.linkboxes .box:before {
    content:"";
    display:block;
    padding-top:100%
}
.linkboxes .box .content {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:0 0;
    padding:30px
}
.linkboxes .box-effect {
    position:relative;
    float:left;
    overflow:hidden;
    margin:0;
    text-align:center;
    cursor:pointer
}
.linkboxes .box-effect:before {
    content:"";
    display:block;
    padding-top:100%
}
.linkboxes .box-effect img {
    display:block;
    min-height:100%;
    max-width:100%
}
.linkboxes .box-effect span {
    padding:2em;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.linkboxes .box-effect span:after,.linkboxes .box-effect span:before {
    pointer-events:none
}
.linkboxes .box-effect span,.linkboxes .box-effect span>a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.linkboxes .box-effect span>a {
    z-index:10;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0
}
.linkboxes .box-effect h4 {
    font-weight:300;
    font-size:1.4em;
    text-transform:uppercase;
    margin-top:0
}
.linkboxes .box-effect h4 span {
    font-weight:800
}
.linkboxes .box-effect p {
    letter-spacing:1px;
    font-size:73%
}
.linkboxes .box-effect img {
    max-width:none;
    width:-webkit-calc(100% + 50px);
    width:calc(100% + 50px);
    opacity:.8;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    position:absolute;
    top:50%;
    left:50%;
}
.linkboxes .box-effect.slide-up img {
    width:-webkit-calc(140% + 70px);
    width:calc(140% + 70px);
    opacity:.7;
    -webkit-transform:translate3d(-84px,0,0);
    transform:translate3d(-84px,0,0);
    top:0
}
.linkboxes .box-subtle img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: .7;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(-50%,-50%,0) scale(1);
    position: absolute;
    top: 50%;
}
.linkboxes .box-subtle h4, .linkboxes .box-subtle p {
    color: #333!important;
}
.linkboxes .box-effect span {
    text-align:left
}
.linkboxes .box-effect div {
    position:absolute;
    bottom:0;
    left:0;
    padding:30px;
    width:100%;
    height:100%
}
.linkboxes .box-effect h4,.linkboxes .box-effect p {
    -webkit-transform:translate3d(0,40px,0);
    transform:translate3d(0,40px,0)
}
.linkboxes .box-effect h4 {
    -webkit-transition:opacity .2s,-webkit-transform .35s;
    transition:opacity .2s,transform .35s;
    opacity:0;
}
.linkboxes .box-effect h4 strong {
    font-weight:700
}
.linkboxes .box-effect p {
    color:rgba(40,40,40,.8);
    opacity:0;
    -webkit-transition:opacity .2s,-webkit-transform .35s;
    transition:opacity .2s,transform .35s;
    position:relative;
    max-width:132px
}
.linkboxes .box-blue h4,.linkboxes .box-blue p,.linkboxes .box-red h4,.linkboxes .box-red p,.linkboxes .box-subtle h4,.linkboxes .box-subtle p,.linkboxes .ukbox h4,.linkboxes .ukbox h4 p {
    color:rgba(255,255,255,.94)
}
.linkboxes .box-effect:hover img,.linkboxes .box-effect:hover p, .linkboxes .box-effect:hover h4 {
    opacity:1
}
.linkboxes .box-effect:hover h4,.linkboxes .box-effect:hover p {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.linkboxes .box-effect:hover img {
    -webkit-transform: translate3d(-50%,-50%,0) scale(1.1);
    transform: translate3d(-50%,-50%,0) scale(1.1);
    opacity: 0.05;
}
.linkboxes .slide-up:hover img {
    -webkit-transform:translate3d(-84px,-14px,0);
    transform:translate3d(-84px,-14px,0)
}
.linkboxes .box-subtle:hover img {
    -webkit-transform: translate3d(-50%,-50%,0) scale(1.1);
    transform: translate3d(-50%,-50%,0) scale(1.1);
}
.linkboxes .box-effect:hover p {
    -webkit-transition-delay:50ms;
    transition-delay:50ms;
    -webkit-transition-duration:.35s;
    transition-duration:.35s
}
.linkboxes .box-effect p:before {
    position:absolute;
    background:#de5636;
    width:60%;
    height:3px;
    display:block;
    content:"";
    top:-15px
}
.linkboxes .box-effect:after {
    position:absolute;
    bottom:0;
    right:0;
    content:">";
    padding:10px 10px;
    width:20px;
    line-height:1em;
    font-size:2em;
    font-weight:700;
    color:rgba(255,255,255,.8);
    background:rgba(0,0,0,.15)
}
.linkboxes .box-white {
    background:#fff
}
.linkboxes .box-red {
    background:#de5636
}
.linkboxes .box-blue {
    background:#0eb7f2
}
.linkboxes .ukbox {
    background:#47bdd7
}
.linkboxes .box-effect h4 {
    font-size:22px;
    max-width:140px
}
@media only screen and (min-width:420px) {
    .linkboxes .box {
        width:50%
    }
    .linkboxes .box-effect h4 {
        font-size:17px
    }
}
@media only screen and (min-width:768px) {
    .webdesign-boxes {
        width: 55%;
        float: left;
        margin: 7em 0 0;
    }
    .webdesign.toptext.centered {
        max-width: 40%;margin: 70px auto 50px;float: right;
    }
    .linkboxes .box .content h4 {
        max-width:120px
    }
}
@media only screen and (min-width:1024px) {
    .linkboxes .box {
        width: 33.33333%;
        float:left
    }
    .linkboxes .box-effect h4 {
        max-width:154px
    }
    .linkboxes .box-effect p {
        max-width:172px
    }
    .linkboxes .box-subtle p {
        max-width:100px
    }
}
.standard-includes,.top-includes {
    text-align:left;
    padding:0 0
}
.standard-includes>p:first-child {
    text-align:center;
    width:100%;
    display:block;
    margin-bottom:20px
}
.standard-includes .col {
    padding:12px 20px;
    margin-bottom:10px
}
.standard-includes .col p {
    text-align:justify
}
.standard-includes .col ul {
    padding:0
}
.standard-includes .col li {
    text-align:left
}
.standard-includes .col h4 {
    text-align:center;
    font-size:1.6em;
    margin:0 0 6px;
    position:relative;
    padding:0;
    padding-top:90px;
    overflow:hidden
}
.standard-includes i {
    display:block;
    width:100%;
    background:#ddd;
    color:#fff;
    font-size:38px;
    padding:30px 10px
}
.standard-includes .col h4:before {
    background-image:url(/images/content/icons/dserver.png);
    background-repeat:no-repeat;
    background-position:30px 0;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-66px;
    content:"";
    display:block;
    width:110px;
    height:88px
}
.standard-includes .col.bandwidth h4:before,.standard-includes .col.cc h4:before,.standard-includes .col.control h4:before,.standard-includes .col.features h4:before,.standard-includes .col.firewall h4:before,.standard-includes .col.huk h4:before,.standard-includes .col.info h4:before,.standard-includes .col.kvm h4:before,.standard-includes .col.monitoring h4:before,.standard-includes .col.network h4:before,.standard-includes .col.servers h4:before,.standard-includes .col.twenty h4:before,.standard-includes .col.why-windows h4:before {
    display:none
}
.standard-includes .col.bandwidth h4,.standard-includes .col.cc h4,.standard-includes .col.control h4,.standard-includes .col.features h4,.standard-includes .col.firewall h4,.standard-includes .col.huk h4,.standard-includes .col.info h4,.standard-includes .col.kvm h4,.standard-includes .col.monitoring h4,.standard-includes .col.network h4,.standard-includes .col.servers h4,.standard-includes .col.twenty h4,.standard-includes .col.why-windows h4 {
    padding-top:10px
}
#main:not(.dedicated_new) .standard-includes .col h4 {
    text-align:center;
    font-size:1.6em;
    margin:0 0 6px;
    position:relative;
    padding:0;
    padding-top:90px;
    overflow:hidden
}
#main:not(.dedicated_new) .standard-includes .col.cc h4:before {
    display:block;
    background-position:-247px 0
}
#main:not(.dedicated_new) .standard-includes .col.twenty h4:before {
    display:block;
    background-position:-534px 0
}
#main:not(.dedicated_new) .standard-includes .col.bandwidth h4:before {
    display:block;
    background-position:30px -294px
}
#main:not(.dedicated_new) .standard-includes .col.network h4:before {
    display:block;
    background-position:-247px -294px
}
#main:not(.dedicated_new) .standard-includes .col.monitoring h4:before {
    display:block;
    background-position:-534px -294px
}
#main:not(.dedicated_new) .standard-includes .col.control h4:before {
    display:block;
    background-position:30px -565px
}
#main:not(.dedicated_new) .standard-includes .col.kvm h4:before {
    display:block;
    background-position:-247px -565px
}
#main:not(.dedicated_new) .standard-includes .col.why-windows h4:before {
    display:block;
    background-position:-780px 0
}
#main:not(.dedicated_new) .standard-includes .col.features h4:before {
    display:block;
    background-position:-782px -294px
}
#main:not(.dedicated_new) .standard-includes .col.servers h4:before {
    display:block;
    background-position:-782px -565px
}
#main:not(.dedicated_new) .standard-includes .col.huk h4:before {
    display:block;
    background-position:-1058px -294px
}
#main:not(.dedicated_new) .standard-includes .col.info h4:before {
    display:block;
    background-position:-534px -565px
}
#main:not(.dedicated_new) .standard-includes .col.firewall h4:before {
    display:block;
    background-position:-1057px -567px
}
.standard-includes .col.sunrise h4:before {
    background-position:-930px -145px
}
.standard-includes .col.landrush h4:before {
    background-position:-1063px -150px
}
.standard-includes .col.ga h4:before {
    background-position:-778px -150px
}
.standard-includes .col.power h4:before {
    background-position:-1360px -286px
}
.standard-includes .col.security h4:before {
    background-position:-1227px -286px
}
.standard-includes .col.connectivity h4:before {
    background-position:-247px -294px
}
.standard-includes .col.designtools h4:before {
    background-position:-1230px 0
}
.standard-includes .col.mobile h4:before {
    background-position:-1367px 0
}
.standard-includes .col.templates h4:before {
    background-position:-1520px 0
}
.standard-includes .col.social h4:before {
    background-position:-1365px -143px
}
.standard-includes .col.language h4:before {
    background-position:-1530px -140px
}
.standard-includes .col.scripting h4:before {
    background-position:-1672px 0
}
.standard-includes .col.basket h4:before {
    background-position:-1230px -141px
}
.standard-includes .col.blogging h4:before {
    background-position:-535px -144px
}
.standard-includes .col.ads h4:before {
    background-position:-932px -286px
}
.standard-includes .col.map h4:before {
    background-position:-931px 6px
}
.standard-includes .col.tel h4:before {
    background-position:-1674px -138px
}
.standard-includes .col.number1 h4:before {
    background-position:32px -718px
}
.standard-includes .col.number2 h4:before {
    background-position:-247px -718px
}
.standard-includes .col.number3 h4:before {
    background-position:-534px -718px
}
.standard-includes .col.number4 h4:before {
    background-position:-787px -718px
}
.standard-includes .col.number5 h4:before {
    background-position:-1058px -718px
}
.standard-includes .col.number6 h4:before {
    background-position:32px -878px
}
.standard-includes .col.number7 h4:before {
    background-position:-247px -878px
}
.standard-includes .col.number8 h4:before {
    background-position:-534px -878px
}
.standard-includes .col.number9 h4:before {
    background-position:-787px -878px
}
.standard-includes .col.number10 h4:before {
    background-position:-1058px -878px
}
.top-includes .col h4 {
    text-align:center;
    font-size:1.6em;
    margin:0 0 6px;
    position:relative;
    padding:0;
    padding-top:110px;
    overflow:hidden
}
.top-includes .col h4:before {
    background-image:url(/images/content/icons/dserver.png);
    background-repeat:no-repeat;
    background-position:30px 0;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-66px;
    content:"";
    display:block;
    width:120px;
    height:110px
}
.top-includes .col.network-sla h4:before {
    background-position:14px -954px
}
.top-includes .col.network-contention h4:before {
    background-position:-172px -954px
}
.top-includes .col.network-247 h4:before {
    background-position:-359px -954px
}
img.block-image {
    margin:0;
    display:block;
    width:100%;
    height:auto
}
@media only screen and (min-width:768px) {
    img.block-image {
        margin:16px 0 0
    }
}
#main {
    background:#f3f3f5;
    clear:both;
    overflow:auto
}
#main .contents {
    background:#fff;
    position:relative;
    z-index:5
}
#main .contents p {
    color:#575757;
    font-size:1.5em
}
#main .contents p.top-para {
    padding:0 4px 40px;
    text-align:center!important;
    color:#2b2b2b;
    font-size:1.8em
}
#main .contents p.fixleft {
    text-align:left!important
}
@media only screen and (min-width:768px) {
    #main .contents p.top-para {
        padding:0 40px 40px
    }
}
#main .contents p.mid-para {
    padding:10px 80px;
    text-align:center;
    color:#2b2b2b;
    font-size:1.8em
}
#main .contents .full-col p:last-child {
    padding-bottom:0
}
#main .contents p.center {
    text-align:center
}
#main .contents .full-col .quote-para {
    overflow:auto;
    padding-bottom:50px
}
#main .contents .full-col .quote-para blockquote {
    margin-bottom:10px;
    font-size:2.4em;
    text-align:center
}
#main h2 {
    text-align:center;
    font-weight:300;
    margin:50px 30px 0;
    line-height:1.3em
}
#main .half-col h3,#main .large-left-col h3,#main .large-right-col h3,#main .small-left-col h3,#main .small-right-col h3 {
    font-size:1.8em;
    line-height:1.3em;
    margin-bottom:7px
}
#main .half-col h3:first-child,#main .large-left-col h3:first-child,#main .large-right-col h3:first-child,#main .small-left-col h3:first-child,#main .small-right-col h3:first-child {
    margin-top:0
}
#main .full-col h2,#main .half-col h2,#main .large-left-col h2,#main .large-right-col h2,#main .small-left-col h2,#main .small-right-col h2 {
    margin:0 0 40px 0;
    position:relative
}
#main ul li:last-of-type {
    border-bottom:none!important
}
#main .full-col ul li,#main .half-col ul li,#main .large-left-col ul li,#main .large-right-col ul li,#main .small-left-col ul li,#main .small-right-col ul li, #main.webdesign .col ul li {
    background:url(/images/content/icons/list-arrow-red.png) 0 11px no-repeat;
    padding:4px 0 4px 14px;
    border-bottom:2px dotted #ebebeb
}
#main ul.standard li {
    color:#333;
    font-size:1.4em;
    list-style:none;
    padding:3px 0;
    border-bottom:2px dotted #ebebeb;
    background:0 0
}
.terms ol li,.terms ul li {
    font-size:14px;
    line-height:1.6em;
    padding:6px 0
}
#main ul.contact,#main ul.contact li ul {
    padding:0;
    margin:0
}
#main ul.contact li {
    color:#333;
    font-size:1.4em;
    list-style:none;
    padding:15px 0 15px 58px;
    position:relative;
    border-bottom:2px dotted #ebebeb;
    background:0 0
}
#main ul.contact li:before {
    background-image:url(/images/content/icons/contact-icons.png);
    background-repeat:no-repeat;
    position:absolute;
    height:52px;
    width:42px;
    display:block;
    content:"";
    top:11px;
    left:0
}
#main ul.contact li.tel:before {
    background-position:0 7px
}
#main ul.contact li.fax:before {
    background-position:0 -49px
}
#main ul.contact li.email:before {
    background-position:0 -106px
}
#main ul.contact li ul {
    padding-top:0
}
#main ul.contact li ul li {
    color:#787878;
    font-size:.9em;
    list-style:none;
    padding:0;
    position:relative;
    border:none 0
}
#main ul.contact li li:before {
    background:0 0
}
#main h3.travel {
    position:relative;
    padding:48px 0 0 0
}
#main h3.travel:after {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-30px;
    content:"";
    background:url(/images/content/icons/dserver.png) 0 -452px;
    width:60px;
    height:40px
}
#main h3.travel {
    position:relative;
    padding:56px 0 0 0
}
#main h3.travel:after {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-30px;
    content:"";
    background:url(/images/content/icons/dserver.png) 0 -449px;
    width:60px;
    height:40px
}
#main h3.vacancy {
    position:relative;
    padding:56px 0 0 0
}
#main h3.vacancy:after {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-30px;
    content:"";
    background:url(/images/content/icons/dserver.png) -290px -450px;
    width:60px;
    height:40px
}
#main h3.registration {
    position:relative;
    padding:56px 0 0 0
}
#main h3.registration:after {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-30px;
    content:"";
    background:url(/images/content/icons/dserver.png) -580px -451px;
    width:60px;
    height:40px
}
.small-left-col {
    padding:0 40px 40px
}
.small-right-col {
    padding:0 40px 40px
}
.large-left-col {
    padding:40px
}
.large-right-col {
    padding:40px
}
.half-col {
    padding:20px
}
.full-col {
    width:100%;
    display:block;
    padding:40px 20px 20px;
    border:0;
    clear:both
}
.full-col:after {
    display:table;
    content:"";
    clear:both
}
#main .contents .half-col p,#main .contents .large-left-col p,#main .contents .large-right-col p,#main .contents .small-left-col p,#main .contents .small-right-col p {
    padding:0
}
.half-col img {
    width:100%;
    height:auto;
    margin-bottom:20px
}
.small-left-col img,.small-right-col img {
    max-width:100%;
    display:block;
    margin:0 auto
}
.half-col table img {
    width:auto;
    margin:0
}
@media only screen and (min-width:768px) {
    #main {
        background-image:url(../images/content/backgrounds/grey-angle-small.png),url(../images/content/backgrounds/index-angle.jpg);
        background-repeat:no-repeat;
        background-color:#f3f3f5;
        background-size:164%;
        background-position:left top,center top;
        -webkit-transition-property:all;
        -webkit-transition-duration:.3s;
        -moz-transition-property:all;
        -moz-transition-duration:.3s;
        -o-transition-property:all;
        -o-transition-duration:.3s;
        transition-property:all;
        transition-duration:.3s;
        transition-timing-function:ease-in-out;
        overflow:hidden;
        position:relative
    }
    #main.about {
        background-image:url(../images/content/backgrounds/grey-angle-small.png),url(../images/content/backgrounds/about.jpg)
    }
    #main.domain {
        background-image:url(../images/content/backgrounds/grey-angle-small.png),url(../images/content/backgrounds/domains.jpg)
    }
    #main.domains-results {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/domains-results.jpg)
    }
    #main.wales {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/wales.jpg)
    }
    #main.london {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/london.jpg)
    }
    #main.hosting {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/webguy.jpg)
    }
    #main.wordpress {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/hosting-wordpress.jpg)
    }
    #main.developer {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/developer.jpg)
    }
    #main.vps {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/cloudylights.jpg)
    }
    #main.exchange {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/mail.jpg)
    }
    #main.dedicated {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/servertry2.jpg)
    }
    #main.colo {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/colo.jpg)
    }
    #main.contact {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/contact.jpg)
    }
    #main.cpanel {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/cpanel.jpg)
    }
    #main.ssl {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/ssl.jpg)
    }
    #main.network {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/network.jpg)
    }
    #main.guarantee {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/guarantee.jpg)
    }
    #main.sitebuilder {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/sitebuilder.jpg)
    }
    #main.testi {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/testimonials.jpg)
    }
    #main.switch {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/move.jpg)
    }
    #main.offers {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/offers.jpg)
    }
    #main.dcs {
        background-image:url(../images/content/backgrounds/grey-angle.png),url(../images/content/backgrounds/dc.jpg)
    }
    #main.office {
        background-image:url(../images/content/backgrounds/office.jpg)
    }
    #main.cloudback {
        background-image:url(../images/content/backgrounds/dc.jpg)
    }
    #main.cloudstorage {
        background-image:url(../images/content/backgrounds/dc.jpg)
    }
    #main.businessmail {
        background-image:url(../images/content/backgrounds/dc.jpg)
    }
    #main.filtering {
        background-image:url(../images/content/backgrounds/filtering.jpg)
    }
    #main.dedicatednew {
        background-image:url(../images/content/backgrounds/grey-blank.png)
    }
    #main.freemove {
        background-image:url(../images/content/backgrounds/123.jpg)
    }
}
@media only screen and (min-width:830px) {
    #main {
        margin-top:130px
    }
    #main .contents .full-col>p {
        max-width:760px;
        margin:0 auto;
        display:block;
        text-align:center
    }
}
@media only screen and (min-width:1024px) {
    #main {
        background-size:152%;
        margin-top:134px
    }
    .small-left-col {
        float:left;
        width:40%;
        display:block;
        padding:50px 25px 50px 50px;
        border:0
    }
    .small-right-col {
        float:right;
        width:40%;
        display:block;
        padding:50px 50px 50px 25px;
        border:0
    }
    .large-right-col {
        float:right;
        width:60%;
        display:block;
        padding:50px 50px 50px 25px;
        border:0
    }
    .large-left-col {
        float:left;
        width:60%;
        display:block;
        padding:50px 25px 50px 50px;
        border:0
    }
    .half-col {
        float:left;
        width:50%;
        display:block;
        padding:50px 80px 50px 25px;
        border:0
    }
    .half-col:first-of-type {
        padding:50px 25px 50px 80px
    }
    .full-col {
        padding:50px;
        display:block;
        width:100%
    }
    .contents:nth-child(2) .full-col {
        padding-bottom:10px
    }
    .half-col img {
        width:auto
    }
    .full-col>img {
        max-width:600px;
        margin:40px auto 20px;
        display:block
    }
    #main .half-col h2,#main .large-left-col h2,#main .large-right-col h2,#main .small-left-col h2,#main .small-right-col h2 {
        text-align:left;
        max-width:300px
    }
    #main .half-col h2:after,#main .large-left-col h2:after,#main .large-right-col h2:after,#main .small-left-col h2:after,#main .small-right-col h2:after {
        content:"";
        background:url(/images/structure/h2underline.png) no-repeat 0 0;
        padding-bottom:0
    }
    #main .contents .full-col .quote-para p {
        padding:19px 0 0 20px;
        font-size:1.6em;
        text-align:left;
        display:inline-block;
        width:65%
    }
    #main .contents .full-col .quote-para blockquote {
        padding:15px 14px 0 40px;
        margin-bottom:10px;
        font-size:4em;
        line-height:1.12em;
        text-align:right;
        float:left;
        width:30%;
        display:inline-block;
        font-weight:300
    }
    .small-left-col img {
        width:100%;
        height:auto
    }
}
@media only screen and (min-width:1300px) {
    #main {
        background-size:120%
    }
}
@media only screen and (min-width:1600px) {
    #main {
        background-size:100%
    }
}
#menu li.left {
    display:table-cell;
    text-align:left;
    width:20px;
    white-space:nowrap
}
#menu li {
    display:table-cell;
    text-align:right;
    width:auto
}
.tabbed-area {
    display:table;
		width: 100%;
    margin:0 auto
}
.tabs {
    padding:0;
    overflow:hidden;
    display:table-row;
    width:100%;
    text-align:center
}
.tabs li {
    list-style:none;
    display:table-cell;
    width:auto
}
.tabs li a {
    display:block;
    padding:18px 30px;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
    color:#fff;
    background-color:rgba(40,40,40,.75)
}
.tabs li:first-child a {
    border-left:none;
    border-radius:4px 0 0 0
}
.tabs li:last-child a {
    border-left:none;
    border-radius:0 4px 0 0
}
.tabs li a:hover {
    color:#fff;
    background-color:rgba(40,40,40,.4)
}
.tabs li.active a,.tabs li.active a:hover {
    color:#2d3646;
    background-color:#fff
}
.accordion_tabs {
    display:none;
    width:100%;
    padding:30px 30px 30px 36px;
    border-bottom:1px solid #dfdfdf;
    background:#f4f4f4;
    transition:all linear .15s;
    position:relative;
    font-size:2em;
    color:#222
}
a.accordion_tabs:link,a.accordion_tabs:visited {
    color:#21759b
}
a.accordion_tabs:hover {
    color:#d54e21;
    background:#fff
}
a.accordion_tabs.active {
    background:#fff;
    padding-bottom:0;
    text-decoration:none;
    border-bottom:none
}
a.accordion_tabs:first-child {
    border-top:1px solid #dfdfdf
}
a.accordion_tabs:after {
    position:absolute;
    top:12px;
    right:40px;
    content:"+";
    font-size:2.2em;
    color:#d54e21
}
a.accordion_tabs.active:after {
    position:absolute;
    top:12px;
    right:45px;
    content:"-"
}
.accordion {
    overflow:hidden;
    background:#f7f7f7
}
@media only screen and (max-width:767px) {
    .large-right-col.accordion-specific {
        padding:0
    }
    .large-right-col.accordion-specific .tab_content {
        padding:30px 20px;
        background:#fff
    }
}
.col a.fake-select-tab,.col a.select-tab {
    border-bottom:1px dotted #474747;
    background:0 0;
    margin:0;
    padding:0;
    font-size:1.4em;
    color:#333;
    text-decoration:none;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
    display:inline-block
}
.col a.fake-select-tab:hover,.col a.select-tab:active,.col a.select-tab:hover {
    margin:0;
    padding:0;
    color:#de5636;
    border-bottom:1px dotted #de5636
}
@media screen and (max-width:768px) {
    .tabs {
        display:none
    }
    .accordion_tabs {
        display:block
    }
    .tab_content {
        border:none;
        border-bottom:1px solid #dadada
    }
}
.mid-tabbed-area {
    display:block;
    width:100%;
    margin:0 auto;
    border-radius:4px
}
.mid-tabbed-area .tabs {
    padding:0;
    overflow:hidden;
    display:table;
    text-align:center
}
.mid-tabbed-area .tabs li {
    list-style:none;
    display:none;
    width:auto;
    background:0 0!important;
    padding:0!important;
    margin:0!important;
    border:none!important;
    min-width:100px
}
.mid-tabbed-area .tabs li a {
    padding:12px 6px;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
    color:#2d3646;
    margin:0;
    text-align:center;
    background:rgba(40,40,40,0);
    width:100%;
    border:1px solid #ddd;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out
}
.mid-tabbed-area .tabs li a:hover {
    color:#de5636;
    background-color:rgba(40,40,40,0);
    border:1px solid #de5636
}
.mid-tabbed-area .tabs li.active a,.mid-tabbed-area .tabs li.active a:hover {
    color:#fff;
    background:none repeat scroll 0 0 #de5636;
    border:1px solid #de5636
}
.mid-tabbed-area .tabs li:first-child a {
    border-radius:4px 0 0 4px
}
.mid-tabbed-area .tabs li:last-child a {
    border-radius:0 4px 4px 0
}
@media screen and (min-width:1024px) {
    .mid-tabbed-area {
        padding:0 0;
        margin-top:60px;
        width:54%
    }
    .mid-tabbed-area .tabs li {
        display:table-cell
    }
}
.dc-tabbed-area {
    display:block;
    width:100%;
    margin:0 auto;
    border-radius:4px
}
.dc-tabbed-area .tabs {
    padding:0;
    overflow:hidden;
    display:table;
    text-align:center
}
.dc-tabbed-area .tabs li {
    list-style:none;
    display:none;
    width:auto;
    background:0 0!important;
    padding:0!important;
    margin:0!important;
    border:none!important;
    min-width:100px
}
.dc-tabbed-area .tabs li a {
    padding:12px 18px;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
    color:#2d3646;
    margin:0;
    text-align:left;
    background:rgba(40,40,40,0);
    width:100%;
    border:1px solid #fafafa;
    border-right:1px solid #ddd;
    border-radius:0;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out
}
.dc-tabbed-area .tabs li a:hover {
    color:#de5636;
    background-color:rgba(40,40,40,0);
    border:1px solid #de5636;
    border-right:1px solid #fafafa
}
.dc-tabbed-area .tabs li.active a,.dc-tabbed-area .tabs li.active a:hover {
    color:#de5636;
    background:0 0;
    border:1px solid #ddd;
    border-right:1px solid #fafafa;
    border-left:4px solid #de5636
}
.dc-tabbed-area .tabs li.active a:hover {
    border:1px solid #de5636;
    border-right:1px solid #fafafa;
    border-left:4px solid #de5636
}
@media screen and (min-width:1024px) {
    .dc-tabbed-area {
        padding:0 0;
        margin-top:8px;
        width:99%
    }
    .dc-tabbed-area .tabs li {
        display:block
    }
}
.accordion {
    overflow:hidden;
    background:#f7f7f7
}
.accordion-section-title {
    width:100%;
    padding:30px 72px 30px 50px;
    display:inline-block;
    border-bottom:1px solid #dfdfdf;
    background:#f4f4f4;
    transition:all linear .15s;
    position:relative
}
.accordion-section-title:first-child {
    border-top:1px solid #dfdfdf
}
.accordion-section-title:after {
    position:absolute;
    top:20px;
    right:50px;
    content:"+";
    font-size:3em
}
.accordion-section-title.active {
    background:#fff;
    padding-bottom:0;
    text-decoration:none;
    border-bottom:none
}
.accordion-section-title:hover {
    background:#fff;
    text-decoration:none
}
.accordion-section-title.active:after {
    position:absolute;
    top:20px;
    right:53px;
    content:"-"
}
.accordion-section-title h4 {
    font-size:2em;
    color:#222;
    margin:0
}
.accordion-section-title h4 span {
    color:#de5636
}
.accordion-section-content {
    padding:0 15px 15px;
    display:none;
    background:#fff;
    overflow:auto;
    border-bottom:1px solid #dfdfdf
}
.faqs {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:40px;
    counter-reset:div
}
.faqs>div {
    border:1px solid #ddd;
    background:#f8f8fa;
    padding:40px;
    width:100%;
    margin-bottom:10px;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
    position:relative
}
.faqs>div:nth-child(1,4,6,9,10,12,13) {
    background:#fff
}
.faqs>div:after {
    position:absolute;
    top:-13px;
    left:-13px;
    background:#de5636;
    color:#fff;
    content:counter(div);
    counter-increment:div;
    border-radius:50%;
    font-size:22px;
    padding:3px 0;
    width:36px;
    text-align:center
}
.faqs>div:focus,.faqs>div:hover {
    border:1px solid #ebebeb;
    background:#fff
}
.faqs>div h3 {
    margin:0 0 10px;
    line-height:24px;
    font-size:16px;
    position:relative
}
.faqs>div h4 {
    margin:0 0 10px;
    line-height:24px;
    font-size:16px;
    position:relative
}
.faqs>div p {
    display:block;
    width:100%
}
.faqs>div ul {
    padding:0
}
@media screen and (min-width:1024px) {
    .faqs>div {
        display:inline-block;
        float:left;
        width:47.6%;
        margin:10px
    }
}
#timeline {
    color:#fff;
    font-size:14px;
    width:100%;
    overflow:hidden;
    padding:20px 0 0 0;
    position:relative;
    background:#fff
}
#dates {
    width:100%!important;
    overflow:hidden;
    padding:20px 0 30px;
    background:url(/images/content/about/dot.gif) left 65px repeat-x #f9f9f9;
    position:absolute;
    z-index:4;
    margin:0!important;
    border:1px solid #f2f2f2
}
#dates li {
    list-style:none;
    float:left;
    width:140px;
    height:50px;
    font-size:14px;
    text-align:center;
    background:url(/images/content/about/biggerdot.png) center bottom no-repeat
}
#dates a {
    line-height:38px;
    padding-bottom:10px;
    color:#de5636
}
#dates .selected {
    font-size:38px
}
#issues {
    width:1008px;
    height:auto;
    overflow:hidden;
    padding:160px 0 0 0;
    margin:0;
    background:#474747
}
#issues li {
    width:1008px;
    padding:0;
    height:auto;
    list-style:none;
    float:left
}
#dates li:first-child {
    margin-left:100px
}
#issues li img {
    float:left;
    margin:12px 0 0 100px;
    width:38%;
    height:auto;
    display:inline-block;
    max-width:506px
}
#issues li p {
    font-weight:400;
    line-height:22px;
    font-size:13px!important;
    padding:50px 70px 50px;
    color:#fff;
    float:left;
    width:50%
}
#issues li p span {
    font-size:1.9em;
    display:block;
    color:#999;
    margin-bottom:6px
}
#next,#prev {
    position:absolute;
    font-size:70px;
    top:262px;
    width:52px;
    height:54px;
    background-position:0 0;
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    opacity:.34;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out
}
#next:hover,#prev:hover {
    opacity:1
}
#next {
    right:0;
    background-image:url(/images/content/about/next.png)
}
#prev {
    left:14px;
    background-image:url(/images/content/about/prev.png)
}
#next.disabled,#prev.disabled {
    opacity:.2
}
.has-icon {
    position:relative;
    padding:0 0 12px 60px;
    margin-top:20px;
    border-bottom:1px dashed #ddd
}
.has-icon:last-child {
    border:none
}
.has-icon:after {
    position:absolute;
    top:0;
    left:0;
    content:" ";
    background:url(/images/content/icons/dserver.png) 0 0 no-repeat;
    width:50px;
    height:50px;
    display:block
}
.transit-icon:after {
    background-position:-298px -312px
}
.ethernet-icon:after {
    background-position:-14px -169px
}
.cdn-icon:after {
    background-position:-283px -169px
}
.management-icon:after {
    background-position:-575px -444px
}
.enterprise-icon:after {
    background-position:-572px -166px
}
.twenty47-icon:after {
    background-position:-572px -24px
}
.our-customers {
    overflow:hidden;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.our-customers>div {
    overflow:auto;
    padding:0;
    width:100%;
    background:#f4f4f4;
    margin:20px 0
}
.our-customers p span {
    display:block;
    text-align:center;
    color:#de5636;
    padding-top:20px
}
.our-customers img {
    display:block;
    margin:0;
    position:relative;
    z-index:10;
    width:100%;
    height:auto
}
.our-customers p {
    background:none repeat scroll 0 0 #f4f4f4;
    display:block;
    font-size:1.6em;
    padding:30px!important;
    position:relative;
    z-index:11;
    width:100%;
    text-align:center
}
.our-customers p:before {
    bottom:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(244,244,244,0);
    border-bottom-color:#f4f4f4;
    border-width:15px;
    margin-left:-15px
}
@media screen and (min-width:768px) {
    .our-customers {
        padding:0 20px 40px
    }
    .our-customers>div {
        float:left;
        width:45%;
        margin:10px
    }
}
@media screen and (min-width:1024px) {
    .our-customers>div {
        float:left;
        width:45%;
        margin:20px
    }
}
#main.customers_page {
    background-image:url(../images/content/backgrounds/grey-angle-small.png),url(../images/content/backgrounds/customers.jpg)
}
#main.customers_page .toptext {
    max-width:100%;
    margin:0 auto 80px;
    padding:100px 0 0 0
}
#main.customers_page .toptext h1,#main.customers_page .toptext p {
    text-align:center
}
#main.customers_page .buttons {
    display:block;
    text-align:center;
    padding:20px;
    clear:both
}
#main.customers_page .toptext .buttons a {
    border-color:#fff!important;
    color:#fff!important
}
#main.customers_page a.ghostbutton {
    border:1px solid #de5636;
    font-size:16px;
    padding:12px 30px;
    line-height:1em;
    border-radius:4px;
    text-decoration:none
}
#main.customers_page a.ghostbutton:hover {
    background:rgba(222,86,54,.2)
}
#main.customers_page .toptext .buttons a.ghostbutton:hover {
    background:rgba(255,255,255,.3)
}
#main.customers_page a.nobutton {
    font-size:16px;
    padding:13px 20px;
    line-height:1em;
    color:#2f2f2f
}
.customer-logos .col3 h4 {
    font-size:1.4em
}
@media screen and (min-width:1024px) {
    #main.customers_page .toptext {
        max-width:50%;
        margin:80px 0 80px 40px;
        padding:0
    }
    #main.customers_page .toptext h1,#main.customers_page .toptext p {
        text-align:left
    }
    #main.customers_page .buttons {
        padding:20px 0;
        margin:0;
        text-align:left
    }
}
aside.customer-logos {
    background:#fafafa
}
.customer-logos h2 {
    color:#030303;
    margin-top:0;
    text-align:center;
    background:url(/images/content/backgrounds/info-standard-header.png) no-repeat center 0;
    padding-top:40px
}
.customer-logos .col {
    background:0 0
}
.customer-logos .col4 img {
    width:100%;
    height:auto
}
aside.customer-logos .col4:hover {
    -webkit-box-shadow:0 4px 5px -1px rgba(0,0,0,.2);
    -moz-box-shadow:0 4px 5px -1px rgba(0,0,0,.2);
    box-shadow:0 4px 5px -1px rgba(0,0,0,.2);
    transition:all .3s
}
.scrollable-table {
    overflow-x:scroll
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td {
    vertical-align:top
}
td span {
    position:relative;
    display:block
}
td span:hover {
    text-decoration:underline
}
table {
    width:100%;
    font-size:1.8em;
    position:relative
}
table tr:nth-child(2n+1) {
    background:#fafafa
}
table td {
    padding:10px;
    text-align:center;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef
}
table td:first-child {
    width:80%;
    text-align:left
}
table.comparison td:first-child {
    text-align:left
}
table tr.offer {
    position:relative;
    font-weight:700
}
table tr.offer td span {
    position:absolute;
    top:-15px;
    right:0;
    padding:5px 10px;
    font-weight:400;
    font-size:.6em;
    background:#de5636;
    color:#fff;
    display:block;
    text-transform:uppercase
}
table tr.offer td span:after {
    top:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(222,86,54,0);
    border-top-color:#de5636;
    border-width:6px;
    margin-left:-6px
}
table.features {
    font-size:1.4em
}
table.comparison {
    font-size:1.4em;
    margin:40px 0;
    position:relative
}
table.comparison.small-table {
    width:86%;
    margin:40px 18px 60px
}
table.comparison th {
    font-size:1.1em;
    padding:20px 2px;
    background:#fff;
    font-weight:700
}
table.comparison td:first-child {
    width:22%;
    text-transform:uppercase;
    color:#999
}
table.comparison.small-table td:first-child {
    width:20%;
    background:#fff;
    border-right:3px solid #ddd
}
table.left-align td,table.left-align th {
    text-align:left
}
table a.btn {
    font-size:1.1em;
    margin:0
}
.most-popular {
    background:rgba(145,183,239,.56)!important;
    color:#fff;
    padding:7px
}
table td a.ghostbutton {
    float:none;
    display:block;
    max-width:150px;
    margin:0 auto
}
@media only screen and (min-width:1024px) {
    .scrollable-table {
        overflow:visible
    }
    table tr.offer td span {
        top:0;
        right:auto;
        left:398px;
        padding:12px;
        font-weight:400;
        font-size:.78em;
        display:inline-block;
        white-space:nowrap
    }
    table tr.offer td span:not(.noafter):after {
        right:100%;
        top:50%;
        border:solid transparent;
        content:"";
        height:0;
        width:0;
        border-color:rgba(222,86,54,0);
        border-right-color:#de5636;
        border-width:10px;
        margin-top:-10px;
        margin-left:auto;
        font-size:1em
    }
}
.checkbox-element-wrapper .quform-errors {
    margin-top:0
}
.quform-success-message {
    background:#8cc41f;
    margin-bottom:20px;
    color:#fff;
    font-size:2em;
    padding:10px;
    font-weight:400
}
.quform-errors {
    margin-top:-20px;
    color:#f48028;
    padding-left:0
}
.checkbox-element-wrapper .quform-errors {
    margin-top:0
}
.quform-success-message {
    background:#3ea1c3;
    margin-bottom:20px;
    color:#fff;
    font-size:1.9em;
    padding:14px;
    font-weight:400
}
.quform label {
    color:#333;
    font-size:13px;
    line-height:1.6em;
    display:block
}
input[type=submit] {
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out
}
#chooseprice,#info-pop,#login-pop,#migration-pop,#sales-pop {
    background:rgba(0,0,0,.74)
}
#chooseprice {
    display:none;
    background:rgba(0,0,0,.74);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:9999
}
#chooseprice .choose-inner {
    width:90%;
    height:auto;
    position:absolute;
    top:70px;
    left:5%;
    background:#fff;
    padding:20px;
    max-height:88%
}
#chooseprice .choose-inner h2 {
    display:none;
    text-align:center
}
#chooseprice .choose-inner p {
    text-align:center;
    padding:0 30px
}
#chooseprice .choose-inner .plan {
    display:none
}
#chooseprice .choose-inner input[type=submit] {
    width:100%;
    margin-bottom:0
}
#chooseprice .choose-inner .terms {
    overflow:auto;
    margin-bottom:14px
}
#chooseprice .choose-inner .terms .term {
    width:100%;
    border-bottom:1px solid #dfdfdf;
    padding:12px
}
#chooseprice .choose-inner .terms .term:nth-child(2n+1) {
    background:#f2f2f2
}
#chooseprice .choose-inner .terms .term p {
    margin-top:-4px;
    padding:0;
    text-align:right;
    float:right
}
#chooseprice .choose-inner .terms .term p span {
    text-align:left;
    background:#474747;
    display:block;
    color:#fff;
    text-align:center;
    padding:0 12px
}
input[type=radio].css-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
input[type=radio].css-checkbox+label.css-label,input[type=radio].css-checkbox+label.css-label.clr {
    padding-left:45px;
    height:34px;
    display:inline-block;
    line-height:34px;
    background-repeat:no-repeat;
    background-position:0 0;
    font-size:16px;
    vertical-align:middle;
    cursor:pointer
}
input[type=radio].css-checkbox+label.css-label.chk,input[type=radio].css-checkbox:checked+label.css-label {
    background-position:0 -124px
}
label.css-label {
    background-image:url(/images/structure/radio-button-green.png);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
span.ruledescription,span.ui-button-text,span.ui-dialog-title {
    display:inline
}
form.plan div.imgchoice {
    display:table;
    width:100%
}
img.imagechoice {
    width:50%;
    padding:80px 30px 90px;
    background-image:url(/images/structure/vps-windows.png);
    background-position:50% 50%;
    background-size:22%;
    background-repeat:no-repeat;
    background-color:#fff;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
    height:70px;
    display:inline-block;
    position:relative
}
img.imagechoice.linux {
    background-image:url(/images/structure/vps-linux.png);
    background-repeat:no-repeat
}
img.imagechoice:hover {
    cursor:hand;
    cursor:pointer;
    background-color:#ececed;
    -webkit-transition-property:all;
    -webkit-transition-duration:.3s;
    -moz-transition-property:all;
    -moz-transition-duration:.3s;
    -o-transition-property:all;
    -o-transition-duration:.3s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out
}
img.imagechoice:nth-child(2) {
    margin-left:-1px
}
img.imagechoice.unselected {
    opacity:.4
}
img.imagechoice.selected {
    background-color:#ececed
}
img.imagechoice::after {
    content:"Windows";
    position:absolute;
    bottom:20px;
    left:50%;
    margin-left:-50px;
    text-align:center;
    display:inline-block;
    width:100px;
    height:16px
}
img.imagechoice.linux::after {
    content:"Linux"
}
form.plan div.continuebutton,form.plan div.imgchoice {
    text-align:center
}
#chooseprice table {
    margin-bottom:10px
}
#chooseprice table td {
    font-size:.8em;
    text-align:left
}
#chooseprice table td:first-child {
    width:38%
}
#chooseprice table td input {
    width:auto;
    margin-bottom:2px
}
#closechoice,#closeform,#closelogin {
    background:url(/images/structure/close-cross.png) 8px 8px no-repeat;
    opacity:.5;
    height:40px;
    width:40px;
    border-radius:30px;
    position:absolute;
    display:block;
    top:20px;
    right:20px;
    cursor:pointer;
    z-index:10001
}
#closechoice:hover,#closeform:hover,#closelogin:hover {
    opacity:1
}
@media only screen and (min-width:768px) and (max-width:1400px) {
    #chooseprice .choose-inner {
        overflow-y:scroll
    }
}
@media only screen and (min-width:768px) {
    #chooseprice {
        display:none;
        background:rgba(0,0,0,.74);
        position:fixed;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:9999
    }
    #chooseprice .choose-inner {
        height:auto;
        min-height:200px;
        background:#fff;
        padding:0;
        left:50%;
        position:absolute;
        top:10%;
        margin-left:-300px;
        width:600px
    }
    #chooseprice .choose-inner h2 {
        display:block
    }
    #chooseprice .choose-inner input[type=submit] {
        display:block;
        bottom:0;
        margin:0;
        border-radius:0;
        width:100%
    }
    #chooseprice .choose-inner .terms .term {
        padding:12px 32px
    }
}
.choose-inner .plat-choice {
    position:relative;
    overflow:auto
}
.choose-inner .plat-choice:after {
    content:"or";
    color:#fff;
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    display:block;
    text-align:center;
    background:#d4d4d4;
    bottom:70px;
    left:50%;
    margin-left:-20px;
    font-size:18px;
    line-height:38px
}
.map-choice {
    position:relative;
    padding:20px
}
.map-choice .marker {
    position:absolute;
    font-size:40px;
    color:#de5636;
    cursor:pointer
}
.map-choice .marker:hover {
    color:#f28970
}
.map-choice .marker:hover .tip {
    display:inline-block
}
.map-choice .marker .tip {
    display:none;
    position:absolute;
    font-size:12px;
    background:#333;
    color:#fff;
    padding:5px 10px;
    left:120%;
    top:29%;
    white-space:nowrap;
    z-index:500
}
.map-choice .marker .tip:after {
    right:100%;
    top:0;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(51,51,51,0);
    border-right-color:#333;
    border-width:13px
}
.marker.nyc {
    top:19%;
    left:29%
}
.marker.melbourne {
    top:63%;
    left:82%
}
.marker.singapore {
    top:32%;
    left:72%
}
.marker.dubai {
    top:28%;
    left:61%
}
.marker.berlin {
    top:13%;
    left:51%
}
.marker.london {
    top:13%;
    left:48%
}
.marker.la {
    top:25%;
    left:18%
}
.marker.miami {
    top:25%;
    left:27%
}
.os-choice {
    text-align:center
}
.os-choice select {
    font-size:16px;
    display:block;
    padding:5px;
    border-radius:5px;
    border:1px solid #ddd;
    margin:30px auto 20px auto
}
.choose-inner a.platform {
    width:50%;
    height:auto;
    min-height:200px;
    background-color:#f9f9f9;
    display:block;
    float:left;
    padding:170px 0 0 0;
    background-image:url(/images/structure/vps-windows.png);
    background-repeat:no-repeat;
    background-size:50%;
    background-position:center center;
    text-align:center;
    text-decoration:none;
    color:#474747;
    font-size:1.2em
}
.choose-inner a.platform:hover {
    background-color:#ededed;
    color:#de5636
}
.choose-inner a.platform.win {
    margin:0
}
.choose-inner a.platform.linux {
    margin:0;
    background-image:url(/images/structure/vps-linux.png)
}
.choose-inner a.platform.plesk {
    margin:0;
    background-image:url(/images/structure/vps-plesk.png)
}
.choose-inner a.platform.cpanel {
    margin:0;
    background-image:url(/images/structure/vps-cpanel.png)
}

@media only screen and (min-width:480px) {
    .choose-inner a.platform {
        background-size:42%
    }
}
@media only screen and (min-width:768px) {
    .choose-inner a.platform {
        background-size:30%;
        min-height:300px;
        padding:230px 0 0 0
    }
    .choose-inner .plat-choice:after {
        bottom:130px
    }
}
#login-pop {
    background:rgba(0,0,0,.74);
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999;
    display:none
}
.login-inner {
    background:0 0;
    height:auto;
    margin:0 5%;
    min-height:200px;
    padding:0;
    position:absolute;
    top:10px;
    width:90%
}
.login-inner a,.login-inner>p {
    margin-top:10px;
    color:#fff
}
.login-inner a {
    text-decoration:underline
}
.login-inner-container {
    background:#fff;
    overflow:auto;
    position:relative
}
.login-inner-container:after {
    background:none repeat scroll 0 0 #d4d4d4;
    border-radius:50%;
    bottom:47%;
    color:#fff;
    content:"or";
    display:block;
    font-size:18px;
    height:40px;
    left:50%;
    line-height:38px;
    margin-left:-20px;
    position:absolute;
    text-align:center;
    width:40px;
    display:none
}
.login-inner-container>div {
    float:left;
    display:inline-block;
    height:100%;
    padding:14px;
    width:50%;
    border-top:4px solid #fff
}
.login-inner-container>div:last-child {
    border-top:4px solid #f4f4f4;
    background:#f4f4f4;
    position:absolute;
    top:0;
    right:0
}
.login-inner-container>div:hover {
    border-top:4px solid #de5636
}
.login-inner-container>div .btn {
    margin:20px 0 0 0;
    display:block;
    text-decoration:none
}
.login-inner-container>div h3 {
    margin-top:0
}
.login-inner-container>div ul {
    padding:0 0 0 5px;
    min-height:128px
}
.login-inner-container>div ul li {
    background:url(/images/content/icons/list-arrow-red.png) no-repeat scroll 0 11px rgba(0,0,0,0);
    border-bottom:2px dotted #ebebeb;
    padding:4px 0 4px 14px
}
.login-inner h2 {
    color:#fff;
    text-transform:uppercase;
    padding-right:40px
}
@media only screen and (min-width:768px) {
    .login-inner-container>div {
        padding:40px
    }
    .login-inner-container:after {
        display:block
    }
}
@media only screen and (min-width:1024px) {
    .login-inner {
        background:0 0;
        height:auto;
        left:50%;
        margin-left:-250px;
        min-height:200px;
        padding:0;
        position:absolute;
        top:20%;
        width:500px
    }
}
#sales-pop {
    background:rgba(0,0,0,.74);
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999;
    display:none
}
.sales-inner {
    background:0 0;
    height:auto;
    margin:0 5%;
    min-height:200px;
    padding:0;
    position:absolute;
    top:10px;
    width:90%
}
.sales-inner form {
    background:#fff;
    padding:30px
}
.sales-inner h2 {
    color:#fff;
    text-transform:uppercase;
    padding-right:40px;
    margin-top:0
}
.sales-inner .contents {
    background:#fff;
    padding:30px;
    width:100%
}
.sales-inner .contents .textinput {
    display:block;
    background:#efefef;
    width:100%;
    padding:0;
    margin-bottom:16px;
    position:relative
}
.sales-inner .contents .textinput input {
    display:block;
    background:0 0;
    width:100%;
    padding:16px 16px 16px 76px;
    border:1px solid #efefef;
    font-size:1.4em
}
.sales-inner .contents input.btn {
    background:#de5636;
    padding:10px 22px;
    font-size:1.4em;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    display:block;
    text-align:center;
    border:none;
    margin-bottom:16px;
    width:100%
}
@media only screen and (min-width:768px) {
    .sales-inner .contents {
        padding:50px 50px 40px
    }
}
@media only screen and (min-width:1024px) {
    .sales-inner {
        left:50%;
        margin-left:-250px;
        padding:0;
        position:absolute;
        top:20%;
        width:500px
    }
}
#info-pop {
    background:rgba(0,0,0,.74);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9999;
    display:none
}
.info-inner {
    background:0 0;
    height:auto;
    margin:0 5%;
    min-height:200px;
    padding:0;
    position:absolute;
    top:10px;
    width:90%
}
.info-inner h2 {
    color:#fff;
    text-transform:uppercase;
    padding-right:40px;
    margin-top:0
}
.info-inner .packages {
    background:#fff;
    padding:30px;
    width:100%;
    display:table
}
.info-inner table.packages td {
    width:80%;
    display:table-cell;
    font-size:12px;
    text-align:left;
    padding:20px
}
.info-inner table.packages tr td:first-child {
    width:20%
}
.info-inner table.packages tr td:last-child {
    background:rgba(0,0,0,.033)
}
.info-inner table.packages td p {
    font-size:12px
}
.info-inner table.packages td img {
    display:block;
    margin-bottom:10px
}
.info-inner table.packages tr td:last-child img {
    width:auto;
    display:inline-block
}
.info-inner table.packages tr td ul {
    display:block;
    text-align:left;
    font-size:12px;
    list-style-type:disc
}
.info-inner table.packages tr td ul li {
    font-size:12px
}
.info-inner table.packages tr.oddrows {
    background:#fff
}
.info-inner table.packages tr.oddrows:nth-child(2n+1) {
    background:#eaeaea
}
@media only screen and (min-width:768px) {
    .info-inner .contents {
        padding:50px 50px 40px
    }
}
@media only screen and (min-width:1024px) {
    .info-inner {
        left:50%;
        margin-left:-430px;
        padding:0;
        position:absolute;
        top:20%;
        width:860px
    }
}
.migration-button,.migration-button-email {
    display:block;
    width:100%;
    height:auto
}
.migration-button img,.migration-button-email img {
    display:block;
    width:140%
}
.migration-button img:hover,.migration-button-email img:hover {
    opacity:.9
}
#migrate-pop {
    background:rgba(0,0,0,.74);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9999;
    display:none
}
.migrate-inner {
    background:0 0;
    height:auto;
    margin:0 5%;
    min-height:200px;
    padding:0;
    position:absolute;
    top:20px;
    width:90%
}
.migrate-inner h2 {
    color:#fff;
    text-transform:uppercase;
    padding-right:40px;
    margin-top:0
}
.migrate-inner h2 span {
    display:block;
    font-size:.8em
}
.migrate-inner>div {
    background:#fff;
    overflow:auto;
    padding:10px
}
.migrate-inner>div>h3 {
    text-align:center;
    font-size:26px
}
.migrate-inner>div p {
    font-size:12px;
    padding:20px
}
.migrate-inner>div p.top-para {
    color:#2b2b2b;
    font-size:1.8em;
    padding:0 4px 40px;
    text-align:center!important
}
.migrate-inner>div img {
    display:block;
    margin-bottom:10px
}
.migrate-inner>div .half-col {
    padding:0 10px!important
}
.migrate-inner>div .half-col:first-child {
    padding-right:30px!important
}
.migrate-inner>div .half-col h3 {
    margin-bottom:5px
}
.migrate-inner>div .half-col p {
    padding:10px 0
}
.migrate-inner .support-list {
    display:block;
    clear:both;
    width:100%;
    text-align:center;
    background:#f4f4f4
}
.migrate-inner .support-list p {
    padding:5px 0
}
.migrate-inner .support-list img {
    display:inline-block
}
@media only screen and (min-width:768px) {
    #migrate-pop {
        top:-134px
    }
    .migrate-inner {
        top:10px
    }
    .migrate-inner>div {
        padding:50px 50px 30px
    }
    .migrate-inner>div:nth-child(4) {
        padding-top:20px
    }
    .migrate-inner>div p {
        padding:40px
    }
    .migration-button,.migration-button-email {
        position:absolute;
        top:-10px;
        right:0;
        background:url(/images/content/office365/migration.png);
        text-indent:-9999em;
        max-width:236px;
        min-height:125px
    }
    .migration-button-email {
        background:url(/images/content/office365/migration-email.png)
    }
    .migration-button img,.migration-button-email img {
        display:none
    }
}
@media only screen and (min-width:1024px) {
    .migrate-inner {
        left:50%;
        margin-left:-430px;
        padding:0;
        position:absolute;
        top:50px;
        width:860px
    }
    .migration-button,.migration-button-email {
        right:-16px
    }
}
#further-info {
    background:#fafbfd;
    overflow:auto;
    border-top:1px solid #eee;
    padding:50px;
    text-align:center
}
#further-info p {
    margin:14px auto 30px;
    color:#575757;
    max-width:600px;
    font-size:1.5em;
    text-align:center;
    font-weight:300
}
#further-info h2 {
    color:#030303;
    margin-top:0;
    text-align:center;
    background:url(/images/content/backgrounds/info-standard-header.png) no-repeat center 0;
    padding-top:40px
}
#further-info .btn,#further-info a.btn {
    display:inline-block;
    text-align:center;
    margin:0 auto
}
@media only screen and (min-width:1024px) {
    #further-info .btn,#further-info a.btn {
        margin-top:4px
    }
}
#main .contents a.specialcode {
    background:#dfdfdf;
    padding:20px 20px 20px 100px!important;
    text-align:center;
    display:block;
    margin:0 auto 50px;
    max-width:380px;
    color:#000;
    font-size:1.9em;
    position:relative
}
#main .contents a.specialcode:after {
    background:#de5636;
    content:"Special Offer";
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    height:auto;
    max-height:100%;
    width:50px;
    color:#fff;
    text-transform:uppercase;
    padding:17px 20px;
    font-size:14px;
    line-height:18px
}
#main .contents a.specialcode:hover {
    background:#e8e8e8;
    text-decoration:none
}
#main .contents a.specialcode:hover:after {
    background:#e4756a
}
.warning-box {
    background:#f3f3f5;
    border:1px dotted #ebebeb;
    padding:20px;
    overflow:auto;
    margin:20px 0;
    font-size:.7em
}
.warning-box h3 {
    margin:0 0 12px 0;
    padding:0
}
footer {
    clear:both;
    padding:40px;
    background:#f3f3f5
}
#main footer .block {
    background:0 0
}
footer p {
    text-align:center
}
#partners {
    text-align:center;
    display:none;
    padding:0 0 40px 0
}
#to-top {
    position:fixed;
    right:0;
    top:90%;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:none
}
#to-top:hover {
    cursor:pointer
}
@media only screen and (min-width:768px) {
    #partners {
        display:block
    }
}
body:after {
    content:"less than 320px";
    font-size:300%;
    font-weight:700;
    position:fixed;
    bottom:0;
    right:0;
    width:300px;
    text-align:center;
    background-color:hsla(1,60%,40%,.7);
    color:#fff;
    display:none
}
@media only screen and (min-width:320px) {
    body:after {
        content:"320 to 480px";
        background-color:hsla(90,60%,40%,.7)
    }
}
@media only screen and (min-width:480px) {
    body:after {
        content:"480 to 768px";
        background-color:hsla(180,60%,40%,.7)
    }
    .none-480 {
        display:none
    }
}
@media only screen and (min-width:768px) {
    body:after {
        content:"768 to 1024px";
        background-color:hsla(270,60%,40%,.7)
    }
    .none-480 {
        display:block
    }
}
@media only screen and (min-width:1024px) {
    body:after {
        content:"1024 and up";
        background-color:hsla(360,60%,40%,.7)
    }
    .none-1024 {
        display:none
    }
}
.full-ad {
    width:100%;
    background:#fff;
    min-height:100px;
    text-align:center;
    padding:50px;
    visibility:hidden
}
.trustbox {
    width:100%;
    background:#fff;
    min-height:100px;
    text-align:center;
    padding:0
}
a.twitter h3 {
    color:#dc5d3f;
    font-size:2.8em;
    font-style:italic;
    font-weight:700;
    display:inline-block;
    margin:0;
    word-wrap:break-word;
    position:relative;
    padding:66px 0 0 0
}
a.twitter h3:before {
    content:"";
    background:url(/images/content/banners/megaphone.png) no-repeat;
    display:block;
    height:48px;
    width:45px;
    position:absolute;
    left:50%;
    top:0;
    margin-left:-23px
}
a.twitter p {
    margin:0
}
a.twitter span {
    color:#252a34
}
a.twitter:hover {
    text-decoration:none!important;
    opacity:.84
}
@media only screen and (min-width:768px) {
    a.twitter h3 {
        font-size:4.8em;
        padding:0 0 0 50px
    }
    a.twitter h3:before {
        left:0;
        top:8px;
        margin:0
    }
}
.popular,.spoffer {
    color:#2f2f2f;
    text-align:center;
    font-weight:600;
    font-size:1.2em;
    text-transform:uppercase;
    line-height:1.5em;
    background:#c8dde4;
    padding:13px 10px 7px;
    position:absolute;
    top:-5px;
    left:0;
    width:100%;
    height:auto;
    display:block;
    border-bottom:1px solid #b7d6e1
}
.popular:after,.popular:before,.spoffer:after,.spoffer:before {
    top:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.popular:after,.spoffer:after {
    border-color:rgba(200,221,228,0);
    border-top-color:#c8dde4;
    border-width:12px;
    margin-left:-12px
}
.popular:before,spoffer:before {
    border-color:rgba(183,214,225,0);
    border-top-color:#b7d6e1;
    border-width:13px;
    margin-left:-13px
}
.spoffer {
    background:#d93600;
    color:#fff;
    border-color:#cd3705
}
.spoffer:after {
    border-color:rgba(217,54,0,0);
    border-top-color:#d93600
}
spoffer:before {
    border-color:rgba(205,55,5,0);
    border-top-color:#cd3705
}
@media only screen and (min-width:768px) {
    .popular,.spoffer {
        top:-44px;
        line-height:1.8em;
        padding:10px
    }
}
.ir {
    display:block;
    border:0;
    text-indent:-999em;
    overflow:hidden;
    background-color:transparent;
    background-repeat:no-repeat;
    text-align:left;
    direction:ltr
}
.ir br {
    display:none
}
.hidden {
    display:none!important;
    visibility:hidden
}
.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.invisible {
    visibility:hidden
}
.clearfix:after,.clearfix:before {
    content:"";
    display:table
}
.clearfix:after {
    clear:both
}
@media print {
    * {
        background:0 0!important;
        color:#000!important;
        box-shadow:none!important;
        text-shadow:none!important;
        filter:none!important;
        -ms-filter:none!important
    }
    a,a:visited {
        text-decoration:underline
    }
    a[href]:after {
        content:" (" attr(href) ")"
    }
    abbr[title]:after {
        content:" (" attr(title) ")"
    }
    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content:""
    }
    blockquote,pre {
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead {
        display:table-header-group
    }
    img,tr {
        page-break-inside:avoid
    }
    img {
        max-width:100%!important
    }
    @page {
        margin:.5cm
    }
    h2,h3,p {
        orphans:3;
        widows:3
    }
    h2,h3 {
        page-break-after:avoid
    }
}
#fancybox-loading {
    position:fixed;
    top:50%;
    left:50%;
    width:40px;
    height:40px;
    margin-top:-20px;
    margin-left:-20px;
    cursor:pointer;
    overflow:hidden;
    z-index:2001;
    display:none
}
#fancybox-loading div {
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:480px;
    background-image:url(/images/structure/fancybox/fancybox.png)
}
#fancybox-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2000;
    display:none
}
#fancybox-tmp {
    padding:0;
    margin:0;
    border:0;
    overflow:auto;
    display:none
}
#fancybox-wrap {
    position:absolute;
    top:0;
    left:0;
    padding:20px;
    z-index:2001;
    outline:0;
    display:none;
    overflow:hidden
}
#fancybox-outer {
    position:relative;
    width:100%;
    height:100%;
    background:#fff
}
#fancybox-content {
    width:0;
    height:0;
    padding:0;
    outline:0;
    position:relative;
    overflow:hidden;
    z-index:2002;
    border:0 solid #fff;
    background:#fff;
    border:0
}
#fancybox-content div {
    margin:30px
}
#fancybox-hide-sel-frame {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:0 0;
    z-index:2001
}
#fancybox-close {
    position:absolute;
    top:27px;
    right:5px;
    width:20px;
    height:20px;
    background:transparent url(/images/structure/fancybox/fancy_close.png);
    cursor:pointer;
    z-index:2003;
    display:none
}
#fancybox-error {
    color:#444;
    font:normal 12px/20px Arial;
    padding:14px;
    margin:0
}
#fancybox-img {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:none;
    outline:0;
    line-height:0;
    vertical-align:top
}
#fancybox-frame {
    width:100%;
    height:100%;
    border:none;
    display:block
}
#fancybox-left,#fancybox-right {
    position:absolute;
    bottom:0;
    height:100%;
    width:35%;
    cursor:pointer;
    outline:0;
    background:transparent url(/images/structure/fancybox/blank.gif);
    z-index:2002;
    display:none
}
#fancybox-left {
    left:0
}
#fancybox-right {
    right:0
}
#fancybox-left-ico,#fancybox-right-ico {
    position:absolute;
    top:50%;
    left:-9999px;
    width:30px;
    height:30px;
    margin-top:-15px;
    cursor:pointer;
    z-index:2002;
    display:block
}
#fancybox-left-ico {
    background-image:url(/images/structure/fancybox/fancybox.png);
    background-position:-40px -30px
}
#fancybox-right-ico {
    background-image:url(/images/structure/fancybox/fancybox.png);
    background-position:-40px -60px
}
#fancybox-left:hover,#fancybox-right:hover {
    visibility:visible
}
#fancybox-left:hover span {
    left:20px
}
#fancybox-right:hover span {
    left:auto;
    right:20px
}
.fancybox-bg {
    position:absolute;
    padding:0;
    margin:0;
    border:0;
    width:20px;
    height:20px;
    z-index:2001
}
#fancybox-bg-n {
    top:-20px;
    left:0;
    width:100%;
    background-image:url(/images/structure/fancybox/fancybox-x.png)
}
#fancybox-bg-ne {
    top:-20px;
    right:-20px;
    background-image:url(/images/structure/fancybox/fancybox.png);
    background-position:-40px -162px
}
#fancybox-bg-e {
    top:0;
    right:-20px;
    height:100%;
    background-image:url(/images/structure/fancybox/fancybox-y.png);
    background-position:-20px 0
}
#fancybox-bg-se {
    bottom:-20px;
    right:-20px;
    background-image:url(/images/structure/fancybox/fancybox.png);
    background-position:-40px -182px
}
#fancybox-bg-s {
    bottom:-20px;
    left:0;
    width:100%;
    background-image:url(/images/structure/fancybox/fancybox-x.png);
    background-position:0 -20px
}
#fancybox-bg-sw {
    bottom:-20px;
    left:-20px;
    background-image:url(/images/structure/fancybox/fancybox.png);
    background-position:-40px -142px
}
#fancybox-bg-w {
    top:0;
    left:-20px;
    height:100%;
    background-image:url(/images/structure/fancybox/fancybox-y.png)
}
#fancybox-bg-nw {
    top:-20px;
    left:-20px;
    background-image:url(/images/structure/fancybox/fancybox.png);
    background-position:-40px -122px
}
#fancybox-title {
    font-family:Verdana;
    font-size:17px;
    z-index:2002;
    background:#eee;
    margin:6px 0 0 0;
    padding:7px;
    border:1px solid #dedede
}
.fancybox-title-inside {
    padding-bottom:10px;
    text-align:left;
    color:#333;
    background:#fff;
    position:relative
}
.fancybox-title-outside {
    padding-top:10px;
    color:#fff
}
.fancybox-title-over {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    text-align:left
}
#fancybox-title-over {
    padding:10px;
    background-image:url(/images/structure/fancybox/fancybox_title_over.png);
    display:block
}
.fancybox-title-float {
    position:absolute;
    left:5px!important;
    top:-20px;
    height:32px
}
#fancybox-title-float-wrap {
    border:none;
    border-collapse:collapse;
    width:auto
}
#fancybox-title-float-wrap td {
    border:none;
    white-space:nowrap
}
#fancybox-title-float-left {
    padding:0 0 0 15px;
    background:url(/images/structure/fancybox/fancybox.png) -40px -90px no-repeat
}
#fancybox-title-float-main {
    color:#2f2f2f;
    line-height:29px;
    font-weight:400;
    padding:0 0 3px 0;
    background:url(/images/structure/fancybox/fancybox-x.png) 0 -40px
}
#fancybox-title-float-right {
    padding:0 0 0 15px;
    background:url(/images/structure/fancybox/fancybox.png) -55px -90px no-repeat
}
.fancybox-ie6 #fancybox-close {
    background:0 0
}
.fancybox-ie6 #fancybox-left-ico {
    background:0 0
}
.fancybox-ie6 #fancybox-right-ico {
    background:0 0
}
.fancybox-ie6 #fancybox-title-over {
    background:0 0;
    zoom:1
}
.fancybox-ie6 #fancybox-title-float-left {
    background:0 0
}
.fancybox-ie6 #fancybox-title-float-main {
    background:0 0
}
.fancybox-ie6 #fancybox-title-float-right {
    background:0 0
}
#fancybox-hide-sel-frame,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right {
    height:expression(this.parentNode.clientHeight+"px")
}
#fancybox-loading.fancybox-ie6 {
    position:absolute;
    margin-top:0;
    top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px')
}
#fancybox-loading.fancybox-ie6 div {
    background:0 0
}
.fancybox-ie .fancybox-bg {
    background:0 0!important
}
.boagslider {
    position:relative;
    min-height:420px
}
.boagslider article {
    position:absolute;
    opacity:0;
    transition:2s;
    max-width:100%;
    width:100%;
    margin:0;
    background-size:cover;
    background-position:center;
    min-height:800px;
    padding-top:100px
}
.boagslider article.active {
    opacity:1;
    padding-top:55px;
    z-index:1
}
.boagslider article.center-text-slide h1,.boagslider article.center-text-slide p {
    text-align:center;
    margin:0 auto 20px;
    padding:0
}
.boagslider article.center-text-slide a.btn {
    text-align:center;
    margin:0 auto 20px;
    display:block;
    max-width:240px
}
.boagslider article h1 {
    max-width:525px
}
.boagslider article p {
    max-width:525px;
    color:#fff;
    display:block
}
.boagslider .angle {
    position:absolute;
    bottom:0;
    width:100%
}
.boagslider article .container {
    padding:0 30px
}
@media screen and (max-width:768px) {
    .boagslider {
        min-height:380px;
        background:#4699d1
    }
    .boagslider article {
        min-height:auto;
        background-image:none!important;
        padding:20px
    }
    .boagslider article.active {
        position:relative
    }
    .boagslider article .container {
        padding:0 20px
    }
    .boagslider article h1 {
        max-width:100%
    }
    .boagslider article p {
        max-width:100%
    }
}
@media screen and (max-width:400px) {
    .boagslider {
        min-height:500px;
        overflow:hidden
    }
    .boagslider article {
        overflow:hidden;
        min-height:500px
    }
}
@media screen and (min-width:2300px) {
    .boagslider article {
        min-height:890px
    }
}
.vps-builder {
    background:#de5636;
    padding:50px 8%
}
.slider.ui-slider {
    background: rgba(255,255,255,.3);
    height: 8px;
    width: 87.5%;
    margin: 0 auto;
    margin-bottom: 40px;
    border-radius: 10px;
    clear: both;
}
@media (max-width:768px) {
    .slider.ui-slider {
        margin-left:auto
    }
}
.slider.ui-slider .ui-slider-handle {
    background: #fff;
    height: 18px;
    width: 18px;
    border-radius: 100px;
    cursor: pointer;
    transition: .2s;
    top: -.55em!important;
    box-shadow: 1px 2px 10px rgba(0,0,0,.3);
    margin: 0;
    transform: translateX(-50%);
}
.slider.ui-slider .ui-slider-range {
    transition:.2s;
    background:#fff;
    border-radius:20px
}
.vps-builder .num {
    float: left;
    background: #fff;
    color: #de5636;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    border-radius: 20%;
    font-weight: 700;
    padding: 15px 10px;
    font-size: 20px;
    width: 100%;
    text-align: center;
    opacity: .3;
    margin: 0 4px 18px;
    position: relative;
    transition: .5s;
    cursor: pointer;
}
.vps-builder .num .stars .fa-star {
    margin:0 2px;
    font-size:18px
}
.vps-builder .num:after {
    top:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(136,183,213,0);
    border-top-color:#fff;
    border-width:6px;
    margin-left:-6px
}
.vps-builder .num.selected {
    opacity:1;
    box-shadow:1px 2px 10px rgba(0,0,0,.3)
}
.vps-builder .num.nomargin {
    margin-right:0
}
.vps-builder h1 {
    font-weight:lighter;
    margin-top:5px;
    text-align:center;
    font-size:25px;
    margin-bottom:50px;
    color:#fff
}
.vps-builder .spec {
    display:block;
    float:left;
    width:21.2%;
    margin-right:5%;
    font-size:14px;
    font-weight:lighter;
    color:#fff
}
.vps-builder .spec.bwidth,.vps-builder .spec.ips {
    margin-right:0
}
.vps-builder .spec span.title {
    display:block;
    font-size:16px;
    font-weight:lighter;
    color:#fff;
    border-bottom:3px solid #fff;
    padding-bottom:2px
}
.vps-builder .spec span.fig {
    font-size:50px;
    font-weight:700;
    text-align:center
}
.vps-builder .spec span.fig .fade {
    opacity:.5
}
.vps-builder a.btn {
    margin:0;
    display:block;
    background:#fff;
    color:#de5636;
    font-weight:700;
    float:right;
    margin-top:15px;
    box-shadow:1px 2px 10px rgba(0,0,0,.3)
}
.vps-builder .pricebox {
    clear:both;
    background:rgba(255,255,255,.05);
    margin:170px -80px -50px -80px;
    padding:10px 80px 40px 80px
}
.vps-builder .pricebox .price {
    float:left;
    color:#eeaa9a;
    font-size:20px;
    font-weight:lighter
}
.vps-builder .pricebox .price span {
    font-size:50px;
    font-weight:700;
    color:#fff
}
.vps-builder.custom .spec {
    width:100%;
    float:none;
    margin-right:0
}
.vps-builder.custom .slider.ui-slider {
    width:100%;
    margin:0 auto 30px auto!important
}
.vps-builder.custom .pricebox {
    margin:50px -80px -50px -80px
}
.vps-builder.custom .spec span.fig {
    float:right;
    font-size:30px
}
.vps-builder.custom .spec span.title {
    display:inline-block;
    border-bottom:0;
    padding-bottom:0;
    position:relative;
    top:8px
}
.vps-builder.custom .slider.ui-slider .ui-slider-handle {
    top:-.4em!important
}
.vps-builder.custom h1 {
    margin-bottom:30px
}
@media screen and (max-width:830px) {
    .vps-builder .spec {
        width:40%;
        margin:0 5%
    }
    .vps-builder .spec.bwidth,.vps-builder .spec.ips,.vps-builder .spec.san {
        margin-top:30px;
        margin-bottom:30px
    }
}
@media screen and (max-width:500px) {
    .vps-builder .num {
        width:24.25%
    }
    .vps-builder .num .stars {
        display:none
    }
    .vps-builder .num:after {
        display:none
    }
    .vps-builder .spec {
        width:100%;
        float:none;
        margin:10px 0 0 0!important
    }
    .vps-builder .pricebox {
        margin-top:40px;
        text-align:center
    }
    .vps-builder .pricebox .price {
        display:block;
        float:none;
        text-align:center
    }
    .vps-builder .pricebox a.btn {
        float:none
    }
}
.vps .columns .col p:last-child {
    margin-bottom:0
}
.vps .col .inner p {
    text-align:center
}
.vps .col .btn {
    margin:30px auto
}
#main.dedicated_new {
    background-image:url(../images/content/backgrounds/grey-angle-small.png),url(../images/content/backgrounds/managed-server.jpg)
}
#main.dedicated_new .toptext {
    max-width:75%;
    margin:0 auto;
    padding:60px 0
}
#main.dedicated_new .toptext h1,#main.dedicated_new .toptext p {
    text-align:center
}
#main.dedicated_new .buttons {
    display:block;
    text-align:center;
    padding:20px;
    clear:both
}
#main.dedicated_new .toptext .buttons a {
    margin:7px;
    border-color:#fff!important;
    color:#fff!important
}
#main.dedicated_new a.ghostbutton {
    border:1px solid #de5636;
    font-size:16px;
    padding:12px 30px;
    line-height:1em;
    border-radius:4px;
    text-decoration:none
}
#main.dedicated_new a.ghostbutton:hover {
    background:rgba(222,86,54,.2)
}
#main.dedicated_new .toptext .buttons a.ghostbutton:hover {
    background:rgba(255,255,255,.3)
}
#main.dedicated_new a.nobutton {
    font-size:16px;
    padding:13px 20px;
    line-height:1em;
    color:#2f2f2f
}
a.tier-table {
    cursor:pointer
}
@media screen and (min-width:1024px) {
    #main.dedicated_new .toptext {
        padding: 110px 0 80px
    }
    .half-col.outframe-l, .half-col.outframe-r {
        position: relative;
    		padding-top: 25px;
    }
    .half-col.outframe-l img {
        position: absolute;
        width: 110%;
        max-width: 110%;
        left: -15%;
    }
    .half-col.outframe-r img {
        position: absolute;
        width: 110%;
        max-width: 110%;
        right: -15%;
    }
}


.clearfix:after,.clearfix:before {
    display:table;
    content:' ';
}
.clearfix:after {
    clear:both;
}


/* Plesk */

#main .plesk-submenu {
    display: flex;
    text-align: center;
    margin: 0 0 1em;
    justify-content: center;
}
#main .plesk-submenu li:before {
    display: none;
}
#main .plesk-submenu li {
    padding: 0;
    margin-right: 1em;
}
#main .plesk-submenu li a {
    text-decoration: none;
    border: 1px solid #dadada;
    padding: .85em 1em 1em;
    background: #fff;
    color: #555;
    border-radius: 3px;
    transition: all 300ms ease;
    display: block;
}
#main .plesk-submenu li a:hover {
    color: #333;
    border-color: #333;
}
#main .plesk-submenu li a.active {
    color: #ec5f19;
    border-color: #ec5f19;
} 

.plesk-compare {
    position: relative;
    padding: 1em 0;
    margin: -1em 0;
}
.plesk-compare:after {
    content: "";
    position: absolute;
    left: calc(10vw + 20px);
    width: 1px;
    top: 0;
    bottom: 0;
    background: #6dc6e8;
}
.plesk-compare > div {
    position: relative;
}
.plesk-compare .bubble {
    position: absolute;
    left: calc(10vw + 20px);
    top: 50%;
    text-align: center;
    transform: translate(-50%, -55%);
    z-index: 10;
    color: #e0e0e0;
    text-transform: uppercase;
    font-weight: 600;
    background: #fcfdff;
    padding: 1.3em 0 0.3em;
    transition: color 300ms ease;
}
.plesk-compare .bubble h2 {
    width: 60px;
    height: 60px;
    background: #6dc6e8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 2em;
    font-weight: 600!important;
    margin: 0 auto 2em!important;
    box-shadow: 0 0 0 0px rgba(109, 198, 232, 0.35), 0 0 0 0px rgba(109, 198, 232, 0.35);
    transition: 300ms box-shadow ease;
}
.plesk-compare > div:hover {
    cursor: pointer;
}
.plesk-compare > div:hover .bubble {
    color: #555;
}
.plesk-compare > div:hover .bubble h2 {
    box-shadow: 0 0 0 10px rgba(109, 198, 232, 0.35), 0 0 0 33px rgba(109, 198, 232, 0.35);
}
.plesk-compare .col {
    position: relative;
    z-index: 20;
    background: none;
    padding: 1em 3em 1em 0;
}
.plesk-compare .col > div {
    padding: 3em 1em .3em;
    border: 1px solid #dadada;
    background-color: #f2f3f5;
    width: 75%;
    float: right;
    margin-right: -10px;
    position: relative;
}
.plesk-compare .col > div ul li {
    line-height: 1.3;
    margin: 0 0 .8em;
}
.plesk-compare .col > div ul li:last-of-type {
    margin: 0 0 0;
}
.plesk-compare .col:last-of-type > div {
    border-color: #6dc6e8;
    background-color: #fff;
}
.plesk-compare .col > div h3 {
    margin: 0 0 .5em;
}
.plesk-compare .col > div ul {
    margin: 0!important;
}
.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}
.plesk-compare .clearfix .col > div:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    position: absolute;
    height: 18px;
    top: .8em;
    left: 1em;
    right: 1em;
}
    .plesk-compare .clearfix .col:nth-of-type(2) > div:before {
        background-image: url(/images/content/plesk/plesko-logo.svg);
    }
    .plesk-compare .clearfix .col:nth-of-type(3) > div:before {
        background-image: url(/images/content/plesk/plesk-logo.svg);
    }
@media only screen and (min-width:1024px) {
    .plesk-compare {
        margin: 3em 0;
    }
    .plesk-compare:after {
        left: 50%;
    }
    .plesk-compare .bubble {
        left: 50%;
        transform: translate(-50%, -45%);
    }
    .plesk-compare .col > div {
        padding: 1em 1.5em .6em;
        float: left;
        width: 85%;
        margin: 1em 0;
    }
    .plesk-compare .col50 {
        width: 50%;
        margin: 0;
        padding: 1em 5em;
    }
    .plesk-compare div > .col:last-of-type > div {
        float: right;
    }
    .plesk-compare .clearfix .col > div:before {
        content: none;
    }
    .plesk-compare .clearfix:first-of-type .col > div:before {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        position: absolute;
        height: 35px;
        top: -5.5em;
        left: 0;
        right: 0;
    }
    .plesk-compare .clearfix:first-of-type .col:nth-of-type(2) > div:before {
        background-image: url(/images/content/plesk/plesko-logo.svg);
    }
    .plesk-compare .clearfix:first-of-type .col:nth-of-type(3) > div:before {
        background-image: url(/images/content/plesk/plesk-logo.svg);
    }
    .videoe .col {
        margin: 0;
        padding: 30px 80px 0;
    }
}

#main .iconlist .col {
    padding: 40px 40px 50px;
    transition: all .3s;
    text-align: left;
    margin: 0;
    width: 100%;
}
#main .iconlist .col3:nth-of-type(3n) {
    border-right: none;
}

.iconlist img.extension, .iconlist svg.extension {
    display: inline;
    width: 2.5em;
    margin-right: .9em;
    float: left;
    position: relative;
    top: -6px;
}
#main .iconlist h2 {
    display: block;
    margin: -.3em 0 .7em;
    line-height: 1;
    text-align: left;
    font-size: 1.5rem;
}
#main .iconlist .btn{
    padding: .5em 1em;
    margin: 0 auto;
    font-size: .9rem;
    display: block;
    bottom: 1.5em;
    position: absolute;
    left: 0;
    right: 0;
}

.plesk-detail {
    margin-top: 3em;
    margin-bottom: -5em;
    padding-bottom: 0!important;
}
.plesk-detail .full-width-tabs .tabs-menu {
    border:none;
}
.plesk-detail .full-width-tabs .tabs-menu a {
    position:relative;
    margin-bottom:-2px;
    color:#898989!important;
    border:1px solid transparent;
    border-radius:0;
}
.plesk-detail .full-width-tabs .tabs-menu a:hover,.plesk-detail .full-width-tabs .tabs-menu a:hover .fa {
    color:#bbb!important;
}
.plesk-detail .full-width-tabs .tabs-menu a.current {
    color:#2f2f2f!important;
    border:1px solid #eee;
    background-color:#fafbfe;
}
.plesk-detail .full-width-tabs .tabs-menu a.current:after {
    position:absolute;
    top:50px;
    left:50%;
    width:30px;
    height:4px;
    margin-left:-15px;
    content:'';
    background-color:#ec5f19;
}
.plesk-detail .full-width-tabs .tabs-menu a.current .fa {
    color:#2f2f2f!important;
}
.plesk-detail .wrapper.tab {
    padding-top: 0;
    width: 100%;
    max-width: 100%!important;
}

@media only screen and (min-width: 1024px) {
	#main .iconlist .col {
		width: 33.3333%;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
    }
    #main .iconlist .col3:last-of-type,
    #main .iconlist .col3:nth-last-of-type(2),
    #main .iconlist .col3:nth-last-of-type(3) {
    border-bottom: none;
	}
}
	
.grey-content {
	background: #fafafa;
	border-top: 2px solid #f3f3f5;
	border-bottom: 2px solid #f3f3f5;
}
.grey-content .col {
  background: transparent;
}
.grey-content .bubble {
	background: #fafafa;
}

.webdesa {
    position:relative;
    margin: 0;
    padding: 0;
}
.webdesa ul {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 168px;
}
.webdesa ul li {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.webdesa ul li.link {
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    text-align: left;
}
.webdesa ul li.link a {
    font-size: .6em;
    margin: 0;
    border: 0 !important;
}