/* Oxide Hosting: Colour Code Details -
Primary Colour: #27b159
Background Color: #181818
Header Background Color: #323232
Subtitle Colors (paragraphs): #d9d9d9 or #7e7e7e (using secondary background colour)
 */
html {scroll-behavior:smooth;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:#d9d9d9;}
::-webkit-scrollbar-thumb {background:#27b159;}
::-webkit-scrollbar-thumb:hover {background:#a3a3a3;}
body{background:#181818;font-family:"Quicksand", sans-serif;}
header{top:0;width:100%;color:#fff;}
.controlPanels{background:#323232;padding:0.5% 0;}
.controlPanelsAlign{display:flex;justify-content:flex-end;}
.controlPanelsLink{color:#fff;display:flex;text-decoration:none;padding:0 1%;font-size:14px;transition:all 0.1s ease-in-out;}
.controlPanelsLink:hover{text-decoration:none;font-weight:600;color:#fff;}
.controlPanelsLink p{margin-bottom:0;}
.controlPanelIcons{opacity:0;}
.serviceStatus{display:none;}
@media (min-width:600px){.controlPanelsLining{border-right:2px solid #7e7e7e;}.controlPanelIcons{opacity:1;padding-right:5%;}.serviceStatus{display:flex;}}
@keyframes blink {50% {color:transparent;}}
.serviceStatusDot{animation:1s blink infinite;}
.serviceStatusDot:nth-child(2){animation-delay:250ms;}
.serviceStatusDot:nth-child(3){animation-delay:500ms;}
.headerBackground{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url("../img/header-image.jpg");background-size:cover;min-height:10%;}
.headerBody{min-height:10%;padding-bottom:8%;}
.navbar-brand img{max-width:40%;}
@media (max-width:400px){.navbar-brand{width:70%;}}
.navbar{padding-top:3%;}
.nav-link{color:#fff!important;transition:all 0.3s ease-in-out;}
.nav-link:hover{color:#d9d9d9!important;transition:all 0.3s ease-in-out;}
.nav-item .active{font-weight:600;}
.navbar-dark .navbar-toggler{border:none;}
.dropdown-toggle::after{display:none;}
.headerSpacing{padding-top:8%;color:#fff;}
.headerTitle{color:#fff;font-weight:400;font-size:34px;}
.headerTitle span{font-size:28px;}
.headerSubTitle{color:#fff;padding-top:4%;padding-bottom:4%;}
.headerButton{background-color:transparent;border:1px solid #fff;color:#fff;text-transform:uppercase;padding:2% 4%;font-weight:700;text-decoration:none;border-radius:10px;transition:all .3s ease-in-out}
.headerButton:hover{background-color:rgba(0, 0, 0, 0.1);transition:all .3s ease-in-out;color: #fff;}
.headerSpacing h2{line-height:1;}
.whyUsTitle{color:#fff;padding-top:4%;font-weight:400;}
.whyUsSubTitle{color:#d9d9d9;font-size:14px;}
.whyUsSpacing{padding-top:3%;}
.whyUsFeatureTitle{color:#fff;font-weight:700;font-size:24px;}
.whyUsFeatureSubTitle{color:#d9d9d9;font-size:14px;font-weight:400;line-height:1;}
.whyUsFeature{padding:2%;padding-bottom:8%;}
.ourServices{padding-bottom:4%;}
.ourServicesBox{background-color:#171717;padding:2%;}
.ourServicesTitle{color:#ffffff;font-weight:700;font-size:24px;padding-top:2%;}
.ourServicesSubTitle{color:#d9d9d9;font-weight:400;font-size:14px;}
.ourServicesSubTitle span{color:#27b159;font-weight:500;}
.ourServicesPrice{padding-bottom:2%;color:#ffffff;}
.ourServicesPrice small{font-weight:400;font-size:10px;}
.ourServicesPrice .ourServicesCurrency{font-size:18px;}
.ourServicesPrice .ourServicesPricing{font-size:24px;font-weight:600;}
.ourServicesPrice .ourServicesPricingCycle{font-size:14px;}
.ourServicesButton{background-color:#27b159;color:#fff;text-transform:uppercase;padding:2% 8%;font-weight:700;text-decoration:none;border-radius:10px;transition:all 0.3s ease-in-out;}
.ourServicesButton:hover{background-color:#2cc664;color:#fff;transition:all 0.3s ease-in-out;}
.ourReviews{padding-bottom:1%;background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url("../img/header-image.jpg");background-size:cover;}
.ourReviewsTitle{color:#fff;padding-top:2%;font-weight:400;}
.ourReviewsSubTitle{color:#fff;font-size:14px;}
.ourReviewsTrustPilot{max-width:22%;padding-top:2%;}
footer{background:#181818;font-family:"Quicksand", sans-serif;padding-bottom:2%;}
.footerLogo{max-width:40%;max-height:40%;}
.footerTitle{color:#d9d9d9;font-weight:700;font-size:20px;}
.footerSubTitle{color:#d9d9d9;font-weight:400;font-size:12px;}
.footerSubTitle span{color:#27b159;font-weight:500;}
.footerContact{color:#d9d9d9;font-weight:500;font-size:14px;}
.footerContactLink{text-decoration:none;color:inherit;transition:all 0.3s ease-in-out;}
.footerContactLink:hover{text-decoration:none;font-weight:600;color:#fff;}
.footerLegal{padding-top:3%;color:#d9d9d9;font-weight:400;font-size:12px;}
.footerLegal span{color:#27b159;font-weight:500;}
.footerSocialMedia{margin-top:1%;transition:all 0.3s ease-in-out;color:#fff;padding:12px;border-bottom:solid 3px rgba(0,0,0,0.8);font-size:18px;}
.footerSocialMedia:hover{border-bottom:solid 3px #fff;}
.footerPaymentMethods{color:#d9d9d9;font-weight:400;font-size:12px;text-align:right;}
.footerPaymentMethods i{font-size:28px;}
.footerLinkTitle {padding-top:2%;}
@media (max-width:479px){.mobileFooterAdjustment{text-align:center;}.mobileFooterContent{display:none;}}
.headerBodyPlans{padding-bottom:0!important;}
.headerTitlePlans{padding-top:3%;padding-bottom:3%;}
.currencyExchange{text-align:center;}
.currencyExchangeActive{border-bottom: solid 3px #fff;}
.currencyExchangeUnavailable{border-bottom: solid 3px #b1273a;}
.planRowSpacing{padding-top:2%;}
.planBox{border:1px solid #27b159;background-color:transparent;border-radius:2%;padding:8%;text-align:center;}
@media (max-width:479px){.planBox{margin-top:2%;}}
.planBoxHeader{border-bottom:1px solid #7e7e7e;padding-bottom:4%;}
.planBoxHeader h1{color:#27b159;font-weight:700;font-size:24px;}
.planBoxHeader h2{color:#fff;font-weight:400;font-size:16px;}
.planBoxBody{padding-top:10%;}
.planBoxBody p{color:#d9d9d9;font-size:14px;font-weight:400;line-height:1;margin:0;}
.planBoxBody p b {color:#fff;font-weight:600;}
.planBoxButton{background-color:transparent;border:1px solid #27b159;text-align:center;font-weight:700;transition:.4s;color:#fff;margin-top:10%;width:70%;}
.planBoxButton:hover{color:#fff;border:1px solid #7e7e7e;}
.planBoxButton:focus{box-shadow:none!important;}
.dropdown{position: relative;z-index:10000;}
.dropdown-item:active{background-color:transparent;color:#212529;}
.frequentQuestions{padding-bottom:2%;}
.frequentQuestionsTitle{color:#ffffff;font-weight:700;font-size:20px;padding-top:2%;}
.frequentQuestionsSubTitle{color:#d9d9d9;font-weight:400;font-size:12px;}
.frequentQuestionsIcon{text-align:center;color:#fff;font-size:24px;}
.frequentQuestionsSubTitle span{color:#27b159;font-weight:500;}
.frequentQuestionsLink{text-decoration:none;color:#27b159;font-weight:500;transition:all 0.3s ease-in-out;}
.frequentQuestionsLink:hover{text-decoration:none;font-weight:600;color:#fff;}
.locationsSubTitle{line-height:0;}
.locationsFlag{width:20%;padding-top:2%;}
.nav-tabs{border-bottom:none!important;padding-bottom:3%;}
.frequentQuestionsTitle i{color:#27b159;border:1px solid #fff;padding:8px;border-radius:50%;margin-right:2%;}
.featureItem{margin-top:1%;transition:all 0.3s ease-in-out;color:#fff;font-size:16px;border-radius:0!important;}
.featureItem a{background:transparent;color:#fff;text-decoration:none;padding:10px 15px;border-bottom:solid 3px rgba(0,0,0,0.8);transition:all 0.3s ease-in-out;}
.featureItem .active{font-weight:inherit!important;border-bottom:solid 3px #fff;}
.featureItem a:hover{color:#d9d9d9!important;}
.legalInformation {padding-top:2%;}
.legalInformation h1{color:#fff;font-weight:600;color:#27b159;font-size:24px;}
.legalInformation p{color:#d9d9d9;font-size:16px;font-weight:400;}
.legalInformation li{color:#d9d9d9;font-size:16px;font-weight:400;}
.legalInformation span{font-size:18px;font-weight:700;}
.productIntroduction{font-size:16px;width:80%;text-align:center;padding-top:3%;color:#fff;margin:0 auto;}
.pageCenterOuter{display:flex;align-items:center;min-height:50vh;}
.pageCenterInner{width:100%;text-align:center;}
.errorPageMessageTitle{text-align:center;font-size:28px;font-weight:600;color:#27b159;line-height:1;}
.errorPageMessageSubTitle{color:#d9d9d9;font-size:20px;font-weight:400;line-height:1;}
.headerBackgroundLimitedEdition{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url("../img/header-image-limited-edition.jpg");background-size:cover;min-height:10%;}
.headerTitlePlanLimitedEdition{font-size:24px!important;font-weight:700;}
.headerButtonLimitedEdition{background-color:#fff;color:#d37139;text-transform:uppercase;padding:2% 4%;font-weight:700;text-decoration:none;border-radius:10px;transition:all 0.3s ease-in-out;}
.headerButtonLimitedEdition:hover{color:#000;transition:all 0.3s ease-in-out;}
.planBoxLimitedEdition{border:1px solid #d37139!important;}
.planBoxLimitedEdition .planBoxHeader h1{color:#d37139!important;}
.planBoxLimitedEdition .planBoxBody p b {color:#d37139;font-weight:600;}
.planBoxLimitedEdition .planBoxButton {border:1px solid #d37139!important;}
.productSaleConditions{font-size:12px;width:70%;text-align:center;font-weight:400;color:#d9d9d9;padding-bottom:2%;margin:0 auto;}
.discordButton{margin-top:2%;padding:1% 2%;width:inherit!important;border-radius:2%;}
.headerBackgroundGeneralPromotion{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url("../img/header-image-promotion.jpg");background-size:cover;min-height:10%;}
.headerTitlePlanGeneralPromotion{font-size:24px!important;font-weight:700;}
.headerButtonGeneralPromotion{background-color:#fff;color:#b1273a;text-transform:uppercase;padding:2% 4%;font-weight:700;text-decoration:none;border-radius:10px;transition:all 0.3s ease-in-out;}
.headerButtonGeneralPromotion:hover{color:#000;transition:all 0.3s ease-in-out;}
.planBoxGeneralPromotion{border:1px solid #b1273a!important;}
.planBoxGeneralPromotion .planBoxHeader h1{color:#b1273a!important;}
.planBoxGeneralPromotion .planBoxBody p b {color:#b1273a;font-weight:600;}
.planBoxGeneralPromotion .planBoxButton {border:1px solid #b1273a!important;}
.headerBackgroundGeneralPromotionBlue{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url("../img/header-image-uk.png");background-size:cover;min-height:10%;}
.headerTitlePlanGeneralPromotionBlue{font-size:24px!important;font-weight:700;}
.headerButtonGeneralPromotionBlue{background-color:#fff;color:#2267ce;text-transform:uppercase;padding:2% 4%;font-weight:700;text-decoration:none;border-radius:10px;transition:all 0.3s ease-in-out;}
.headerButtonGeneralPromotionBlue:hover{color:#000;transition:all 0.3s ease-in-out;}
.planBoxGeneralPromotionBlue{border:1px solid #2267ce!important;}
.planBoxGeneralPromotionBlue .planBoxHeader h1{color:#2267ce!important;}
.planBoxGeneralPromotionBlue .planBoxBody p b {color:#2267ce;font-weight:600;}
.planBoxGeneralPromotionBlue .planBoxButton {border:1px solid #2267ce!important;}
.col-md-1-5{flex:0 0 12.3%;max-width:12.3%;position:relative;width:100%;padding-right:15px;padding-left:15px;}
.planToggle{display:inline-block;}
input[type=checkbox]{height:0;width:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:50px;height:25px;background:grey;border-radius:100px;position:relative}label:after{content:'';position:absolute;top:5px;left:5px;width:15px;height:15px;background:#fff;border-radius:90px;transition:0.3s}input:checked+label{background:#27b159}input:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}label:active:after{width:20px}
input[type=checkbox] .networkBoostToggle{height:0;width:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:50px;height:25px;background:grey;border-radius:100px;position:relative}label:after{content:'';position:absolute;top:5px;left:5px;width:15px;height:15px;background:#fff;border-radius:90px;transition:0.3s}.networkBoostToggle:checked+label{background:#d8c54d}input:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}label:active:after{width:20px}
.networkBoostLogo{color:#d8c54d;padding-right:2%;}
.networkBoostText{color:#d8c54d!important;}
.networkBoostBox{border:1px solid #d8c54d!important;}
.dedicatedServerPositive{background-color:#cbf4d9;color:#197239;border-radius:10px;margin:1%;margin-left:0!important;padding:1%;line-height:2;padding-right:3%;padding-left:3%;}
.dedicatedPlanBox{border:2px solid #27b159;background-color:transparent;border-radius:10px;padding:20px;color: white;}
.customerReviews{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5) ),url("../img/header-image.jpg");background-size:cover;min-height:10%;}
.individualReview{text-align:center;border-radius:5%;padding:4%;background-color:rgba(0, 0, 0, 0.1);margin-bottom:4%;}
.individualReview a{color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;}
.individualReview a:hover{color:#d9d9d9;}
.orderLink{color:#27b159!important;text-decoration:none;font-weight:700;transition:.5s;:hovercolor:#fff!important;}
.orderLink:hover{color:#fff!important;}
@media (min-width:600px){.vpsNavOptions{padding-bottom:0!important;}.col-md-1-5-vps{flex:0 0 12.3%;max-width:12.3%;position:relative;width:100%;padding-right:15px;padding-left:15px;}}
@media (max-width:600px){.vpsNavOptions{padding-bottom:10px!important;}}
.vpsContainer{margin-top:2%;}
.vpsPlan{color:#fff;padding:12px;margin-top:2%;border-radius:5px;border:1px solid #ECECEC;}
.vpsPlan h5{font-weight:600;margin:0;}
.vpsPlan h6{font-weight:600;}
.vpsPlan h6 small{font-weight:400;}
.vpsPlanTitle{color:#27b159;text-transform:uppercase;}
.vpsPurchaseButton{background-color:#27b159;color:#fff;text-transform:uppercase;top:0;position:relative;transition:.5s;border-radius:4px;letter-spacing:.8px;font-size:16px;padding:5px;font-weight:bolder;width:75%;margin: 0 auto;}
.vpsPurchaseButton:hover{color:#fff;background-color:rgba(15, 69, 35, 0.6);}
.hardwareCarousel{margin:6%!important;}
.hardwareImage{border-radius:25px;}
.hardwareTitle{color:#fff;font-size:26px;padding-top:4%;font-weight:700;}
.hardwareSpecs{color:#fff;font-size:18px;}
.hardwareSpecs small{font-size:14px;font-weight:400;}
.contactMethods{padding-top:5%;}
.supportIntroduction{font-size:16px;width:80%;text-align:center;padding-top:3%;color:#fff;margin:0 auto;}
.supportSectionMethod{border-width:4px;padding:30px 40px;text-align:center;margin-bottom:3%;transition:0.5s ease-in-out;}
.supportSectionMethod i {font-size:26px;margin-bottom:2%;color:#27b159;border:1px solid #fff;border-radius:50%;padding:12px;}
.supportSectionMethod p {font-weight:600;font-size:20px;margin:0;color:#fff;}
.supportSectionMethod h4 {font-size:14px;font-weight:400;color:#d9d9d9;}
@media only screen and (min-width: 601px){.supportSectionMethodLineLeft{border-right:2px solid #7e7e7e;}.supportSectionMethodLineRight{border-left:2px solid #7e7e7e;}}
@media only screen and (max-width: 601px){.supportSectionMethod{border:2px solid #27b159;}.supportAdditionalText{display:none;}}
.supportSectionMethodHyperlink span{color:#27b159;font-weight:700;}
.supportSectionMethodHyperlink{text-decoration:none;color:#000;transition:0.5s ease-in-out;}
.supportSectionMethodHyperlink:hover{text-decoration:none;color:#000;}
.supportSectionMethodHyperlink:focus{text-decoration:none;color:#000;}
.supportSectionMethod:hover{transform: scale(1.1)!important;transition:0.5s ease-in-out;}
.knowledgebaseQuery{padding-top:3%;padding-bottom:1%;}
.knowledgebaseQueryInput{font-size:14px!important;background:transparent;color:#fff!important;text-align:center;}
.knowledgebaseQueryInput:focus {background-color:transparent;color:#fff;border-color:#27b159;box-shadow:none!important;}
.knowledgebaseQueryInput::placeholder{color:#d9d9d9;}
.knowledgebaseQueryButton{background-color:#27b159!important;border-color:#27b159!important;border-left:1px solid #fff!important;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:7px;transition:all 0.5s ease-in-out;}
.knowledgebaseQueryButton:hover{color:#d9d9d9;}
.knowledgebaseArticle{border:1px solid #fff;border-radius:20px;padding:20px 30px;text-align:center;margin-bottom:3%;transition:0.5s ease-in-out;}
.knowledgebaseArticle:hover{transform: scale(1.05)!important;transition:0.5s ease-in-out;}
.knowledgebaseArticle i {font-size:18px;margin-bottom:2%;color:#27b159;border:1px solid #fff;border-radius:50%;padding:12px;}
.knowledgebaseArticle p {font-weight:600;font-size:20px;margin:0;color:#fff;}
.knowledgebaseArticle h4 {font-size:12px;font-weight:400;color:#d9d9d9;}
.tutorialVideos{margin-top:2%;border-top:2px solid #7e7e7e;}
.tutorialVideoContent{display:block;margin:0 auto;}
.navbar-nav .nav-link{font-size:14px!important;}
.saleBanner{text-align:center;background:linear-gradient(rgba(39, 177, 89, 0.6), rgba(39, 177, 89, 0.6) ),url("../img/promotion-background.jpg")!important;border-color:#27b159;color:#fff;line-height:1;border:none;box-shadow:3px 3px #27b159;}