.image-gradient-bg-primary-light figure:after, .image-gradient-bg-primary figure:after, .image-gradient-bg-primary-dark figure:after, .image-gradient-bg-secondary-light figure:after, .image-gradient-bg-secondary figure:after, .image-gradient-bg-secondary-dark figure:after, .image-gradient-bg-tertiary-light figure:after, .image-gradient-bg-tertiary figure:after, .image-gradient-bg-tertiary-dark figure:after, .image-gradient-bg-gray-light figure:after, .image-gradient-bg-gray figure:after, .image-gradient-bg-gray-dark figure:after, .image-gradient-bg-black figure:after, .image-gradient-bg-white figure:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.primary-light {
  color: #6db6df !important;
}

.primary {
  color: #3686ad !important;
}

.primary-dark {
  color: #00597e !important;
}

.secondary-light {
  color: #f18389 !important;
}

.secondary {
  color: #d61621 !important;
}

.secondary-dark {
  color: #a70404 !important;
}

.tertiary-light {
  color: #4fab9c !important;
}

.tertiary {
  color: #137b6e !important;
}

.tertiary-dark {
  color: #004e43 !important;
}

.gray-light {
  color: #afafaf !important;
}

.gray {
  color: #6d6d6d !important;
}

.gray-dark {
  color: #444444 !important;
}

.black {
  color: black !important;
}

.white {
  color: white !important;
}

@media (max-width: 1023px) {
  .color_mobile_primary-light {
    color: #6db6df !important;
  }
  .color_mobile_primary {
    color: #3686ad !important;
  }
  .color_mobile_primary-dark {
    color: #00597e !important;
  }
  .color_mobile_secondary-light {
    color: #f18389 !important;
  }
  .color_mobile_secondary {
    color: #d61621 !important;
  }
  .color_mobile_secondary-dark {
    color: #a70404 !important;
  }
  .color_mobile_tertiary-light {
    color: #4fab9c !important;
  }
  .color_mobile_tertiary {
    color: #137b6e !important;
  }
  .color_mobile_tertiary-dark {
    color: #004e43 !important;
  }
  .color_mobile_gray-light {
    color: #afafaf !important;
  }
  .color_mobile_gray {
    color: #6d6d6d !important;
  }
  .color_mobile_gray-dark {
    color: #444444 !important;
  }
  .color_mobile_black {
    color: black !important;
  }
  .color_mobile_white {
    color: white !important;
  }
}

.border-bg-primary-light {
  border: 1px solid #6db6df !important;
}

.border-bg-primary {
  border: 1px solid #3686ad !important;
}

.border-bg-primary-dark {
  border: 1px solid #00597e !important;
}

.border-bg-secondary-light {
  border: 1px solid #f18389 !important;
}

.border-bg-secondary {
  border: 1px solid #d61621 !important;
}

.border-bg-secondary-dark {
  border: 1px solid #a70404 !important;
}

.border-bg-tertiary-light {
  border: 1px solid #4fab9c !important;
}

.border-bg-tertiary {
  border: 1px solid #137b6e !important;
}

.border-bg-tertiary-dark {
  border: 1px solid #004e43 !important;
}

.border-bg-gray-light {
  border: 1px solid #afafaf !important;
}

.border-bg-gray {
  border: 1px solid #6d6d6d !important;
}

.border-bg-gray-dark {
  border: 1px solid #444444 !important;
}

.border-bg-black {
  border: 1px solid black !important;
}

.border-bg-white {
  border: 1px solid white !important;
}

@media (max-width: 1023px) {
  .mobile_border-bg-primary-light {
    border: 1px solid #6db6df !important;
  }
  .mobile_border-bg-primary {
    border: 1px solid #3686ad !important;
  }
  .mobile_border-bg-primary-dark {
    border: 1px solid #00597e !important;
  }
  .mobile_border-bg-secondary-light {
    border: 1px solid #f18389 !important;
  }
  .mobile_border-bg-secondary {
    border: 1px solid #d61621 !important;
  }
  .mobile_border-bg-secondary-dark {
    border: 1px solid #a70404 !important;
  }
  .mobile_border-bg-tertiary-light {
    border: 1px solid #4fab9c !important;
  }
  .mobile_border-bg-tertiary {
    border: 1px solid #137b6e !important;
  }
  .mobile_border-bg-tertiary-dark {
    border: 1px solid #004e43 !important;
  }
  .mobile_border-bg-gray-light {
    border: 1px solid #afafaf !important;
  }
  .mobile_border-bg-gray {
    border: 1px solid #6d6d6d !important;
  }
  .mobile_border-bg-gray-dark {
    border: 1px solid #444444 !important;
  }
  .mobile_border-bg-black {
    border: 1px solid black !important;
  }
  .mobile_border-bg-white {
    border: 1px solid white !important;
  }
}

.border_width_1 {
  border-width: 1px !important;
}

.border_width_2 {
  border-width: 2px !important;
}

.border_width_3 {
  border-width: 3px !important;
}

.border_width_4 {
  border-width: 4px !important;
}

.border_width_5 {
  border-width: 5px !important;
}

.border_width_6 {
  border-width: 6px !important;
}

.border_width_7 {
  border-width: 7px !important;
}

