html {display: block; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; -webkit-font-smoothing: antialiased !important; -webkit-tap-highlight-color: rgb/maca(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth;}
body {position: relative; background: #fff; overflow: visible; margin: 0; padding: 0 !important; font-family: 'Rubik', sans-serif; font-size: 15px; color: #222; font-weight: 300;}
html, body {width: 100%; height: 100%;}
* {outline: none !important;}
body.navbar-open {min-height:607.2px;}
.align-items-center {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;}
h1, h2, h3, h4 {transition: all 0.6;}
.non-visible {display: none !important}
h3.sw-plan {color: #e33529 !important;}

#btn-est, #btn-hg, #btn-de {margin-bottom:15px;}

.label-ms-new {
    position:absolute;
    top:0;
    right:0;
    padding: 5px 10px;
    color: white;
    background-color: rgba(37, 189, 134, 0.65);
    font-size: 0.9em;
    font-weight: 400;
    text-transform: uppercase;
}

.label-ms-promo {
    position:absolute;
    top:0;
    right:0;
    padding: 5px 10px;
    color: white;
    background-color: rgba(208, 52, 52, 0.65);
    font-size: 0.9em;
    font-weight: 400;
    text-transform: uppercase;
}

.ms2_form {
    background-color:white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 24px 55px, 
                rgba(0, 0, 0, 0.12) 0px -12px 30px, 
                rgba(0, 0, 0, 0.12) 0px 4px 6px, 
                rgba(0, 0, 0, 0.17) 0px 12px 13px, 
                rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin-bottom: 20px;
    color: #5e677e;
    padding: 1em 1em 0.5em 1em;
}

.ms2_form:hover {
    background-color: #fff;
    transition-duration: .5s;
    transform: scale(1.025);
    box-shadow: 0 .1875rem .625rem #00000040;
}

.ms2_form.scale {
    transform:scale(1.025) !important;
    /* outline:3px double white !important; */
}

.ms2_form.scale:hover {
    transform:scale(1.055) !important;
}

.ms2_form .btn .btn-primary {
    color:white !important;
}

.no-margin {
    margin:0 !important;
}

.no-p {
    padding:0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}


.ms2_form span {
    display:block;
    line-height:1.5em;
    font-size:1em;
}

.ms2_form span.ms2row {
    margin-bottom:10px !important;
}

.h50 {
    min-height: 50px;
    padding-top: 10px;
}

.ms-brr {
    border-left: .0625rem solid #c2c2c2;
}

.h50.ms-br {
    border-right: .0625rem solid #c2c2c2;
}

.ms2_form h2 {
    color: #1e88e5 !important;
    font-weight: 400 !important;
    font-size: 1.8em !important;    
}

.ms2_form h2 span {
    font-size:60%;
    color: #26313d;
    font-weight: 100;
    display:inline;
}

.mseHeader {
    position: relative;
    display: block;
    width: 100%;
    color: #1780dc;
    transition: all 1s;
    font-size:1.5em;
}

.ms2_form.scale .mseHeader {
    color:#e07a7a;
}

.ms2_form .value, .ms2_form .title {
    display:inline-block;
}

.ms2_form .value {
    color: #1e88e5;
    font-size: 1.4em;
}

.ms2_form .mseHeader pri {
    font-size: 0.55em;
    text-transform:uppercase;
    display:block;
}

.ms2_form .btn-mse {
    background: rgb(30,136,229);
    background: -moz-linear-gradient(90deg, rgba(30,136,229,1) 0%, rgba(30,136,229,1) 40%, rgba(0,153,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(30,136,229,1) 0%, rgba(30,136,229,1) 40%, rgba(0,153,255,1) 100%);
    background: linear-gradient(90deg, rgba(30,136,229,1) 0%, rgba(30,136,229,1) 40%, rgba(0,153,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e88e5",endColorstr="#0099ff",GradientType=1); 
    color:white !important;
    padding:.4em 1.2em;
}

.ms2_form .btn-mse.out {
    background: gray;
    color:white !important;
    padding:.4em 1.2em;
    cursor:unset;
}

.ms2_form.scale .btn-mse {
    background: rgb(224,122,122);
    background: -moz-linear-gradient(90deg, rgb(204, 118, 118) 0%, rgb(206, 109, 109) 40%, rgb(224, 122, 122) 100%);
    background: -webkit-linear-gradient(90deg, rgb(204, 118, 118) 0%, rgb(206, 109, 109) 40%, rgb(224, 122, 122) 100%);
    background: linear-gradient(90deg, rgb(204, 118, 118) 0%, rgb(206, 109, 109) 40%, rgb(224, 122, 122) 100%);
    color:white !important;
    padding:.4em 1.2em;
}

.mse-mob {
    display: none;
}

.mseHeader pri a {
    color:#1e88e5;
    text-decoration:none;
}

.ms2_form.scale .mseHeader pri a {
    color:#e07a7a;
    text-decoration:none;
}

.mseHeader pri a:hover {
    text-decoration:underline;
}

.mf2num {
    height: 30px;
    margin-left: 5px;
}

.filter_title {
    color:white !important;
    margin-top: 10px;
}

.location-selector {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

@media (max-width: 500px) {
    .location-selector {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

#link1, #link2, #link3 {
    color:white;
}

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


.section-info.pattern:after {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('../images/circuit-board.svg');
    background-color: #171717;
    opacity: 0.2;
    z-index: 1;
}

.panela {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
}

.panela.active {
  max-height: initial;
  transition: all 0.2s;
}

.accordion {
  border: none;
  background-color: transparent;
  font-weight: 300;
  font-size:1.1em;
  color:#107de1;
  text-decoration: underline;
}

.accordion:before {
    content: "▸";
    margin-right: 6px;
}

.virtual-server .tier-vds .content .title h3.sw-plan {
    color: #da291c !important;
}

.virtual-server .tier-vds .content .title h3.hg-plan {
    color: #da291c !important;
}

.virtual-server .tier-vds .content .title h3.de-plan {
    color: #f9d22f !important;
}

.location-selector {
    margin-bottom: 60px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.icon-ded-header p {
    font-size:0.8em !important;
}

.icon-ded-header h3 {
    font-size:0.8em !important;
}

.icon-ded-header {
    font-size: 1.2em;
    font-weight: 300;
}

.icon-server32 {
    background: url('../images/icons/server-32.svg');
    background-size: cover;
    height: 25px;
    width: 25px;
    margin-right: 15px;
    float: left;
}

.icon-location {
    background: url('../images/icons/location.svg');
    background-size: cover;
    height: 25px;
    width: 25px;
    margin-right: 15px;
    float: left;
}

.icon-intel {
    background: url('../images/icons/intel.svg');
    background-size: cover;
    height: 30px;
    width: 77px;
    margin-right: 15px;
    margin-left: 15px;
    float: left;
}

.icon-intel-small {
    background: url('../images/icons/intel.svg');
    background-size: cover;
    height: 20px;
    width: 50px;
    margin-right: 15px;
    margin-left: 15px;
    float: left;
}

.icon-amd {
    background: url('../images/icons/amd.svg');
    background-size: cover;
    height: 30px;
    width: 125px;
    margin-right: 15px;
    margin-left: 15px;
    float: left;
}

.icon-amd-small {
    background: url('../images/icons/amdlogo.svg');
    background-size: cover;
    height: 20px;
    width: 84px;
    margin-right: 15px;
    margin-left: 15px;
    float: left;
    opacity: 0.6;
}

.icon-fiber-gray {
    background: url('../images/icons/fiber-gray.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-fiber-blue {
    background: url('../images/icons/fiber-blue.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-fiber {
    background: url('../images/icons/fiber-white.svg');
    background-size: cover;
    height: 75px;
    width: 75px;
    min-width: 75px;
    margin-right: 15px;
}

.icon-router-gray {
    background: url('../images/icons/router-gray.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-router-blue {
    background: url('../images/icons/router-blue.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-rj {
    background: url('../images/icons/rj-white.svg');
    background-size: cover;
    height: 75px;
    width: 75px;
    min-width: 75px;
    margin-right: 15px;
}

.icon-router {
    background: url('../images/icons/router-white.svg');
    background-size: cover;
    height: 75px;
    width: 75px;
    min-width: 75px;
    margin-right: 15px;
}


.icon-router-table {
    background: url('../images/icons/router.svg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 29px;
    width: 25px;
    float: left;
    margin-right: 15px;
}

.icon-server-gray {
    background: url('../images/icons/server-gray.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-server-blue {
    background: url('../images/icons/server-blue.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-server {
    background: url('../images/icons/server-white.svg');
    background-size: cover;
    height: 75px;
    width: 75px;
    min-width: 75px;
    margin-right: 15px;
}

.icon-support-gray {
    background: url('../images/icons/support-gray.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-support-blue {
    background: url('../images/icons/support-blue.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin-right: 15px;
}

.icon-support {
    background: url('../images/icons/support-white.svg');
    background-size: cover;
    height: 75px;
    width: 75px;
    min-width: 75px;
    margin-right: 15px;
}

.icon-cluster {
    background-image: url('../images/icons/cluster-data.svg');
    background-size: cover;
    background-repeat: no-repeat; 
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 15px;
}

.icon-drive {
    background-image: url('../images/icons/data-storage-device-svgrepo-com.svg');
    background-size: cover;
    background-repeat: no-repeat; 
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 15px;
}

.icon-ram {
    background-image: url('../images/icons/data-storage-svgrepo-com.svg');
    background-size: cover;
    background-repeat: no-repeat; 
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 15px;
}

.icon-gpu {
    background-image: url('../images/icons/gpu.svg');
    background-size: cover;
    background-repeat: no-repeat; 
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 15px;
}

.icon-cpu {
    background-image: url('../images/icons/cpu.svg');
    background-size: cover;
    background-repeat: no-repeat; 
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 15px;
}

.section-whyapple {
    padding-top: 4em;
    background-image: url("/assets/tpl/images/macmini-ph.png");
    background-repeat: no-repeat;
    background-size: 25em;
    background-position-x: 75%;
    background-position-y: 100%;
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.flex-left {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.flex-start {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.flex-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.flex-justify-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.flex-align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.flex-align-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.flex-self-align-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

table {
    transition: all .3s;
}

#tech-slider {
    overflow: hidden;
}

.slider-tech {
    width:100%;
    transition: all 0.3s;
}

.value.value-old {
    position: relative;
    font-size:150%;
    color: #848484;
}

.macmini-image {
    background-image: url("../../../assets/tpl/images/macpt-opaque.png");
    background-repeat: no-repeat;
    background-size:cover;
    width: 140px;
    height: 55px;
    margin: 20px auto 10px;
}

.macmini-image1 {
    background-image: url("../../../assets/tpl/images/mcmini.svg");
    background-repeat: no-repeat;
    background-size:cover;
    width: 140px;
    height: 80px;
    margin: 20px auto 10px;
}

.value.value-old:after {
    content: "";
    top: 4px;
    left:-15%;
    border-bottom: 3px solid #d03434;
    position: absolute;
    width: 130%;
    height: 50%;
    transform: rotate(14deg);
}

.title1-host {
    line-height: 1.6em;
    font-size: 20px;
    padding: 0.6em;
    text-align:center;
    font-weight:600;
    background: rgba(0, 95, 169, 0.3);
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

.title2-host {
    margin: 0 auto;
    line-height: 1.6em;
    font-size: 24px;
    padding: 0.3em 0.3em 0.6em 0.3em; 
    text-align:center;
    font-weight: 300;
    background: rgba(0, 95, 169, 0.3);
    text-transform: uppercase;
    letter-spacing: -0.03em;\
    margin-top: -10px;
}

.slider-tech .nav-tech{
    height: initial ;
    background: white;
    position:relative;
    z-index:2;
    text-align: center;
    padding: 30px;
}

.slider-tech .nav-tech a {
    display:inline-block;
    margin-right:2px;
    padding:0 10px;
    background:#333;
    color:#fff;
    text-decoration:none;
    font-size:78%;
    line-height:22px;
    -webkit-transition:1s background;
    -moz-transition:1s background;
    -o-transition:1s background;
    transition:1s background;
    border-radius: .3em;
}

.tech-slide {
    position: relative;
    transition: all 0.6s;
}

.microsoft-table {
    font-family: "Rubik", sans-serif;
    width: 100%;
    font-weight: 100;
    font-size: 16px;
}

.microsoft-table mark {
    font-weight: 400;
}

.microsoft-table tr {
    border-bottom: 1px solid;
    border-color: rgba(0, 110, 211, 0.5);
}

.microsoft-table tr td {
    color: #20242e;
    padding: 1em 0;
}

.table-collapse {
    height:250px !important;
    overflow:hidden;
}

.plesk.software-table-winvds th {
    background: #1e88e5;
    color: white;
    font-weight:200;
    font-size:30px;
}

.plesk.software-table-winvds th, .plesk.software-table-winvds td {
    padding:15px;
    font-weight:100;
}

td.subheading {
    background: #8a8a8a;
    color: white !important;
    font-weight: 700 !important;
}

.plesk.software-table-winvds tr:nth-last-child(-n+20) {
    display: none;
}

.plesk.software-table-winvds.open tr:nth-last-child(-n+20) {
    display: table-row;
}

.table-collapse, .table-collapse.open {
    transition: all .3s;
}

.table-collapse.open {
    max-height: initial !important;
}

.horizontal-plan-container {
    box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; 
    margin-bottom:20px;
}

.row.horizontal-plan {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.horizontal-plan .image-partner-supero {
    margin: 0;
}

.horizontal-plan {
    background: #fff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #fff, #f3f0ef); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fff,  #f3f0ef); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #5e677e;
    padding: 0 15px 0 15px;
    position: relative;
}

.horizontal-plan.header {
    padding: 0 15px 0 15px;
}

.horizontal-plan .icon-help.tip {
    position: relative;
    display: inline;
}

.horizontal-plan.header hr {
    border-top: 1px solid #1e88e5;
    margin: 10px 0;
}

.horizontal-plan hr {
    border-top: 1px dotted #5e677e;
    margin: 10px 0;
}

.horizontal-plan li {
    font-size: 1.1em;
    list-style-type: none;
}

.horizontal-plan .char {
    font-weight: 400;
}

.horizontal-plan li .value {
    float: right;
}

.horizontal-plan li small {
    font-size: 70%;
}

.horizontal-plan-right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    min-height: 200px;
}

.horizontal-plan-right .cost-eu .value {
    color: #1e88e5;
    font-size: 2.4em;
}

.horizontal-plan .btn.btn-hosting {
    background-color: #1e88e5;
    color: white;
    margin: 0 auto;
}

.btn-hosting.migration {
    margin: 25px auto 0;
    text-align: center;
    display: block;
    width: 200px;
    font-weight: 200;
}

.btn-hosting.migration:hover {
    color: white;
}

.horizontal-plan.header .col-md-12 {
    padding: 1.5em 1em 0 1em;
}

.horizontal-plan h2 {
    color: #1e88e5 !important;
    font-weight: 400 !important;
    font-size: 2.3em !important;
    margin-bottom: 0;
}

.poweredby {
    margin: 0 15px 0 30px;
}

.btn.sw-btn:hover, .btn.sw-btn:hover {border-color: #26313d; opacity: 0.9;}
.btn.sw-btn {background: #26313d;}
.signin.sw-red {background: #e33529 !important; border-color: #e33529 !important;}

.section.section-border.blue {background: #1780dc; color: white;}
.section.section-border.blue h2, .section.section-border.blue h3 {background: #1780dc; color: white;}

form .error {color:#25bd86;} 
.nopadding {padding: 0 !important;}
.nopadding-t {padding-top: 0 !important;}
.smallicon {margin: 0 10px 5px 0; float: left; height: 50px; width: 50px}
.margin-15 {margin: 15px 0}
.mb-1 {margin-bottom: 1em !important;}
.mt-1 {margin-top: 5em;}
#infrastruct {background-image: url(../images/datacenter.jpg); height: 250px; background-position-y: center; background-position-x: center; margin: 25px 0 50px 0; position: relative}
#infrastruct-telia {background-image: url(../images/dc-telia.jpg); height: 250px; background-position-y: center; background-position-x: center; margin: 25px 0 50px 0; position: relative}
#hpe-serv {background-image: url(../images/hpe-serv.jpg); height: 160px; background-size: cover; background-repeat: no-repeat;}
#super-serv {background-image: url(../images/supermicro.png); height: 140px; background-size: cover; background-repeat: no-repeat;}
#cisco-switch {background-image: url(../images/nexus.png); height: 185px; background-size: cover; background-repeat: no-repeat;}
h3.sw-plan {color: #da291c;}
.m-15 {margin: 50px 0}
.lighter {font-weight: 300; margin: 30px 0 15px 0; line-height: 1.5em}
p .lighter {font-size: 1.1em}
.flex-vertical {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important;
        -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;}
#pci-dss {background-image: url(../images/pci_dss.svg); width: 100px; height: 39px; background-size: cover; position: absolute; right: 15px; bottom: 15px;}
#tech-page p {margin-bottom: 0 !important;}

#flag {
    position: absolute;
    top: -30px;
    opacity: 0.9;
    left: -240px;
    background-image: url(../images/hongkong-white.svg);
    background-size: cover;
    height: 200px;
    width: 200px;
    transition: all 1.3s;
}

#flag-hg {
    position: absolute;
    top: -30px;
    opacity: 0.9;
    left: -240px;
    background-image: url(../images/hong-kong.svg);
    background-size: cover;
    height: 150px;
    width: 200px;
    transition: all 1.3s;
}


#flag-de {
    position: absolute;
    top: -30px;
    opacity: 0.9;
    left: -200px;
    background-image: url(../images/germany.svg);
    background-size: cover;
    height: 240px;
    width: 200px;
    transition: all 1.3s;
}

#flag-ee {
    position: absolute;
    top: -30px;
    opacity: 0.9;
    left: -280px;
    background-image: url(../images/estonia.svg);
    background-size: cover;
    height: 170px;
    width: 255px;
    transition: all 1.3s;
}

#flag-sw {
    position: absolute;
    top: -30px;
    opacity: 0.9;
    left: -250px;
    background-image: url(../images/sw.svg);
    background-size: cover;
    height: 260px;
    width: 100px;
    transition: all 1.3s;
}


.flag-table.ee {
    background-image: url('../images/flags/svg/4x3/ee.svg');
    background-size: cover;
    height: 23px;
    width: 30px;
    border: 1px solid black;
    margin: 10px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Google Chrome & Webkit Nightlies */
    -webkit-transition: all .6s ease; /* Fade to color for Google Chrome & Webkit Nightlies */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.flag-table.hk {
    background-image: url('../images/flags/svg/4x3/hk.svg');
    background-size: cover;
    height: 23px;
    width: 30px;
    border: 1px solid black;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Google Chrome & Webkit Nightlies */
    -webkit-transition: all .6s ease; /* Fade to color for Google Chrome & Webkit Nightlies */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.flag-table.de {
    background-image: url('../images/flags/svg/4x3/de.svg');
    background-size: cover;
    height: 23px;
    width: 30px;
    border: 1px solid black;
    margin: 10px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Google Chrome & Webkit Nightlies */
    -webkit-transition: all .6s ease; /* Fade to color for Google Chrome & Webkit Nightlies */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.flag-table.se {
    background-image: url('../images/flags/svg/4x3/se.svg');
    background-size: cover;
    height: 23px;
    width: 30px;
    border: 1px solid black;
    margin: 10px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Google Chrome & Webkit Nightlies */
    -webkit-transition: all .6s ease; /* Fade to color for Google Chrome & Webkit Nightlies */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.flag-table.ee.active {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.flag-table.hk.active {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.flag-table.de.active {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.flag-table.se.active {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.et-plan.special{
   color:#d03434 !important; 
}

.promo-heading {
    color:#d03434;
    font-size:12px;
    font-weight:600;
}

.pricing-dropdown {
    min-width:50%;
    font-size:18px;
    border: 1px solid #d03434;
    border-radius: .25rem;
    transition: .2s ease-in;
    padding: .5rem .5rem .5rem .5rem;
    margin:.5rem auto;
    display:block;
    color:#d03434;
    font-weight:400;
    text-align:center;
}

.pricing-option {
    font-size:16px;
}

.price .special {
    color:#d03434;
}

.nonspecial {
    display: none !important;
}

.btn.btn-hosting.special {
    background:#d03434;
}



.white.stripehor {width: 225px; height: 60px; margin-left: 12.5px; margin-top: 95px;} 
.white.stripever {margin-top: 12.5px; height: 225px; width: 60px; margin-left: 95px;}
#flag .white {position: absolute; background-color: white; display: block;} 
#flag.visible {left:-35px;}
.sm-image {display: none; width: 100%; margin-top: 3em;}

.square-holder {padding:15px; border: 1px solid #cecece; align-items: center; display:flex; align-items: center; justify-content: center; margin-bottom:20px; background-color:#f1f1f1; height:165px; width:165px; transition: all 0.3s}
.square-holder img {max-width:100%; filter: grayscale(100%); transition: all 0.3s;}
.square-holder:hover {background-color:#eef0f1; border-color:#126dca;}
.square-holder:hover img{filter:none;}
.blocklogos {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; flex-wrap:wrap;}
a.white {color: white !important;}
a:visited.white {color: white !important}

.gradient-bar {
    background: rgb(67,67,67);
    background: -moz-linear-gradient(90deg, rgba(67,67,67,1) 0%, rgba(23,23,23,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(67,67,67,1) 0%, rgba(23,23,23,1) 100%);
    background: linear-gradient(90deg, rgba(67,67,67,1) 0%, rgba(23,23,23,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#434343",endColorstr="#171717",GradientType=1);
    width:100%;
    height:2px;
    position:relative;
    top:100px;
}

#logo-hpe {width: 150px; height: 60px; background-image: url('../images/hpe/hpe-logo.svg'); background-size: cover; background-repeat: no-repeat; float: right; margin: 15px 0 0 50px;}

.section-preview.green {
    background: #00b388;
        background-image: none;
    padding: 2.5em 30px 2.5em 30px;
    font-size: 120%;
    color: white;
    position: relative;
    top:100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23ffffff' fill-opacity='0.06' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}

#hpe-border {
    height: 30px;
    width: 100px;
    border: 7.5px solid white;
    margin: 0 0 15px 40px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.3);
}

.btn.btn-hpe {
    background: #2b2b2b;
    border-color: #2b2b2b;
    padding: .6em 1.5em;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    font-size: .7em;
    font-weight: 300;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-top: 20px;
}

.btn.btn-hpe:hover {
    color:white;
    background: #171717;
    border-color: #171717;
}

.mob-menu {display:none; position:relative; background-color:#2B2B2B; top:100px; transition: 0.08s;}
.navbar-open .mob-menu {width:100%; transition: 0.08s; display:block; z-index: 9}
.mob-menu.open-menu {width:100%; transition: 0.08s; display:block; z-index: 9}

.pagecontent {position:relative;top:100px;}
.mt-15 {margin-top:15px;}
.plr {padding: 0 30px; filter: none;}
.justify-content-between {-webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important;}
.justify-content-around {-ms-flex-pack: distribute !important;justify-content: space-around !important; flex-wrap: wrap;}

.adaptive-table {
    padding:0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    z-index:999;
    margin: 30px 0 90px 0;
}

.adaptive-table h2 {
    font-size: 1.8em;
}

.adaptive-table:last-child {
    border-bottom:none;
}

.adaptive-table .tr {
    width:100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.adaptive-table .tr.border {
    border-bottom:1px solid #ebedee;
    padding: 0 0 30px 0;
}

.adaptive-table .td {
    padding: 0;
    display: flex;
    justify-content: center;
    font-size: 16px;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin: 30px 30px 0px 30px;
    min-width: 50%;
}

#seb {
    background-image: url('../images/payments/seb.svg');
    background-size: cover;
    height: 62px;
    width: 140px;
    z-index: 1;
    float: left;
    margin: 25px 30px 0 0;
}

#swedbank {
    background-image: url('../images/payments/swedbank.svg');
    background-size: cover;
    height: 62px;
    width: 278px;
    z-index: 1;
    float: left;
    margin: 25px 30px 0 0;
}

#vmm {
    background-image: url('../images/payments/vmm.svg');
    background-size: cover;
    height: 62px;
    width: 96px;
    z-index: 1;
    float: left;
    margin: 25px 30px 0 0;
}


#ustd {
    background-image: url('../images/payments/usdt.svg');
    background-size: cover;
    height: 62px;
    width: 70px; 
    z-index: 1;
    float: left;
    margin: 25px 30px 0 0;
}

#ether {
    background-image: url('../images/payments/ethereum.svg');
    background-size: cover;
    height: 42px;
    width: 170px;
    z-index: 1;
    float: left;
    margin: 25px 30px 0 0;
}

#stripe {
    background-image: url('../images/payments/stripe.svg');
    background-size: cover;
    height: 62px;
    width: 150px;
    z-index: 1;
    float: left;
    margin: 25px 30px 0 0;
}

#visa {
    background-image: url('../images/payments/visa.svg');
    background-size: cover;
    height: 52px;
    width: 170px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#sepa {
    background-image: url('../images/payments/sepa.svg');
    background-size: cover;
    height: 34px;
    width: 126;
    z-index: 1;
    float: left;
    margin: 30px 0 0 0;
}

#mastercard {
    background-image: url('../images/payments/mastercard.svg');
    background-size: cover;
    height: 52px;
    width: 67px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#maestro {
    background-image: url('../images/payments/maestro.svg');
    background-size: cover;
    height: 52px;
    width: 67px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#unionpay {
    background-image: url('../images/payments/unionpay.svg');
    background-size: cover;
    height: 52px;
    width: 84px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#bitcoin {
    background-image: url('../images/payments/bitcoin.svg');
    background-size: cover;
    height: 34px;
    width: 164px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#alipay {
    background-image: url('../images/payments/alipay.svg');
    background-size: cover;
    height: 34px;
    width: 134px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#qiwi {
    background-image: url('../images/payments/qiwi-wallet-orange.svg');
    background-size: cover;
    height: 45px;
    width: 124px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#webmoney {
    background-image: url('../images/payments/webmoney.svg');
    background-size: cover;
    height: 45px;
    width: 164px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#paypal {
    background-image: url('../images/payments/paypal.svg');
    background-size: cover;
    height: 25px;
    width: 100px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#paysera {
    background-image: url('../images/payments/paysera.svg');
    background-size: cover;
    height: 54px;
    width: 256px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#mir {
    background-image: url('../images/payments/mir.svg');
    background-size: cover;
    height: 34px;
    width: 132px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#yoomon {
    background-image: url('../images/payments/yoomon.svg');
    background-size: cover;
    height: 34px;
    width: 152px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#rubcards {
    background-image: url('../images/payments/rub-cards.svg');
    background-size: cover;
    height: 34px;
    width: 85px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

#revolut {
    background-image: url('../images/payments/revolut.svg');
    background-size: cover;
    height: 34px;
    width: 144px;
    z-index: 1;
    float: left;
    margin: 30px 30px 0 0;
}

@media (max-width: 762px) {
    .adaptive-table .tr {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

.adaptive-table .price, .adaptive-table .plan-name {
    font-size:120%;
    font-weight:400;
}

.adaptive-table .price:before {
    content: '€';
    margin: 0 5px 0 0;
}

.adaptive-table small {
    font-size: 50%;
}

.adaptive-table .order-btn {
    background:#485563;
    color:white;
}

.adaptive-table .tr .td a {
    text-decoration:none;
}

@media (max-width:768px) {
    .pagecontent {top:150px;}
}

.btn-vds-switch.active {
    background: #2ccf86;
    color: #fff;
}

.btn-vds-switch.active:hover {
    background: #2ddb9c;
}

.btn-vds-switch {
    background: #A9A9A9;
    color: #fff;
}

.btn-vds-switch:hover {
    background: #B8B8B8;
    color: #fff;
}

.virtual-server .tier-vds .content .title h3 {
    text-align: center;
    color: #1e88e5;
    font-weight: 400 !important;
    font-size: 2.1em !important;
    margin-bottom: 0;
}

a, a:active, a:visited {cursor: pointer; color: #1a74c4; text-decoration: underline; outline: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
a:hover {color: #ef0038; text-decoration: none;}
strong {font-weight: 500;}
ol {padding-left: 2em; border: 0; list-style: circle inside;}
ol > li {margin-bottom: .3em;}
label.control-label {font-weight: 400;}
mark {background: none; margin: 0; padding: 0; border: 0; color: #006ed3; font-weight: 600;}
a.moredetails {color: #00b573; font-weight: 600; text-decoration: none !important;}
a.moredetails:after {display: inline-block; content: 'r'; margin-top: 1px; padding-left: 0.3em; font-family: 'hosting'; vertical-align: middle;}
a.moredetails:hover {color: #3dd29c;}

/* Typography */

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {color: #107de1 !important;}
p {vertical-align: middle;}
p.light {color: #494d51;}
.large-text {line-height: 1.5em; font-size: 1.25em; color: #68717a; font-weight: 300;}
.large-text + h2 {margin-top: 1em;}
.expand {position: absolute; display: none; width: 160px; max-width: 320px; top: 100%; right: 0; z-index: 25; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); transition: all 0.1s linear;}
.expand .content {display: block; width: 100%; background: #fff; padding: 0.6em 0;}
.text-main-features .section-image {margin:10px 0 20px 0;}

/*  Images */
.s1 {width: 130px; height: 164px; position: absolute; top: 10px;}
.s2 {display: block; width: 130px; height: 164px; position: absolute; top: 40px; left: 80px;}
.s3 {display: block; width: 130px; height: 164px; position: absolute; top: 10px; left: 180px;}
.s1, .s2, .s3 {-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2);}
.image-mswin {background-image: url(../images/logo/mswin.svg); background-size: cover; width:240px; height:45px; margin: 1em auto 0;}
.image-speedtest {background-image: url(../images/speedtest-logo-transparent.png); background-size: cover; width:240px; height:45px; margin: 1em auto 0;}
.image-speedtest:hover {background-image: url(../images/speedtest-logo-hover.png);}
.image-ripe-ncc {width: 270px; margin-bottom: 1.1em;}
.image-ripe-ncc .ripe-ncc {position: relative; width: 270px; height: 114px; background-image: url(../images/ripe-ncc-logo-svg.svg); background-size: cover;}
.image-idea-money {display: block; width: 100px;}
.image-idea-money .idea {width: 96px; height: 150px; background: url(../images/idea-money.svg); background-size: cover; -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));}
.image-privacy {position: relative; display: block; width: 200px; height: 210px; left:1em;}
.image-privacy .server {width: 136px; height: 170px; background: url(../images/server.svg); background-size: cover;}
.image-privacy .shield {position: absolute; bottom: 0; right: 0; width: 108px; height: 128px; background: url(../images/shield.svg); background-size: cover; -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));}
.image-privacy .shield > .logo {position: absolute; width: 32px; height: 46px; background: url(../images/fairy-white.svg); background-size: cover; top: 50%; left: 50%; margin: -23px 0 0 -16px;}
.image-win-pc {background: url(/assets/tpl/images/windows-pc.png); width:358px;height:210px; background-size: cover; display:block; position:absolute !important; left: 50px; bottom: 40px;}
.image-ip-world {display: block; width: 480px;}
.image-ip-world .world {width: 160px; height: 160px; background: url(../images/world.svg); background-size: cover; -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); -webkit-transform: translate3d(0, 0, 0);}
.image-ip-world .server-1 {position: absolute; width: 58px; height: 72px; background: url(../images/server.svg); background-size: cover; margin-top: -36px; top: 50%; right: 0;}
.image-ip-world .server-2 {position: absolute; width: 58px; height: 72px; background: url(../images/server.svg); background-size: cover; margin-top: -36px; top: 50%; right: 91px;}
.image-ip-world .line-server {position: absolute; width: 0; height: 0; border-bottom: 2px dashed #1e88e5; top: 50%; right: 64px;}
.image-ip-world .line-network {position: absolute; width: 0; height: 0; border-bottom: 2px dashed #1e88e5; top: 50%; right: 159px;}
.image-ip-world .circle-v4 {position: absolute; width: 56px; height: 56px; line-height: 56px; background: #1e88e5; margin-top: -28px; top: 50%; left: 219px; font-size: 1em; color: #fff; font-weight: 700; text-align: center; -webkit-border-radius: 100%; border-radius: 100%;}
.image-ip-world .line-server {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.image-ip-world .line-network {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
.image-ip-world .line-server.animated {width: 20px;}
.image-ip-world .line-network.animated {width: 150px;}
.image-ip-server {display: block; width: 460px;}
.image-ip-server .server {display: table !important; width: 130px; height: 162px; background: url(../images/server.svg); background-size: cover; margin: 0 auto; -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); -webkit-transform: translate3d(0, 0, 0);}
.image-ip-server .spot-v4 {position: absolute; top: 34px; left: 40%;}
.image-ip-server .spot-v6 {position: absolute; top: 95px; right: 39.5%;}
.image-ip-server .circle-v4 {position: absolute; width: 56px; height: 56px; line-height: 56px; background: #1e88e5; top: 17px; left: 5%; font-size: 1em; color: #fff; font-weight: 700; text-align: center; -webkit-border-radius: 100%; border-radius: 100%;}
.image-ip-server .circle-v6 {position: absolute; width: 56px; height: 56px; line-height: 56px; background: #1e88e5; top: 74px; right: 0; font-size: 1em; color: #fff; font-weight: 700; text-align: center; -webkit-border-radius: 100%; border-radius: 100%;}
.image-ip-server .line-v4 {position: absolute; width: 0; height: 0; border-bottom: 2px dashed #1e88e5; top: 43px; left: 19%;}
.image-ip-server .line-v6 {position: absolute; width: 0; height: 0; border-bottom: 2px dashed #1e88e5; top: 103px; right: 14%;}
.image-ip-server .line-v4, .image-ip-server .line-v6 {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.image-ip-server .line-v6 {-webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
.image-ip-server .line-v4.animated {width: 90px;}
.image-ip-server .line-v6.animated {width: 110px;}
.image-preview-vds {background: url(/assets/tpl/images/virtual-server.svg); width:365px;height:261px; background-size: cover; display:block;}
.image-preview-sw {background: url(/assets/tpl/images/sw-flag.svg); width:285px;height:182px; background-size: cover; display:block;}
.image-plesk {background: url(/assets/tpl/images/software/plesk.svg); width:286px;height:184px; background-size: cover; display:block;}
.image-preview-ssl {background: url(/assets/tpl/images/ssl-certificate.png); width:315px; height:185px; background-size: cover; display:block;}
.image-checklist {background :url(/assets/tpl/images/icons/icon-checklist.svg); background-size: cover; display:block;}
.image-support {background :url(/assets/tpl/images/icons/icon-support.svg); background-size: cover; display:block;}
.image-devices {position: absolute; width: 100%; background: url('/media/images/backgrounds/devices.png') 0 100% no-repeat; top: 0; bottom: 0; left: 68.3%;}
.image-ssl-certificate {position: absolute; width: 100%; background:url(/media/images/backgrounds/ssl-certificate.png) 0 100% no-repeat; top: 0; bottom: 0; left: 62.3%;}
.image-support {width: 130px; height:130px; background:url(/media/images/icons/icon-support.svg);}
.image-partner-retn {background:url(/assets/tpl/images/partners/retn.png); height:150px;width:275px;}
.image-partner-ripe {background:url(/assets/tpl/images/partners/ripe-logo.png); height:150px;width:275px;}
.image-partner-telia {background:url(/assets/tpl/images/partners/telia-logo.png); height:150px;width:275px;}
.image-partner-linx {background:url(/assets/tpl/images/partners/linxtelecom-logo.png); height:150px; width:275px;}
.image-partner-hp {background:url(/assets/tpl/images/partners/hpe-logo.png); height:150px; width:275px;}
.image-partner-super {background:url(/assets/tpl/images/partners/supermicro-logo.png); height:150px; width:275px;}
.image-partner-cisco {background:url(/assets/tpl/images/partners/cisco-logo.png); height:150px; width:200px;}
.image-partner-mikrotik {background:url(/assets/tpl/images/partners/mikrotik-logo.png); height:150px; width:275px;}
.image-partner-apc {background:url(/assets/tpl/images/partners/apc-logo.png); height:150px; width:275px;}
.image-partner-linkbasic {background:url(/assets/tpl/images/partners/linkbasic-logo.png); height:150px; width:275px;}
.image-partner-microsoft {background:url(/assets/tpl/images/partners/microsoft-logo.png); height:150px; width:275px;}
.image-partner-vmw {background:url(/assets/tpl/images/partners/vmw-logo.png); height:150px; width:275px;}
.image-partner-seb {background:url(/assets/tpl/images/partners/seb-logo.png); height:150px; width:275px;}
.image-partner-paysera {background:url(/assets/tpl/images/partners/paysera-logo.png); height:150px; width:272px;}
.image-partner-paypal {background:url(/assets/tpl/images/partners/paypal-logo.png); height:150px; width:273px;}
.image-partner-swedbank {background:url(/assets/tpl/images/partners/swedbank-logo.png); height:150px; width:275px;}
.image-partner-emerson {background:url(/assets/tpl/images/partners/emerson-logo.png); height:150px; width:275px;}
.image-partner-supero {background:url(/assets/tpl/images/logo/supermicro-computer-bw.svg); height:20px; width:116px; background-size:cover;margin: 0 auto; color:#5E677E;}
.image-backup-ftps {background:url(/assets/tpl/images/icons/ftps3.svg); height:210px; width:200px; background-size:cover;}
.image-backup-smb {background:url(/assets/tpl/images/icons/smb3.svg); height:210px; width:200px; background-size:cover;}
.image-backup-platform {background:url(/assets/tpl/images/icons/icon-platform.png); height:153px; width:180px; background-size:cover;}

/* MODAL */

.fade.modalOpen {
    opacity:100;
    background-color: rgba(255,255,255,0.7);
}

.modal.modalOpen {
    display:block;
}

@media (max-width: 768px) {
    .image-preview-vds{margin:50px auto 0;}
}

/* SECTIONS */
.section {position: relative; padding-top: 4em; padding-bottom: 4em; z-index: 10;}
.section .section-header {position: relative; display: block; margin-bottom: 1em;}
.section .section-header h2 {display: block; line-height: 1.4em; font-size: 2.2em; font-weight: 700;}
.section .section-header h4 {margin: 0; font-size: 1.2em; color: #72787e; font-weight: 400; text-transform: uppercase;}
.section .section-header.center {text-align: center !important;}
.section-image .image {position: relative; margin-left: auto; margin-right: auto;}
.section-image .image:after, .section-image .image:before {display: table; content: ""; clear: both;}
.section-image .image span {display: block;}
.section-image .image span {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.section .section-row {margin-bottom: 3.6em; padding-bottom: 3.6em; border-bottom: 1px solid #e3e6e9;}
.section .section-row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.section-border {border-top: 1px solid #e3e6e9;}
.section.section-border {padding-top:4em;}
.section .container.wrapper {position: relative; margin-top: -3.4em; margin-bottom: -2.4em; padding-top: 3.4em; padding-bottom: 2.4em;}


@media (max-width: 768px) {
    .section {padding-top:0; padding-bottom:2em;}
    .text {padding:3em 0 0em;}
    #tech-page .section {padding-top: 2em}
    .mb-1 {margin: 0 !important;}
    #mse2_mfilter {
        padding:0 10px !important;
    }
    .ms-brr {
        display:none;
    }
    
    .h50.ms-br {
        border-right: 0;
    }
    
    .ms2_form .mseHeader pri {
        display:block;
        margin-bottom:10px;
    }
    
    .mse2cpu, .h50 {
        min-height: 20px;
        padding-top: 10px;
    }
    
    .mse-mob {
        display:block;
    }
    
    .btn-mse {
        width:100%;
        margin:15px 0;
    }
}

@media (max-width: 1024px) {
    .section {padding-bottom:3em;}
}

@media (min-width: 768px) and (max-width: 990px) {
    .section .container.wrapper .col-md-6 {width: 60%;}
}

@media (min-width: 1524px) {
    .section {padding-top: 7em; padding-bottom: 7em;}
    .section .section-header h2 {font-size: 2.7em;}
    .section .section-header h4 {font-size: 1.5em;}
}

@media (max-width: 1200px) {
    .sm-image {display: block;}
}

/*  SECTION TOP */
.section-top {position: relative; height: 45px; background: #171717; padding: 5px 0; border-bottom: 1px solid rgba(0, 0, 0, .05);}
.section-top .info {display: block; float: left; line-height: 34px;}
.section-top .info span {display: inline-block; margin-right: 1em; font-size: 1em; color: #fff; font-weight: 600; vertical-align: middle;}
.section-top .info span > i {font-size: 1em; font-weight: 400; font-style: normal;}
@media (max-width: 680px) {
    .section-top {display: none; visibility:hidden;height:0;}
    .footer-secondary-menu {}
}

/* SECTION TOPIC */
.section .section-topic {width: 100%; margin: 0 auto; text-align: center;}
.section .section-topic h1, .section .section-topic h2 {color: #1a74c4; font-weight: 300;}
.section .section-topic p {max-width: 800px; line-height: 1.5em; margin: 0 auto; font-size: 1em; color: #707070; font-weight: 300;}

/*  SECTION NAVIGATION */
.section-navigation {position: absolute; top:45px; width: 100%; height: 100px; margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); left: 0; -webkit-transition: all .1s linear; transition: all .1s linear; z-index: 999; background:#1E88E5;}
.section-navigation.sw-red {background: #e33529 !important}
.section-navigation .navbar-toggle {position: absolute; margin: 0; padding: 32px 20px; border: 0; top: 0; left: 0; -webkit-box-shadow: none; box-shadow: none; z-index: 10;}
.section-navigation .navbar-toggle > i {font-size: 2.4em; color: #fff;}
/* .section-navigation .logo {display: block; float: none; width: 168px; height: 60px; background: url(../../tpl/images/logo/logo-horizontal-white.svg); background-size: contain; background-repeat: no-repeat; margin: 0 auto;} */
.section-navigation .logo {display: block; float: none; width: 168px; height: 60px; background: url(../../tpl/images/logo/logo-horizontal-white-xmas.svg); background-size: contain; background-repeat: no-repeat; margin: 0 auto;}
.section-navigation .menubar {float: right; margin: 0; padding: 0;}
.section-navigation .menubar ul {margin: 0; border: 0; list-style: none; border-radius: 0;}
.section-navigation .navbar > li {position: relative;}
.section-navigation .navbar > li {display: block; float: left;}
.section-navigation .navbar > li > a {display: block; float: left; cursor: pointer; padding: 0 1.4em; font-size: .9em; color: #fff; font-weight: 500; text-decoration: none; text-transform: uppercase; letter-spacing: .02em;}
.section-navigation .navbar > li.dropdown > a:after {display: inline-block; content: ' '; width: 0; height: 0; margin-top: -2px; margin-left: 5px; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align: middle; outline: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.section-navigation .navbar > li.active > a, .section-navigation .navbar > li:hover > a {background: transparent; color: rgba(255, 255, 255, .6);}
.section-navigation .navbar > li.active > a:after, .section-navigation .navbar > li:hover > a:after {border-top: 4px solid rgba(255, 255, 255, .6);}
.section-navigation .navbar > li:last-child > a {padding-right: 0;}
.section-navigation .menubar .dropdown-menu {position: absolute; display: block; float: left; min-width: 230px; background: rgba(63, 161, 247, .98); top: 100%; left: 0; margin-left: -10px; padding: .4em 2em; list-style: none; visibility: hidden; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateX(0) translateY(20px); transform: translateX(0) translateY(20px); z-index: 9999;}
.section-navigation.sw-red .menubar .dropdown-menu {background: #e33529 !important}
.section-navigation .menubar .dropdown-menu li {width: 100%; margin: 1em 0; padding: 0;}
.section-navigation .menubar .dropdown-menu a {display: block; width: 100%; background: transparent; padding: 0; clear: both; font-size: 1.1em; color: #fff; font-weight: 400; text-decoration: none; text-transform: none; white-space: nowrap; -webkit-transition: none; transition: none; z-index: 999;}
.section-navigation .menubar .dropdown-menu a:hover {background: transparent; color: rgba(255, 255, 255, .6);}
.section-navigation .menubar li:hover .dropdown-menu {visibility: visible; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0);}
.section-navigation .menubar ul > li:last-child ul.dropdown-menu, .section-navigation .menubar ul > li:nth-child(6) ul.dropdown-menu, .section-navigation .menubar ul > li:nth-child(7) ul.dropdown-menu {right: 0; left: inherit;}
.section-navigation .menubar ul > li:last-child ul.dropdown-menu li ul, .section-navigation .menubar ul > li:nth-child(6) ul.dropdown-menu li ul, .section-navigation .menubar ul > li:nth-child(7) ul.dropdown-menu li ul {top: 0 !important; right: 220px !important; left: inherit !important; border-top: none;}
.section-testimotionals {padding-top:5em;}
.section.payment {top:100px;}
.section.software {padding-top:4em;}
.section-info .text > h3 {margin:0; font-weight:300;}
.section.section-grey.no-padding.product-page {margin-top:-150px; padding-top:250px;}
.section-info a {color:white; text-decoration:none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-weight:600;}
.section-info p a {font-weight:400;}
.section-info a:hover {color: #25bd86; text-decoration: underline;}
.background-grey a, .background-grey a:active, .background-grey a:visited {cursor: pointer; color: #1a74c4; text-decoration: underline; outline: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.background-grey a:hover {color: #ef0038; text-decoration: none;}

/* SPEEDTEST */
.section-preview.heading-speedtest h1 {text-align:left;}
.speedtest a {color: white !important;}
.speedtest h2, .speedtest h3 {color: white !important;}

.speedtest a:hover {color: #25bd86 !important;}
.speedtest h2:hover, .speedtest:hover h3 {color: #25bd86 !important;}

#speedbadge {background-color:rgb(239,240,241,0.1); position:absolute; right:0; top:30%; padding:1em; z-index: 100; transition:box-shadow 0.3s ease-in-out;}
#speedbadge:hover {-webkit-box-shadow: 0px 10px 13px -7px #000000, -12px 12px 13px 38px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, -12px 12px 13px 38px rgba(0,0,0,0);}
#speedbadge p {margin:0.5em 1em 0 0; line-height: 1.2em; padding: 0; font-size: 1.1em; color: #fff; font-weight: 300; letter-spacing: 0;}

@media (max-width: 992px) {
    .section-preview.heading-speedtest h1 {text-align:center;margin: 0.5em 0 0.5em;}
    #speedbadge {width: 300px; position: unset; margin: 0 auto; min-height:90px;}
}

@media (max-width: 480px) {
    #speedbadge {width:100%;}
    .redLinks p {font-size:12px;}

}
@media (max-width: 420px) {
    #networktest {margin-left: -20px;}
}

@media (min-width: 1024px) {
    .section-testimotionals {padding-top:0em;}
}

/* MOBILE NAVIGATION */

.mob-menu {padding:10px 0 10px 0;}
.mob-menu ul {list-style-type: none;}
.mob-menu .lang {padding: 10px 10px 10px 40px;}
.mob-menu .lang a {margin:0 15px 0 0;}
.mob-menu a {text-transform:uppercase; font-weight:400;}
.mob-menu span {display:block;}
.mob-menu-item {display:block; padding:10px 10px 10px 40px;}
.mob-menu-header {padding-left:20px; text-transform:uppercase; font-weight:400; color:#1E88E5;}
.mob-menu-item a {text-decoration:none; color:white;}
.mob-menu-li a:before{content:"\0399"; margin-right:20px; font-weight:700;}
.mob-menu-item a:hover {color:#1E88E5;}

/* .blockfooter .logo {display: block; float: none; width: 112px; height: 40px; background: url(../../tpl/images/logo/logo-horizontal-white.svg); background-size: contain; background-repeat: no-repeat; margin: 0} */
.blockfooter .logo {display: block; float: none; width: 112px; height: 40px; background: url(../../tpl/images/logo/logo-horizontal-white-xmas.svg); background-size: contain; background-repeat: no-repeat; margin: 0}
@media (min-width: 769px) {
    .section-navigation .logo {float: left; margin-top: 15px;}
    .section-navigation .container {height: inherit;}
    .section-navigation .navbar-toggle {visibility: hidden;}
}
@media (max-width: 768px) {
    .section-navigation .menubar {position: fixed; float: none; width: 100%; height: 100%; padding-top: 1.4em; top: 45px; left: 0; visibility:hidden; display:none;}
    .section-navigation .menubar ul > li {visibility:hidden;position:relative; width:100%;}
    .section-navigation .navbar > li > a {color:#228BE5; width:100%;}
    .section-navigation .menubar ul > li > a {display: inline; float: left; color: #2e3134; text-align: center; position:relative; width:100%;}
    .section-navigation .menubar ul > li.active > a, .section-navigation .menubar ul > li:hover >
    .section-navigation .menubar .dropdown-menu {}
    .dropdown-menu:before {content: none;}

}
@media (min-width: 769px) {
    .section-navigation .navbar > li > a {line-height: 100px; margin-top: 0;}
    .scroll .section-navigation {position: fixed; height: 80px; background: #fff; top: 0;}
    .scroll .section-navigation .menubar {padding-top: 0;}
    .scroll .section-navigation .navbar > li > a {line-height: 80px;}
}
@media (max-width: 681px){
    .section-navigation {top:0px;}
    .section-navigation .menubar {top:0px;}
}

@media (max-width:400px) {
    .section-navigation .menubar {top:100px;}
}

/* SECTION SLIDER */
.section-slider {position: relative; width: 100%; height: 400px; background: #1e88e5;}
/*.section-slider:before {position: absolute; width: 100%; height: 100%; content: ''; background: url(/media/homeslider/2.jpg); background-size: cover; opacity: .08;}*/

/*.section-slider {position: absolute !important; display: block; width: inherit; height: inherit; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 100;}
.section-slider .ms-slide-layers {height: 300px; top: 100px;}
.section-slider .ms-slide-bgcont:before {position: absolute; content: ''; width: 100%; height: 100%; background: #0076dd; background: -moz-linear-gradient(30deg, #0653b0 0%, #1e88e5 50%, #0653b0 100%); background: -webkit-linear-gradient(30deg, #0653b0 0%, #1e88e5 50%, #0653b0 100%); background: linear-gradient(30deg, #0653b0 0%, #1e88e5 50%, #0653b0 100%); top: 0; left: 0; opacity: .95;}
.section-slider .ms-btn, .section-slider .homeslider .ms-btn:visited {background: none; padding: 1.4em 2.2em; border: 1px solid #2cc78e; font-size: 0.9em; color: #fff; font-weight: 600; text-decoration: none !important; text-transform: uppercase; -webkit-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in;}
.section-slider .ms-btn:hover {background: #2cc78e;}
.section-slider .homeslider strong {color: #d7fff8; font-weight: 400;}*/
@media (min-width: 768px) {
    .section-slider {height: 600px;}
    .section-slider .ms-slide-layers {height: 480px; top: 120px;}
}
@media (min-width: 1024px) {
    .section-slider .ms-slide-layers {height: 450px; top: 150px;}
}

/*  BACKGROUNDS */
.section-grey {background: #e1e9f2;}
.section-blue {background: #0076dd; background: -moz-linear-gradient(30deg, #0653b0 0%, #1e88e5 50%, #40baf5 100%); background: -webkit-linear-gradient(30deg, #0653b0 0%, #1e88e5 50%, #40baf5 100%); background: linear-gradient(30deg, #0653b0 0%, #1e88e5 50%, #40baf5 100%); padding-top: 3.5em; padding-bottom: 3.8em; color: #fff;}
.section-blue.sw-red {background: #da291c; background: -moz-linear-gradient(30deg, #da291c 0%, #e33529 50%, #D4564D 100%); background: -webkit-linear-gradient(30deg, #da291c 0%, #e33529 50%, #D4564D 100%); background: linear-gradient(30deg, #da291c 0%, #e33529 50%, #D4564D 100%);}
.section-blue h1, .section-blue h2, .section-blue h3 {color: #fff !important;}
.section-blue h4, .section-blue h5, .section-blue p {color: #b6e6ff !important;}
.section-blue strong, .section-blue b {color: #fff !important;}
.section.section-grey.no-padding {padding-bottom: 0;}
.background-dark {background-color: #27292c;}
.background-dark h2 {color: #fff;}

/* SECONDARY MENU */
.secondary-menu {position: relative; display: block; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 -1px 0 #e3e3e3 inset;}
.secondary-menu ul {display: block; margin-bottom: 0;}
.secondary-menu ul > li {display: block; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #eaeaea; overflow: hidden; cursor: pointer; list-style: none;}
.secondary-menu ul > li[data-scroll-to] {display: none; visibility: hidden;}
.secondary-menu ul > li a, .secondary-menu ul > li a:active, .secondary-menu ul > li a:visited {position: relative; display: block; margin: 0; padding: 1.5em 0; border-bottom: 1px solid #e3e3e3; font-size: .86em; color: #8590a1; font-weight: 500; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px;}
.secondary-menu ul > li.active a, .secondary-menu ul > li a:hover {color: #444; box-shadow: 0 -2px 0 #1e88e5 inset;}
@media (max-width: 767px) {
    .simulate-second-menu {display: none !important;}
}
@media (min-width: 768px) {
    .secondary-menu ul {display: -webkit-flex; display: flex; flex-wrap: wrap;}
    .secondary-menu ul > li {display: inline-block; width: 50%; border-right: 1px solid #eaeaea;}
    .secondary-menu ul > li a, .secondary-menu ul > li a:active, .secondary-menu ul > li a:visited {padding: 2.2em 0;}
    .secondary-menu.scrolled {position: fixed; display: block; width: 100%; left: 0; top: 0; z-index: 999;}
}
@media (max-width: 1023px) {
    .secondary-menu ul {width: 100%; padding: 0;}
    .secondary-menu ul > li:not([data-scroll-to]):nth-child(odd) a {border-right: 0;}
}
@media (min-width: 1024px) {
    .secondary-menu ul {display: block; margin: 0 auto;}
    .secondary-menu ul > li {display: table-cell; width: inherit; padding: 0; border: 0;}
    .secondary-menu ul > li[data-scroll-to] {display: table-cell; visibility: visible;}}

/* FOOTER */
.blockfooter {display: block; background: #2b2b2b; color: #fff; padding-top: 4em;}
.blockfooter > .container {padding-bottom: 3em;}
.blockfooter h3 {margin-bottom: 1.6em; font-size: 1.15em; color: #fff; font-weight: 400; letter-spacing: -0.4px;}
.blockfooter .menu {position: relative; margin: 0; border: 0; list-style: none;}
.blockfooter .menu > li {line-height: 1.1em; margin: 0; padding: 5px 0; border: 0; font-size: 0.9em;}
.blockfooter .menu > li a {font-size: 1em; color: #a4a4a4; text-decoration: none;}
.blockfooter .menu > li a:hover {color: #1e88e5; text-decoration: underline;}
.blockfooter .social-links li {display: inline-block;  padding: 0 0.6em; margin-top:0;}
.blockfooter .social-links h3 {margin-top:0.2em;}
.blockfooter .social-links li:first-child {padding-left: 0;}
.blockfooter .social-links li a {text-decoration: none !important;}
.blockfooter .social-links li i {font-size: 1.9em; color: #fff; font-weight: 300; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.blockfooter .social-links li:hover i {color: #1e88e5;}
.blockfooter .row:nth-child(2) {margin-top: 3em;}
.blockfooter .info h4 {display: block; margin: 1.3em 0 0.3em; font-size: 1.2em; color: #fff;}
.blockfooter .info h4 > span {display: inline-block; padding-right: 0.6em; font-weight: 300;}
.blockfooter .info h4 > span:last-child {padding-right: 0;}
.blockfooter .info a {font-size: 0.9em; color: #a4a4a4; text-decoration: none;}
.blockfooter .info a:hover {color: #fff; text-decoration: underline;}
.blockfooter .copyrights {width: 100%; background: #171717; padding: 1.6em 0; letter-spacing: 1px;}
.blockfooter .copyrights .mark {display: table; line-height: 20px; background: none; margin: 0 auto; padding: 0; font-size: 0.76em; color: #fff; font-weight: 600; text-transform: uppercase;}
.blockfooter .copyrights .mark > span {color: #626262; font-weight: 600;}
.blockfooter .footerlink> a {margin-bottom: 1.6em; color: #fff; font-weight: 400; letter-spacing: -0.4px; text-decoration: none;}
.blockfooter .footerlink> a:visited {margin-bottom: 1.6em; color: #fff; font-weight: 400; letter-spacing: -0.4px; text-decoration: none;}
.blockfooter .footerlink> a:active {margin-bottom: 1.6em; color: #fff; font-weight: 400; letter-spacing: -0.4px; text-decoration: none;}
.blockfooter .footerlink> a:focus {margin-bottom: 1.6em; color: #fff; font-weight: 400; letter-spacing: -0.4px; text-decoration: none;}
.blockfooter .footerlink> a:hover {color: #1e88e5; text-decoration: underline;}

@media (min-width: 768px) {
    .blockfooter .social-links li {margin-top: 0.8em;}
    .blockfooter .copyrights .developer {display: block; float: left; margin: 0;}
    .blockfooter .copyrights .mark {display: block; float: right; margin: 0;}
}

/* FOOTER PARTNERS */
.blockfooter .partners {position: relative; display: none; overflow: hidden; margin: 1.1em 0 2em; padding: 0; border: 0;}
.blockfooter .partners > .item {display: block; float: left; margin: 0 1em;}
.blockfooter .partners > .item:first-child {margin-left: 0;}
.blockfooter .partners .microsoft {width: 149px; height: 22px; background: url(../images/partners/microsoft.png); background-size: cover; margin-top: 2px;}
.blockfooter .partners .telia {width: 132px; height: 26px; background: url(../images/partners/telia.png); background-size: cover;}
.blockfooter .partners .linxtelecom {width: 156px; height: 22px; background: url(../images/partners/linxtelecom.png); background-size: cover; margin-top: 2px;}
.blockfooter .partners .retn {width: 156px; height: 22px; background: url(../images/partners/retn-desaturated.png); background-size: cover; margin-top: 2px;}
.blockfooter .partners .ripencc {width: 107px; height: 26px; background: url(../images/partners/ripencc.png); background-size: cover;}

@media (min-width: 768px) {
    .blockfooter .partners {display: block;}
}

/* REVIEWS BLOCK */
.reviews-slider {margin-bottom: 0;}
.reviews-slider .item {height: auto;}
.reviews-slider .photo {width: 130px; height: 130px; margin: 0 auto 2em auto; padding: 0; border: 0;}
.reviews-slider .photo > img {width: 130px; height: 130px; -webkit-border-radius: 50%; border-radius: 50%;}
.reviews-slider .name {text-align: center;}
.reviews-slider .from {margin-top: -0.3em; font-size: 1em; color: #2e3134; font-weight: 600; text-align: center; font-style: italic;}
.reviews-slider p {display: block; width: 100%; margin-left: auto; margin-right: auto; padding: 1em .3em 0 .3em; text-align: center;background-image:none;}
.reviews-slider .carousel-control {width: 36px; height: 36px; background: none; margin: 0; padding: 0; border: 2px solid #c0c0c0; cursor: pointer; top: 50%; margin-top: -19px; color: #c0c0c0; text-decoration: none !important; text-shadow: none; -webkit-border-radius: 50%; border-radius: 50%; z-index: 10; filter: alpha(opacity=100); opacity: 1;}
.reviews-slider .carousel-control:hover {border-color: #1e88e5; color: #1e88e5;}
.reviews-slider .carousel-control:before {line-height: 34px; font-family: 'FontAwesome'; text-align: center;}
.reviews-slider .carousel-control.left:before {content: '\f104';}
.reviews-slider .carousel-control.right:before {content: '\f105'; margin-left: 3px;}
.reviews-slider .carousel-indicators {margin-bottom: 0; padding: 0; border: 0; bottom: -2em;}
.reviews-slider .carousel-indicators > li {background: #c0c0c0; border-color: none;}
.reviews-slider .carousel-indicators > li.active {background: #1e88e5;}
@media (min-width: 768px) {
    .reviews-slider .item {height: 320px;}
    .reviews-slider p {width: 600px; padding: 0;}
    .reviews-slider .carousel-indicators {bottom: -1em;}
}
@media (min-width: 1024px) {
    .reviews-slider {margin-bottom: -1em;}
    .reviews-slider .item {height: 360px;}
    .reviews-slider .carousel-indicators {bottom: 0;}
}

/* PAYMENTS BLOCK */
.payments {width: 100%; margin: 0; padding: 3em 0; border: 0;}
.payments .companies {display: -webkit-flex; display: flex; margin: 0; justify-content: space-around; flex-wrap: wrap; opacity: .3;}
.payments .companies > .item {display: block; width: 94px; height: 20px; margin: 0 0 1em; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.payments .webmoney {background: url(../images/partners/webmoney.png);}
.payments .paypal {background: url(../images/partners/paypal.png);}
.payments .mastercard {background: url(../images/partners/mastercard.png);}
.payments .swedbank {background: url(../images/partners/swedbank.png);}
.payments .seb {background: url(../images/partners/seb.png);}
.payments .visa {background: url(../images/partners/visa.png);}
.payments .paysera {background: url(../images/partners/paysera.png);}

.certs .companies {display: -webkit-flex; display: flex; margin: 0; justify-content: space-around; flex-wrap: wrap;}
.certs .cert1 {background: url(../images/certs/9001.jpg); width:151px; height:72px; background-size:cover; margin-bottom: 10px;}
.certs .cert2 {background: url(../images/certs/14001.jpg); width:151px; height:72px; background-size:cover;}
.certs .cert3 {background: url(../images/certs/50001.jpg); width:151px; height:72px; background-size:cover;}
.certs .cert4 {background: url(../images/certs/27001.jpg); width:151px; height:72px; background-size:cover;}
.certs .certgreen {background: url(../images/certs/green.png);width:61px; height:72px; background-size:cover;}
.certs .certcdcp {background: url(../images/certs/cdcp.png); width:217px; height:70px; background-size:cover}
.certs .certpci {background: url(../images/pci_dss.svg); width:181px; height:70px; background-size:cover}

.companies.black img {margin: 0 25px;}

.payments .qiwi {
    background: url(../images/payments/qiwi.svg);
    filter: grayscale(100%);
    background-size: cover;
    height: 30px;
    width: 70px;
}

@media (min-width: 768px) {
    .payments .companies {justify-content: center;}
    .payments .companies > .item {width: 121px; height: 26px; -webkit-box-flex: auto; -webkit-flex: auto; flex: auto;}
}
@media (min-width: 1024px) {
    .payments .companies {margin: 0 auto;}
    .payments .companies > .item {float: left; width: 130px; height: 30px; margin: 0 1.2em; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
    .payments .companies > .item:first-child {margin-left: 0;}
    .payments .companies > .item:last-child {margin-right: 0;}
}

/* CUSTOMS STYLE */
.up-btn {position: fixed; display: none; background: none; right: 1%; bottom: 1%; cursor: pointer; margin: 0; padding: 0; text-align: center; outline: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 900;}
.up-btn * {-webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.up-btn .circle {display: block; margin-bottom: .6em; width: 54px; height: 54px; line-height: 54px; overflow: hidden; border: 2px solid #a0a0a0; -webkit-border-radius: 50%; border-radius: 50%;}
.up-btn .circle > i {font-size: 1.8em; color: #a0a0a0;}
.up-btn .caption {font-size: .9em; color: #a0a0a0; font-weight: 600; text-transform: uppercase;}
.up-btn:hover .circle {background: #1e88e5; border-color: #1e88e5;}
.up-btn:hover .circle > i {color: #fff;}
.up-btn:hover .caption {color: #066fcb;}
.up-btn.visibled {display: block; border:none;}
.icon-help.tip {position: absolute; right: 1em; cursor: pointer; font-size: 1.2em; color: #9c9c9c;}
.icon-help.tip:hover {color:#5E677E; transition: all 0.2s ease-in;}
.dtooltip {position: absolute; display: block; background: #fff; top: 38px; right: 15px; left: 15px; padding: 1.2em; border-bottom: 3px solid #1e88e5; -webkit-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, .2); box-shadow: 0 1px 20px rgba(0, 0, 0, .2); opacity: 1; z-index: 999;}
.dtooltip:before {position: absolute; display: block; content: ''; top: -20px; right: 21px; border: 10px solid transparent; border-bottom-color: #fff; z-index: 18;}
.dtooltip p {margin-bottom: 0;}
.ui-icon {position: realtive; display: block; border: 0;}
.ui-icon-ddos > * {height: 96px;}
.ui-icon-firewall > * {height: 76px; margin: 10px 0;}
.ui-icon-img {position: relative; display: block; width: 92px; height: 92px; background: #0c6cc5; padding: 13px; -webkit-border-radius: 50%; border-radius: 50%;}
.ui-icon-img > img {max-width: 100%; border: 0;}

[class^="ui-icon-"].center, [class*=" ui-icon-"].center {display: table; margin-left: auto; margin-right: auto;}


.grid .image-icon {display: table; margin-left: auto; margin-right: auto;}

.cms-install > img {display: block; margin-top: 2em;}
@media (min-width: 768px) {
    .cms-install > img {display: inline-block; margin-top: 0; margin-right: 2em;}
    .cms-install > img:last-child {margin-right: 0;}
}

.spot {position: relative; display: block; width: 18px; height: 18px; top: auto; left: auto; -webkit-border-radius: 100%; border-radius: 100%; z-index: 14;}
.spot:after {position: absolute; content: ""; width: 18px; height: 18px; background: #1e88e5; margin: -8px 0 0 -8px; top: 50%; left: 50%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: spot-pulse 2s linear; animation: spot-pulse 2s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@-webkit-keyframes spot-pulse {
	0% {
		box-shadow: 0 0 0 0 #1e88e5;
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

@keyframes spot-pulse {
	0% {
		box-shadow: 0 0 0 0 #1e88e5;
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

/*  Features */
.feature {position: relative; margin-bottom: 1.4em; padding-left: 5.4em; padding-top: 1em;}
.feature .icon {position: absolute; top: 1.8em; left: 0;}

/*  Register form */
.register-form {margin-top: 2em; padding: 0; border: 0;}
.register-form .form-group {float: left; width: 240px; margin:10px 10px;}
@media (min-width: 730px) and (max-width:991px) {
    .register-form .form-group {width:220px;}
}
.register-form .form-control {display: block; width: 100%; height: 56px; line-height: 56px; background-color: rgba(0, 0, 0, 0.2); margin: 0; padding: 1em 1.2em; border: 0; font-size: 1em; color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0.3em; border-radius: 0.3em;}
.register-form .form-control::-webkit-input-placeholder {color: #cdecff; font-weight: 300;}
.register-form .form-control::-moz-placeholder {color: #cdecff; font-weight: 300;}
.register-form .form-control:-moz-placeholder {color: #cdecff; font-weight: 300;}
.register-form .form-control:-ms-input-placeholder {color: #cdecff; font-weight: 300;}
.register-form .btn {height: 56px; margin: 0; padding-top: 1em; padding-bottom: 1em; width:100%;}

@media (max-width: 729px){
    .register-form .form-group {float:none;}
}

/* SECTION PREVIEW */
.section-preview {position: relative; display: block; width: 100%; background: #1780dc; margin: 0; padding: 5em 0 5em; color: #fff; transition: all 1s;}
.section-preview.sw-red {background: #da291c !important; animation-name: sw-grad; animation-duration: 1s;}
.section-preview h1 {margin: 0; padding: 0; font-size: 2.8em; color: #fff; font-weight: 300; text-align: center; letter-spacing: -0.01em;}
.section-preview .small {color:white !important}
.section-preview h2 {font-size: 1.6em; font-weight: 300;color: #fff;}
.section-preview h3 {font-size: 1.3em; font-weight: 700;color: #fff;}
.section-preview p {line-height: 1.2em; margin-top: 1em; padding: 0; font-size: 1.1em; color: #fff; font-weight: 300; letter-spacing: 0;}
.section-preview .container {padding:0;}
.section-preview .regular {height:300px;}
.section-preview.regular > h1 {margin-top:100px;}
.section-preview a, a:active, a:visited {color:white; font-weight: 400;}
.section-preview .tiers-table a, a:active, a:visited {color:#5E677E; font-weight: 400;}
.section-preview .tiers-table .btn-hosting a, a:active, a:visited {color:white;}
.winVds {display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important;}

.virtual-server.section-preview h1 {font-size: 2.6em; display:block; margin:2em 0 1em; text-align: left;}
@media (max-width: 400px) {
    .virtual-server.section-preview h1 {padding: .2em; .1em; font-size: 2em;}
}

/* Info section
Done */
.section-info {position: relative; display: block; width: 100%; background: #26313d; margin: 0; padding-top: 3em; padding-bottom: 3em;}
.section-info .text > * {color: #fff; text-align: center;}
.section-info .text p {margin-bottom: 0; font-size: 1.1em; font-weight: 300;}
@media (min-width: 768px) {
    .section-info .text p {padding-left: 10em; padding-right: 10em;}
}

.section-tech1 {position: relative; display: block; width: 100%; background: #eef0f1; margin: 0; padding-top: 3em; padding-bottom: 3em;}
.section-tech2 {position: relative; display: block; width: 100%; background: #fff; margin: 0; padding-top: 3em; padding-bottom: 3em;}
.section-tech3 {position: relative; display: block; width: 100%; background: #2B2B2B; margin: 0; padding-top: 3em; padding-bottom: 3em; color:#fff;}
.section-tech3 h2 {color:#fff;}
.section-tech4 {position: relative; display: block; width: 100%; background: #eef0f1; margin: 0; padding-top: 3em; padding-bottom: 3em;}
.section-tech5 {position: relative; display: block; width: 100%; background: #eef0f1; margin: 0; padding-top: 3em; padding-bottom: 3em;}
.section-tech6 {position: relative; display: block; width: 100%; background: #eef0f1; margin: 0; padding-top: 3em; padding-bottom: 3em;}

/* Service plans Done */

.service-plans {display: block; margin-bottom: 1em;}
.service-plans .unit {display: inline-block; width: 100%; padding: 0 1em 1em; border-bottom: 1px solid #dadada; -webkit-flex: 1; flex: 1;}
.service-plans .unit + .unit {margin-top: 1em;}
.service-plans .unit:last-child {border-bottom: 0;}
.service-plans .unit .header {display: table; margin: 0 auto 1em auto;}
.service-plans .unit .header > h4 {margin: 0; font-size: 1.1em; color: #5f5f5f; text-transform: uppercase; letter-spacing: -0.8px;}
.service-plans .unit .header > h2 {margin: 0; font-size: 2em; color: #1470c5;}
.service-plans .unit .features {background: #f8f8f8; margin: 0; padding: 1.2em; border: 0; webkit-border-radius: 0.3em; border-radius: 0.3em;}
.service-plans .unit .features > li {font-size: 1em; color: #505050; font-weight: 400; text-align: left; list-style-type: none;}
.service-plans .unit .features > li:before {display: inline-block; content: 'e'; padding-right: 0.3em; font-family: "hosting" !important; font-size: 1.2em; color: #358ee0; vertical-align: middle;}
.service-plans .unit .features > li span {padding: 0; color: #2e3134; font-weight: 700;}
.service-plans .unit .features > li + li {margin-top: 0.3em;}
.service-plans .unit .features > li > i {display: inline-block; float: right; margin-top: 2px; cursor: help; font-size: 1.1em; color: #888; vertical-align: middle;}
.service-plans .unit .price {margin: 0.6em 0; font-size: 2em; font-weight: 700; text-align: left;}
.service-plans .unit .price > .title {color: #5f5f5f;}
.service-plans .unit .btn {display: block;}

/* Plan table FOR REMOVAL */

.plan-table {display: block; margin: 1em 0; padding: 0; border: 0;}
.plan-table .plan-unit {position: relative; min-width: 300px; padding-left: 15px; padding-right: 15px;}
.plan-table .plan-unit .features {background: #f0f0f0; margin: 0; padding: 1.2em 0; border: 0;}
.plan-table .plan-unit .features li {list-style-type: none; font-size: 0.83em; color: #505050; font-weight: 400; text-align: center; text-transform: uppercase;}
.plan-table .plan-unit .features li > span {padding: 0 0.3em; color: #2e3134; font-weight: 700;}
.plan-table .plan-unit .features li + li {margin-top: 1em;}
.plan-table .plan-unit .info {background: #27292c;}
.plan-table .plan-unit .info .btn {display: table; margin: 1.2em auto 0 auto;}
.plan-table .plan-unit .desc {margin-top: 1em; font-size: 0.95em; color: #969a9f; text-align: center;}
.plan-table .plan-unit .desc strong {padding-left: 0.3em; color: #fff;}
.plan-table .plan-unit .ribbon {position: absolute; width: 75px; height: 75px; top: -5px; left: -5px; overflow: hidden; z-index: 1;}
.plan-table .plan-unit .ribbon > span {position: absolute; display: block; width: 100px; line-height: 20px; background: #358ee0; top: 19px; left: -21px; font-size: 9px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.plan-table .plan-unit .ribbon > span:before {position: absolute; content: ''; top: 100%; left: 0; z-index: -1; border-left: 3px solid #1967af; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #1967af;}
.plan-table .plan-unit .ribbon > span:after {position: absolute; content: ''; top: 100%; right: 0; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #1967af; border-bottom: 3px solid transparent; border-top: 3px solid #1967af;}
.plan-table.floating {display: table; margin-left: auto; margin-right: auto;}
.plan-table.floating .content {display: -webkit-flex; display: flex;}
.plan-table.floating .plan-unit .header {display: block; float: none; width: 100%; background: #f5f5f5; padding: 2em 0; -webkit-border-radius: 0.3em 0.3em 0 0; border-radius: 0.3em 0.3em 0 0;}
.plan-table.floating .plan-unit .header h3 {margin: 0; font-size: 1.5em; font-weight: 300; text-align: center;}
.plan-table.floating .plan-unit .header span {padding-left: 0.3em; font-size: 1.1em; font-weight: 400;}
.plan-table.floating .plan-unit .info {padding: 1.2em 1em; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-border-radius: 0 0 0.3em 0.3em; border-radius: 0 0 0.3em 0.3em;}
.plan-table.floating .plan-unit .info .price {font-size: 1.6em; color: #fff;}
.plan-table.special {display: block; width: 100%; overflow: hidden; margin-left: 0; margin-right: 0;}
.plan-table.special .content {justify-content: space-between;}
.plan-table.special .plan-unit {display: inline-block; min-width: auto; width: 220px; padding-left: 0; padding-right: 0;}
.plan-table.special .plan-unit .header h3 {font-size: 1.3em;}
.plan-table.special .plan-unit .header span {font-size: 1.2em;}
.plan-table.special .plan-unit:nth-last-child(1) .header, .plan-table.special .plan-unit:nth-last-child(2) .header {background: #358ee0;}
.plan-table.special .plan-unit:nth-last-child(1) .header h3, .plan-table.special .plan-unit:nth-last-child(2) .header h3 {color: #fff;}
.plan-table.special .plan-unit:nth-last-child(1) .features, .plan-table.special .plan-unit:nth-last-child(2) .features {background: #2d7fcb;}
.plan-table.special .plan-unit:nth-last-child(1) .features li, .plan-table.special .plan-unit:nth-last-child(2) .features li {color: #efefef;}
.plan-table.special .plan-unit:nth-last-child(1) .features li > span, .plan-table.special .plan-unit:nth-last-child(2) .features li > span {color: #fff;}
.plan-table.hosting {display: block; margin: 0 0 1em 0;}
.plan-table.hosting .content {justify-content: flex-start;}
.plan-table.hosting .plan-unit {display: inline-block; min-width: auto; width: 230px; margin-right: 2em; padding-left: 0; padding-right: 0;}

/* Advantages */

.advantages {display: -webkit-flex; display: flex; width: 100%;}
.advantages .block {display: block; margin: 0 1em; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.advantages .block .icon {display: block; margin-bottom: 1em; text-align: center;}
.advantages .block > h3 {font-size: 1.1em; text-align: center; text-transform: uppercase;}
.advantages .block > p {padding: 0; font-size: 1em; color: #555; text-align: justify;}

/* OS */

.os-avalable {display: block; width: 75%; margin-top: 1em;}
.os-avalable .block {overflow: hidden; padding: 1em;}
.os-avalable .block + .block {margin-top: 0.5em;}
.os-avalable .block > img {float: left;}
.os-avalable .block .info {float: left; padding-left: 1em;}
.os-avalable .block .info h2 {font-size: 1.2em; text-transform: none;}
.os-avalable .block .info p {margin: 0; padding-left: 1em; font-size: 0.85em; font-weight: 400; text-transform: uppercase;}
.os-avalable .block .info p strong {font-weight: 600;}
.os-avalable .block .info h2, .os-avalable .block .info p {float: left; line-height: 50px;}
.os-avalable .block .price {display: block; float: right; line-height: 50px; font-size: 1.5em; font-weight: 600; text-align: center;}
.os-avalable .block .price > .currency {font-size: 0.6em; font-weight: 400;}
.os-avalable .block .price > .title {margin-left: 0.3em; font-size: 0.6em; font-weight: 400;}

/*  Additional service */

.additional-services {display: -webkit-flex; display: flex; margin-bottom: -3em; padding: 0; border: 0; flex-wrap: wrap; justify-content: space-between;}
.additional-services .unit {display: inline-block; width:232px; height:232px; background: #fff; margin-bottom: 1.5em; border: 0; -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); -webkit-border-radius: 0.3em; border-radius: 0.3em;}
.additional-services .unit .content {position: relative; display: block; margin: 0; padding: 1em 1.2em; align-self: center; text-align: center;}
.additional-services .unit > * + * {margin-top: 1em; color: #5f5f5f;}
.additional-services .unit h3 {display: block; margin: 1.4em 0; font-size: 1.5em; color: #2e3134; font-weight: 400; text-transform: none; text-align: center;}
.additional-services .unit p {padding-left: 1.2em; padding-right: 1.2em; text-align: center;}
.additional-services .unit .price, .additional-services .unit [class^="cost-"] {display: table; margin-left: auto; margin-right: auto; font-size: 1.3em; color: #5f5f5f; text-align: left;}
.additional-services .unit .btn {margin-top: 1em;}

@media (max-width:768px){
    .additional-services {justify-content: space-between; margin-top:4em;}

}

@media (max-width:740px){
    .additional-services .unit {margin: 0 auto 1.5em;}
}


/* Whys */

.whyus-vds {display: -webkit-flex; display: flex; margin-bottom: -3em; padding: 0; border: 0; flex-wrap: wrap; justify-content: space-between;}
.whyus-vds .unit {display: inline-block; width: 31%; background: #26313d; margin-bottom: 3em; border: 0; -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); -webkit-border-radius: 0.3em; border-radius: 0.3em;}
.whyus-vds .unit .content {position: relative; display: block; margin: 0; padding: 1em 1.2em; align-self: center; text-align: center;}
.whyus-vds .unit > * + * {margin-top: 1em; color: #5f5f5f;}
.whyus-vds .unit h3 {display: block; margin: 1.4em 0; font-size: 1.5em; color: #fff; font-weight: 400; text-transform: none; text-align: center;}
.whyus-vds .unit p {padding-left: 1.2em; padding-right: 1.2em; text-align: center;}
.whyus-vds .unit .price, .additional-services .unit [class^="cost-"] {display: table; margin-left: auto; margin-right: auto; font-size: 1.3em; color: #5f5f5f; text-align: left;}
.whyus-vds .unit .btn {margin-top: 1em;}

/* Dedicated map */

.dedicated-map {position: relative; height: 362px; background: #eef0f1; padding: 0;}
.dedicated-map .map {position: absolute; height: 362px; top: 0; right: 0;}
.dedicated-map .text {padding-top: 64px; height:362px;}

@media (max-width:1190px) {
    .dedicated-map .map {opacity:0.2;}
}

/* Software table */

.software-table {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.software-table .unit {dispay: inline-block; width: 25%; padding: 0.8em 0; border-right: 1px solid; border-bottom: 1px solid; border-color: #f1f1f4;}
.software-table .unit .image {display: block; text-align: center;}
.software-table .unit .image > img {height: 50px;}
.software-table .unit h3 {margin-top: 1em; font-size: 1em; text-align: center;}
.software-table .unit h3 > span {display: block; margin-top: 0.3em; font-weight: 400; text-align: center; text-transform: none;}
.software-table .unit:nth-child(4n+4) {border-right: 0;}
.software-table .unit:nth-last-child(-n+4) {border-bottom: 0;}
.software-table .unit .image-tech > img {height: 100px;}

@media (max-width:480px) {
    .software-table .unit {width:50%;}
}

.software-table-winvds {width: 100%; border-collapse: collapse;}
.software-table-winvds td, .software-table-winvds th {padding:10px; border-bottom: 1px solid #ddd; color: #5e677e;}
.software-table-winvds th {font-size:120%;}
.software-table-winvds .price {font-size: 1.2em; font-weight: 500; color: #5e677e;}
.software-table-winvds .price span {font-weight:300; font-size: 80%;}


/* Hosting list */

.hosting-list {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.hosting-list .item {dispay: inline-block; width: 48%; line-height: 24px; padding: 0.3em 0; font-size: 0.9em; font-weight: 600; vertical-align: middle;}
.hosting-list .item + .item + .item {margin-top: 0.3em;}
.hosting-list .item > .icon {float: left; height: 24px; padding-right: 10px; color: #ccc;}
.hosting-list .item > .icon.small {height: 16px; margin-top: 4px; margin-left: 4px; padding-right: 14px;}
.hosting-list .item.mark {color: #006ed3;}


/* Domain form */

.domain-buy-form {display: table; margin: 0 auto;}
.domain-buy-form .input {height: 50px;}
.domain-buy-form .input input[type=text] {min-width: 460px; height: 50px; line-height: 50px; background: #fff; margin: 0; padding: 0 1.2em; border: 1px solid #25bd86; font-size: 1em; font-weight: 400; -webkit-border-radius: 0.3em 0 0 0.3em; border-radius: 0.3em 0 0 0.3em;}
.domain-buy-form .input .label {height: 50px; line-height: 50px; background: #fff; margin: 0; padding: 0 1em; border: 0; -webkit-border-radius: 0; border-radius: 0;}
.domain-buy-form .input .btn {height: 50px; -webkit-border-radius: 0 0.3em 0.3em 0; border-radius: 0 0.3em 0.3em 0;}
.domain-buy-form .input > * {display: block; float: left;}
.domain-buy-form .tlds {overflow: hidden; margin-top: 1em;}
.domain-buy-form .tlds .checkbox {float: left; margin: 0 1em 0 0;}
.domain-buy-form .result {display: table; width: 520px; margin: 0 auto;}
.domain-buy-form .domain-list {display: -webkit-flex; display: flex; overflow: hidden; margin: 1em 0; flex-wrap: wrap; justify-content: space-between;}
.domain-buy-form .domain-list .unit {display: inline-block; width: 46%; margin: 0.3em 0; padding: 0.3em 0; border-bottom: 1px solid #e0e0e0;}
.domain-buy-form .domain-list .unit p {margin: 0; font-size: 0.95em;}
.domain-buy-form .domain-list .unit span {font-weight: 600;}
.domain-buy-form .domain-list .unit.unavailable, .domain-buy-form .domain-list .unit.unavailable span {color: #999; font-weight: 400;}
.domain-buy-form .domain-list > li {display: block; overflow: hidden; margin: 0.3em 0; padding: 0 0 0.3em 0; border-bottom: 1px solid #e0e0e0; list-style-type: none;}
.domain-buy-form .domain-list .name {display: inline-block; width: 70%; padding: 0 1em; vertical-align: middle;}
.domain-buy-form .domain-list .name span {font-weight: 600;}
.domain-buy-form .domain-list .status {display: inline-block; width: 28%; text-align: right; vertical-align: middle;}
.domain-buy-form .domain-list .status span {padding: 0.3em 0; color: #e03535; font-weight: 400;}
.domain-buy-form .domain-list > li.unavailable {color: #a0a0a0; font-weight: 400 !important;}
/*
Domain extensions
*/
.domain-extensions {display: -webkit-flex; display: flex; margin: 0; padding: 0; border: 0; flex-wrap: wrap; justify-content: space-between;}
.domain-extensions .unit {display: inline-block; width: 31%; margin-bottom: 1em; padding: 0.8em 1em; border: 2px solid transparent; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.domain-extensions .unit:hover {border: 2px solid #d0d0d0;}
.domain-extensions .unit:hover .checkbox label {color: #006ed3}
.domain-extensions .unit div {display: inline-block; margin: 0;}
.domain-extensions .unit .checkbox {margin-top: 3px;}
.domain-extensions .unit .checkbox label, .domain-buy-form .tlds .checkbox label {line-height: 24px; font-size: 1em; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.domain-extensions .unit .checkbox label:after, .domain-buy-form .tlds .checkbox label:after {text-transform: none;}
.domain-extensions .unit .price {float: right; text-align: right;}

/* Option table */

.option-table {display: -webkit-flex; display: flex; align-items: stretch;}
.option-table .item {display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.option-table .item > * {padding: 0.5em 1em; border-left: 1px solid; border-bottom: 1px solid; border-color: #f1f1f4; font-size: 0.9em;}
.option-table .item > *:nth-child(even) {background: #fbfbfb;}
.option-table .item .title {height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; border-top: 1px solid #f1f1f4; font-size: 1em; color: #358ee0; font-weight: 600; text-align: center; text-transform: uppercase; vertical-align: middle;}
.option-table .item:last-child > * {border-right: 1px solid #f1f1f4;}
.option-table i {display: table; margin: 0 auto; font-size: 1.4em;}

/* Platform table */

.platform-table {display: block; margin: 1em 0; text-align: center;}
.platform-table .item-icon {display: inline-block; width: 60px; height: 60px; background: #fff; margin: 0.6em 0.4em; padding: 0.3em; text-align: center; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; border-radius: 50%;}
.platform-table .item-icon > img, .platform-table .item-icon .icon {width: 36px; height: 36px; margin-top: 7px;}
.platform-table .item-box {display: inline-block; float: none; width: 200px; padding: 1em;}
.platform-table .item-box > img {max-width: 100%;}

/* CHECKMARK LIST */
.checkmark {padding: 0; border: 0; list-style-type: none;}
.checkmark > li, .checkmark > .item {position: relative; font-size: 1em;}
.checkmark > li + li, .checkmark > .item + .item {margin-top: 0.6em;}
.checkmark > li:before, .checkmark > .item:before {display: inline-block; content: 'b'; padding-right: 0.3em; font-family: "hosting" !important; font-size: 1.2em; color: #358ee0; vertical-align: middle;}

/* BLOCK LANGUAGES */
.blocklanguages {display: block; float: left; margin-left: 3em;}
.blocklanguages ul {display: -webkit-flex; display: flex; height: 34px; margin: 0; padding: 0; border: 0; list-style-type: none; vertical-align: middle; align-items: center;}
.blocklanguages li {background: rgba(0, 0, 0, .1); margin: 0 .6em 0 0; padding: 0 5px 1px; border: 0; text-align: center; -webkit-border-radius: .3em; border-radius: .3em;}

/* BLOCK LOGIN */
.blocklogin {display: block; float: right;}
.blocklogin ul {display: -webkit-flex; display: flex; height: 34px; margin: 0; padding: 0; border: 0; list-style-type: none; vertical-align: middle; align-items: center;}
.blocklogin li {margin-right: 1em;}
.blocklogin li:last-child {margin-right: 0;}
.blocklogin .login, .blocklogin .login:visited {height: 30px; line-height: 30px; background: none; margin: 2px 0; padding: 0 1.4em; border: 0; font-size: .75em; color: rgba(255, 255, 255, .8);}
.blocklogin .login:hover, .blocklogin .login:focus, .blocklogin .login:active, .blocklogin .login:active:hover {background: rgba(0, 0, 0, .1); border-color: rgba(0, 0, 0, .1); color: #fff; -webkit-box-shadow: none; box-shadow: none;}
.blocklogin .signin, .blocklogin .signin:visited {height: 30px; line-height: 30px; background: #19d1d1; margin: 2px 0; padding: 0 1.2em; border-color: #19d1d1; font-size: .75em;}
.blocklogin .signin:hover, .blocklogin .signin:focus, .blocklogin .signin:active, .blocklogin .signin:active:hover {background: #36e2e2; border-color: #36e2e2; -webkit-box-shadow: none; box-shadow: none;}
.block-domaincheck {position: absolute; width: 50%; top: -6em; right: 0; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.block-domaincheck .content {width: 100%; background: #fff; margin: 0; padding: 1em 1.3em;}
.block-domaincheck .content h2 {margin-top: 0; font-size: 1.1em; color: #606060; font-weight: 700; text-transform: uppercase;}
.block-domaincheck .content form {display: block; width: 100%;}
.block-domaincheck .content input {height: auto; margin: 0; padding: 0.8em 1.2em; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #555; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.block-domaincheck .content input:hover, .block-domaincheck .content input:focus {border-color: #358ee0; -webkit-box-shadow: none; box-shadow: none;}
.block-domaincheck .content .btn {background: #358ee0; margin: 0; padding: 0.7em 1.2em; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #fff; font-weight: 600; text-transform: uppercase; border-radius: 0;}
.block-domaincheck .content .btn > i {padding-right: 0.3em; font-size: 1.2em; vertical-align: middle;}
.block-domaincheck .content input, .block-domaincheck .content .btn {border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

/* Pricing bar */

.pricing-bar {background: #fff; border: 2px solid transparent; -webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-border-radius: 0.3em; border-radius: 0.3em;}
.pricing-bar h2 {margin-top: 1em; font-size: 1.4em; text-align: center;}
.pricing-bar h4 {margin-bottom: 1em; font-size: 1.1em; font-weight: 600; text-align: center; text-transform: uppercase;}
.pricing-bar .features .cell {position: relative; line-height: 2em; padding: 0.6em 1em; border-left: 0; font-size: 0.85em; color: #2e3134; font-weight: 400; text-align: center;}
.pricing-bar .features .cell > span {padding-left: 0.3em; font-weight: 600;}
.pricing-bar .features .cell:nth-child(odd) {background: rgba(0, 0, 0, 0.03);}
.pricing-bar:hover, .pricing-bar:active {border: 2px solid #358ee0;}
.pricing-bar.selected {background: #ecf2f7; border: 2px solid #358ee0;}

/* Options tab */

.option-tab {display: table; width: 100%; background: none; margin: 0; padding: 0; border: 0; border-collapse: collapse; empty-cells: show;}
.option-tab tbody tr:nth-child(odd) {background: #f6f6f6;}
.option-tab tbody th {padding: 1em 1.4em; text-align: left;}
.option-tab tbody td {padding: 0.6em 1.2em; font-size: 0.9em; text-align: left; vertical-align: middle;}
.option-tab tbody td:first-child {font-size: 1em;}

/*Pricing tabs*/

.pricing-tabs {display: table; margin: 0 auto; padding: 0; border: 0;}
.pricing-tabs a {display: inline-block; background: none; margin: 0; padding: 1.4em 2em; font-size: 0.85em; color: #5f5f5f; font-weight: 600; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 0.3em 0.3em 0 0; border-radius: 0.3em 0.3em 0 0;}
.pricing-tabs a:hover, .pricing-tabs a:active {background: #eef0f1;}
.pricing-tabs a.active {background: #eef0f1; color: #1e7ace;}

/* Checkmark list*/

.checkmark-list {margin-top: 1em;}
.checkmark-list li {line-height: 1.4em; padding: 0.3em 0; list-style: none; font-size: 1em;}
.checkmark-list li > i {padding-right: 0.3em; font-size: 0.85em; color: #555; font-weight: 300;}
.checkmark-list li > span {color: #358ee0; font-weight: 600;}

/* FEEDS OBJECTS */
.feeds .units {display: -webkit-flex; display: flex; width: 100%; margin: 0; list-style-type: none; justify-content: space-between; flex-wrap: wrap; padding: 0;}
.feeds .units .unit {position: relative; display: block; float: left; width: 33.33333333%; padding-left: 80px; border: 0;}
.feeds .units .unit > a {display: block; width: 100%; text-decoration: none !important;}
.feeds .units .unit-icon {position: absolute; width: 50px; height: 50px; background: transparent; top: -2px; left: 16px; padding: 9px; -webkit-border-radius: 50%; border-radius: 50%;}
.feeds .units .unit-icon:before {display: block; content: ''; width: 32px; height: 32px;}
.feeds .units .unit-icon:after {position: absolute; content: ''; width: inherit; height: inherit; top: 0; left: 0; border: 2px solid transparent; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-border-radius: 50%; border-radius: 50%;}
.feeds .units .unit-icon:hover:after {width: 60px; height: 60px; background: rgba(0, 0, 0, .05); top: -5px; left: -5px; border: 2px solid #1e88e5; opacity: .5}
.feeds .units .unit-icon > i, .feeds .units .unit-icon > .icon {font-size: 3em; color: #1780dc; text-align: center;}
.feeds .units .unit-icon.icon-mac:after {border-radius:12px;}
.feeds .units .unit-content {padding: 0; margin:0 0 2em 0;}
.feeds .units .unit-content h4 {font-size: 1.2em; font-weight: 400;}
.feeds .units .unit-content p {font-size: 1em;}

/* CUSTOM PAGES */
.shared-hosting.section-preview {height: 440px; background: #1780dc;}
.shared-hosting.tiers-table {position: relative; width: 840px; margin-top: -300px;}
.virtual-server.section-preview {position:relative; top:100px; padding:0;}
.virtual-server.tiers-table {position: relative; }
.virtual-server.section-preview > h1 {background: rgba(0, 95, 169, .3); padding: .2em .7em; font-size: 2.6em;}

@media (max-width:1200px) {
    .virtual-server.tiers-table {width:800px; padding:2em 0;}
    .virtual-server.fairy-backup {width:800px; padding:2em 0;}
}

@media (max-width:1024px) {
    .tiers-table.virtual-server {width:100%;}
    .tiers-table.fairy-backup {width:100%; padding:2em 0;}
}


/* SVG ICONS */
[class^="icon-svg-"]:before, [class*=" icon-svg-"]:before {background-repeat: no-repeat; background-position: center; background-size: cover;}
.icon-svg-ip:before {background-image: url(/assets/tpl/images/icons/ip.svg);}
.icon-svg-plane:before {background-image: url(/assets/tpl/images/icons/plane.svg);}
.icon-svg-setting:before {background-image: url(/assets/tpl/images/icons/setting.svg);}
.icon-svg-settings:before {background-image: url(/assets/tpl/images/icons/settings2.svg);}
.icon-svg-ssd:before {background-image: url(/assets/tpl/images/icons/rocket3.svg);}
.icon-svg-iso:before {background-image: url(/assets/tpl/images/icons/icon-iso1.svg);}
.icon-svg-kvm:before {background-image: url(/assets/tpl/images/icons/kvm-bigger.svg);}
.icon-wp:before {background-image: url(/assets/tpl/images/icons/wordpress-logo.svg);}
.icon-git:before {background-image: url(/assets/tpl/images/icons/git.svg);}
.icon-lencrypt:before {background-image: url(/assets/tpl/images/icons/lencrypt.svg); background-repeat: no-repeat; background-position-x: center;}
.icon-backup:before {background-image: url(/assets/tpl/images/icons/icon-backup.svg); background-repeat: no-repeat; background-position-y: center;}
.icon-film:before {background-image: url(/assets/tpl/images/icons/bigfilmroll.svg); background-repeat: no-repeat;}
.icon-macdev:before {background-image: url(/assets/tpl/images/icons/macdev.svg); background-repeat: no-repeat;}
.icon-macmidi:before {background-image: url(/assets/tpl/images/icons/midimac.svg); background-repeat: no-repeat;}
.icon-automac:before {background-image: url(/assets/tpl/images/icons/automac.svg); background-repeat: no-repeat;}
.icon-penmac:before {background-image: url(/assets/tpl/images/icons/penmac.svg); background-repeat: no-repeat;}



/* Pace loader */
.pace {-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px;}

/*Terms*/

.terms {line-height: 1.6em; font-size: 1.06em;padding-bottom:0.6em; list-style-type: none;}
.terms > li:before{color:#1780DC;content: "•"; margin-right:10px;}

/* Custom footer navigation */

.secmenu {padding-left: 0;}
.secmenu > li{float:left; width:20%; text-decoration:none;}
.secmenu > li > a {margin-bottom: 1.6em;font-size: 1.15em;color: #fff;font-weight: 400;letter-spacing: -0.4px; text-decoration:none;}
.secmenu > li > a:hover {color: #1e88e5; text-decoration: underline;}
.footer-secondary-menu {list-style:none;}
.footer-secondary-menu a > ul > li {list-style:none;}
.secRow {list-style:none; padding:0;}
.secRow li > a {text-decoration:none;font-size: 0.85em; color: #a4a4a4; line-height:1.5em;}
.secRow li > a:hover {color: #1e88e5; text-decoration: underline;}
.secRow .first {margin-top:27px;}
.tooltiptext {visibility: hidden; font-size:.7em; background-color: #2B2B2B; color: #fff;text-align: center; border-radius: 6px; padding: 10px; width:250px; position: absolute; left:-260px; z-index: 1;opacity: 0.8;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.tip:hover .tooltiptext {visibility:visible;}
.swiper-slide .title1 {margin:0 0 10px;}
.swiper-slide .title2 {margin:0 0 10px;}
.swiper-slide .title3 .last {margin: 0 0 3em;}
.swiper-slide .title1 > p {margin:0; font-weight: 700;color: #fff;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: -0.03em;background: rgba(0, 95, 169, .3);padding: 0 0.5em;font-size: 2.6em;}
.swiper-slide .title2 > p {margin:0; background: rgba(0, 95, 169, .8);padding: .2em .7em; font-size: 1.5em;font-weight: 600;color: #fff;text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: -0.03em;}
.swiper-slide .title3 > p {font-size: 1em;font-weight: 300;color: #b7fff2;text-align: center;text-decoration: none;text-transform: none;letter-spacing: 0;}
.swiper-button {background: none;padding: 1.4em 2.2em;border: 1px solid #2cc78e;font-size: 0.9em;color: #fff;font-weight: 600;text-decoration: none !important;text-transform: uppercase;-webkit-border-radius: 0.3em;border-radius: 0.3em;-webkit-transition: background 0.2s ease-in;transition: background 0.2s ease-in; margin-top:2em;}
.swiper-button:hover{background-color:#2cc78e;}
.swiper-button > a {text-decoration:none; color:#fff;}


/* Rectangle Out */
.hvr-rectangle-out {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;
  position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e6f2ff; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform;
  transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1);}

/* Documents */
.app-documents {position: relative; display: -webkit-flex; display: flex; overflow: hidden;}
.app-documents .article-sidebar {display: block; overflow: hidden; margin-left: 2em; border-left: 1px solid #eaeaea; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; order: 1;}
.app-documents .article-sidebar .nav {display: block; background: #eef0f1; padding: 1.2em .3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;}
.app-documents .article-sidebar .list-group-item {background: none; margin-bottom: 0; padding: 0; border: 0;}
.app-documents .article-sidebar .list-group-item a {display: block; padding: .3em 1em; color: #555; text-decoration: none;}
.app-documents .article-sidebar .list-group-item:hover a {color: #1e88e5; text-decoration: underline;}
.app-documents .article-content {position: relative; width: 72%; overflow: hidden; order: 0;}
.app-documents .article-content p, .app-documents .article-content ol li {font-size: 94%;}
.app-documents .article-content ol li {margin-bottom: 1em;}
.app-documents .article-sidebar .sidebar {display: block; width: 100%; padding-left: 2em;}
.app-documents .article-sidebar .sidebar a {}


/* Hamburger */

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 20px 0 0 0;overflow: visible; float:left;}
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: white;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px;}
.hamburger-inner::after {bottom: -10px;}
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--collapse.is-active .hamburger-inner::after {top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;}
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);}


@media (max-width: 1280px) {
    .feeds .units .unit {width:50%;}
}

@media (max-width: 780px) {
    .feeds .units .unit {width:100%; margin:0 0 1em 0;}
    .section-navigation .logo {margin-top:15px;}
}

@media (max-width:640px) {
    .swiper-slide .title1 > p {font-size:1.5em;}
    .payments {padding: 6em 0 3em}
}

@media (max-width:400px){
    .swiper-slide .title2 > p {font-size:1.3em;}
    .payments {padding: 8em 0 6em}
}

@media (min-width: 768px) {
    .platform-table .item-icon {margin: 0.8em; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
}

@media (min-width: 992px) {
    .service-plans {display: -webkit-flex; display: flex; justify-content: space-around; flex-wrap: nowrap;}
    .service-plans .unit {padding: 0 2em; border-right: 1px solid #dadada; border-bottom: 0;}
    .service-plans .unit + .unit {margin-top: 0;}
    .service-plans .unit:last-child {border-right: none;}
    .service-plans.md-6 {justify-content: center;}
    .service-plans.md-6 .unit {width: 28%; padding-left: 2.4em; padding-right: 2.4em; -webkit-flex: none; flex: none;}
}

@media (max-width: 767px) {
    body.navbar-open {overflow: hidden;}
    .up-btn.visibled{display:none; border:none;}
    .mb-1 {margin-bottom: 0;}
}

@media (max-width: 1200px) {
    .sm-hidden {display: none !important;}
}

@media only screen and (max-width: 992px) and (min-width: 150px) {
    body {width: 100%; overflow-x: hidden; height:auto;}
}

.safety {position: absolute; bottom:-5%; right:30%; background: url(/assets/tpl/images/icons/icon-safety_white.svg);background-size: cover;height:170px;width:150px;}
.datacenter {position: absolute; bottom:-5%; left:30%; background: url(/assets/tpl/images/icons/icon-network-dark.svg);background-size: cover;height:150px;width:150px;}
.uptime {position: absolute; bottom:-5%; left:30%; background: url(/assets/tpl/images/icons/icon-uptime-grey.svg);background-size: cover;height:150px;width:150px;}
.gear {position: absolute; bottom:-20%; right:25%; background: url(/assets/tpl/images/icons/icon-gear-dark.svg);background-size: cover;height:250px;width:250px;}

.ssl-table hr {border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;}
.ssl-unit h3 {color: #1e88e5;font-weight: 400;font-size: 1.8em;display:block;}
.ssl-unit sup {font-size:50%;}
.ssl-price {font-weight: 500; margin:0 auto; color:#5e677e; }
.ssl-table .ssl-unit {min-height:100px; line-height: 24px; font-size: 1em; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; padding:0.8em; position:relative; overflow:hidden;}

.ssl-dv {text-transform:uppercase !important;}
.ssl-tt {margin:0 0.5em;}
.ssl-ov {color: #E60094;}
.ssl-dv {color: #FC4A1A;}
.ssl-ev {color: #007849}
.ssl-wdc {color: #0FA8EE;}
.ssl-idn {color: #CFB242;}
.ssl-sgc {color: #808080;}
.ssl-price-circle {display:block; margin:0 auto; border-radius: 50%; width: 100px;	height: 100px; background:#1780DC;}
.ssl-label {float:right;}
.svg-icon {margin:2em auto; width:80px; height:80px; position:relative;}
.circle-small {height:80px; width:80px; border-radius:50%; background-color:#34A9EF; display:flex; align-items: center; justify-content: center;}


.news_box {margin-bottom:3em;}
.news_credits {float:right; display:block; color:#707070;}
.news_title {display:block; color: #1a74c4;font-weight: 300; font-size: 2.1em;text-decoration:none;margin-bottom:20px;}
.news_box a {color: #1a74c4;;}
.news_title a:hover {text-decoration:underline;}


.google-maps {position: relative;padding-bottom: 25%; height: 0; overflow: hidden;}
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.footbrand {text-decoration: none;font-size: 0.85em;color: #a4a4a4;line-height: 1.5em; margin-top:27px;}

.section.software {padding-bottom:2em;}
.white {color:white;}
.blk-link {color:#5E677E;}


.alert-cookies {position:sticky; bottom:1em; left:1em; max-width:350px; background-color:#1780dc; color:white; transition: all 0.1s}

.organisation {display:block; float:right; background-color:#1780dc; color:white; font-size:16px;padding:1em;margin: 0 0 1em 1em;border: 1px solid #ddd;box-shadow: 0 0 0.375rem rgba(0,0,0,0.12);
background-image: none;background-size: auto auto;background-size: auto 100%;}

.privacy h3 {margin-left:2em;}
.privacy h4 {margin-left:0em;}
.privacy ul {list-style:none;}

.disabled > a {pointer-events: none; cursor: default;}


#testfile {color:white;}
#userip {color:white;}

.tier-vds .promo {background-color: #d03434; position: absolute; right: 0; top: 0; padding: 5px 10px; color: white; font-size: 15px}
.promo {background-color:#d03434;}
.onecore {text-align: center; font-weight:500; font-size:15px; color:#1e88e5; margin:10px 0 0;}

.success {margin: 25px 0; display: block; text-align: center; border-radius: 5px; padding: 10px 0 5px; border: 2px solid #32DEDE;}
.success h4 {font-weight: 200;}

.eecard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ee.svg'); width:1024px; height:726px; background-size:cover;}
.rucard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ru.svg'); width:1024px; height:726px; background-size:cover;}
.encard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-en.svg'); width:1024px; height:726px; background-size:cover;} 

@media (max-width: 1366px) {
    .eecard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ee.svg'); width:800px; height:570px; background-size:cover; margin-top:25px}
    .rucard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ru.svg'); width:800px; height:570px; background-size:cover; margin-top:25px} 
    .encard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-en.svg'); width:800px; height:570px; background-size:cover; margin-top:25px} 
    .v-flex {height:initial !important}
    .bgray .section-top {display:block; visibility:visible; height:50px;}
    .bgray .v-flex h3 {position: static; margin-top:15px;}
    .section-preview.virtual-server.win-vds{padding:30px !important}
}

@media (max-width: 1024px) {
    .eecard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ee.svg'); width:640px; height:420px; background-size:cover; margin-top:25px}
    .rucard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ru.svg'); width:640px; height:420px; background-size:cover; margin-top:25px} 
    .encard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-en.svg'); width:640px; height:420px; background-size:cover; margin-top:25px} 
    .v-flex {height:initial !important}
    .bgray .section-top {display:block; visibility:visible; height:50px;}
    .bgray .v-flex h3 {position: static; margin-top:15px;}
}

@media (max-width: 984px) {
    .smhidden {display: none;)
}

@media (max-width: 700px) {
    .eecard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ee.svg'); width:420px; height:270px; background-size:cover; margin-top:25px}
    .rucard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-ru.svg'); width:420px; height:270px; background-size:cover; margin-top:25px} 
    .encard {box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; display:block; background-image: url('../images/cards/postcard-en.svg'); width:420px; height:270px; background-size:cover; margin-top:25px} 
}

.v-flex {display: -ms-flexbox!important; display: flex!important; 
        -ms-flex-pack: center!important; justify-content: center!important; 
        -ms-flex-align: center!important; align-items: center!important; 
        -ms-flex-direction:column !important; flex-direction:column !important;
        height: 90%; width: 100%;
}


.bgray {background:#D9DBDD !important;}

.col-absolute {
    position: absolute;
    z-index: 9999;
}

.perspective {
  perspective: 500px;
}

.canvas {
  margin: 100px 0 5px 0;
  width: 500px;
  transform: rotateY(-25deg);
}

.canvas:after,
.canvas:before {
  content: "";
  clear: both;
  display: block;
}

.canvas .pane {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 2px solid #fff;

  width: 9vw;
  height: 6vw;
  margin: 0 5px 5px 0;
  float: left;
}

.win-vds {
    min-height: 600px;
}

.win-vds h1 {
    font-family:  'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.win-vds p {
    line-height: 30px;
}

.gray-grad {
    background: rgb(225,233,242);
    background: -moz-linear-gradient(180deg, rgba(225,233,242,0.3) 0%, rgba(225,233,242,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(225,233,242,0.3) 0%, rgba(225,233,242,1) 100%);
    background: linear-gradient(180deg, rgba(225,233,242,0.3) 0%, rgba(225,233,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e9f2",endColorstr="#e1e9f2",GradientType=1);
}


pre {
    background: #fff;
    display: inline-block;
    font-size: .55em;
    margin-top: 2em;
    padding: 1em;
}

@media (min-width: 360px) {
    pre {
        font-size: .7em;
    }
}

@media (min-width: 500px) {
    pre {
        font-size: 1em;
    }
}
/*== start of code for tooltips ==*/
.ttip {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.ttip::before,
.ttip::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.ttip:hover::before,
.ttip:focus::before,
.ttip:hover::after,
.ttip:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
}

.ttip::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3E474F transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
} 

.ttip:hover::before,
.ttip:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}

.ttip::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 178%;
    color: #EDEFF0;
    content: attr(data-tip);
    line-height: 1.2;
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%);  
    width: 17.5em;
}

.ttip:hover::after,
.ttip:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}


/* Chrome, Safari, Opera */
@-webkit-keyframes sw-r {
  0%  {right: -1000px}
  25% {right: -750px}
  50% {right: -500px}
  100% {right: -250px}
}

/* Standard syntax */
@keyframes sw-r {
  0%  {right: -1000px}
  25% {right: -750px}
  50% {right: -500px}
  100% {right: -250px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sw-grad {
  0%   {background: #1780dc;}
  25%  {background: #57639d;}
  50%  {background: #7b537a;}
  75%  {background: #9a465b;}
  100% {background: #da291c;}
}

/* Standard syntax */
@keyframes sw-grad {
  0%   {background: #1780dc;}
  25%  {background: #57639d;}
  50%  {background: #7b537a;}
  75%  {background: #9a465b;}
  100% {background: #da291c;}
}