@import url(header.css);
:root{
--box_border:0 0 0 1px #000,0 2px 2px 2px rgba(0,0,0,.4),inset 0 0 0 1px #cbd7e688,inset 0 0 0 4px var(--font-color-heading);
--color-background-primary:var(--color-n-000);
--color-background-secondary:var(--color-n-050);
--color-background-tertiary:var(--color-n-100);
--color-border:var(--color-n-100);
--color-brand:#b4353d;
--color-form-input:#b4353d;
--color-form-input:#8a282f;
--color-n-000:#14191f;
--color-n-000:#14191f;
--color-n-050:#21262c;
--color-n-100:#d3d8de;
--color-n-300:#322f3d;
--color-n-500:#b4353d;
--color-n-700:#322f3d;
--color-n-900:#d3d8de;
--font-color-body:var(--color-n-900);
--font-color-button:var(--color-n-000);
--font-color-heading:#db3b45;
--font-color-note:var(--color-n-300);
--font-h1:1.8rem;
--font-h1-leading:1.2;
--font-h2:1.375rem;
--font-h2-leading:1.2;
--font-h3:1.2rem;
--font-h4:1rem;
--font-h4-leading:1.25;
--font-margin-body:1.1rem;
--font-margin-heading:.75rem;
--font-p:1rem;
--font-p-leading:1.5;
--font-s:.8125rem;
--font-typeface:Signika,Open Sans,Noto Sans,Segoe UI,sans-serif;
--layout-container:1.25rem;
--layout-grid:3.625rem;
--layout-gutter:1rem;
--ui-gap-card:1.25rem;
--ui-gap-cta:.75rem;
--ui-gap-customer:2rem;
--ui-gap-faq:1.5rem;
--ui-gap-header:1rem;
--ui-gap-hero:2rem;
--ui-gap-pricing:2rem;
--ui-radius-avatar:5rem;
--ui-radius-button:8rem;
--ui-radius-card:.5rem;
--ui-radius-input:5rem;
--dropdown:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='10' d='M18 58.7L46 32 18 5.3'/%3E%3C/svg%3E");
--dropdown_hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='10' d='M5.3 18L32 46l26.7-28'/%3E%3C/svg%3E");
--shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23ca3e47' d='M13 2a17 17 0 0 0 9.5 3.6c0 11-3.7 13.9-9.5 18.4-5.8-4.5-9.5-7.4-9.5-18.4A17 17 0 0 0 13 2z'/%3E%3Cpath fill='%2379262b' d='M13 2a17 17 0 0 1-9.5 3.6c0 11 3.7 13.9 9.5 18.4z'/%3E%3C/svg%3E");
}

@font-face{font-family:Signika;font-weight:300,400,500,600,700;font-style:normal;font-display:swap;src:url(../fonts/signika.woff2) format("woff2")}
@font-face{font-family:Comme;font-weight:100,200,300,400,500,600,700,800,900;font-style:normal;font-display:swap;src:url(../fonts/Comme.woff2) format("woff2")}