.border_width_8 {
  border-width: 8px !important;
}

.border_width_9 {
  border-width: 9px !important;
}

.border_width_10 {
  border-width: 10px !important;
}

.border_width_11 {
  border-width: 11px !important;
}

.border_width_12 {
  border-width: 12px !important;
}

@media (max-width: 1023px) {
  .border_width_mobile_1 {
    border-width: 1px !important;
  }
  .border_width_mobile_2 {
    border-width: 2px !important;
  }
  .border_width_mobile_3 {
    border-width: 3px !important;
  }
  .border_width_mobile_4 {
    border-width: 4px !important;
  }
  .border_width_mobile_5 {
    border-width: 5px !important;
  }
  .border_width_mobile_6 {
    border-width: 6px !important;
  }
  .border_width_mobile_7 {
    border-width: 7px !important;
  }
  .border_width_mobile_8 {
    border-width: 8px !important;
  }
  .border_width_mobile_9 {
    border-width: 9px !important;
  }
  .border_width_mobile_10 {
    border-width: 10px !important;
  }
  .border_width_mobile_11 {
    border-width: 11px !important;
  }
  .border_width_mobile_12 {
    border-width: 12px !important;
  }
}

.bg-primary-light {
  background-color: #6db6df;
}

.bg-primary-light.op-bg_20 {
  background-color: rgba(109, 182, 223, 0.2);
}

.bg-primary-light.op-bg_40 {
  background-color: rgba(109, 182, 223, 0.4);
}

.bg-primary-light.op-bg_60 {
  background-color: rgba(109, 182, 223, 0.6);
}

.bg-primary-light.op-bg_80 {
  background-color: rgba(109, 182, 223, 0.8);
}

.bg-primary {
  background-color: #3686ad;
  color: #fff;
}

.bg-primary.op-bg_20 {
  background-color: rgba(54, 134, 173, 0.2);
}

.bg-primary.op-bg_40 {
  background-color: rgba(54, 134, 173, 0.4);
}

.bg-primary.op-bg_60 {
  background-color: rgba(54, 134, 173, 0.6);
}

.bg-primary.op-bg_80 {
  background-color: rgba(54, 134, 173, 0.8);
}

.bg-primary-dark {
  background-color: #00597e;
  color: #fff;
}

.bg-primary-dark.op-bg_20 {
  background-color: rgba(0, 89, 126, 0.2);
}

.bg-primary-dark.op-bg_40 {
  background-color: rgba(0, 89, 126, 0.4);
}

.bg-primary-dark.op-bg_60 {
  background-color: rgba(0, 89, 126, 0.6);
}

.bg-primary-dark.op-bg_80 {
  background-color: rgba(0, 89, 126, 0.8);
}

.bg-secondary-light {
  background-color: #f18389;
}

.bg-secondary-light.op-bg_20 {
  background-color: rgba(241, 131, 137, 0.2);
}

.bg-secondary-light.op-bg_40 {
  background-color: rgba(241, 131, 137, 0.4);
}

.bg-secondary-light.op-bg_60 {
  background-color: rgba(241, 131, 137, 0.6);
}

.bg-secondary-light.op-bg_80 {
  background-color: rgba(241, 131, 137, 0.8);
}

.bg-secondary {
  background-color: #d61621;
  color: #fff;
}

.bg-secondary.op-bg_20 {
  background-color: rgba(214, 22, 33, 0.2);
}

.bg-secondary.op-bg_40 {
  background-color: rgba(214, 22, 33, 0.4);
}

.bg-secondary.op-bg_60 {
  background-color: rgba(214, 22, 33, 0.6);
}

.bg-secondary.op-bg_80 {
  background-color: rgba(214, 22, 33, 0.8);
}

.bg-secondary-dark {
  background-color: #a70404;
  color: #fff;
}

.bg-secondary-dark.op-bg_20 {
  background-color: rgba(167, 4, 4, 0.2);
}

.bg-secondary-dark.op-bg_40 {
  background-color: rgba(167, 4, 4, 0.4);
}

.bg-secondary-dark.op-bg_60 {
  background-color: rgba(167, 4, 4, 0.6);
}

.bg-secondary-dark.op-bg_80 {
  background-color: rgba(167, 4, 4, 0.8);
}

.bg-tertiary-light {
  background-color: #4fab9c;
  color: #fff;
}

.bg-tertiary-light.op-bg_20 {
  background-color: rgba(79, 171, 156, 0.2);
}

.bg-tertiary-light.op-bg_40 {
  background-color: rgba(79, 171, 156, 0.4);
}

.bg-tertiary-light.op-bg_60 {
  background-color: rgba(79, 171, 156, 0.6);
}

.bg-tertiary-light.op-bg_80 {
  background-color: rgba(79, 171, 156, 0.8);
}

.bg-tertiary {
  background-color: #137b6e;
  color: #fff;
}

.bg-tertiary.op-bg_20 {
  background-color: rgba(19, 123, 110, 0.2);
}

.bg-tertiary.op-bg_40 {
  background-color: rgba(19, 123, 110, 0.4);
}

.bg-tertiary.op-bg_60 {
  background-color: rgba(19, 123, 110, 0.6);
}

