@charset "UTF-8";
.zfcsw-wrapper {
  padding-bottom: 80px;
  /* clearfix – make sure internal margins don't bleed across */
  width: 100%;
  float: left;
}

.zfcsw-wrapper-grey {
  background-color: #eef1f4;
}

.zfcsw-wrapper-white {
  background-color: white;
}

.zfcsw-wrapper-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1179c5), color-stop(11%, #1179bf), color-stop(82%, #001024), to(#001024));
  background-image: linear-gradient(to top, #1179c5, #1179bf 11%, #001024 82%, #001024);
  color: white;
}

.zfcsw-wrapper-gradient .zfc-copy,
.zfcsw-wrapper-gradient .zfc-title {
  color: white;
}

.zfcsw-wrapper-gradient-extension {
  background: #1179c5;
  color: white;
}

.zfcsw-wrapper-gradient-extension .zfc-copy,
.zfcsw-wrapper-gradient-extension .zfc-title {
  color: white;
}

.zfcsw-wrapper-small {
  padding-bottom: 0;
}

.blue-red-grid-bg-2::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 300px;
  width: 350px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 720px) {
  .blue-red-grid-bg-2::before {
    display: none;
  }
}

.blue-red-grid-bg::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  width: 1000px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 1600px) {
  .blue-red-grid-bg::before {
    height: 400px;
    width: 800px;
  }
}

@media (max-width: 1000px) {
  .blue-red-grid-bg::before {
    height: 300px;
    width: 600px;
  }
}

@media (max-width: 720px) {
  .blue-red-grid-bg::before {
    height: 250px;
    width: 500px;
  }
}

.blue-red-grid-bg-rotated::before {
  content: " ";
  display: block;
  position: absolute;
  right: 6%;
  top: 0;
  height: 100%;
  width: 500px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 720px) {
  .blue-red-grid-bg-rotated::before {
    bottom: unset;
    height: 100%;
    width: 420px;
    right: -20px;
  }
}

.blue-red-grid-bg-rotated-two::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 300px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 720px) {
  .blue-red-grid-bg-rotated-two::before {
    bottom: unset;
    top: 34px;
    height: 200px;
    width: 200px;
    right: -20px;
  }
}