/*
    HYDRADEV FIVEHEBERG
*/
.container {
         max-width: 840px;
         padding: 0 20px;
}
section {
         padding: 80px 0;
}
.subhero .container {
         padding-top: 146px;
         padding-bottom: 40px;
}
.innergs .container {
         padding-top: 146px;
         padding-bottom: 64px;
}
h1 {
         font-size: 44px;
         line-height: 52px;
}
.subhero h2 {
         font-size: 24px;
         line-height: 30px;
}
.subhero.textcenter p {
         max-width: 720px;
}
.darkandlightbg body {
         background: url(../assets/images/bg-darkandlight.png) top right no-repeat #12141c;
}
.arkbg body {
         background: url(../assets/images/bg-ark.png) top right -200px no-repeat #12141c;
         background-size: 760px;
}
.teamspeakbg body {
         background: url(../assets/images/bg-teamspeak.png) top right -200px no-repeat #12141c;
         background-size: 640px;
}
.sevendaystodiebg body {
         background: url(../assets/images/bg-7daystodie.png) top right -200px no-repeat #12141c;
         background-size: 760px;
}
.csgobg body {
         background: url(../assets/images/bg-csgo.png) top right -80px no-repeat #12141c;
         background-size: 760px;
}
.armabg body {
         background: url(../assets/images/bg-arma2.png) top right -200px no-repeat #12141c;
         background-size: 760px auto;
}
.atlasbg body {
         background: url(../assets/images/bg-atlas.png) top right -100px no-repeat #12141c;
         background-size: 660px auto;
}
.conanbg body {
         background: url(../assets/images/bg-conan.png) top right -160px no-repeat #12141c;
         background-size: 600px auto;
}
.dayzbg body {
         background: url(../assets/images/bg-dayz.png) top right -160px no-repeat #12141c;
         background-size: 660px auto;
}
.ecobg body {
         background: url(../assets/images/bg-eco2.png) top right -160px no-repeat #12141c;
         background-size: 660px auto;
}
.empyrionbg body {
         background: url(../assets/images/bg-empyrion.png) top right -120px no-repeat #12141c;
         background-size: 600px auto;
}
.gmodbg body {
         background: url(../assets/images/bg-gmod.png) top right -120px no-repeat #12141c;
         background-size: 600px auto;
}
.hurtworldbg body {
         background: url(../assets/images/bg-hurtworld.png) top right -160px no-repeat #12141c;
         background-size: 600px auto;
}
.insurgencybg body {
         background: url(../assets/images/bg-insurgency.png) top right -70px no-repeat #12141c;
         background-size: 600px auto;
}
.jawsbg body {
         background: url(../assets/images/bg-jaws.png) top right -120px no-repeat #12141c;
         background-size: 600px auto;
}
.mordhaubg body {
         background: url(../assets/images/bg-mordhau.png) top right -80px no-repeat #12141c;
         background-size: 600px auto;
}
.outlawsbg body {
         background: url(../assets/images/bg-outlaws.png) top right -180px no-repeat #12141c;
         background-size: 680px auto;
}
.pixarkbg body {
         background: url(../assets/images/bg-pixark.png) top right -160px no-repeat #12141c;
         background-size: 680px auto;
}
.rustbg body {
         background: url(../assets/images/bg-rust.png) top right -160px no-repeat #12141c;
         background-size: 600px auto;
}
.spaceengineersbg body {
         background: url(../assets/images/bg-spaceengineers.png) top right -150px no-repeat #12141c;
         background-size: 680px auto;
}
.squadbg body {
         background: url(../assets/images/bg-squad.png) top right -160px no-repeat #12141c;
         background-size: 680px auto;
}
.starboundbg body {
         background: url(../assets/images/bg-starbound.png) top right -220px no-repeat #12141c;
         background-size: 600px auto;
}
.terrariabg body {
         background: url(../assets/images/bg-terraria.png) top right -120px no-repeat #12141c;
         background-size: 640px auto;
}
.theforestbg body {
         background: url(../assets/images/bg-theforest.png) top right -120px no-repeat #12141c;
         background-size: 600px auto;
}
.unturnedbg body {
         background: url(../assets/images/bg-unturned.png) top right -120px no-repeat #12141c;
         background-size: 640px auto;
}
.darkandlightbg body {
         background: url(../assets/images/bg-darkandlight.png) top right -60px no-repeat #12141c;
         background-size: 840px auto;
}
#tab-minecraft {
         background: url(../assets/images/bg-minecrafttab.png) right -240px top no-repeat;
         background-size: 800px auto;
}
#tab-ark {
         background: url(../assets/images/bg-ark.png) right -190px top no-repeat;
         background-size: 800px auto;
}
#tab-hytale {
         background: url(../assets/images/bg-hytale.png) right -140px top no-repeat;
         background-size: 800px auto;
}
#tab-csgo {
         background: url(../assets/images/csgobg.png) right -140px top no-repeat;
         background-size: 1000px auto;
}
#tab-arma {
         background: url(../assets/images/bg-arma.png) right -220px top no-repeat;
         background-size: 900px auto;
}
.minecraftbg body {
         background: url(../assets/images/bg-minecraft.png) top center no-repeat #12141c;
         background-size: 1720px auto;
}
.vpsbg body {
         background: url(../assets/images/bg-vps.png) top center no-repeat #12141c;
         background-size: 1720px auto;
}
.dedicatedbg body {
         background: url(../assets/images/bg-dedicated.png) top right no-repeat #12141c;
         background-size: 920px auto;
}
.webhostingbg body {
         background: url(../assets/images/bg-hosting.png) top right no-repeat #12141c;
         background-size: 820px auto;
}
.aboutbg body {
         background: url(../assets/images/bg-about.png) top right no-repeat #12141c;
         background-size: 860px auto;
}
#gs-overview {
         background: url(../assets/images/bg-gs.png) top right -100px no-repeat;
         background-size: 760px auto;
}
.darkandlightbg body {
         background: url(../assets/images/bg-darkandlight.png) top right -100px no-repeat #12141c;
         background-size: 960px auto;
}
.hero .item {
         min-height: 494px;
         padding-top: 166px;
         padding-bottom: 40px;
}
img {
         max-width: 100%;
}
.tab-nav img {
         height: 40px;
         width: auto;
         margin-bottom: -6px;
}
.tab-nav li:nth-child(1) img {
         height: 30px;
         margin: 5px auto;
}
.tab-nav li a {
         display: block;
         padding: 32px 0;
}
.tab-nav li.active a {
         padding-bottom: 38px;
         padding-top: 38px;
         margin-top: -12px;
}
.tab-nav li.active a h2 {
         display: none;
}
.hero .item h1 {
         font-size: 48px;
         line-height: 52px;
         max-width: 500px;
}
.hero .item h2 {
         font-size: 24px;
         line-height: 30px;
         padding-top: 14px;
}
.hero .item .button {
         margin-top: 29px;
         margin-bottom: 24px;
}
#homefeatures .col {
         width: 50%;
}
.features .col {
         padding-left: 20px;
         padding-right: 20px;
}
#locations .colfirst,
#locations .colsecond {
         width: 100%;
}
.map {
         background-size: 700px auto;
         margin-left: 0;
         width: 700px;
         height: 301px;
         margin: 0 auto;
}
.pin.qc {
         left: 227px;
         top: 155px;
}
.tooltip.qc {
         top: 74px;
         left: 128px;
}
.pin.qc {
         left: 187px;
         top: 125px;
}
.pin.nyc {
         top: 136px;
         left: 206px;
}
.tooltip.nyc {
         top: 87px;
         left: 145px;
}
.pin.chi {
         top: 151px;
         left: 177px;
}
.tooltip.chi {
         top: 101px;
         left: 131px;
}
.pin.sea {
         top: 168px;
         left: 114px;
}
.tooltip.sea {
         top: 116px;
         left: 63px;
}
.pin.la {
         top: 180px;
         left: 141px;
}
.tooltip.la {
         top: 129px;
         left: 75px;
}
.tooltip.tx {
         top: 123px;
         left: 116px;
}
.pin.tx {
         top: 173px;
         left: 161px;
}
.pin.uk {
         top: 64px;
         left: 306px;
}
.tooltip.uk {
         top: 12px;
         left: 259px;
}
.pin.fr {
         top: 74px;
         left: 329px;
}
.tooltip.fr {
         top: 22px;
         left: 262px;
}
.pin.au {
         top: 71px;
         right: 9px;
}
.pin.gr {
         top: 68px;
         left: 350px;
}
.tooltip.gr {
         top: 16px;
         left: 286px;
}
.au:after {
         margin-left: 0;
         margin-top: -8px;
         top: 50%;
         right: -9px;
         background: url(../assets/images/tooltipmobile.png) no-repeat;
         left: unset;
         width: 9px;
         height: 16px;
}
.tooltip.au {
         top: 74px;
         right: 54px;
}
#locations .colsecond {
         padding-left: 15%;
         padding-right: 15%;
         text-align: center;
}
#homeservices .titlecol {
         width: 100%;
         text-align: center;
}
#servicebox {
         width: 31.5%;
}
#servicebox {
         padding: 28px 20px 20px;
         background: #171924;
         margin-top: 40px;
         border-radius: 5px;
}
#servicebox:hover {
         background: #212333;
}
#servicetitle img {
         float: none;
         display: block;
         margin: 0;
         margin-bottom: 16px;
}
#homeddos .col {
         width: 100%;
         text-align: center;
}
#homeddos .col:nth-child(1) img {
         max-width: 300px;
         margin-bottom: 20px;
}
#ddostext {
         width: 100%;
         padding-left: 12%;
         padding-right: 12%;
}
#topfooter h4 {
         display: none;
}
#minecraftplans .flex-grid.five .col {
         width: 23%;
         margin-bottom: 24px;
}
.hidedesktop {
         display: block;
}
#minecraftplans .flex-grid.three {
         display: none;
}
.planboxes .col h2 {
         font-size: 32px;
         line-height: 40px;
}
.planboxes .col h2 small {
         font-size: 16px;
}
#minecraftplans {
         padding-bottom: 60px;
}
#minecraftplans .flex-grid.five .col .recslots .col {
         margin-bottom: 0;
}
.recslots h5 img {
         display: none;
}
#mcfeatures .flex-grid.four .col {
         width: 30%;
         padding-bottom: 48px;
}
#mcfeatures .flex-grid.four .col p {
         display: none;
}
.showtablet {
         display: block;
}
#mcfeatures .twothirds .titlecol {
         width: 100%;
         padding-top: 0;
}
#mcfeatures .flex-grid.twothirds .colfirst {
         width: 100%;
}
#techtwocol .flex-grid.two .col {
         width: 50%;
         padding: 0% 3%;
}
#techtwocol .flex-grid.two .col h2 {
         font-size: 30px;
         line-height: 38px;
}
#techtwocol .flex-grid.two .col img {
         height: 190px;
         margin-bottom: 10px;
}
#techtwocol p {
         font-size: 16px;
         line-height: 24px;
}
.carousel-control.next {
         background: url(../assets/images/testnext.png);
         right: 3%;
}
.carousel-control.prev {
         background: url(../assets/images/testprev.png);
         right: unset;
         left: 3%;
}
.testimonials p {
         font-size: 20px;
         line-height: 30px;
         max-width: 530px;
}
.locationsflip .colsecond {
         order: 2;
}
#locations h2 {
         padding-top: 40px;
}
.rightmap {
         float: none;
}
.planrows .container {
         display: flex;
         justify-content: space-between;
         flex-flow: wrap;
}
#planrow {
         display: block;
         text-align: center;
         padding: 28px 20px 20px;
         width: 31.5%;
         margin-bottom: 24px;
}
#planrow div {
         width: 100%;
         display: block;
}
#vps-price {
         padding: 0;
         margin-top: 20px;
}
#vps-price h2 {
         float: none;
         padding: 12px 0 8px;
         height: auto;
}
#vps-price .button {
         float: none;
         width: 100%;
}
#planrow:hover {
         width: 31.5%;
         border-left: 0;
         margin-left: 0;
         padding: 28px 20px 20px;
}
#planrow:hover #vps-price {
         background: #2b2e42;
}
#planrow:hover #vps-price .button {
         color: #fff;
         background-color: #1692e9;
}
#planrow .button:hover,
#planrow:hover .button:hover {
         box-shadow: none;
         color: #fff;
         background-color: #30a8fd;
}
#vps-name {
         padding-left: 0;
         padding-bottom: 6px;
         padding-top: 4px !important;
}
.planrows #planrow:nth-last-child(1) {
         margin-bottom: 24px;
}
.planrows {
         padding-bottom: 40px;
}
#pbtimer {
         margin: 0 auto;
}
#pbtext {
         width: 100%;
         margin: 0;
         text-align: center;
}
#pbtext h3 {
         padding-bottom: 0;
}
.christmas {
         background: url(../assets/images/christmas.png) top right -480px no-repeat #e63232 !important;
         background-size: auto 340px !important;
}
#vps-panel .flex-grid.two .col {
         width: 100%;
         text-align: center;
}
#vpfeat {
         width: 33.3333%;
         float: left;
         padding: 0 20px;
}
#vpfeat img {
         position: relative;
         top: unset;
         left: unset;
         margin: 0 auto;
         margin-bottom: 12px;
}
#vps-panel #vpfeat:nth-child(1) {
         margin-top: 30px;
}
#vps-panel #vpfeat:nth-last-child(1) {
         display: none;
}
#vps-panel .textcol-r {
         padding-left: 0%;
}
#vps-panel #imgfix {
         max-width: 460px;
}
#vps-panel .flex-grid {
         padding-top: 0;
}
#vpfeat p {
         padding-bottom: 0;
}
#addgamepanel p {
         display: none;
}
#addgamepanel h3 {
         font-family: proximanova-semibold, sans-serif;
         font-size: 18px;
         line-height: 26px;
         text-transform: none;
}
#addgamepanel .textcol-r h2 {
         padding-top: 14px;
}
#dedicatedos .flex-grid.three .col {
         padding: 0 20px;
}
#godedicated .colsecond {
         width: 100%;
}
#godedicated .colfirst {
         width: 100%;
         padding-top: 40px;
}
.thirdfeatures .flex-grid.two .col,
.features .col {
         padding-bottom: 40px;
}
.toggle .toggle-inner {
         padding: 12px 28px 20px;
}
#whfeatures .flex-grid.four .col {
         padding: 0 20px;
         padding-top: 40px;
         width: 33.3333%;
}
#whfeatures .flex-grid.four .col:nth-last-child(1),
#whfeatures .flex-grid.four .col:nth-last-child(2) {
         display: none;
}
#whfeatures .col p {
         padding-bottom: 0;
}
#softaculousbox {
         background: url(../assets/images/softaculousbg.png) no-repeat;
         width: 104px;
         height: 104px;
         background-size: 104px 104px;
         text-align: center;
         padding-top: 27px;
         margin-bottom: 16px;
}
#softaculousbox img {
         height: 48px;
         width: auto;
}
#softaculoustech h2 {
         padding-top: 8px;
}
#cpanel img {
         max-width: 90%;
}
#cpanel h2 {
         padding-top: 0;
}
.status span {
         padding: 0 20px;
         padding-top: 28px;
}
#ourlocations .flex-grid.two .col {
         width: 100%;
}
#meettheteam .col {
         width: 50%;
         padding: 0 20px;
         padding-bottom: 48px;
}
#meettheteam .col img {
         max-width: 100px;
}
.title p {
         max-width: 640px;
}
#aff-steps .col {
         padding: 0 20px;
         width: 33.3333%;
         text-align: center;
}
#aff-steps .col img {
         position: relative;
         top: unset;
         left: unset;
         margin: 0 auto;
         margin-bottom: 12px;
         height: 48px;
         width: auto;
}
#aff-features .col {
         width: 33.3333%;
         padding: 0 20px;
         padding-top: 40px;
}
#aff-features .col h4 {
         font-size: 15px;
         line-height: 24px;
         padding-top: 12px;
}
#aff-features h2 {
         padding-bottom: 8px;
}
.carousel-control {
         top: 31px;
}
#ccp .col {
         width: 100%;
}
.trititle,
#ccp-partners {
         position: relative;
         top: unset;
         left: unset;
         bottom: unset;
         right: unset;
}
#ccp .col {
         padding: 60px 0 30px;
}
#ccp-partners {
         margin-top: 38px;
         width: auto;
}
#ccp {
         background: url(../assets/images/ccpbg.png) left -80px top no-repeat #12131b;
         background-size: auto 286px;
}
#ccp .col.textcol-l {
         padding: 60px 0 80px;
}
#ccp .col.textcol-l li {
         max-width: 480px;
}
.gamecontainer {
         margin-left: -1.25%;
         margin-right: -1.25%;
}
#games .col {
         width: 30.8333%;
         margin-left: 1.25%;
         margin-right: 1.25%;
         margin-bottom: 20px;
}
.filter .container {
         padding: 40px 20px;
}
.filter ul {
         padding-top: 12px;
}
.filter li {
         padding: 0 12px;
         margin-left: 8px;
}
.filter li:nth-child(1) {
         margin-left: 0;
}
#gamefeatures .colsecond {
         width: 100%;
         padding-right: 0%;
}
#gamefeatures .colsecond h2 {
         padding-bottom: 12px;
}
#gamefeatures .colsecond p {
         color: #fff;
}
#gamefeatures .colfirst {
         padding-left: 0%;
         width: 100%;
         padding-top: 20px;
}
.gspricing .container {
         padding: 0;
}
.gspricing .flex-grid.twothirds .colfirst {
         width: 60%;
         padding-left: 20px;
}
.gspricing .flex-grid.twothirds .colsecond {
         width: 38%;
         padding: 36px 20px 32px;
}
.slider {
         text-align: left;
         padding: 14px 48px 0 0;
}
.range:before {
         width: 46.66%;
}
.innergs p {
         font-size: 16px;
         color: #fff;
}
.thirdfeatures .titlecol {
         padding-right: 0;
}
#gsfeatures .flex-grid.twothirds .colfirst {
         width: 100%;
         padding-top: 44px;
}
#gsfeatures .flex-grid.twothirds .colsecond {
         width: 100%;
}
#sla .flex-grid.two .col {
         width: 100%;
}
#sla .textcol-r {
         text-align: center;
         margin-top: 20px;
         padding-left: 14%;
         padding-right: 14%;
}
#gspanel .flex-grid.two .col {
         width: 100%;
         text-align: center;
}
#gspanel .flexin .col {
         padding-left: 0;
         width: 50% !important;
         padding: 0 20px;
         text-align: center;
         margin-top: 0;
         margin-bottom: 20px;
}
#gspanel .flexin .col img {
         position: relative;
         top: unset;
         left: unset;
         margin: 0 auto 8px;
}
.innergs p {
         max-width: 100%;
         font-size: 16px;
         color: #9ba2ba;
         line-height: 24px;
}
.tsnew .container {
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 30px;
}
.tsnew {
         padding: 0 20px;
}
.tsnew .gspricing .flex-grid.twothirds .colfirst,
.tsnew .gspricing .flex-grid.twothirds .colsecond {
         width: 100% !important;
}
.tsnew .slider {
         padding: 0 0 30px;
}
.tsnew p {
         max-width: 100%;
}
.tsnew .gspricing .flex-grid.twothirds .colfirst {
         padding-left: 0;
}
.tsnew #gsptext h3 {
         margin-bottom: 30px;
}
.voicefeatures {
         padding: 80px 0 !important;
}
.order-mc .twothirds .colfirst {
         width: 100%;
}
div#jsLocationMap div.usa {
         overflow: hidden;
}
.order-mc .twothirds .colsecond {
         width: 100%;
}
.pricemobile {
         display: block;
}