.bg-tertiary.op-bg_80 {
  background-color: rgba(19, 123, 110, 0.8);
}

.bg-tertiary-dark {
  background-color: #004e43;
  color: #fff;
}

.bg-tertiary-dark.op-bg_20 {
  background-color: rgba(0, 78, 67, 0.2);
}

.bg-tertiary-dark.op-bg_40 {
  background-color: rgba(0, 78, 67, 0.4);
}

.bg-tertiary-dark.op-bg_60 {
  background-color: rgba(0, 78, 67, 0.6);
}

.bg-tertiary-dark.op-bg_80 {
  background-color: rgba(0, 78, 67, 0.8);
}

.bg-gray-light {
  background-color: #afafaf;
}

.bg-gray-light.op-bg_20 {
  background-color: rgba(175, 175, 175, 0.2);
}

.bg-gray-light.op-bg_40 {
  background-color: rgba(175, 175, 175, 0.4);
}

.bg-gray-light.op-bg_60 {
  background-color: rgba(175, 175, 175, 0.6);
}

.bg-gray-light.op-bg_80 {
  background-color: rgba(175, 175, 175, 0.8);
}

.bg-gray {
  background-color: #6d6d6d;
  color: #fff;
}

.bg-gray.op-bg_20 {
  background-color: rgba(109, 109, 109, 0.2);
}

.bg-gray.op-bg_40 {
  background-color: rgba(109, 109, 109, 0.4);
}

.bg-gray.op-bg_60 {
  background-color: rgba(109, 109, 109, 0.6);
}

.bg-gray.op-bg_80 {
  background-color: rgba(109, 109, 109, 0.8);
}

.bg-gray-dark {
  background-color: #444444;
  color: #fff;
}

.bg-gray-dark.op-bg_20 {
  background-color: rgba(68, 68, 68, 0.2);
}

.bg-gray-dark.op-bg_40 {
  background-color: rgba(68, 68, 68, 0.4);
}

.bg-gray-dark.op-bg_60 {
  background-color: rgba(68, 68, 68, 0.6);
}

.bg-gray-dark.op-bg_80 {
  background-color: rgba(68, 68, 68, 0.8);
}

.bg-black {
  background-color: black;
  color: #fff;
}

.bg-black.op-bg_20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black.op-bg_40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-black.op-bg_60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-black.op-bg_80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-white {
  background-color: white;
}