/* globals */
html{box-sizing:border-box;scrollbar-color:#b2343c #21262c;background:var(--color-background-secondary) url(../icons/blueshield.svg) no repeat fixed center center/10%!important;min-height:100%}
body{filter:opacity(1)!important;animation:fade .4s ease .75s both;display:block!important;background-color:var(--color-background-secondary);color:var(--font-color-body);font-family:var(--font-typeface);font-feature-settings:"liga","kern";font-size:var(--font-p);font-weight:300;line-height:var(--font-p-leading);margin:0 auto}
::selection{background:#3d77c2;color:#000;text-shadow:none}
a,a u{color:var(--color-brand);color:#b3d5ff;color:#b8d5f9;color:#b0c9e8;text-decoration:none;font-weight:500}
a:hover,a:focus,a:hover u,a:focus u{color:#e23642;text-decoration:none}
*,*::before,*::after{box-sizing:inherit}
form{width:100%}
.glow{font-size:8px;color:#fff;text-align:center;animation:glow 1s ease-in-out infinite alternate}
h1,h2,h4,p,ul{margin-top:0}
h1,h2,h4{color:var(--font-color-heading);font-weight:500}
h1,h2{margin-bottom:var(--font-margin-heading);letter-spacing:.03em;animation:blur .15s ease .75s both;text-shadow:-1px 0 1px rgba(226,229,233,.55),1px 0 1px rgba(0,0,0,.8),-1px 1px 1px #8a282f,2px 2px 2px rgba(0,0,0,.5),3px 3px 3px rgba(0,0,0,.3)}
h1{font-size:var(--font-h1);line-height:var(--font-h1-leading);font-weight:600}
h2{font-size:var(--font-h2);line-height:var(--font-h2-leading);font-weight:500}
h3+a img{border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.6)}
h4{font-size:var(--font-h4);line-height:var(--font-h4-leading);text-shadow:1px 0 1px rgba(0,0,0,.8),2px 2px 2px rgba(0,0,0,.5)}
hr+h4{margin-top:15px}
hr{margin:20px 0;border:none;height:1px;background:linear-gradient(to right,rgba(0,0,0,0),#d3d8de,rgba(0,0,0,0));opacity:.7}
h1 + hr,h2 + hr{margin:35px 0}
hr.pricetop{margin-top:.25rem}
hr.pricebottom + a button {margin-top:0}
h1 + hr.tight,hr.lead{margin:-10px 0 5px;height:3px;background:linear-gradient(to right,#d3d8de,rgba(0,0,0,0));border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.6)}
hr.div{margin: 5px 0 20px}
hr.subsection,h1+hr.lead{margin:50px 0}
h1+hr.lead,h2+hr.lead,h4+hr.lead{margin:15px 0}
h1+hr.lead,h2+hr.lead{margin-bottom:25px}
h4+hr.lead{margin:-5px 0 20px;height:2px}
img,svg{display:block;height:auto;margin:0 auto;max-width:100%}
li{margin-top:3px;margin-bottom:3px;line-height:1.7}
main{border-top:10px solid #14191f;scroll-behavior:smooth}
p{text-align:justify;font-weight:300}
p.intro{font-weight:500;font-size:120%;margin-bottom:.75rem}
p.intro.dedicated{font-size:112%}
p:last-child,ul:last-child{margin-bottom:0}
p.right{text-align:right}
p,ul{margin-bottom:var(--font-margin-body)}
.card.info p {font-weight:400}
h1 + p{margin-top:1.75rem!important}
h1 + p.intro{margin-top:-.4rem!important}
p.intro ~ p, h1 ~ p {margin-bottom:1rem}
section p{text-shadow:1px 1px 1px rgba(0,0,0,.7)}
small{display:inline-block;line-height:1.3;font-size:var(--font-s)}
th small{font-weight:400;line-height:1.1}
strong{font-weight:700;text-shadow:2px 2px 2px rgba(0,0,0,.5)}
table{border-collapse:collapse;border-spacing:0;width:100%}
th:first-child,td:first-child{text-align:center;font-size:small}
th{font-size:small}
th,td{text-align:center;padding:8px;font-size:small}
table:not(#sitemap):not(#footerlinks):not(#copyright) th,table:not(#sitemap):not(#footerlinks):not(#copyright) td{font-weight:400;color:#fcdab7bb}
table:not(#sitemap):not(#footerlinks):not(#copyright) th a,table:not(#sitemap):not(#footerlinks):not(#copyright) td a{color:#ff8c12d6}
ul+a+br+small{text-align:center}
ul{padding-left:22px;list-style-image:url(../icons/bullet.svg)}
ul+small{margin:0 0 20px}
header,#sitemap,.button,button,img{user-select:none}
.justify{text-align:justify;margin-top:30px}
.left{text-align:left}
.right{text-align:right}
.description{font-size:85%;display:inline-block;font-weight:400}
.card--pricing-price .description {font-weight:600}
small.nocustom {display:block;width:100%;text-align:center;margin:-10px 0 1px}

/* forms */
::placeholder{color:#eee;font-style:italic;font-size:90%}
:focus::placeholder{opacity:0!important}
.button,.button-big,.button-normal,.button-primary,.button-secondary{color:#fdd}
.button-nostock{color:#808080}
.button-big,.button-normal{padding:.75rem 1rem .875rem;background-color:#79262b;border:none;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;border-radius:4px}
.button-nostock{padding:.75rem 1rem .875rem;background-color:#2f2828ba;border:none;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;border-radius:4px;pointer-events:none;}
tr:hover td .button-normal,.button-normal:hover,.button-big:hover{background-color:#9a3239}
tr:hover td .button-nostock,.button-nostock:hover{background-color:#2f2828ba}
td .button-normal{border-radius:4px}
td .button-normal:not(:hover) {background-color:#75262b88}
.button-big{width:100%}
.button{border:.0625rem solid var(--color-brand);border-radius:var(--ui-radius-button);display:block;font-weight:700;line-height:1;text-align:center;text-decoration:none}
.button:hover,.button-big:hover,.button-normal:hover,.button:focus,.button-big:focus,.button-normal:focus{color:#fff}
.button:active,.button-big:active,.button-normal:active{color:#dcc}
.button,.button-primary{background:linear-gradient(to bottom,#872c32,#75262b);border-radius:var(--ui-radius-button);border:none;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;margin:6px 2px 12px;cursor:pointer;width:calc(100% - 4px);box-shadow:0 2px 2px 2px rgba(0,0,0,.3),inset 0 0 0 2px #ad3840,inset 0 0 0 4px #3a1315;font-weight:700;transform:scale(.85);white-space:nowrap}
.button:hover,.button-primary:hover{box-shadow:0 0 0 1px rgba(0,0,0,.8),inset 0 0 0 2px #c13e47,inset 0 0 0 4px #270c0e;background:linear-gradient(to bottom,#ad3840,#9a3239);transform:scale(.9)}
.button:active,.button-primary:active{box-shadow:0 0 0 1px rgba(0,0,0,.8),inset 0 0 0 2px #c13e47,inset 0 0 0 4px #270c0e,inset 6px 6px 6px rgba(0,0,0,.5);background:linear-gradient(to bottom,#4d191c,#601f24)}
.button-normal{width:fit-content}
.button-primary{background-color:var(--color-brand)}
.button-secondary{background-color:var(--color-background-primary)}
.form{background-color:var(--color-form-input);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;padding:.25rem .4rem;border:1px solid #631d21}
input,button{color:inherit;font-family:inherit;font-size:var(--font-p);margin:0;outline:none;text-rendering:inherit;text-transform:none}
.input{background-color:#631d21;border:.0625rem solid var(--color-form-input);border-radius:var(--ui-radius-input);color:#ddd;box-shadow:inset 2px 2px 2px rgba(0,0,0,.3);text-align:center}
input[name="toggle"]{display:none}
.input:focus{color:#fff;box-shadow:inset 3px 3px 3px rgba(0,0,0,.6)}
.input-medium{padding:8px 14px}
.card form{background:none;box-shadow:none;border:none;display:block!important}
.card form input,.card form button{border-radius:0;vertical-align:middle;display:inline-block;line-height:1.2}
.card form button{padding:15px 24px 14px 20px!important;margin:6px 0 5px 0!important;text-align:center!important}
.card form button{padding:15px 24px 15px 20px!important;margin:-4px -4px 5px 0!important;text-align:center!important;float:right;width:30%;box-sizing:border-box}
.card .input-medium{padding:9px 14px;float:left;box-sizing:border-box;width:70%}

/* layout */
.layout-container{padding-left:var(--layout-container);padding-right:var(--layout-container)}
.layout-flex{display:flex}
.layout-flex,.layout-grid{align-items:center;align-items:stretch;justify-content:center}
header .layout-flex{align-items:center!important}
.layout-grid{display:grid}

/* header */
.header{padding-bottom:0rem;padding-top:1.25rem;position:relative;z-index:999}
.header__layout{justify-content:space-between}
.header--logo{padding:0 30px 0 0;z-index:1;transition:ease filter .3s}
.header--logo:hover{filter:saturate(1.3);transition:ease filter .3s}

/* section nav */
#sectionnav{position:fixed;top:108px;left:0;right:0;width:100%;background:#21262c;background:#252c38;z-index:999;text-align:center;font-size:90%;border-bottom:1px solid #0a0c10;padding:8px 6px 4px;box-shadow:0 0 2px 2px rgba(0,0,0,.4);contain:paint;animation:slidedown .9s ease 1.5s both;will-change:transform}
#sectionnav a{float:none!important;font-size:90%!important;position:relative}
#sectionnav a:first-child{border-left:1px solid #0b0d0f}
#sectionnav a::before {content:"";display:inline-block;position:absolute;left:0;top:0;width:1px;height:100%;background:#373f49}
#sectionnav a:last-child::after{content:"";display:inline-block;position:absolute;right:-2px;top:0;width:1px;height:100%;background:#373f49}

/* lists */
.list{grid-template-columns:1fr;row-gap:.75rem}
.list--item{background-position:left center;background-repeat:no-repeat;background-size:1.125rem;list-style:none;padding-left:1.875rem;line-height:1.3;font-weight:600}
.list-check{background-image:url(../icons/check.svg)}
.list-cross{background-image:url(../icons/cross.svg)}
.list-flag-finland{background-image:url(../icons/fi.svg)}
.list-flag-netherlands{background-image:url(../icons/nl.svg)}
.list-flag-switzerland{background-image:url(../icons/ch.svg)}
.list-flag-moldova{background-image:url(../icons/md.svg)}
.list-flag-usa{background-image:url(../icons/us.svg)}
.list-flag-russia{background-image:url(../icons/ru.svg)}
.list-flag-ukraine{background-image:url(../icons/ua.svg)}
.list-flag-luxembourg{background-image:url(../icons/lu.svg)}
.list-flag-bulgaria{background-image:url(../icons/bg.svg)}
.list-flag-map{background-image:url(../icons/map.svg)}

.list--pricing{margin-bottom:1.5rem;margin-top:1.25rem}
#vps_faq h4.list--item,#faq h4.list--item,.section-faq__layout .list--item{background:var(--shield) no-repeat left center/26px!important;margin-bottom:12px;font-size:120%}
#vps_faq{margin-bottom:-45px}
.card ul{margin:0 10px 0 -.75rem;padding-bottom:12px;padding-top:8px;}

/* cards */
.card{text-shadow:1px 1px 1px rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px #000,inset 0 0 2px 2px #b4353d,0 2px 2px 2px rgba(0,0,0,.2),0 0 0 3px inset #000;background:#151f2b;background-blend-mode:overlay;overflow:hidden;width:100%;position:relative}
.card ul{position:relative;z-index:2}
#features.card::before{content:"";position:absolute;top:0;bottom:0;width:100%; background:repeating-linear-gradient(to bottom,rgba(0,0,0,.8) 2px,rgba(0,0,0,0) 4px),var(--shield) no-repeat center calc(50% + 28px)/70%;pointer-events:none;opacity:.3;display:inline-block;z-index:0;mask-image:var(--shield);mask-repeat:no-repeat;mask-size:70%;mask-position:center calc(50% + 28px);filter:saturate(1.3);mix-blend-mode:luminosity;animation:fade ease .3s 1s both}
#features.dedicated li{font-size:110%}
#features.dedicated li small{font-size:90%;opacity:.75}
.card--feature-content{padding:2.25rem 1.5rem}
.card--feature{text-align:center}
.card--feature-title{margin-bottom:.5rem}
.card--pricing-amount{font-size:var(--font-h1);font-weight:700;text-shadow:0 0 1px #000,-3px 0 1px #191d21,0 3px 1px #9e2e35}
.card--pricing{padding:1.5rem 1.5rem 1.75rem;text-align:left;background:#151f2b;background:#0d1f35;background:linear-gradient(to top,#111f32,#0d1f35 300px);background-blend-mode:normal!important}
.card--pricing:not(#features){background:#151f2b url(../icons/blueshield.svg) no-repeat center calc(50% + 26px)/30% auto;background:url(../icons/blueshield.svg) no-repeat center calc(50% + 26px)/30% auto,linear-gradient(to top,#111f32,#0d1f35 300px)}
.card--pricing.search{background:repeating-linear-gradient(to bottom,#111f32aa 2px,#0d1f35 4px) center center / 4px,url(../images/globe.webp) no-repeat center center/cover,linear-gradient(to top,#111f32,#0d1f35 300px)!important;background-blend-mode:normal,luminosity!important;background-size: 4px,140%,4px !important}
.card--pricing-price{line-height:1;margin-bottom:1.25rem;margin-top:1.25rem}
.layout-grid-3 .card--pricing{background-size:95%}
.card--pricing small{font-weight:400}
.card--pricing > span:first-child + hr{display:none}
.card--pricing > span:first-child + hr + p{margin-bottom:0;font-size:1rem;font-weight:400}
.card ul hr{margin-left:-15px;background:linear-gradient(to right,#d3d8de,rgba(0,0,0,0))}
#features h3{margin:0}
#tlds{text-align:center;font-size:80%;display:inline-block;line-height:1.1;display:flex;flex-wrap:wrap;margin:0 0 10px}
#tlds span{margin:1px 2px 2px;padding:1px 3px;display:inline-block;background:#1b3c65;border-radius:2px;min-width:38px;justify-content:center;display:flex;flex:auto}
#ournet .card{margin-bottom:40px;padding-bottom:25px}
#ournet .layout-grid-3:last-of-type .card{margin-bottom:0}
#ournet .description{line-height:1.05;display:inline-block;text-align:center;width:100%;font-size:80%;font-weight:600}
#ournet .description i{display:inline-block;margin-top:6px;font-weight:400}
#ournet .card a{display:inline-block;width:100%;text-align:center}

/* sections */
.section{padding-bottom:2.5rem;padding-top:2.5rem;text-align:left;border-bottom:10px solid #050a14;box-shadow:inset 0 0 0 1px #000}
.section:nth-of-type(odd){background:repeating-linear-gradient(to bottom,rgba(0,0,0,.5) 2px,rgba(0,0,0,0) 4px) center center/4px 4px,url(../images/sky.webp) no-repeat center center/cover,var(--color-background-primary);background-blend-mode:overlay}
.section:nth-of-type(even){background:repeating-linear-gradient(to bottom,rgba(0,0,0,.5) 2px,rgba(0,0,0,0) 4px) center center/4px 4px,url(../images/sea.webp) no-repeat center center/cover,var(--color-background-secondary);background-blend-mode:overlay}
.section:nth-of-type(4n+4){background:repeating-linear-gradient(to bottom,rgba(0,0,0,.5) 2px,rgba(0,0,0,0) 4px) center center/4px 4px,url(../images/stars.webp) no-repeat center center/cover,var(--color-background-primary);background-blend-mode:overlay,normal}
.section:nth-child(even){background-color:var(--color-background-primary)}
.section:nth-child(odd){border-bottom:10px solid #050a14}
.section-close__layout{align-items:stretch;flex-direction:column;row-gap:var(--font-margin-body)}
.section-customer__layout{flex-direction:column;row-gap:var(--ui-gap-customer)}
.section-customer--logo-bhn{height:1.375rem}
.section-customer--logo{height:1.5rem;width:auto}
.section-customer--logo-str{height:1.75rem}
.section-faq--answer{padding-left:1.875rem}
.section-faq__layout{margin-bottom:2rem;row-gap:var(--ui-gap-faq);text-align:left}
.section-faq--note{text-align:center}
.section-faq{padding-bottom:5rem}
.section-faq--question{margin-bottom:.5rem;background-image:url(../icons/question.svg)}
.section-feature__layout{row-gap:var(--ui-gap-card)}
.section-feature{padding-bottom:5rem;padding-top:5rem}
.section-footer--copyright{margin-bottom:0;margin-right:auto}
.section-footer__layout{column-gap:var(--layout-gutter)}
.section-footer{padding-bottom:1.25rem;padding-top:1.25rem}
.section-hero__layout{row-gap:var(--ui-gap-hero)}
.section-pricing__layout{justify-content:initial;row-gap:var(--ui-gap-card)}
.section-pricing{padding-bottom:5rem;padding-top:5rem;text-align:center}
.section-testimonial--author{line-height:1.25}
.section-testimonial--avatar{border-radius:var(--ui-radius-avatar);height:5rem;width:5rem}
.section-testimonial{background-color:var(--color-background-secondary);padding-bottom:5rem;padding-top:5rem;text-align:center}
.section-testimonial--quote{margin-bottom:1rem;margin-top:1rem}

/* comparison/pricing table */
#compare > .tg,#pricing > .tg{width:calc(100% - 12px);margin:20px 0 50px;box-shadow:0 0 0 2px #000,0 0 0 4px #b4353d,0 6px 4px 4px rgba(0,0,0,.2);position:relative}
#pricing .tg{margin-bottom:0}
#compare .tg::before,#pricing .tg::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;width:100%;background:url(../images/circuit.webp) no-repeat center center/cover;mix-blend-mode:overlay;pointer-events:none;opacity:0.0001;will-change:transform;transition:ease all .1s}
#compare > .tg:hover::before,#pricing > .tg:hover::before{opacity:.15;transition:ease all .1s}
#compare > .tg tr:nth-child(odd),#pricing > .tg tr:nth-child(odd){background:#200000}
#compare > .tg tr:nth-child(even),#pricing > .tg tr:nth-child(even){background:#180000}
#compare > .tg th,#pricing > .tg th{background:linear-gradient(to bottom,#400000,#100000);font-weight:700;font-size:90%}
#compare > .tg,#compare td,#pricing th,#pricing td{border:1px solid #75262b}
#compare .tg th:nth-child(n+3){font-size:75%;font-weight:500}
#compare th{padding:10px 6px}
#pricing th{padding:8px 6px}
#pricing th::first-line{font-weight:700}
#compare td,#pricing td{font-size:80%;box-shadow:inset 0 0 0 2px #000;padding:7px 6px}
#compare td{padding:12px 10px}
#compare > .tg td:first-child{font-weight:700}
#compare > .tg td:nth-child(2){background-color:rgba(16,255,116,0.2);font-weight:500;color:#fcdab7dd}
#compare > .tg tbody tr:hover,#pricing tr:hover td,#pricing tbody:hover td[rowspan]{background:rgba(220,220,64,.5)}
#compare > .tg tbody tr:hover,#pricing tr:hover td,#pricing tbody:hover td[rowspan]{background:rgba(64,192,64,.2)}

#pricing tbody:hover td[rowspan] span{transition:linear all .03s}
#compare > .tg tbody tr:hover td,#pricing tbody tr:hover td,#pricing tbody:hover td[rowspan]{box-shadow:inset 0 0 0 2px #720,inset 0 0 0 3px #000;text-shadow:1px 1px 1px rgba(0,0,0,.5)}
#compare > .tg tbody tr:hover td:nth-child(2){background-color:rgba(64,192,80,.4)}
#compare > .tg tr:hover span,#pricing tr:hover span,#pricing tbody:hover td[rowspan] span{display:inline-block;transform:scale(1.1)}
td button.button{margin:-2px 0;transform:scale(.75)}
td button.button:hover,td button.button:focus{transform:scale(.8)}
#compare td.yes,#compare td.no,#compare tr:hover td.yes,#compare tr:hover td.no{color:transparent;background-image:url(../icons/yes.svg);background-repeat:no-repeat;background-position:center center;background-size:20px;text-shadow:none!important;font-size:0!important}
#compare td.no,#compare tr:hover td.no{background-image:url(../icons/no.svg)}

/* pricing table */
#pricing #table_pricing{margin-top:40px}
#pricing tbody tr:first-child{background:#140000!important}
#pricing tbody tr:nth-child(2){background:#200000!important}
#pricing tbody tr:nth-child(3){background:#300000!important}
#pricing tbody:hover tr:hover td:not([rowspan]){background:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(192,192,192,.25))!important}
#pricing th{box-shadow:inset 0 0 0 1px #000,inset 0 0 1px 1px #a00000}
#pricing td{box-shadow:inset 0 0 0 1px #000,inset 0 0 1px 1px #900000}
#pricing th::before{margin:0 4px 0 -11px;display:inline-block;width:38px;height:38px;content:"";vertical-align:middle;filter:drop-shadow(0 0 1px rgba(128,32,32,.4)) drop-shadow(0 0 2px rgba(0,0,0,.3))}
#pricing #cpu::before{background:url(../icons/cpu.svg) no-repeat center center/28px}
#pricing #ram::before{background:url(../icons/ram.svg) no-repeat center center/28px}
#pricing #disk::before{margin-right:-1px;background:url(../icons/disk.svg) no-repeat center center/28px}
#pricing #bandwidth::before{background:url(../icons/network.svg) no-repeat center center/28px}
#pricing #price::before{background:url(../icons/cost.svg) no-repeat center center/34px;margin:0 2px 0 -6px}
#pricing #price-eur::before{margin:0;background:url(../icons/cost_euro.svg) no-repeat center center/28px}
#pricing #order::before{margin:0;background:url(../icons/checkout.svg) no-repeat center center/28px}
#pricing td[rowspan],#pricing tr:hover td[rowspan]{font-weight:900}
#pricing tbody:hover td[rowspan]{font-size:95%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 4px 4px 4px rgba(0,0,0,.55)}
#pricing tbody:nth-child(odd):not(:hover) td[rowspan]{font-size:90%;background:linear-gradient(135deg,#300000,#140000,#300000)}
#pricing tbody:nth-child(even):not(:hover) td[rowspan]{font-size:90%;background:linear-gradient(45deg,#300000,#140000,#300000)}
#pricing td:first-child img{display:inline-block;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6))}
#pricing td.price{font-size:100%;font-weight:900}
#pricing td.bandwidth span,#pricing tbody:hover td[rowspan] td.bandwidth span{font-size:85%;line-height:1.2;display:inline-block;transform:none}
#pricing td:not([rowspan]){font-weight:600}
#pricing tbody:hover tr:hover td:not([rowspan]):not(.bandwidth){font-weight:700}
#pricing tbody:hover tr:hover td:not([rowspan]){color:#fde6ce}
#pricing td.price:hover{text-shadow:0 0 1px #dd0,1px 2px 1px rgba(0,0,0,.7)}
.price{font-size:120%}

/* canary,key */
#canary pre,#keys pre{text-align:center;display:inline}
#canary,#canary > div:first-of-type,#canary > div:first-of-type p,#keys,#keys > div:first-of-type,#keys > p{text-align:center;display:inline-block;width:100%}
#canary pre code,#keys pre code{padding:1% 5%;border-radius:0%;box-shadow:inset 0 0 0 1px #000,0 3px 3px rgba(0,0,0,.4);border:3px solid #b4353d;text-align:left;width:auto;font-size:75%;display:inline-block;margin-bottom:30px;font-weight:500;white-space:pre-wrap}

/* misc */
.cta{flex-direction:column;row-gap:var(--ui-gap-cta)}
.image-half-right{min-width:300px;min-height:200px;padding:5px;margin-left:2rem;margin-right:var(--layout-gutter);font-weight:600;font-size:70%;box-shadow:var(--box_border);background:linear-gradient(to bottom,#21262c,#14191f);animation:fade .15s ease .35s both,saturate .3s ease .8s both;line-height:200px;text-align:center}
.looking-glass{background-size:32px auto!important;padding-left:2rem;margin-left:-24px!important}
.out{background-color:#75262b;border-radius:var(--ui-radius-button);opacity:0.5;cursor:not-allowed}
.sectionTitle{display:block;font-weight:700;font-size:90%}
.toggle{background-color:var(--color-background-tertiary);border-radius:var(--ui-radius-button);color:var(--font-color-note);font-size:var(--font-s);font-weight:700;line-height:1;margin:var(--ui-gap-pricing) auto .5rem;padding:.25rem;width:max-content}
.toggle--label{border-radius:var(--ui-radius-button);cursor:pointer;padding:.5rem .625rem}
.ui-text-intro{font-weight:500}
.ui-text-note{color:var(--font-color-note);line-height:1}
#features hr + .form{margin-bottom:-10px}
#toggle__monthly:checked~div label[for=toggle__monthly],#toggle__yearly:checked~div label[for=toggle__yearly]{background-color:var(--color-background-primary);color:var(--font-color-body)}
.incog,.net{text-transform:uppercase}
.incog,#copyright .incog{font-weight:500}
.net,#copyright .net{font-weight:900;color:#c83741}
header::before,#sitemap::before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;content:"";display:inline-block;width:100%;height:calc(100% - 10px);background:repeating-linear-gradient(to bottom,rgba(0,0,0,.9) 2px,rgba(255,255,255,.01) 4px) center center/4px 4px,url(../images/rack.webp) no-repeat center center/cover,#050a14;background-blend-mode:overlay,screen;opacity:.7;pointer-events:none}
header::before,.tg:nth-last-of-type(2)::before{position:absolute;top:10px;left:0;right:0;bottom:0;content:"";display:inline-block;width:100%;height:calc(100% - 10px);background:url(../images/rack.webp) no-repeat center center/cover,#151f2b;background-blend-mode:screen;opacity:.35;pointer-events:none}
header::before{z-index:-2;top:0;height:100%;background:url(../images/mb.webp) no-repeat center top/cover,url(../images/mb_lowres.webp) no-repeat center top/cover;mix-blend-mode:screen;opacity:.12;filter:saturate(.7) sepia(.5) blur(1px);will-change:transform;animation:header .3s ease-out 1s both;contain:layout paint}
#sitemap::before{opacity:.45}
.tg:nth-last-of-type(2)::before{height:calc(100% - 20px)}
#sitemap,header{position:relative}
.tg a,.tg a:hover{font-weight:500;text-decoration:none}
.tg th,.tg td{padding:3px}
#tos ul br {display:none}
#tos ul li,#privacy ul li{margin-bottom:15px}
#legalstuff h4{margin-top:40px}
#legalstuff h4+p{margin-top:-10px}

/* payment options */
#cryptocoin{padding:10px;background:#111822}
#cryptocoin img{margin:2px 1px;display:inline-block;width:44px;height:auto;vertical-align:middle;filter:sepia(1) saturate(.6) hue-rotate(150deg)!important}
#cryptocoin img:hover{filter:saturate(1.2)!important;transform:scale(1.1)}
.paymethod{display:inline-block;position:relative}

/* sitemap */
#sitemap{margin:0 auto;border-top:10px solid #050a14;border-bottom:10px solid #050a14}
#sitemap th,#sitemap td{width:33%;text-shadow:1px 1px 1px rgba(0,0,0,.9)}
#sitemap th:nth-child(2),#sitemap td:nth-child(2){width:34%}
#sitemap th,#sitemap td,#sitemap td a,#sitemap .small{font-size:85%}
#sitemap tr:first-child th{padding-top:20px}
#sitemap tr:last-child td{padding-bottom:20px}
#sitemap td a,.buttonize{display:inline-block;margin:0 -10px;padding:1px 12px;line-height:1.3;position:relative;z-index:10}
#sitemap a{border-radius:15px}
#sitemap a:active,#sitemap a:active:focus{box-shadow:inset 3px 3px 3px rgba(0,0,0,.7);background:linear-gradient(to bottom,#003980,#4d9dff);color:#ddd}
#sitemap a:hover,#sitemap a:focus,.buttonize:hover,.buttonize:focus{background:linear-gradient(to bottom,#66abff,#004599);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.25)}

/* footer links */
#footerlinks_container{background:#111822}
#footerlinks{width:90%;max-width:640px;margin:auto;font-weight:600;font-size:90%}
#footerlinks tr:first-child td{padding:12px 10px 4px;font-size:90%}
#footerlinks tr:last-child td{font-size:95%}
#footerlinks a{position:relative}
#footerlinks a img{margin:2px 0 -2px;display:inline-block;width:22px;filter:saturate(.7)}
#footerlinks .buttonize{padding:0 16px}
#footerlinks a:hover img{transform:scale(1.3);filter:saturate(2)}
#footerlinks a::after,.paymethod::after{content:attr(data-tooltip);padding:4px;position:absolute;top:-52px;left:-50px;width:120px;line-height:1.1;font-size:85%;background:#373f49;display:none;border-radius:4px;pointer-events:none;box-shadow:0 0 0 1px #14191f}
.paymethod::after{width:100px;top:-40px;left:-25px;font-weight:600}
#footerlinks a:hover::after,.paymethod:hover::after{display:inline-block;animation:fade .15s ease .1s both;color:#d3d8de}
#footerlinks td:not([colspan]){width:12.5%;padding:10px 15px 16px;vertical-align:top!important}
#footerlinks td[colspan]:first-child,#footerlinks td:nth-child(4){border-right:10px solid #050a14}
#footerlinks td[colspan]:last-child,#footerlinks td:nth-child(5){border-left:10px solid #050a14}
#footerlink td[colspan]{text-align:center;width:50%}

/* copyright */
#copyright{width:100%;margin:0 auto;background:none;border-top:10px solid #050a14;background:#0e0c0c;background:radial-gradient(circle at center bottom,#050a14,#111822 55%)}
#copyright td{padding:8px 10px 12px;font-weight:500}
#copyright td{font-size:75%}
#copyright p,#copyright .incog,#copyright .net{text-align:center;font-size:10pt}
#copyright .incog{font-weight:400!important}

/* animations */
@keyframes fade{from{opacity:0}to{opacity:1;pointer-events:auto}}
@keyframes fadefrom{from{opacity:0}}
@keyframes blur{from{filter:blur(8px) opacity(0);transform:scale(.75);mix-blend-mode:overlay} to{filter:blur(0) opacity(1);transform:scale(1)}}
@keyframes saturate{from{filter:saturate(0)} to{filter:saturate(1)}}
@keyframes slidedown{from{transform:translateY(-120px)}to{transform:translateY(0)}}

/* responsive */
@media (max-width:1200px){
.button{font-size:10pt;line-height:1.15}
.image-half-right{margin-right:var(--layout-gutter)}
#footerlinks a img{width:20px!important}
#footerlinks a::after{font-size:95%}
#sectionnav{margin-top:-40px;margin-bottom:40px;position:static;padding-top:3px;}
}

@media screen and (max-width:1000px){
.navbar,.navbar a,.dropdown .dropbtn{font-size:14px}
.dropdown:hover .dropdown-content{margin-top:40px}
.dropdown-content,.navbar a,.dropdown .dropbtn{min-width:150px}.navbar a,.dropdown .dropbtn{padding:10px}
.list--item{font-size:.9rem;background-size:20px auto!important}
.form input,.form button{font-size:.75rem!important}
#cryptocoin img{width:36px}
}

@media (min-width:75rem){
.card--pricing > span:nth-child(2) small{text-align:justify;line-height:1.4;padding-bottom:60px;background:url(../icons/1U.svg) no-repeat center bottom 14px}
.card--pricing > span:nth-child(2) + hr{opacity:0;display:none}
}

@media screen and (-webkit-min-device-pixel-ratio:1.5){
.dropdown:hover .dropdown-content{margin-top:36px}
.dropdown:hover .dropdown-content{margin-top:48px}
}

@media screen and (max-width:800px){.navbar{margin:5px -25px 0;width:calc(100% + 50px)}}

@media screen and (min-width:48rem){

:root{
--font-s:.875rem;
--font-margin-body:1.25rem;
--layout-container:4.25rem;
--layout-gutter:1.8rem;
--ui-gap-header:1.5rem;
--ui-gap-card:1.5rem;
--ui-gap-faq:2rem;
}

.card--feature-content{padding-left:2.25rem;padding-right:2.25rem}
.card--pricing{padding:2rem 2rem 2.25rem}
.header--menu-icon{display:none}
.header--nav{background-color:transparent;box-shadow:none;flex-direction:row;opacity:1;padding:0;position:static;visibility:visible}
.header--nav-link{font-size:var(--font-p);padding:0}
.header{padding-bottom:1.75rem;padding-top:2rem}
.ui-image-half-right{margin-left:2rem;margin-right:var(--ui-layout-gutter)}
.layout-column-4{width:calc((var(--layout-grid) * 4) + (var(--layout-gutter) * 3))}
.layout-container,.layout-column-center{margin-left:auto;margin-right:auto}
.layout-grid-2,.layout-grid-3{column-gap:var(--layout-gutter);grid-template-columns:repeat(2,1fr);justify-items:center}
.layout-grid-3 div:nth-of-type(3){left:calc(50% + (var(--layout-gutter)/2));position:relative}
.section-close__layout{align-items:center;column-gap:var(--layout-gutter);flex-direction:row;justify-content:space-between;text-align:left}
.section-customer__layout{column-gap:var(--ui-gap-customer);flex-direction:row}
.section-customer--logo{margin-left:0;margin-right:0}
.section-faq--answer{padding-left:2rem;min-height:150px}
.section-faq__layout{margin-bottom:3rem}
.section-footer{padding-bottom:2rem;padding-top:2rem}
.section-hero .cta{align-items:start}
.section-hero{text-align:left}
.section-hero__layout + hr{margin:60px 0}
}

@media screen and (min-width:64rem){
:root{
--layout-container:0;
--font-h1:2rem;
--font-h2:1.6rem;
--font-h4:1.1rem;
--font-p:1.1rem;
}
html{overflow-x:hidden}
.button .list--item[class*="flag"]{margin-left:8px!important;padding-left:2rem;background-size:24px auto!important;width:calc(100% - 20px)}
.layout-container{width:60rem}
.layout-grid-3 div:nth-of-type(3){position:static}
.layout-grid-3{grid-template-columns:repeat(3,1fr)}
.list--item{background-size:26px auto!important;padding-left:2rem;font-size:90%}
.list--item[class*="flag"]{padding-left:2.2rem;background-size:28px auto!important}
.section-hero .cta{align-items:center;column-gap:var(--ui-gap-cta);flex-direction:row;justify-content:start}
}

@media screen and (min-width:75rem){
:root{
--font-h1:2.5rem;
--font-h2:2.2rem;
--font-h4:1.2rem;
--font-p:1.2rem;
--font-margin-heading:1rem;
--font-margin-body:1.75rem;
--layout-grid:4rem;
--layout-gutter:2.5rem;
--ui-gap-header:0rem;
--ui-gap-customer:4rem;
--ui-gap-card:2rem;
--ui-gap-pricing:3rem;
}

.button-big,.button-normal,.button-nostock,.button-big:hover,.button-normal:hover,.button-nostock:hover,.button-big:focus,.button-normal:focus{padding:6px 6px;font-size:16px;min-width:160px}
.section-hero__layout .button-normal{width:calc(50% - 8px);margin:0 4px}
.button-nostock:focus{padding:6px 6px;font-size:16px;min-width:160px}
.section-hero__layout .button-nostock{width:calc(50% - 8px);margin:0 4px}
.button-big,.button-big:hover,.button-big:focus{background-color:#75262b;border:none;color:white;padding:12px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;width:200px}
#pricing .button-normal{box-sizing:border-box;width:calc(50% - 16px);margin:8px 6px}
#pricing .button-nostock{box-sizing:border-box;width:calc(50% - 16px);margin:8px 6px}


.card{position:relative}
.card--pricing-amount{font-size:var(--font-h1);font-weight:700}
.card--pricing{padding:10px 20px 12px;text-align:left}
.card.card--pricing.info{padding-bottom:18px}
.card.card--pricing.search form{margin-top:35px}
.card--pricing-price{line-height:1;margin-bottom:1.25rem;margin-top:1.25rem}
.card--pricing > span:first-child{position:relative;color:#fef2e7;background:#340909;background:radial-gradient(circle at center -150%,#6c1313,#340909 80%);display:inline-block;width:calc(100% + 36px);padding:10px 0;margin:-9px -18px 15px;box-shadow:0 1px 1px #b4353d,inset 0 0 0 1px rgba(0,0,0,.7);text-align:center;margin:-8px -18px 15px;}
.card--pricing > span:first-child::before,.card--pricing > span:first-child::after{display:inline-block;position:absolute;left:0;bottom:-1px;background:#82272d;height:1px;width:100%;content:""}
.card--pricing > span:first-child::after{display:inline-block;position:absolute;left:0;bottom:-2px;background:rgba(0,0,0,.7);height:1px;width:100%;content:""}
.header{padding-top:3rem;padding:18px 0 0;margin-left:-170px;background:#21262c;background:#1d2430;position:sticky;top:0;z-index:99999;border-bottom:10px solid #050a14;margin-bottom:-10px;box-shadow:0 3px 3px rgba(0,0,0,.4)}
.image-half-right{margin-left:4rem}
.layout-container{width:70rem}
pre code{background-color:#0e1825;border:2px solid #8d8b8b;display:block;padding:5px}
.section{padding:4.5rem 0}
.section-customer--logo-bhn{height:1.75rem}
.section-customer--logo{height:2rem}
.section-customer--logo-str{height:2.25rem}
.section-faq__layout{margin-bottom:5rem}
.section-faq{padding-bottom:7.5rem}
.section-feature{padding-bottom:7.5rem;padding-top:7.5rem}
.section-footer{padding-bottom:3rem;padding-top:3rem}
.section-testimonial{padding-bottom:7.5rem;padding-top:7.5rem}
.ui-text-intro{font-size:var(--font-h4);text-align:justify}
.section-faq__layout.layout-grid.layout-grid-2 div{min-height:400px;position:relative;margin-top:20px;padding-bottom:30px}
.section-faq__layout.layout-grid.layout-grid-2 div hr{position:absolute;bottom:0;left:0}
.section-faq__layout.layout-grid.layout-grid-2 h4{margin-bottom:40px}
.section-faq__layout.layout-grid.layout-grid-2 p{padding-left:20px;padding-right:20px}
}

@media screen and (min-width:1200px){
#hamburgerWrapper{display:none!important}
}

@media screen and (min-width:1400px){
#features hr + .form{margin-bottom:6px}
.header__layout{margin-left:-50px}
.navbar{margin:-54px 0 28px 220px}
#sitemap td,#sitemap td a,#sitemap td small{font-size:10pt}
#footerlinks td:nth-child(4){padding-right:30px}
#footerlinks td:nth-child(5){padding-left:30px}
}

/* replace flamingo headings */
h1,h2,h4{color:#d3d8de}
h1,h2{text-shadow:-1px 0 1px rgba(226,229,233,.55),1px 0 1px rgba(0,0,0,.8),-1px 1px 1px #7c8b9c88,2px 2px 2px rgba(0,0,0,.7),3px 3px 3px rgba(0,0,0,.5)}
.card strong ~ a.addtocart {margin:.5rem 0 -.5rem;display:block}
.card strong ~ a.addtocart + a.addtocart {margin:-.5rem 0 .15rem}
.addtocart:hover,button:hover{cursor:pointer}
.addtocart.split{margin-top:6px;width:calc(50% - 3px);float:left;box-sizing:border-box;text-align:center;vertical-align:middle;background:#75262b;border-radius:4px;padding:8px 0;color:#fdd;font-size:90%}
.addtocart:hover{color:#fff}
.addtocart.split+.addtocart.split{float:right}
.addtocart.split:first-of-type{margin-right:3px}
.addtocart.split:last-of-type{margin-left:3px}
#privacy .addtocart.split::before{content:"";display:inline-block;margin:3px 6px -3px 0; width:32px;height:20px;background:url(../icons/us.svg) no-repeat left center/30px 20px}
#privacy .addtocart.split.nl::before{background:url(../icons/nl.svg) no-repeat left center/30px 20px}
.card img[src$="/incogvpn.svg"] {padding-top:60px}
.card img[src$="/logo.svg"] {padding-top:60px}
.card--pricing-amount.soon{font-size:150%}
.layout-grid-3 .card {background-size:contain!important;background-position:center 75%!important}
.layout-grid-3 .card.mini {background-position:center center!important}
.layout-grid-3 .card.mini.titled {background-size:auto 75%!important;background-position:center bottom!important}

/* text overlays */
.inline-text{padding:3% 5%;position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:repeating-linear-gradient(to bottom, rgba(72,0,0,.5) 2px, rgba(0,0,0,.2) 4px) center center/4px 4px, radial-gradient(circle at center, #300, #77131386 55%, #290b0bee 85%);color:#ea767abb;color:#fd9fa2ba;text-shadow:0 0 4px #000000dd, 0 0 2px #f05c5cb0, 0 0 3px #e4171766, 0 0 7px #bf131391;font-family:Comme;user-select:none}
.inline-text.flat{background:#290b0b;z-index:5}
.inline-text.hlines{background:repeating-linear-gradient(to bottom, rgba(72,0,0,.5) 2px, rgba(0,0,0,.8) 4px) center center/4px 4px;z-index:5}
.inline-text.nobg{background:none}
.incogtube .inline-text{mix-blend-mode:screen}
.inline-text > * {animation:saturate .7s ease 1s both,fade .3s ease .75s both, blur 1.5s ease .5s both;position:relative;z-index:10}
.inline-text h3{font-size:28px;font-weight:900;letter-spacing:.08em;margin:0 0 4px;font-family:Signika;line-height:1}
.inline-text h3 a{color:#ea767abb;color:#fd9fa2ba;font-weight:900;transition:ease all .15s}
.inline-text h3 a:hover{color:#ffd6a173;text-shadow:0 0 2px #d06619b2, 0 0 3px #5006, 0 0 8px #df2e2eba;transition:ease all .15s}
.inline-text p{margin:0 0 8px;text-align:center;text-transform:uppercase;font-size:18px;font-weight:500;mix-blend-mode:screen;opacity:.9;letter-spacing:.05em;line-height:1.15;font-family:Comme}
.inline-text em {font-style:normal;font-weight:600;color:#fd9fa2ba}

/* image backgrounds */

:root {
  --tunnel:url(../images/tunnel.webp) no-repeat center center/cover;
  --spiral:url(../images/spiral.webp) no-repeat center center/cover;
  --circuit:url(../images/circuit.webp) no-repeat center center/cover;
  --circuit-ruby:url(../images/circuit_ruby.webp) no-repeat center center/cover;
  --cloudlinuxhosting:url(../images/cloudlinuxhosting.webp) no-repeat center center/cover;
  --vps:url(../images/vps.webp) no-repeat center center/cover;
  --vpn:url(../images/vpn.webp) no-repeat center center/cover;
  --dedicated-servers:url(../images/dedicated-servers.webp) no-repeat center center/cover;
  --kansas-city-dedicated-servers:url(../images/kansas-city-dedicated-servers.webp) no-repeat center center/cover;
  --netherlands-dedicated-servers:url(../images/netherlands-dedicated-servers.webp) no-repeat center center/cover;
  --private-domain-registration:url(../images/private-domain-registration.webp) no-repeat center center/cover;
  --about:url(../images/about.webp) no-repeat center center/cover;
  --network:url(../images/network.webp) no-repeat center center/cover;
  --ournetwork:url(../images/ournetwork.webp) no-repeat center center/cover;
  --privacy-webhosting:url(../images/privacy-webhosting.webp) no-repeat center center/cover;
  --hosted-email:url(../images/mail.webp) no-repeat center center/cover;
  --hosted-dns:url(../images/dns-hosting.webp) no-repeat center center/cover;
  --birthday:url(../images/birthday.webp) no-repeat center center/cover;
}

.image-half-right::before,.image-half-right::after{position:absolute;z-index:10;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);content:"";opacity:.3;mix-blend-mode:overlay}
.image-half-right::after{z-index:20;opacity:.5;filter:blur(10px);mix-blend-mode:overlay}
.image-half-right{width:100%;line-height:1.3!important;position:relative;contain:paint}

.image-half-right.tunnel,.image-half-right.tunnel::before,.image-half-right.tunnel::after{background:var(--tunnel)}
.image-half-right.spiral,.image-half-right.spiral::before,.image-half-right.spiral::after{background:var(--spiral)}
.image-half-right.circuit,.image-half-right.circuit::before,.image-half-right.circuit::after{background:var(--circuit)}
.image-half-right.circuit-ruby,.image-half-right.circuit-ruby::before,.image-half-right.circuit-ruby::after{background:var(--circuit-ruby)}
.image-half-right.circuit-ruby::before,.image-half-right.circuit-ruby::after{content:none}
.image-half-right.incogtube{background:url(../images/incogtube.svg) no-repeat center center / auto 10%}

.image-half-right.cloudlinuxhosting,.image-half-right.cloudlinuxhosting::before,.image-half-right.cloudlinuxhosting::after{background:var(--cloudlinuxhosting)}
.image-half-right.cloudlinuxhosting::before,.image-half-right.cloudlinuxhosting::after{content:none}

.image-half-right.vps,.image-half-right.vps::before,.image-half-right.vps::after{background:var(--vps)}
.image-half-right.vps::before,.image-half-right.vps::after{content:none}

.image-half-right.dedicated-servers,.image-half-right.dedicated-servers::before,.image-half-right.dedicated-servers::after{background:var(--dedicated-servers)}
.image-half-right.dedicated-servers::before,.image-half-right.dedicated-servers::after{content:none}

.image-half-right.kansas-city-dedicated-servers,.image-half-right.kansas-city-dedicated-servers::before,.image-half-right.kansas-city-dedicated-servers::after{background:var(--kansas-city-dedicated-servers)}
.image-half-right.kansas-city-dedicated-servers::before,.image-half-right.kansas-city-dedicated-servers::after{content:none}

.image-half-right.netherlands-dedicated-servers,.image-half-right.netherlands-dedicated-servers::before,.image-half-right.netherlands-dedicated-servers::after{background:var(--netherlands-dedicated-servers)}
.image-half-right.netherlands-dedicated-servers::before,.image-half-right.netherlands-dedicated-servers::after{content:none}

.image-half-right.vpn,.image-half-right.vpn::before,.image-half-right.vpn::after{background:var(--vpn)}
.image-half-right.vpn::before,.image-half-right.vpn::after{content:none}

.image-half-right.network,.image-half-right.network::before,.image-half-right.network::after{background:var(--network)}
.image-half-right.network::before,.image-half-right.network::after{content:none}

.image-half-right.private-domain-registration,.image-half-right.private-domain-registration::before,.image-half-right.private-domain-registration::after{background:var(--private-domain-registration)}
.image-half-right.private-domain-registration::before,.image-half-right.private-domain-registration::after{content:none}

.image-half-right.about,.image-half-right.about::before,.image-half-right.about::after{background:var(--about)}
.image-half-right.about::before,.image-half-right.about::after{content:none}

.image-half-right.ournetwork,.image-half-right.ournetwork::before,.image-half-right.ournetwork::after{background:var(--ournetwork);background-position:center 54%}
/*.image-half-right.ournetwork::before,.image-half-right.ournetwork::after{content:none}*/

.image-half-right.privacy-webhosting,.image-half-right.privacy-webhosting::before,.image-half-right.privacy-webhosting::after{background:var(--privacy-webhosting)}
.image-half-right.privacy-webhosting::before,.image-half-right.privacy-webhosting::after{content:none}

.image-half-right.hosted-email,.image-half-right.hosted-email::before,.image-half-right.hosted-email::after{background:var(--hosted-email)}
.image-half-right.hosted-email::before,.image-half-right.hosted-email::after{content:none}

.image-half-right.hosted-dns,.image-half-right.hosted-dns::before,.image-half-right.hosted-dns::after{background:var(--hosted-dns)}
.image-half-right.hosted-dns::before,.image-half-right.hosted-dns::after{content:none}

.image-half-right.birthday,.image-half-right.birthday::before,.image-half-right.birthday::after{background:var(--birthday)}
.image-half-right.birthday::before,.image-half-right.birthday::after{content:none}

#prvprojects .image-half-right{object-fit:cover;object-position:center center}
/*.inline-text::before{position:absolute;z-index:10;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#0f0}*/

#legalstuff #features.card::before {display:none}

p.note {
  text-align: center;
  padding: 10px 8px;
  background: #111f32;
  margin: 24px 0 33px !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,.6);
  box-shadow: inset 0 0 0 1px #000,inset 0 0 2px 2px #b4353d,0 2px 2px 2px rgba(0,0,0,.2),0 0 0 3px inset #000;
  font-size: 0.9em;
  font-weight: 500;
}

/* RAID Calculator Styles */
:root {
    --raid-calculator-bg: #21262c;
    --raid-calculator-border: #b4353d;
    --raid-calculator-input-bg: #631d21;
    --raid-calculator-text: #d3d8de;
    --raid-calculator-input-border: var(--color-form-input);
}

.raid-calculator {
    background-color: var(--raid-calculator-bg);
    border-radius: var(--ui-radius-card);
    box-shadow: 
        inset 0 0 0 1px #000,
        inset 0 0 2px 2px var(--raid-calculator-border),
        0 2px 2px 2px rgba(0,0,0,.2),
        0 0 0 3px inset #000;
    padding: 1.5rem;
    margin-bottom: var(--font-margin-body);
}

.raid-calculator h3 {
    color: #8b2a2f;
    margin-bottom: var(--font-margin-heading);
    text-shadow: 1px 0 1px rgba(0,0,0,.8), 2px 2px 2px rgba(0,0,0,.5);
}

.raid-calculator-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--layout-gutter);
}

.raid-calculator-input {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--font-margin-body);
}

.raid-calculator-input label {
    margin-bottom: 0.5rem;
    color: var(--raid-calculator-text);
    font-weight: 500;
}

.raid-calculator-input select,
.raid-calculator-input input {
    background-color: var(--raid-calculator-input-bg);
    border: 0.0625rem solid var(--raid-calculator-input-border);
    border-radius: var(--ui-radius-input);
    color: var(--raid-calculator-text);
    padding: 0.5rem;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,.3);
}

.raid-calculator-input select:focus,
.raid-calculator-input input:focus {
    outline: none;
    box-shadow: 
        inset 3px 3px 3px rgba(0,0,0,.6),
        0 0 0 2px var(--raid-calculator-border);
}

.raid-calculator-results {
    background-color: rgba(0,0,0,0.2);
    border-radius: var(--ui-radius-card);
    padding: 1rem;
    margin-top: var(--font-margin-body);
}

.raid-calculator-results h4 {
    color: #8b2a2f;
    margin-bottom: 0.75rem;
    text-shadow: 1px 0 1px rgba(0,0,0,.8), 2px 2px 2px rgba(0,0,0,.5);
}

.raid-calculator-results p {
    color: #afafb0;
    margin-bottom: 0.5rem;
}

.raid-calculator-results p strong {
    color: var(--color-brand);
}

@media screen and (max-width: 800px) {
    .raid-calculator-grid {
        grid-template-columns: 1fr;
    }
}

/* Additional RAID Calculator Styles */
.raid-calculator-form {
    display: contents;
}

.raid-calculator-warnings {
    background-color: rgba(220, 64, 64, 0.1);
    border-radius: var(--ui-radius-card);
    padding: 1rem;
    margin-top: var(--font-margin-body);
    border: 1px solid var(--color-brand);
}

.raid-calculator-warnings h4 {
    color: var(--color-brand);
    margin-bottom: 0.75rem;
}

.raid-calculator-warnings ul {
    padding-left: 1.5rem;
    list-style-type: disc;
}

.raid-calculator-results table {
    width: 100%;
    margin-bottom: var(--font-margin-body);
    border-collapse: collapse;
}

.raid-calculator-results table th,
.raid-calculator-results table td {
    border: 1px solid rgba(255,255,255,0.1);
    padding: 0.5rem;
    text-align: left;
}

.raid-calculator-results table th {
    background-color: rgba(0,0,0,0.2);
    font-weight: 600;
    color: var(--font-color-heading);
}

.raid-calculator-results h4 {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-brand);
    padding-bottom: 0.5rem;
}

.raid-calculator-results ul {
    padding-left: 1.5rem;
    list-style-type: disc;
}

.raid-calculator-results .perf-detail {
    font-size: 0.8rem;
    color: #848484;
    margin-top: 0.25rem;
}

.raid-calculator-input .error {
    color: var(--color-brand);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.raid-calculator-form .button-primary {
    width: 25%;
    margin: var(--font-margin-body) auto 0 auto;
    display: block;
}

@media screen and (max-width: 800px) {
    .raid-calculator-grid {
        grid-template-columns: 1fr;
    }
}
