@import url('https://fonts.googleapis.com/css?family=Roboto');
.light {
  background-color: #F2F3F4;
  color: #3f434d;
}
.light .fa,
.light .fas,
.light .far {
  color: #5882FA;
}
.dark {
  background-color: #2f333e;
  color: #ffffff;
}
.dark .fa,
.dark .fas,
.dark .far {
  color: #F2F3F4;
}
.medium {
  background-color: #E0E0E0;
  color: #3f434d;
}
.blue {
  background-color: #5882FA;
  color: #F2F3F4;
}
.upper {
  text-transform: uppercase;
}
.fullSize {
  min-height: 100vh;
}
.halfSize {
  min-height: 30vh;
}
.threeQuarterSize {
  min-height: 75vh;
}
.fullSize,
.halfSize,
.ribbon,
.threeQuarterSize {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 6rem 0;
}
.fullSize .row,
.halfSize .row,
.ribbon .row,
.threeQuarterSize .row {
  display: flex;
  align-items: center;
}
.fullSize .row > div,
.halfSize .row > div,
.ribbon .row > div,
.threeQuarterSize .row > div {
  padding: 0 6rem;
}
.fullSize .row h3,
.halfSize .row h3,
.ribbon .row h3,
.threeQuarterSize .row h3 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.fullSize .row h4,
.halfSize .row h4,
.ribbon .row h4,
.threeQuarterSize .row h4 {
  font-weight: bold;
  font-size: 2rem;
}
.fullSize .row p,
.halfSize .row p,
.ribbon .row p,
.threeQuarterSize .row p {
  font-size: 1.5rem;
}
.fullSize .row a:not(.button):hover,
.halfSize .row a:not(.button):hover,
.ribbon .row a:not(.button):hover,
.threeQuarterSize .row a:not(.button):hover {
  text-decoration: none;
  color: #5882FA;
}
a.button {
  background-color: #5882FA;
  padding: 1rem 2rem;
  color: #F2F3F4;
  text-transform: uppercase;
  font-size: 1.2rem;
}
a.button:hover {
  background-color: #3568f9;
  text-decoration: none;
  color: #F2F3F4;
}
/* Headers */
.full {
  width: 100% !important;
  max-width: 100% !important;
}
.header .row {
  width: 100% !important;
  max-width: 100% !important;
  background-color: rgba(255, 255, 255, 0.9);
  animation: fadein 2s;
  padding: 3rem 0;
}
.header .row h1 {
  font-size: 4.5rem;
}
/* CARDS */
.cards .row {
  align-items: flex-start;
}
.cards .row:first-child {
  margin-bottom: 8rem;
}
.cards .row > div {
  padding: 0;
  display: flex;
  justify-content: space-evenly;
}
.cards .row > div > div {
  width: 25%;
}
.cards .row > div > div .card {
  margin: 3rem 1rem;
  position: relative;
  color: #2f333e;
  /* The top fontawesome icon */
}
.cards .row > div > div .card h3,
.cards .row > div > div .card h4 {
  padding-bottom: 1rem;
  margin: 0;
}
.cards .row > div > div .card > p {
  position: absolute;
  left: 50%;
  margin: 0;
}
.cards .row > div > div .card > p i {
  position: absolute;
  left: -2rem;
  top: -5rem;
  color: #5882FA;
  border-radius: 50%;
  font-size: 4rem;
}
.cards .row > div > div .card .content p {
  font-size: 1.5rem;
}
.cards .row:first-child > div > div {
  border-bottom: 1px #BFBFBF solid;
}
.info .text {
  margin-bottom: 3rem;
}
.info .boxes {
  background-color: #E0E0E0;
  padding: 1rem;
}
.info .boxes .box {
  flex-basis: 0;
  flex-grow: 1;
  background-color: #d3d3d3;
  margin: 0.5rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.info .boxes .box > p .fas {
  font-size: 6rem;
  color: #F2F3F4;
  background-color: #2f333e;
  border-radius: 50%;
  padding: 3rem;
}
.info .boxes .box .content {
  text-align: left;
  padding-left: 3rem;
}
.info .boxes .box .content h3 {
  font-size: 2.5rem;
}
.ribbon .priceInfo {
  color: #5882FA;
  font-size: 6rem;
  font-weight: bold;
}
.ribbon button {
  background-color: #5882FA;
  color: #F2F3F4;
  padding: 0.5rem 2rem;
  border-radius: 4px;
  border: none;
}
.ribbonx {
  background-color: transparent;
}
.ribbonx .content {
  padding: 4rem 0;
  background-color: #5882FA;
  text-align: center;
  background-image: url('../images/network.png');
  background-repeat: no-repeat;
  background-position: center left;
  color: #F2F3F4;
}
.ribbonx .content h2 {
  text-transform: uppercase;
  margin: 0;
}
.ribbonx .content p {
  font-size: 2rem;
}
.ribbonx .content p.button {
  margin-top: 4rem;
}
.ribbonx .content p.button a {
  background-color: #E0E0E0;
  color: #2f333e;
  font-weight: bold;
}
.ribbonx .content p.button a:hover {
  background-color: #c7c7c7;
}
.ribbonx .content .text {
  max-width: 600px;
  margin: 0 auto;
}
.ribbonx .top,
.ribbonx .bottom {
  height: 20px;
  position: relative;
  background-color: #5882FA;
}
.ribbonx .top::before,
.ribbonx .bottom::before {
  content: ' ';
  position: absolute;
  top: 0;
  width: 30%;
}
.ribbonx .top::before {
  left: 0;
  border-top: 20px solid #F2F3F4;
  border-right: 20px solid #5882FA;
}
.ribbonx .bottom::before {
  right: 0;
  border-bottom: 20px solid #F2F3F4;
  border-left: 20px solid #5882FA;
}
.colocation .header,
.virtualServers .header,
.dedicatedServer .header,
.backup .header,
.infrastructure .header,
.aboutCloud .header,
.supportPage .header,
.aboutCygrids .header,
.customerReferences .header,
.corporateInformation .header,
.dataCenter .header,
.contact .header {
  background-image: url('../images/server-cloud.jpg');
  background-size: cover;
  background-position: center center;
  justify-content: center;
  padding: 0;
  margin-top: 10vh;
}
.colocation .header .row,
.virtualServers .header .row,
.dedicatedServer .header .row,
.backup .header .row,
.infrastructure .header .row,
.aboutCloud .header .row,
.supportPage .header .row,
.aboutCygrids .header .row,
.customerReferences .header .row,
.corporateInformation .header .row,
.dataCenter .header .row,
.contact .header .row {
  background-color: transparent;
  color: #F2F3F4;
  padding: 1.5rem 0;
  text-align: left;
  padding-left: 15%;
  text-shadow: 0 0 1rem #2f333e;
  text-transform: uppercase;
}
header.header {
  background-image: url('../images/server-cloud.jpg');
  background-size: cover;
  background-position: center center;
  justify-content: center;
  padding: 0;
}
header.header .row {
  background-color: transparent;
  color: #F2F3F4;
  padding: 1.5rem 0;
  text-align: left;
  padding-left: 15%;
  text-shadow: 0 0 1rem #2f333e;
  text-transform: uppercase;
}
.fullSection {
  margin-bottom: 5rem;
  margin-top: 5rem;
}
.fullSection header {
  margin-bottom: 3rem;
}
.fullSection header h2 {
  margin-bottom: 0;
}
.fullSection header h4 {
  font-style: italic;
}
.splitSection .row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.splitSection .row article {
  width: 65%;
  text-align: left;
}
.splitSection .row article h3 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.splitSection .row aside {
  width: 35%;
}
.splitSection .row aside .linkCards figure {
  margin: 3rem;
}
.splitSection .row aside .linkCards figure img {
  width: 100%;
}
.tripleSplitSection .row .header {
  text-align: center;
}
.links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.links .link {
  width: 32rem;
  background: #E0E0E0;
  padding: 3rem;
  margin: 3rem;
}
.links .link .fa-download {
  font-size: 4rem;
}
.links .link hr {
  border-color: #F2F3F4;
  border-width: 2px;
  margin-top: 3rem;
}
.links .link:hover {
  background: #d3d3d3;
}
.lines {
  padding: 0;
}
.lines .row {
  padding: 10rem 0;
}
.lines .row.slim {
  padding: 3rem 0;
}
.lines .row .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lines .row .container.top {
  align-items: flex-start;
}
.lines .row .container > p .fas {
  font-size: 4rem;
  padding: 3rem;
  border-radius: 50%;
  background-color: #F2F3F4;
  color: #2f333e;
  border: 2px #2f333e solid;
}
.lines .row .container > .content {
  padding: 0 10rem;
  text-align: left;
}
.lines .row .container > .content h5 {
  font-weight: bold;
}
.lines .row .container > .content > p {
  font-size: 1.3rem;
  padding-left: 1rem;
  border-left: 0.5rem solid #c9cdd1;
  margin-bottom: 3rem;
}
.lines .row .container > .image img {
  height: 24rem;
}
.lines .row .container > .title h3 {
  margin-top: 0;
}
.lines .row:nth-child(even) .container > p .fas {
  background-color: #2f333e;
  color: #F2F3F4;
}
.lines .extraBorderBottom,
.lines .extraBorderTop,
.lines .extraBorderRightBottom {
  height: 20px;
  position: relative;
  background-color: #E0E0E0;
}
.lines .extraBorderBottom::before,
.lines .extraBorderTop::before,
.lines .extraBorderRightBottom::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
}
.lines .extraBorderBottom {
  width: 100%;
}
.lines .extraBorderBottom::before {
  border-bottom: 20px solid #F2F3F4;
  border-right: 20px solid #E0E0E0;
}
.lines .extraBorderTop {
  width: 30%;
  margin-left: 70%;
}
.lines .extraBorderTop::before {
  border-top: 20px solid #F2F3F4;
  border-right: 20px solid #E0E0E0;
}
.lines .extraBorderRightBottom {
  width: 30%;
  margin-left: 70%;
}
.lines .extraBorderRightBottom::before {
  border-top: 20px solid #F2F3F4;
  border-right: 20px solid #E0E0E0;
}
.header .row .fas {
  font-size: 6rem;
  color: #5882FA;
}
.information .topText {
  text-align: left;
  border-bottom: 1px solid #2f333e;
  padding-bottom: 3rem;
  display: flex;
  align-items: flex-start;
}
.information .topText h3 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.information .textBoxes {
  padding: 3rem 0;
  border-bottom: 1px solid #2f333e;
  /*margin-bottom: 6rem;*/
}
.information .textBoxes > div {
  border-right: 1px dotted #2f333e;
}
.information .textBoxes > div:last-child {
  border-right: none;
}
.information .textBoxes p i {
  font-size: 6rem;
}
/* NEWS*/
.news .newsRow {
  margin: 8rem 0;
}
.news .newsRow .newsInnerDiv {
  position: relative;
  height: 40rem;
  overflow: hidden;
  background-color: white;
  opacity: 0.9;
  color: #000;
}
.news .newsRow .newsInnerDiv h4 {
  text-transform: uppercase;
  padding: 2rem 0;
  background-color: #2f333e;
  color: #F2F3F4;
  border-bottom: 4px solid #E0E0E0;
  margin-top: 0;
}
.news .newsRow .newsInnerDiv p {
  margin-top: 3rem;
  padding: 1rem 3rem;
}
.news .newsRow .newsInnerDiv .arrowLink {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.news .newsRow .newsInnerDiv .arrowLink a {
  color: #5882FA;
  font-weight: bold;
}
.news .newsRow .newsInnerDiv .arrowLink a:hover {
  text-decoration: none;
  color: #2F333E;
}
.moreNewsRow {
  margin-top: 8rem;
}
.moreNewsRow .col-sm-12 {
  text-align: center;
}
.moreNewsRow .col-sm-12 a {
  background-color: #5882FA;
  color: #FFFFFF;
  padding: 1.5rem 6rem;
  font-weight: bold;
}
.moreNewsRow .col-sm-12 a:hover {
  text-decoration: none;
  background-color: #4A6ED4;
  color: #F2F3F4 !important;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.colocationTable {
  margin: 6rem auto;
}
.colocationTable tr th,
.colocationTable tr td {
  text-align: center;
}
.colocationTable thead tr th div {
  background-color: #2f333e;
  margin-bottom: 1rem;
  padding: 1.2rem 3rem;
  font-size: 2rem;
  color: #F2F3F4;
  position: relative;
}
.colocationTable thead tr th div::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent;
  border-top-color: #2f333e;
  border-width: 0.5rem;
  margin-left: 0.5rem;
}
.colocationTable tbody tr {
  background-color: #E0E0E0;
  border-bottom: 1px #F2F3F4 solid;
}
.colocationTable tbody tr th,
.colocationTable tbody tr td {
  padding: 1.2rem 3rem;
}
.colocationTable tbody tr td {
  font-size: 1.4rem;
}
.colocationTable tbody tr td .colocationPrice {
  font-size: 3rem;
  font-weight: bolder;
}
.colocationTable tbody tr td:first-child {
  background-color: #2f333e;
  color: #F2F3F4;
}
.colocationTable tbody tr td.noshow {
  visibility: hidden;
}
.colocationTable tbody tr.noBorder {
  border-bottom: none;
}
.colocationTable tbody tr.order span {
  color: #000;
  margin-left: 1rem;
  font-weight: bold;
  font-size: 2.5rem;
}
.colocationTable tbody tr:hover:not(:last-child) {
  background-color: #d3d3d3;
}
.colocationTable tbody tr:last-child td {
  padding-bottom: 2rem;
}
.standardHorizontal {
  margin: 0 auto;
}
.standardHorizontal tr th,
.standardHorizontal tr td {
  padding: 1rem 4rem;
}
.standardHorizontal thead tr th {
  background-color: #2f333e;
  color: #F2F3F4;
  padding-right: 6rem;
}
.standardHorizontal tbody tr:nth-child(odd) {
  background-color: #E0E0E0;
}
.standardHorizontal tbody tr:nth-child(even) {
  background-color: #d3d3d3;
}
.standardHorizontal tbody tr:hover {
  background-color: #c7c7c7;
}
.standardHorizontal tbody tr td .button {
  padding: 0.5rem 1rem;
}
.accordionWrapper {
  display: block;
}
.accordionWrapper .row {
  margin: 0 auto;
}
.accordionWrapper .row h3 {
  text-align: left;
  font-size: 2.3rem;
  margin-bottom: 1.5rem;
}
.accordionWrapper .row .accordion .segment header {
  background-color: #2f333e;
  color: #F2F3F4;
  padding: 1rem 3rem;
  border-bottom: 1px solid #a0a0a0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.accordionWrapper .row .accordion .segment header h4 {
  font-size: 1.4rem;
}
.accordionWrapper .row .accordion .segment header:hover {
  cursor: pointer;
  background-color: #24272f;
}
.accordionWrapper .row .accordion .segment div.row {
  max-height: 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  transition: .5s;
  text-align: left;
  font-size: 1.4rem;
  border-left: 1px solid rgba(47, 51, 62, 0.25);
  border-right: 1px solid rgba(47, 51, 62, 0.25);
}
.accordionWrapper .row .accordion .segment div.row > div {
  padding: 3rem;
}
.accordionWrapper .row .accordion .segment div.row > div img {
  max-width: 100%;
}
.accordionWrapper .row .accordion .segment div.row > div:first-child {
  padding-right: 6rem;
}
.accordionWrapper .row .accordion .segment div.row .right {
  width: 50%;
}
.accordionWrapper .row .accordion .segment div.row .greaterLeft {
  width: 70%;
}
.accordionWrapper .row .accordion .segment div.row .smallerRight {
  width: 30%;
}
.accordionWrapper .row .accordion .segment div.row.ordering h4 {
  margin-bottom: 3rem;
  font-size: 1.8rem;
}
.accordionWrapper .row .accordion .segment div.row .centered {
  text-align: center;
}
.accordionWrapper .row .accordion .segment.open div.row {
  max-height: 5000px;
}
@media (min-width: 1200px) {
  .container-fluid:not(.footerDiv) .row:not(.full) {
    max-width: 1200px;
  }
}
* {
  margin: 0;
  padding: 0;
}
body {
  color: #2F333E;
  background-color: #F2F3F4;
  font-family: 'Roboto', sans-serif;
}
h2 {
  margin-bottom: 3rem;
  font-weight: bold;
}
.sideButton {
  position: fixed;
  z-index: 999;
  right: 0;
  top: 50%;
  transform: rotate(-90deg);
  transform-origin: 100% 70%;
  background-color: #81B74E;
  margin: 0;
}
.sideButton:hover {
  background-color: #74a744;
}
.sideButton p {
  padding: 1.5rem 2.5rem;
}
.sideButton p a {
  color: #2f333e;
  font-weight: bold;
}
.sideButton p a:hover {
  text-decoration: none;
}
p.button {
  margin-top: 1.8rem;
}
p.button a {
  color: #FFFFFF;
  background-color: #5882FA;
  padding: 1rem 1.5rem;
  text-decoration: none;
  font-size: 1.5rem;
}
p.button a:hover {
  background-color: #4A6ED4;
  border: none;
  color: #FFFFFF;
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.blueLink {
  color: #5882FA;
}
/* MENU AREA */
#pageHeader {
  background-color: rgba(47, 51, 62, 0.92);
  display: flex;
  justify-content: space-between;
  height: 10vh;
  min-height: 100px;
}