.bg-white.op-bg_20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white.op-bg_40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white.op-bg_60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white.op-bg_80 {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1023px) {
  .color_mobile_bg-primary-light {
    background-color: #6db6df;
  }
  .color_mobile_bg-primary-light.op-bg_20 {
    background-color: rgba(109, 182, 223, 0.2);
  }
  .color_mobile_bg-primary-light.op-bg_40 {
    background-color: rgba(109, 182, 223, 0.4);
  }
  .color_mobile_bg-primary-light.op-bg_60 {
    background-color: rgba(109, 182, 223, 0.6);
  }
  .color_mobile_bg-primary-light.op-bg_80 {
    background-color: rgba(109, 182, 223, 0.8);
  }
  .color_mobile_bg-primary {
    background-color: #3686ad;
    color: #fff;
  }
  .color_mobile_bg-primary.op-bg_20 {
    background-color: rgba(54, 134, 173, 0.2);
  }
  .color_mobile_bg-primary.op-bg_40 {
    background-color: rgba(54, 134, 173, 0.4);
  }
  .color_mobile_bg-primary.op-bg_60 {
    background-color: rgba(54, 134, 173, 0.6);
  }
  .color_mobile_bg-primary.op-bg_80 {
    background-color: rgba(54, 134, 173, 0.8);
  }
  .color_mobile_bg-primary-dark {
    background-color: #00597e;
    color: #fff;
  }
  .color_mobile_bg-primary-dark.op-bg_20 {
    background-color: rgba(0, 89, 126, 0.2);
  }
  .color_mobile_bg-primary-dark.op-bg_40 {
    background-color: rgba(0, 89, 126, 0.4);
  }
  .color_mobile_bg-primary-dark.op-bg_60 {
    background-color: rgba(0, 89, 126, 0.6);
  }
  .color_mobile_bg-primary-dark.op-bg_80 {
    background-color: rgba(0, 89, 126, 0.8);
  }
  .color_mobile_bg-secondary-light {
    background-color: #f18389;
  }
  .color_mobile_bg-secondary-light.op-bg_20 {
    background-color: rgba(241, 131, 137, 0.2);
  }
  .color_mobile_bg-secondary-light.op-bg_40 {
    background-color: rgba(241, 131, 137, 0.4);
  }
  .color_mobile_bg-secondary-light.op-bg_60 {
    background-color: rgba(241, 131, 137, 0.6);
  }
  .color_mobile_bg-secondary-light.op-bg_80 {
    background-color: rgba(241, 131, 137, 0.8);
  }
  .color_mobile_bg-secondary {
    background-color: #d61621;
    color: #fff;
  }
  .color_mobile_bg-secondary.op-bg_20 {
    background-color: rgba(214, 22, 33, 0.2);
  }
  .color_mobile_bg-secondary.op-bg_40 {
    background-color: rgba(214, 22, 33, 0.4);
  }
  .color_mobile_bg-secondary.op-bg_60 {
    background-color: rgba(214, 22, 33, 0.6);
  }
  .color_mobile_bg-secondary.op-bg_80 {
    background-color: rgba(214, 22, 33, 0.8);
  }
  .color_mobile_bg-secondary-dark {
    background-color: #a70404;
    color: #fff;
  }
  .color_mobile_bg-secondary-dark.op-bg_20 {
    background-color: rgba(167, 4, 4, 0.2);
  }
  .color_mobile_bg-secondary-dark.op-bg_40 {
    background-color: rgba(167, 4, 4, 0.4);
  }
  .color_mobile_bg-secondary-dark.op-bg_60 {
    background-color: rgba(167, 4, 4, 0.6);
  }
  .color_mobile_bg-secondary-dark.op-bg_80 {
    background-color: rgba(167, 4, 4, 0.8);
  }
  .color_mobile_bg-tertiary-light {
    background-color: #4fab9c;
    color: #fff;
  }
  .color_mobile_bg-tertiary-light.op-bg_20 {
    background-color: rgba(79, 171, 156, 0.2);
  }
  .color_mobile_bg-tertiary-light.op-bg_40 {
    background-color: rgba(79, 171, 156, 0.4);
  }
  .color_mobile_bg-tertiary-light.op-bg_60 {
    background-color: rgba(79, 171, 156, 0.6);
  }
  .color_mobile_bg-tertiary-light.op-bg_80 {
    background-color: rgba(79, 171, 156, 0.8);
  }
  .color_mobile_bg-tertiary {
    background-color: #137b6e;
    color: #fff;
  }
  .color_mobile_bg-tertiary.op-bg_20 {
    background-color: rgba(19, 123, 110, 0.2);
  }
  .color_mobile_bg-tertiary.op-bg_40 {
    background-color: rgba(19, 123, 110, 0.4);
  }
  .color_mobile_bg-tertiary.op-bg_60 {
    background-color: rgba(19, 123, 110, 0.6);
  }
  .color_mobile_bg-tertiary.op-bg_80 {
    background-color: rgba(19, 123, 110, 0.8);
  }
  .color_mobile_bg-tertiary-dark {
    background-color: #004e43;
    color: #fff;
  }
  .color_mobile_bg-tertiary-dark.op-bg_20 {
    background-color: rgba(0, 78, 67, 0.2);
  }
  .color_mobile_bg-tertiary-dark.op-bg_40 {
    background-color: rgba(0, 78, 67, 0.4);
  }
  .color_mobile_bg-tertiary-dark.op-bg_60 {
    background-color: rgba(0, 78, 67, 0.6);
  }
  .color_mobile_bg-tertiary-dark.op-bg_80 {
    background-color: rgba(0, 78, 67, 0.8);
  }
  .color_mobile_bg-gray-light {
    background-color: #afafaf;
  }
  .color_mobile_bg-gray-light.op-bg_20 {
    background-color: rgba(175, 175, 175, 0.2);
  }
  .color_mobile_bg-gray-light.op-bg_40 {
    background-color: rgba(175, 175, 175, 0.4);
  }
  .color_mobile_bg-gray-light.op-bg_60 {
    background-color: rgba(175, 175, 175, 0.6);
  }
  .color_mobile_bg-gray-light.op-bg_80 {
    background-color: rgba(175, 175, 175, 0.8);
  }
  .color_mobile_bg-gray {
    background-color: #6d6d6d;
    color: #fff;
  }
  .color_mobile_bg-gray.op-bg_20 {
    background-color: rgba(109, 109, 109, 0.2);
  }
  .color_mobile_bg-gray.op-bg_40 {
    background-color: rgba(109, 109, 109, 0.4);
  }
  .color_mobile_bg-gray.op-bg_60 {
    background-color: rgba(109, 109, 109, 0.6);
  }
  .color_mobile_bg-gray.op-bg_80 {
    background-color: rgba(109, 109, 109, 0.8);
  }
  .color_mobile_bg-gray-dark {
    background-color: #444444;
    color: #fff;
  }
  .color_mobile_bg-gray-dark.op-bg_20 {
    background-color: rgba(68, 68, 68, 0.2);
  }
  .color_mobile_bg-gray-dark.op-bg_40 {
    background-color: rgba(68, 68, 68, 0.4);
  }
  .color_mobile_bg-gray-dark.op-bg_60 {
    background-color: rgba(68, 68, 68, 0.6);
  }
  .color_mobile_bg-gray-dark.op-bg_80 {
    background-color: rgba(68, 68, 68, 0.8);
  }
  .color_mobile_bg-black {
    background-color: black;
    color: #fff;
  }
  .color_mobile_bg-black.op-bg_20 {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .color_mobile_bg-black.op-bg_40 {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .color_mobile_bg-black.op-bg_60 {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .color_mobile_bg-black.op-bg_80 {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .color_mobile_bg-white {
    background-color: white;
  }
  .color_mobile_bg-white.op-bg_20 {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .color_mobile_bg-white.op-bg_40 {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .color_mobile_bg-white.op-bg_60 {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .color_mobile_bg-white.op-bg_80 {
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.image-gradient-bg-primary-light figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#6db6df));
  background-image: -o-linear-gradient(top, transparent 50%, #6db6df);
  background-image: linear-gradient(to bottom, transparent 50%, #6db6df);
}

.image-gradient-bg-primary figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#3686ad));
  background-image: -o-linear-gradient(top, transparent 50%, #3686ad);
  background-image: linear-gradient(to bottom, transparent 50%, #3686ad);
}

.image-gradient-bg-primary-dark figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#00597e));
  background-image: -o-linear-gradient(top, transparent 50%, #00597e);
  background-image: linear-gradient(to bottom, transparent 50%, #00597e);
}

.image-gradient-bg-secondary-light figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#f18389));
  background-image: -o-linear-gradient(top, transparent 50%, #f18389);
  background-image: linear-gradient(to bottom, transparent 50%, #f18389);
}

.image-gradient-bg-secondary figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#d61621));
  background-image: -o-linear-gradient(top, transparent 50%, #d61621);
  background-image: linear-gradient(to bottom, transparent 50%, #d61621);
}

.image-gradient-bg-secondary-dark figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#a70404));
  background-image: -o-linear-gradient(top, transparent 50%, #a70404);
  background-image: linear-gradient(to bottom, transparent 50%, #a70404);
}

.image-gradient-bg-tertiary-light figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#4fab9c));
  background-image: -o-linear-gradient(top, transparent 50%, #4fab9c);
  background-image: linear-gradient(to bottom, transparent 50%, #4fab9c);
}

.image-gradient-bg-tertiary figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#137b6e));
  background-image: -o-linear-gradient(top, transparent 50%, #137b6e);
  background-image: linear-gradient(to bottom, transparent 50%, #137b6e);
}

.image-gradient-bg-tertiary-dark figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#004e43));
  background-image: -o-linear-gradient(top, transparent 50%, #004e43);
  background-image: linear-gradient(to bottom, transparent 50%, #004e43);
}

.image-gradient-bg-gray-light figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#afafaf));
  background-image: -o-linear-gradient(top, transparent 50%, #afafaf);
  background-image: linear-gradient(to bottom, transparent 50%, #afafaf);
}

.image-gradient-bg-gray figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#6d6d6d));
  background-image: -o-linear-gradient(top, transparent 50%, #6d6d6d);
  background-image: linear-gradient(to bottom, transparent 50%, #6d6d6d);
}

.image-gradient-bg-gray-dark figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#444444));
  background-image: -o-linear-gradient(top, transparent 50%, #444444);
  background-image: linear-gradient(to bottom, transparent 50%, #444444);
}

.image-gradient-bg-black figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(black));
  background-image: -o-linear-gradient(top, transparent 50%, black);
  background-image: linear-gradient(to bottom, transparent 50%, black);
}

.image-gradient-bg-white figure:after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(white));
  background-image: -o-linear-gradient(top, transparent 50%, white);
  background-image: linear-gradient(to bottom, transparent 50%, white);
}

@media (max-width: 1023px) {
  .color_mobile_image-gradient-bg-primary-light .img:after, .color_mobile_image-gradient-bg-primary .img:after, .color_mobile_image-gradient-bg-primary-dark .img:after, .color_mobile_image-gradient-bg-secondary-light .img:after, .color_mobile_image-gradient-bg-secondary .img:after, .color_mobile_image-gradient-bg-secondary-dark .img:after, .color_mobile_image-gradient-bg-tertiary-light .img:after, .color_mobile_image-gradient-bg-tertiary .img:after, .color_mobile_image-gradient-bg-tertiary-dark .img:after, .color_mobile_image-gradient-bg-gray-light .img:after, .color_mobile_image-gradient-bg-gray .img:after, .color_mobile_image-gradient-bg-gray-dark .img:after, .color_mobile_image-gradient-bg-black .img:after, .color_mobile_image-gradient-bg-white .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
  .color_mobile_image-gradient-bg-primary-light .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#6db6df));
    background-image: -o-linear-gradient(top, transparent 50%, #6db6df);
    background-image: linear-gradient(to bottom, transparent 50%, #6db6df);
  }
  .color_mobile_image-gradient-bg-primary .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#3686ad));
    background-image: -o-linear-gradient(top, transparent 50%, #3686ad);
    background-image: linear-gradient(to bottom, transparent 50%, #3686ad);
  }
  .color_mobile_image-gradient-bg-primary-dark .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#00597e));
    background-image: -o-linear-gradient(top, transparent 50%, #00597e);
    background-image: linear-gradient(to bottom, transparent 50%, #00597e);
  }
  .color_mobile_image-gradient-bg-secondary-light .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#f18389));
    background-image: -o-linear-gradient(top, transparent 50%, #f18389);
    background-image: linear-gradient(to bottom, transparent 50%, #f18389);
  }
  .color_mobile_image-gradient-bg-secondary .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#d61621));
    background-image: -o-linear-gradient(top, transparent 50%, #d61621);
    background-image: linear-gradient(to bottom, transparent 50%, #d61621);
  }
  .color_mobile_image-gradient-bg-secondary-dark .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#a70404));
    background-image: -o-linear-gradient(top, transparent 50%, #a70404);
    background-image: linear-gradient(to bottom, transparent 50%, #a70404);
  }
  .color_mobile_image-gradient-bg-tertiary-light .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#4fab9c));
    background-image: -o-linear-gradient(top, transparent 50%, #4fab9c);
    background-image: linear-gradient(to bottom, transparent 50%, #4fab9c);
  }
  .color_mobile_image-gradient-bg-tertiary .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#137b6e));
    background-image: -o-linear-gradient(top, transparent 50%, #137b6e);
    background-image: linear-gradient(to bottom, transparent 50%, #137b6e);
  }
  .color_mobile_image-gradient-bg-tertiary-dark .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#004e43));
    background-image: -o-linear-gradient(top, transparent 50%, #004e43);
    background-image: linear-gradient(to bottom, transparent 50%, #004e43);
  }
  .color_mobile_image-gradient-bg-gray-light .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#afafaf));
    background-image: -o-linear-gradient(top, transparent 50%, #afafaf);
    background-image: linear-gradient(to bottom, transparent 50%, #afafaf);
  }
  .color_mobile_image-gradient-bg-gray .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#6d6d6d));
    background-image: -o-linear-gradient(top, transparent 50%, #6d6d6d);
    background-image: linear-gradient(to bottom, transparent 50%, #6d6d6d);
  }
  .color_mobile_image-gradient-bg-gray-dark .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#444444));
    background-image: -o-linear-gradient(top, transparent 50%, #444444);
    background-image: linear-gradient(to bottom, transparent 50%, #444444);
  }
  .color_mobile_image-gradient-bg-black .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(black));
    background-image: -o-linear-gradient(top, transparent 50%, black);
    background-image: linear-gradient(to bottom, transparent 50%, black);
  }
  .color_mobile_image-gradient-bg-white .img:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(white));
    background-image: -o-linear-gradient(top, transparent 50%, white);
    background-image: linear-gradient(to bottom, transparent 50%, white);
  }
}

.column,
.columns {
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}

.column {
  margin-bottom: 0.65rem;
}

.row > h5 {
  margin-left: 0.65rem;
  margin-right: 0.65rem;
}

@media (max-width: 767px) {
  .row > h5 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

.row > h5[class*=" bg-"] {
  padding: 0.325rem 0.65rem;
  margin-bottom: 0.65rem;
}

@media (max-width: 767px) {
  .row > h5[class*=" color_mobile_bg-"] {
    padding: 0.325rem 0.65rem;
    margin-bottom: 0.65rem;
  }
}

.row[class*=" bg-"],
.row-section[class*=" bg-"] {
  padding-top: 0.65rem;
  margin-bottom: 0.65rem;
}

.row[class*=" bg-"] > h5[class*=" bg-"],
.row-section[class*=" bg-"] > h5[class*=" bg-"] {
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  margin: -0.65rem 0 0.65rem 0;
}

@media (max-width: 767px) {
  .row[class*=" bg-"] > h5[class*=" color_mobile_bg-"],
  .row-section[class*=" bg-"] > h5[class*=" color_mobile_bg-"] {
    margin: -0.65rem 0 0.65rem 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.bodytext .slideshow nav ul {
  padding: 0.65rem;
}

.slideshow.columns nav ul {
  margin: 0 0.65rem;
}

.bodytext > * {
  padding: 0.65rem;
}

.bodytext > p {
  padding-left: 0.65rem;
}

.bodytext > .column.floatLeft {
  padding-left: 0.65rem;
}

.bodytext > .column.floatRight {
  padding-right: 0.65rem;
}

@media (max-width: 767px) {
  .pagestyle_centered .bodytext > p,
  .pagestyle_centered .bodytext > h2,
  .pagestyle_centered .bodytext > h3,
  .pagestyle_centered .bodytext > h4,
  .pagestyle_centered .bodytext > ul,
  .pagestyle_centered .bodytext > ol {
    padding-right: 0.65rem;
    padding-left: 0.65rem;
  }
}

.articlescroller ul {
  margin-right: -0.65rem;
  margin-left: -0.65rem;
}

.articleHeader .kicker[class*=" bg-"],
.articleHeader .headline[class*=" bg-"],
.articleHeader .subtitle[class*=" bg-"] {
  padding: 0.6rem 0.65rem;
}

.articleHeader .media .floatingText {
  padding-bottom: 0.65rem;
}

.articleHeader .media .floatingText .kicker,
.articleHeader .media .floatingText .headline,
.articleHeader .media .floatingText .subtitle {
  margin-right: 0.65rem;
  margin-left: 0.65rem;
  margin-bottom: 0.325rem;
}

.articleCalendar ul.articles {
  grid-column-gap: 0.65rem;
  grid-row-gap: 0.65rem;
}

article.column .content .media .floatingText {
  padding-bottom: 0.65rem;
}

article.column .content .media .floatingText .kicker,
article.column .content .media .floatingText .headline,
article.column .content .media .floatingText .subtitle {
  margin-right: 0.65rem;
  margin-left: 0.65rem;
  margin-bottom: 0.325rem;
}

article.column .content .kicker[class*=" bg-"],
article.column .content .headline[class*=" bg-"],
article.column .content .subtitle[class*=" bg-"] {
  padding: 0.6rem 0.65rem;
}

article.column .content[class*=" bg-"] figure.floatLeft {
  margin-right: 0.65rem;
}

article.column .content[class*=" bg-"] figure.floatRight {
  margin-left: 0.65rem;
}

article.column .content[class*=" bg-"] .kicker {
  margin-bottom: 0.65rem;
}

article.column .content[class*=" bg-"].fullWidth a .media figure {
  margin-left: calc(-50vw + 68rem / 2 - (0.65rem + 1.2rem));
  margin-right: calc(-50vw + 68rem / 2 - (0.65rem + 1.2rem));
}

.column .content.fullWidth figure,
.articleHeader.fullWidth > .media figure,
.bodytext > .fullWidth figure,
.articleHeader.fullWidth > figure {
  margin-left: calc(-50vw + 68rem / 2 - 0.65rem);
  margin-right: calc(-50vw + 68rem / 2 - 0.65rem);
}

.fullWidth > figure .caption,
.fullWidth .media figure .caption {
  padding-left: calc(50vw - 68rem / 2 + 0.65rem);
  padding-right: calc(50vw - 68rem / 2 + 0.65rem);
}

@media (max-width: 767px) {
  article.column .content[class*=" bg-"].fullWidth a .media figure {
    margin-left: -2.7rem;
    margin-right: -2.7rem;
  }
  .row > .column:first-child,
  .row > .column.small-12 + .column:not(.small-12),
  .bodytext > .column:first-child,
  .bodytext > .column.small-12 + .column:not(.small-12) {
    padding-left: 1.5rem;
  }
  .row > .column:last-child,
  .bodytext > .column:last-child {
    padding-right: 1.5rem;
  }
  .row > .column.small-12,
  .row > .columns.small-12,
  .bodytext > .column.small-12,
  .bodytext > .columns.small-12 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .row.fullWidth .scrollbox,
  .column.scrollbox.fullWidth {
    margin-left: -0.65rem;
    margin-right: -0.65rem;
  }
  .fullWidth > figure .caption {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .articleHeader.column {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .column .content.fullWidth figure,
  .articleHeader.fullWidth > .media figure,
  .bodytext > .fullWidth figure,
  .articleHeader.fullWidth > figure {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .column .content.fullWidth figure .caption,
  .articleHeader.fullWidth > .media figure .caption,
  .bodytext > .fullWidth figure .caption,
  .articleHeader.fullWidth > figure .caption {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .articleHeader.fullWidth figure .caption {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .bodytext > p,
  .bodytext > h2,
  .bodytext > h3,
  .bodytext > h4,
  .bodytext > ul,
  .bodytext > ol {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .bodytext > .small-12 {
    padding-left: 1.5rem;
  }
  .bodytext > .column.floatLeft {
    padding-left: 1.5rem;
  }
  .bodytext > .column.floatRight {
    padding-right: 1.5rem;
  }
  .column.articleFooter {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.content[class*=" bg-"],
.content[class*=" border-"],
figure[class*="bg-"] p {
  padding: 1.2rem;
}

.content[class*=" bg-"] figure {
  margin-top: -1.2rem;
  margin-right: -1.2rem;
  margin-left: -1.2rem;
}

@media (max-width: 1023px) {
  .content[class*="color_mobile_bg-"],
  .content[class*="mobile_border-bg-"],
  figure[class*="color_mobile_bg-"] p {
    padding: 1.2rem;
  }
  .content[class*="color_mobile_bg-"] figure {
    margin-top: -1.2rem;
    margin-right: -1.2rem;
    margin-left: -1.2rem;
  }
}

body {
  background-color: #fff;
}

header#nav {
  background-color: #fff;
  margin-top: 1em;
  border-top: 1px solid #797b7d;
  border-bottom: 1px solid #797b7d;
  font-size: 1em;
  font-weight: initial;
}

header#nav ul {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-bottom: 0;
}

header#nav ul li {
  overflow: auto;
}

header#nav ul li a {
  padding: 0.6em 0 0.6em 0.6em;
  margin-right: 0.1em;
}

header#nav ul li a:hover {
  color: #ef1824;
}

header#nav ul li.logo {
  margin: 0;
  padding: 0 0.2em 0 0;
  line-height: 1;
  max-width: 70%;
}

header#nav ul li.logo svg {
  max-width: 100%;
}

header#nav ul li.logo a {
  padding: 1.6em 0.7em 1.6em 0;
}

header#nav ul .menu:before {
  display: none;
}

header#nav ul .menu {
  font-size: 1.2em;
}

header#nav ul .menu form {
  display: block;
  opacity: 1;
  top: 1.75em;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  padding: 0.5em;
  width: auto;
  background-color: #fff;
  font-size: 1em;
  border-radius: 1.5em;
  color: #000;
}

header#nav ul .menu form:before {
  position: absolute;
  pointer-events: none;
  font-size: 1.4em;
  top: 0.6em;
  right: 0.7em;
}

header#nav ul .menu form input {
  font-size: 1em;
  width: 2em;
  height: 2em;
  padding: 0 0.6em;
  margin: 0;
  -webkit-transition: width 0.2s, color 0.2s;
  -o-transition: width 0.2s, color 0.2s;
  transition: width 0.2s, color 0.2s;
  border: 1px solid gray;
  border-radius: 1em;
  color: transparent;
}

header#nav ul .menu form input:focus {
  width: 14em;
  color: #000;
  outline: 0;
}

header#nav ul .menu form input:focus::-webkit-input-placeholder {
  color: gray;
}

header#nav ul .menu form input:focus:-moz-placeholder {
  color: gray;
}

header#nav ul .menu form input:focus::-moz-placeholder {
  color: gray;
}

header#nav ul .menu form input:focus:-ms-input-placeholder {
  color: gray;
}

header#nav ul .menu form input::-webkit-input-placeholder {
  color: transparent;
}

header#nav ul .menu form input:-moz-placeholder {
  color: transparent;
}

header#nav ul .menu form input::-moz-placeholder {
  color: transparent;
}

header#nav ul .menu form input:-ms-input-placeholder {
  color: transparent;
}

header#nav ul .menu ul {
  overflow: initial;
}

header#nav ul .menu ul li {
  padding: 0;
}

header#nav ul .menu ul li a:after {
  content: "";
  background-color: #d61621;
  width: 0.3em;
  height: 0.3em;
  display: inline-block;
  margin: 0.2em 0 0.2em 0.9em;
}

header#nav ul .menu ul li:last-child a:after {
  display: none;
}

footer.page {
  margin: 2em 0 0;
  border: 0;
  padding: 0;
}

footer.page .row {
  padding: 3em 0 4em;
  border-top: 1px solid #797b7d;
}

footer.page p {
  margin-bottom: 0.5em;
}

@media (max-width: 767px) {
  footer.page {
    text-align: center;
  }
  footer.page svg {
    max-width: 60%;
  }
  footer.page p {
    margin-top: 0.5em;
  }
}

.bylines {
  border-bottom: 1px solid #797b7d;
}

.bylines .byline .content {
  overflow: visible;
}

.bylines .byline figure {
  width: 60px;
  border-radius: 100%;
  overflow: hidden;
  margin-top: -0.5em;
}

.row.social a,
article .meta .social a {
  font-size: 1.8em;
  padding-top: 0.2em;
  background-color: #d61621;
  color: #fff;
  border: 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.row.social a:hover,
article .meta .social a:hover {
  color: #fff;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.row.social a {
  border-radius: 100%;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  margin: 0 2px 0 0;
  line-height: 1;
}

.bodytext > p a, .bodytext > ul a, .bodytext > ol a, .bodytext > h2 a, .bodytext > h3 a, .bodytext > h4 a {
  text-decoration: underline;
}

.articlescroller nav span {
  background-color: transparent;
}

.articlescroller nav span:hover {
  background-color: transparent;
}

.articlescroller nav span:hover span {
  border-color: #000;
}

.articlescroller nav span span {
  border-color: #d61621;
}

.site_mediejobb header#nav ul li.logo a {
  padding: 1.6em 0.7em 0.9em 0;
}

section.comments {
  clear: both;
  padding: 0.5em;
  width: 65%;
  margin: 0 0 1em;
}

@media (max-width: 767px) {
  section.comments {
    width: 100%;
  }
}

section.comments .placeholder {
  text-align: center;
  background-color: gray;
  margin: 1em 0;
  padding: 2em;
  color: #fff;
  border: 4px dashed #fff;
}

@media (max-width: 767px) {
  header#nav ul .menu {
    float: right;
    margin: 1.5em 1em 0 0;
  }
  header#nav ul .menu:before {
    display: block;
    font-size: 2em;
  }
  header#nav ul .menu ul {
    display: none;
  }
  header#nav ul .menu form {
    display: none;
    z-index: 100;
    left: 1em;
    right: 1em;
    width: auto;
    top: 6em;
    padding: 0;
  }
  header#nav ul .menu form:before {
    top: 0.25em;
    right: 0.5em;
  }
  header#nav ul .menu form input {
    width: 100%;
  }
  header#nav ul .menu form input:focus {
    width: 100%;
  }
  header#nav ul .menu form input::-webkit-input-placeholder {
    color: gray;
  }
  header#nav ul .menu form input:-moz-placeholder {
    color: gray;
  }
  header#nav ul .menu form input::-moz-placeholder {
    color: gray;
  }
  header#nav ul .menu form input:-ms-input-placeholder {
    color: gray;
  }
  header#nav ul .menu.visible form {
    display: block;
  }
  header#nav ul .menu.visible:before {
    content: "\f217";
  }
  header#nav ul .menu.visible ul {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: 100;
    padding: 3.5em 0 3em;
    color: #fff;
    margin-top: 1.6em;
  }
  header#nav ul .menu.visible ul li {
    display: block;
  }
  header#nav ul .menu.visible ul li a {
    text-shadow: none;
    text-align: center;
    padding: 0.6em;
  }
  header#nav ul .menu.visible ul li a:after {
    display: none;
  }
}

.column.social .embed input[type="button"] {
  background-color: #d61621;
  color: #fff;
  border-color: #d61621;
}