.PartialOutage {
    font-size: 7rem;
    color: lightsalmon;
}

.MajorOutage {
    font-size: 7rem;
    color: lightcoral;
}

.Maintence {
    font-size: 7rem;
    color: lightcyan;
}

.navbar-default .navbar-brand{
  color: #fff !important;
}
.navbar-brand {
  height: 3rem;
}
.navbar-default {
  border: none;
}
.nav > li:last-child > a {
  padding-right: 0;
}
/* ------ SUPPORT MENU ------ */
.supportMenu ul {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.25rem;
}
.supportMenu ul li {
  margin-right: 2.5rem;
}
.supportMenu ul li:last-child {
  margin-right: 0;
}
.supportMenu,
.supportMenu a {
  color: #FFFFFF;
}
.supportMenu a:hover {
  text-decoration: none;
  color: #5882FA;
}
.supportMenu i {
  color: #5882FA;
  margin-right: 0.5rem;
}
/* ------ MEGA MENU  ------*/
.megaMenu.navbar .navbar-nav > li > a {
  font-size: 1.7rem;
  color: #ffffff !important;
  text-transform: uppercase;
}
.megaMenu.navbar .navbar-nav > li > a.dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-weight: 900;
  padding-left: 0.5rem;
}
.megaMenu.navbar .navbar-nav > .open a {
  background-color: transparent;
  color: #F2F3F4 !important;
}
.megaMenu.navbar .navbar-nav > .open > ul > li {
  margin-top: 1.5rem;
}
.megaMenu.navbar .navbar-nav > .open a:hover {
  color: #5882FA !important;
}
.megaMenu .dropdown-menu {
  background-color: rgba(47, 51, 62, 0.92);
}
.megaMenu .nav .yamm-content li a {
  font-size: 1.5rem;
  white-space: nowrap;
  text-decoration: none;
}
.megaMenu .nav .yamm-content .row {
  display: flex;
}
.megaMenu .nav .yamm-content .row ul {
  padding-right: 2rem;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  margin-right: 2rem;
}
.megaMenu .nav .yamm-content .row ul:last-child {
  padding-right: 0;
  border-right: none;
  margin-right: 0;
}
/* FIRST PAGE */
/* JUMBOTRON */
.jumbotron {
  /* height: 55vh; */
  background-image: url('../images/server-placeholder2.jpg');
  background-size: cover;
  background-position: center center;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  padding-top: 10vh;
  margin-top: 10vh;
  /* SERVER PUFFS*/
}
.jumbotron .serverSquares .row {
  display: flex;
  justify-content: center;
}
.jumbotron .serverSquares .row > div {
  margin-right: 3rem;
}
.jumbotron .serverSquares .row > div .innerDiv {
  text-align: center;
  height: auto;
  background-color: rgba(47, 51, 62, 0.82);
  box-shadow: 0 0 1rem #2f333e;
  color: #FFFFFF;
  padding: 2rem 3rem 3rem 3rem;
  animation: fadein 2s;
}
.jumbotron .serverSquares .row > div .innerDiv h4 {
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: bold;
}
.jumbotron .serverSquares .row > div .innerDiv h5 {
  font-size: 1.9rem;
  margin-top: 2rem;
}
.jumbotron .serverSquares .row > div .innerDiv ul {
  list-style-type: none;
  display: inline-block;
  text-align: left;
}
.jumbotron .serverSquares .row > div .innerDiv ul li:before {
  content: '✓';
  color: lightgreen;
  margin-right: 1rem;
}
.jumbotron .serverSquares .row > div .innerDiv .priceRow {
  font-size: 1.5rem;
}
.jumbotron .serverSquares .row > div .innerDiv .priceRow .price {
  font-size: 7rem;
  color: lightgreen;
}
.jumbotron .getDown p i.fas {
  margin-top: 2rem;
  color: rgba(47, 51, 62, 0.82);
  font-size: 4rem;
}
.jumbotron .getDown p i.fas:hover {
  color: #F2F3F4;
  cursor: pointer;
}
/* FEATURES SECTION */
.features {
  margin-top: 0rem;
  background-size: cover;
}
.features .row .featuresInnerDiv {
  padding-right: 0;
  padding-left: 0;
}
.features .row .featuresInnerDiv .col-sm-12 p {
  font-size: 1.2rem;
}
.rentSection .fas {
  margin-top: 5rem;
  font-size: 10rem;
}
/* PARTNERS */
.partnerskap p.percentLine {
  font-weight: bold;
  font-size: 3rem;
}
/* FOOTER */
footer {
  background-color: rgba(47, 51, 62, 0.92);
  color: #F2F3F4;
  text-align: center;
  font-size: 1.2rem;
}
footer .footerInnerDiv .contactRow {
  margin-top: 4rem;
  padding-bottom: 2rem;
  border-bottom: 3px #F2F3F4 double;
}
footer .footerInnerDiv .contactRow .fas {
  color: #5882FA;
  font-size: 3rem;
}
footer .footerInnerDiv .contactRow a {
  color: #F2F3F4;
  text-decoration: none;
}
footer .footerInnerDiv .footerLinks {
  border-bottom: 3px #F2F3F4 double;
}
footer .footerInnerDiv .footerLinks > div {
  border-right: 1px #F2F3F4 solid;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
footer .footerInnerDiv .footerLinks > div:last-child {
  border-right: none;
}
footer .footerInnerDiv .footerLinks h5 {
  font-weight: bold;
  font-size: 1.9rem;
}
footer .footerInnerDiv .footerLinks a {
  color: #F2F3F4;
}
footer .footerInnerDiv .footerLinks a:hover {
  text-decoration: none;
  color: #5882FA;
}
footer .footerInnerDiv .footerLinks .footerLogo {
  margin-top: 3rem;
}
footer .footerInnerDiv .footerLinks .footerLogo img {
  width: 90%;
}
footer .footerInnerDiv .otherLinks {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
  padding: 0;
}
footer .footerInnerDiv .otherLinks a {
  margin-right: 0.2rem;
  flex-grow: 1;
  background-color: #5882FA;
  color: #F2F3F4;
  padding: 1rem 7rem;
  text-transform: uppercase;
  font-weight: bold;
}
footer .footerInnerDiv .otherLinks a:last-child {
  margin-right: 0;
}
footer .footerInnerDiv .otherLinks a:hover {
  text-decoration: none;
  background-color: #4A6ED4;
  color: #FFFFFF;
}
footer .footerInnerDiv .xileRow {
  margin-top: 3rem;
}
footer .footerInnerDiv .xileRow .xile p {
  font-style: italic;
  font-size: 1.3rem;
  text-align: center;
  color: #D7D7D7;
  margin-top: 2rem;
  font-weight: bold;
}
footer .footerInnerDiv .xileRow .xile p a {
  color: #D7D7D7;
}
footer .footerInnerDiv .xileRow .xile p a:hover {
  text-decoration: none;
  color: #5882FA;
}
footer .footerInnerDiv .comments p a .fas:hover,
footer .footerInnerDiv .email p a .fas:hover {
  color: #F2F3F4;
}
/* SUPPORT PAGE */
.supportPage {
  text-align: center;
}
.supportPage .header {
  background-image: url('../images/support.jpg');
  background-size: cover;
  background-position: center center;
}
.supportPage .statusSection {
  text-align: left;
}
.supportPage .statusSection .row {
  display: flex;
  align-items: flex-start;
}
.supportPage .statusSection .row .images {
  margin-top: 6rem;
}
.supportPage .statusSection .row .images a:first-child {
  margin-right: 3rem;
}
.supportPage .ribbonx .content .text {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.supportPage .ribbonx .content .text .boxInnerDiv {
  text-align: left;
}
.supportPage .ribbonx .content .text .boxInnerDiv:first-child {
  border-right: 1px solid rgba(242, 243, 244, 0.25);
  padding-right: 3rem;
}
.supportPage .ribbonx .content .text .boxInnerDiv a {
  color: #F2F3F4;
}
.supportPage .ribbonx .content .text .boxInnerDiv a:hover {
  text-decoration: none;
  color: #d6d9dd;
}
.openingHours .far {
  font-size: 6rem;
  color: #5882FA;
  margin-bottom: 3.5rem;
}
.supportRow a {
  color: #3f434d;
}
.supportRow .fas {
  margin-right: 1.7rem;
  color: #5882FA;
  font-size: 3rem;
}
.statusSection .signal .fas {
  font-size: 13rem;
  color: #5882FA;
}
.toolsSection img:last-child {
  margin-left: 4rem;
}
.toolsSection img:hover {
  opacity: 0.8;
}
.notHappySection .row img {
  max-width: 90%;
}
.contactButton {
  padding-top: 3rem;
}
/* CO LOCATION ^*/
.colocation .information {
  padding-top: 0;
}
.virtualServers .ribbonx .content p {
  font-size: 1.6rem;
}
.dedicatedServer .fa-server {
  font-size: 6rem;
}
.dedicatedServer .availableCenters {
  padding-top: 0;
}
.dedicatedServer .ribbonx .text p {
  font-size: 1.4rem;
}
.backup .ribbon {
  padding: 6rem 1rem;
}
.backup .faq {
  padding: 3rem 6rem;
}
.aboutCloud .fa-cloud {
  font-size: 10rem;
  margin-bottom: 6rem;
}
.infoRibbon {
  color: #2f333e;
  text-align: center;
  max-width: 400px;
  font-size: 1.6rem;
}
.infoRibbon .col {
  border-top: 1px solid rgba(47, 51, 62, 0.25);
  background-color: #E0E0E0;
  padding: 2rem 0;
}
.infoRibbon .col:last-child,
.infoRibbon .col:first-child {
  border-top: none;
}
.infoRibbon .col ul {
  list-style-type: none;
  text-align: left;
  display: inline-block;
}
.infoRibbon .col ul li::before {
  content: '✓';
  color: green;
  margin-right: 1rem;
}
.infoRibbon .col .icons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.infoRibbon .col.bottom {
  background-color: #2f333e;
  color: #F2F3F4;
}
.infoRibbon .col.bottom h2 {
  font-size: 6rem;
}
.infoRibbon .col.bottom h4 {
  margin-bottom: 3rem;
}
.infoRibbon .col.bottom a {
  display: inline-block;
}
.infoRibbon header.col {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.infoRibbon.withHeader header {
  background-color: #2f333e;
  margin-bottom: 1rem;
  color: #FFFFFF;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 1.7rem;
}
.infoRibbon.withHeader .top {
  border-top: none;
}
.customerReferences .references {
  padding-bottom: 6rem;
}
.customerReferences .references .row .col-sm-12 {
  display: flex;
  justify-content: center;
}
.customerReferences .references .row .col-sm-12 .reference {
  background-color: #2f333e;
  box-shadow: 1rem 1rem 1rem #666f87;
  margin-right: 3rem;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.customerReferences .references .row .col-sm-12 .reference header {
  text-align: left;
  padding-left: 3rem;
  padding-bottom: 0.5rem;
}
.customerReferences .references .row .col-sm-12 .reference header h5 {
  color: #F2F3F4;
  text-transform: uppercase;
  font-size: 1.2rem;
}
.customerReferences .references .row .col-sm-12 .reference img {
  width: 200px;
  max-height: 60px;
  margin: 3rem 6rem;
}
.corporateInformation table {
  width: 80%;
  margin: 3rem auto;
  border: 1px solid rgba(47, 51, 62, 0.25);
}
.corporateInformation table tr td,
.corporateInformation table tr th {
  padding: 1rem 3rem;
}
.corporateInformation table tr th {
  background-color: #2f333e;
  color: #F2F3F4;
  text-align: center;
}
.corporateInformation table tr td:first-child {
  font-weight: bold;
}
.corporateInformation table tr:nth-child(odd) {
  background-color: #E0E0E0;
}
.corporateInformation table tr:hover {
  background-color: #d3d3d3;
}
.dataCenter .lines .row:first-child {
  padding-top: 12rem;
}
.dataCenter .lines .row .container .title {
  width: 30%;
  text-align: right;
}
.dataCenter .lines .row .container .content {
  width: 70%;
}
.dataCenter .lines .row .container table {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.dataCenter .lines .row .container table th {
  text-align: center;
}
.contact .information .col-sm-12 {
  display: flex;
  padding: 10rem 3rem;
}
.contact .information .col-sm-12 .left h3 {
  margin-top: 0;
}
.contact .information .col-sm-12 .left p {
  margin-bottom: 3px;
}
.contact .information .col-sm-12 .left > div {
  margin-bottom: 3rem;
}
.contact .information .col-sm-12 .left .emailChannels p {
  font-weight: bold;
}
.contact .information .col-sm-12 .left .emailChannels p a {
  font-weight: normal;
}
.contact .information .col-sm-12 .left .cygridsCommunication {
  text-transform: uppercase;
}
.contact .information .col-sm-12 .left .cygridsCommunication hr {
  margin: 5px 0;
  border-color: #E0E0E0;
}
.contact .information .col-sm-12 .right {
  padding-left: 12rem;
}
.contact .information .col-sm-12 .right form section {
  margin: 3rem;
}
.contact .information .col-sm-12 .right form section .title {
  font-weight: bold;
}
.contact .information .col-sm-12 .right form section .input input,
.contact .information .col-sm-12 .right form section .input textarea {
  width: 60rem;
  padding: 1rem;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
}
.contact .information .col-sm-12 .right form section input[type="submit"] {
  background-color: #5882FA;
  padding: 0.5rem 1.5rem;
  color: #F2F3F4;
  border: none;
  margin-top: 2rem;
}
.contact .information .col-sm-12 .right form section input[type="submit"]:hover {
  background-color: #3f6ff9;
}
.corporateInformation .top {
  padding-top: 6rem;
}
.corporateInformation .bottom {
  padding-bottom: 6rem;
}
@media (max-width: 600px) {
  .fullSize,
  .halfSize,
  .ribbon,
  .threeQuarterSize {
    padding: 3rem 0 0 0;
  }
  .fullSize .row,
  .halfSize .row,
  .ribbon .row,
  .threeQuarterSize .row {
    justify-content: center;
  }
  .fullSize .row h2,
  .halfSize .row h2,
  .ribbon .row h2,
  .threeQuarterSize .row h2 {
    font-size: 1.8rem;
  }
  .fullSize .row h3,
  .halfSize .row h3,
  .ribbon .row h3,
  .threeQuarterSize .row h3 {
    font-size: 2rem;
  }
  .fullSize .row p,
  .halfSize .row p,
  .ribbon .row p,
  .threeQuarterSize .row p {
    font-size: 1.2rem;
  }
  .fullSize .row > div,
  .halfSize .row > div,
  .ribbon .row > div,
  .threeQuarterSize .row > div {
    padding: 0 1rem;
  }
  a.button {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
  }
  .sideButton {
    background-color: rgba(129, 183, 78, 0.3);
  }
  .sideButton p {
    padding: 0.5rem 1rem;
  }
  #pageHeader {
    flex-direction: column;
  }
  #pageHeader .container-fluid .navbar-header .navbar-brand {
    padding: 0;
    margin: 0;
  }
  #pageHeader .container-fluid .navbar-header .navbar-brand img {
    margin: 0.5rem 0 0 0;
    width: 240px;
    height: 40px;
  }
  #pageHeader .container-fluid .supportMenu {
    display: none;
  }
  #pageHeader .container-fluid .navbar-collapse {
    border: none;
    max-height: 500px;
  }
  #pageHeader .container-fluid .navbar-collapse .navbar-nav {
    background-color: #2f333e;
    margin: 0;
  }
  #pageHeader .container-fluid .navbar-collapse .navbar-nav li {
    margin-top: 0.5rem;
  }
  .jumbotron {
    background: none;
    padding-top: 12vh;
    height: auto;
  }
  .jumbotron .serverSquares .row > div {
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
  }
  .jumbotron .serverSquares .row > div .innerDiv .priceRow .price {
    font-size: 4rem;
  }
  .header .row h1 {
    font-size: 2.4rem;
  }
  .features {
    margin-top: 0;
  }
  .cards {
    margin: 0;
  }
  .cards .row:first-child {
    margin-bottom: 3rem;
  }
  .cards .row:first-child > div > div {
    border-bottom: none;
  }
  .cards .row .featureCardsInnerDiv {
    flex-direction: column;
  }
  .cards .row .featureCardsInnerDiv .feature {
    width: 100% !important;
    margin-top: 10rem;
  }
  .ribbonx {
    margin: 3rem 0;
  }
  .ribbonx .content {
    padding: 4rem 1rem;
  }
  .ribbonx .content h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .ribbonx .content p {
    font-size: 1.4rem;
  }
  .ribbonx .content p.percentLine {
    font-size: 2rem;
  }
  .drift div:last-child {
    padding: 0 1rem;
  }
  .serverRow {
    flex-direction: column;
  }
  .getDown {
    display: none !important;
  }
  .news .newsRow {
    flex-direction: column;
    margin-top: 3rem;
  }
  .news .newsRow .newsInnerDiv {
    height: 30rem;
  }
  .news .newsRow .newsInnerDiv p {
    font-size: 1.3rem;
  }
  .news .newsRow .newsIntro {
    padding: 0;
    margin-bottom: 2rem;
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .news .moreNewsRow {
    margin: 0 0 3rem 0;
  }
  .colocationTable {
    margin: 3rem 0;
  }
  .colocationTable thead tr th div {
    font-size: 0.8rem;
    padding: 0.5rem 0.2rem;
  }
  .colocationTable tbody tr td {
    font-size: 0.6rem;
    padding: 0.5rem 0.2rem;
  }
  .colocationTable tbody tr td .colocationPrice {
    font-size: 1rem;
  }
  .standardHorizontal tr th,
  .standardHorizontal tr td {
    padding: 0.5rem 0.2rem;
    font-size: 0.7rem;
  }
  .standardHorizontal tr th a.button,
  .standardHorizontal tr td a.button {
    padding: 0.25rem 0.5rem;
  }
  .standardHorizontal thead tr th {
    padding-right: 1rem;
  }
  .info .boxes {
    flex-direction: column;
  }
  .info .boxes .box {
    flex-basis: auto;
  }
  .information .row.topText {
    flex-direction: column;
  }
  .information .textBoxes {
    flex-direction: column;
    align-items: flex-start;
  }
  .information .textBoxes > div {
    margin-top: 1.3rem;
  }
  .information .textBoxes p i {
    font-size: 3rem;
  }
  .lines .row {
    padding: 3rem 0;
  }
  .lines .row .container > .image img {
    height: 12rem;
  }
  .lines .row .container > .content {
    padding: 0;
  }
  .lines .row .container > .content p {
    font-size: 1.2rem;
  }
  .infoRibbon {
    margin: 3rem 1rem;
  }
  .infoRibbon p {
    font-size: 1.2rem;
  }
  .infoRibbon .col.bottom h2 {
    font-size: 3rem;
  }
  .accordion {
    margin: 3rem 1rem;
  }
  .accordion .segment .row {
    flex-direction: column;
  }
  .splitSection .row {
    flex-direction: column;
  }
  .splitSection .row article,
  .splitSection .row aside {
    width: 100%;
  }
  .tripleSplitSection {
    padding: 0;
  }
  .tripleSplitSection .row > div {
    padding: 0;
  }
  .supportPage .ribbonx .content .text {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .supportPage .ribbonx .content .text .boxInnerDiv:first-child {
    border-right: none;
    padding-right: 0;
  }
  .supportPage .statusSection {
    margin-bottom: 3rem;
  }
  .supportPage .statusSection .statusRow {
    flex-direction: column;
  }
  .corporateInformation table tr th,
  .corporateInformation table tr td {
    font-size: 1rem;
  }
  .customerReferences .references .row .col-sm-12 {
    flex-direction: column;
  }
  .dataCenter .lines .row .container {
    flex-direction: column;
    align-items: center;
  }
  .dataCenter .lines .row .container .title,
  .dataCenter .lines .row .container .content {
    width: 100%;
    text-align: left;
  }
  .contact .container .row .col-sm-12 {
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
  }
  .contact .container .row .col-sm-12 .right {
    padding: 0;
  }
  .contact .container .row .col-sm-12 .right form section {
    margin: 0;
  }
  .contact .container .row .col-sm-12 .right form section .input input {
    width: 90%;
  }
  .contact .container .row .col-sm-12 .right form section .input textarea {
    width: 90%;
  }
  footer .footerInnerDiv .contactRow {
    border: none;
    padding-bottom: 0;
  }
  footer .footerInnerDiv .footerLinks {
    border: none;
  }
  footer .footerInnerDiv .footerLinks > div {
    border: none;
  }
  footer .footerInnerDiv .footerLinks .headAreas {
    padding-bottom: 1rem;
  }
  footer .footerInnerDiv .footerLinks .company {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  footer .footerInnerDiv .otherLinks {
    flex-direction: column;
  }
  footer .footerInnerDiv .otherLinks a {
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
}

footer .footer-img{
  width: 90px !important;
  /* background: #fff; */
  /* padding: 10px; */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  /* margin-top: 3rem; */
  /* margin-bottom: -3rem; */
}

.fullSize .row h3, .halfSize .row h3, .ribbon .row h3, .threeQuarterSize .row h3{
  margin-bottom: 0;
}

.fullSize .row h4, .halfSize .row h4, .ribbon .row h4, .threeQuarterSize .row h4{
  
}