cray-css/css/cray-css.css

The framework CSS.

/* Cray CSS */
body {
  margin: 0;
  padding: 0;
}

.cray-bg-white-10 {
  background-color: #f1f1f1;
}

.cray-bg-white-9 {
  background-color: rgba(241, 241, 241, 0.9);
}

.cray-bg-white-8 {
  background-color: rgba(241, 241, 241, 0.8);
}

.cray-bg-white-7 {
  background-color: rgba(241, 241, 241, 0.7);
}

.cray-bg-white-6 {
  background-color: rgba(241, 241, 241, 0.6);
}

.cray-bg-white-5 {
  background-color: rgba(241, 241, 241, 0.5);
}

.cray-bg-white-4 {
  background-color: rgba(241, 241, 241, 0.4);
}

.cray-bg-white-3 {
  background-color: rgba(241, 241, 241, 0.3);
}

.cray-bg-white-2 {
  background-color: rgba(241, 241, 241, 0.2);
}

.cray-bg-white-1 {
  background-color: rgba(241, 241, 241, 0.1);
}

.cray-bg-white {
  background-color: #f1f1f1;
}

.cray-hover-bg-white-10:hover {
  background-color: #f1f1f1;
}

.cray-hover-bg-white-9:hover {
  background-color: rgba(241, 241, 241, 0.9);
}

.cray-hover-bg-white-8:hover {
  background-color: rgba(241, 241, 241, 0.8);
}

.cray-hover-bg-white-7:hover {
  background-color: rgba(241, 241, 241, 0.7);
}

.cray-hover-bg-white-6:hover {
  background-color: rgba(241, 241, 241, 0.6);
}

.cray-hover-bg-white-5:hover {
  background-color: rgba(241, 241, 241, 0.5);
}

.cray-hover-bg-white-4:hover {
  background-color: rgba(241, 241, 241, 0.4);
}

.cray-hover-bg-white-3:hover {
  background-color: rgba(241, 241, 241, 0.3);
}

.cray-hover-bg-white-2:hover {
  background-color: rgba(241, 241, 241, 0.2);
}

.cray-hover-bg-white-1:hover {
  background-color: rgba(241, 241, 241, 0.1);
}

.cray-hover-bg-white:hover {
  background-color: #f1f1f1;
}

.cray-bg-black-10 {
  background-color: black;
}

.cray-bg-black-9 {
  background-color: rgba(0, 0, 0, 0.9);
}

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

.cray-bg-black-7 {
  background-color: rgba(0, 0, 0, 0.7);
}

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

.cray-bg-black-5 {
  background-color: rgba(0, 0, 0, 0.5);
}

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

.cray-bg-black-3 {
  background-color: rgba(0, 0, 0, 0.3);
}

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

.cray-bg-black-1 {
  background-color: rgba(0, 0, 0, 0.1);
}

.cray-bg-black {
  background-color: #000000;
}

.cray-hover-bg-black-10:hover {
  background-color: black;
}

.cray-hover-bg-black-9:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.cray-hover-bg-black-8:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.cray-hover-bg-black-7:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.cray-hover-bg-black-6:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.cray-hover-bg-black-5:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.cray-hover-bg-black-4:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.cray-hover-bg-black-3:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.cray-hover-bg-black-2:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.cray-hover-bg-black-1:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.cray-hover-bg-black:hover {
  background-color: #000000;
}

.cray-bg-turquoise-10 {
  background-color: #339990;
}

.cray-bg-turquoise-9 {
  background-color: rgba(51, 153, 144, 0.9);
}

.cray-bg-turquoise-8 {
  background-color: rgba(51, 153, 144, 0.8);
}

.cray-bg-turquoise-7 {
  background-color: rgba(51, 153, 144, 0.7);
}

.cray-bg-turquoise-6 {
  background-color: rgba(51, 153, 144, 0.6);
}

.cray-bg-turquoise-5 {
  background-color: rgba(51, 153, 144, 0.5);
}

.cray-bg-turquoise-4 {
  background-color: rgba(51, 153, 144, 0.4);
}

.cray-bg-turquoise-3 {
  background-color: rgba(51, 153, 144, 0.3);
}

.cray-bg-turquoise-2 {
  background-color: rgba(51, 153, 144, 0.2);
}

.cray-bg-turquoise-1 {
  background-color: rgba(51, 153, 144, 0.1);
}

.cray-bg-turquoise {
  background-color: #339990;
}

.cray-hover-bg-turquoise-10:hover {
  background-color: #339990;
}

.cray-hover-bg-turquoise-9:hover {
  background-color: rgba(51, 153, 144, 0.9);
}

.cray-hover-bg-turquoise-8:hover {
  background-color: rgba(51, 153, 144, 0.8);
}

.cray-hover-bg-turquoise-7:hover {
  background-color: rgba(51, 153, 144, 0.7);
}

.cray-hover-bg-turquoise-6:hover {
  background-color: rgba(51, 153, 144, 0.6);
}

.cray-hover-bg-turquoise-5:hover {
  background-color: rgba(51, 153, 144, 0.5);
}

.cray-hover-bg-turquoise-4:hover {
  background-color: rgba(51, 153, 144, 0.4);
}

.cray-hover-bg-turquoise-3:hover {
  background-color: rgba(51, 153, 144, 0.3);
}

.cray-hover-bg-turquoise-2:hover {
  background-color: rgba(51, 153, 144, 0.2);
}

.cray-hover-bg-turquoise-1:hover {
  background-color: rgba(51, 153, 144, 0.1);
}

.cray-hover-bg-turquoise:hover {
  background-color: #339990;
}

.cray-bg-green-sea-10 {
  background-color: #16a085;
}

.cray-bg-green-sea-9 {
  background-color: rgba(22, 160, 133, 0.9);
}

.cray-bg-green-sea-8 {
  background-color: rgba(22, 160, 133, 0.8);
}

.cray-bg-green-sea-7 {
  background-color: rgba(22, 160, 133, 0.7);
}

.cray-bg-green-sea-6 {
  background-color: rgba(22, 160, 133, 0.6);
}

.cray-bg-green-sea-5 {
  background-color: rgba(22, 160, 133, 0.5);
}

.cray-bg-green-sea-4 {
  background-color: rgba(22, 160, 133, 0.4);
}

.cray-bg-green-sea-3 {
  background-color: rgba(22, 160, 133, 0.3);
}

.cray-bg-green-sea-2 {
  background-color: rgba(22, 160, 133, 0.2);
}

.cray-bg-green-sea-1 {
  background-color: rgba(22, 160, 133, 0.1);
}

.cray-bg-green-sea {
  background-color: #16a085;
}

.cray-hover-bg-green-sea-10:hover {
  background-color: #16a085;
}

.cray-hover-bg-green-sea-9:hover {
  background-color: rgba(22, 160, 133, 0.9);
}

.cray-hover-bg-green-sea-8:hover {
  background-color: rgba(22, 160, 133, 0.8);
}

.cray-hover-bg-green-sea-7:hover {
  background-color: rgba(22, 160, 133, 0.7);
}

.cray-hover-bg-green-sea-6:hover {
  background-color: rgba(22, 160, 133, 0.6);
}

.cray-hover-bg-green-sea-5:hover {
  background-color: rgba(22, 160, 133, 0.5);
}

.cray-hover-bg-green-sea-4:hover {
  background-color: rgba(22, 160, 133, 0.4);
}

.cray-hover-bg-green-sea-3:hover {
  background-color: rgba(22, 160, 133, 0.3);
}

.cray-hover-bg-green-sea-2:hover {
  background-color: rgba(22, 160, 133, 0.2);
}

.cray-hover-bg-green-sea-1:hover {
  background-color: rgba(22, 160, 133, 0.1);
}

.cray-hover-bg-green-sea:hover {
  background-color: #16a085;
}

.cray-bg-emerald-10 {
  background-color: #26a85d;
}

.cray-bg-emerald-9 {
  background-color: rgba(38, 168, 93, 0.9);
}

.cray-bg-emerald-8 {
  background-color: rgba(38, 168, 93, 0.8);
}

.cray-bg-emerald-7 {
  background-color: rgba(38, 168, 93, 0.7);
}

.cray-bg-emerald-6 {
  background-color: rgba(38, 168, 93, 0.6);
}

.cray-bg-emerald-5 {
  background-color: rgba(38, 168, 93, 0.5);
}

.cray-bg-emerald-4 {
  background-color: rgba(38, 168, 93, 0.4);
}

.cray-bg-emerald-3 {
  background-color: rgba(38, 168, 93, 0.3);
}

.cray-bg-emerald-2 {
  background-color: rgba(38, 168, 93, 0.2);
}

.cray-bg-emerald-1 {
  background-color: rgba(38, 168, 93, 0.1);
}

.cray-bg-emerald {
  background-color: #26a85d;
}

.cray-hover-bg-emerald-10:hover {
  background-color: #26a85d;
}

.cray-hover-bg-emerald-9:hover {
  background-color: rgba(38, 168, 93, 0.9);
}

.cray-hover-bg-emerald-8:hover {
  background-color: rgba(38, 168, 93, 0.8);
}

.cray-hover-bg-emerald-7:hover {
  background-color: rgba(38, 168, 93, 0.7);
}

.cray-hover-bg-emerald-6:hover {
  background-color: rgba(38, 168, 93, 0.6);
}

.cray-hover-bg-emerald-5:hover {
  background-color: rgba(38, 168, 93, 0.5);
}

.cray-hover-bg-emerald-4:hover {
  background-color: rgba(38, 168, 93, 0.4);
}

.cray-hover-bg-emerald-3:hover {
  background-color: rgba(38, 168, 93, 0.3);
}

.cray-hover-bg-emerald-2:hover {
  background-color: rgba(38, 168, 93, 0.2);
}

.cray-hover-bg-emerald-1:hover {
  background-color: rgba(38, 168, 93, 0.1);
}

.cray-hover-bg-emerald:hover {
  background-color: #26a85d;
}

.cray-bg-nephritis-10 {
  background-color: #2ca961;
}

.cray-bg-nephritis-9 {
  background-color: rgba(44, 169, 97, 0.9);
}

.cray-bg-nephritis-8 {
  background-color: rgba(44, 169, 97, 0.8);
}

.cray-bg-nephritis-7 {
  background-color: rgba(44, 169, 97, 0.7);
}

.cray-bg-nephritis-6 {
  background-color: rgba(44, 169, 97, 0.6);
}

.cray-bg-nephritis-5 {
  background-color: rgba(44, 169, 97, 0.5);
}

.cray-bg-nephritis-4 {
  background-color: rgba(44, 169, 97, 0.4);
}

.cray-bg-nephritis-3 {
  background-color: rgba(44, 169, 97, 0.3);
}

.cray-bg-nephritis-2 {
  background-color: rgba(44, 169, 97, 0.2);
}

.cray-bg-nephritis-1 {
  background-color: rgba(44, 169, 97, 0.1);
}

.cray-bg-nephritis {
  background-color: #2ca961;
}

.cray-hover-bg-nephritis-10:hover {
  background-color: #2ca961;
}

.cray-hover-bg-nephritis-9:hover {
  background-color: rgba(44, 169, 97, 0.9);
}

.cray-hover-bg-nephritis-8:hover {
  background-color: rgba(44, 169, 97, 0.8);
}

.cray-hover-bg-nephritis-7:hover {
  background-color: rgba(44, 169, 97, 0.7);
}

.cray-hover-bg-nephritis-6:hover {
  background-color: rgba(44, 169, 97, 0.6);
}

.cray-hover-bg-nephritis-5:hover {
  background-color: rgba(44, 169, 97, 0.5);
}

.cray-hover-bg-nephritis-4:hover {
  background-color: rgba(44, 169, 97, 0.4);
}

.cray-hover-bg-nephritis-3:hover {
  background-color: rgba(44, 169, 97, 0.3);
}

.cray-hover-bg-nephritis-2:hover {
  background-color: rgba(44, 169, 97, 0.2);
}

.cray-hover-bg-nephritis-1:hover {
  background-color: rgba(44, 169, 97, 0.1);
}

.cray-hover-bg-nephritis:hover {
  background-color: #2ca961;
}

.cray-bg-peter-river-10 {
  background-color: #3498db;
}

.cray-bg-peter-river-9 {
  background-color: rgba(52, 152, 219, 0.9);
}

.cray-bg-peter-river-8 {
  background-color: rgba(52, 152, 219, 0.8);
}

.cray-bg-peter-river-7 {
  background-color: rgba(52, 152, 219, 0.7);
}

.cray-bg-peter-river-6 {
  background-color: rgba(52, 152, 219, 0.6);
}

.cray-bg-peter-river-5 {
  background-color: rgba(52, 152, 219, 0.5);
}

.cray-bg-peter-river-4 {
  background-color: rgba(52, 152, 219, 0.4);
}

.cray-bg-peter-river-3 {
  background-color: rgba(52, 152, 219, 0.3);
}

.cray-bg-peter-river-2 {
  background-color: rgba(52, 152, 219, 0.2);
}

.cray-bg-peter-river-1 {
  background-color: rgba(52, 152, 219, 0.1);
}

.cray-bg-peter-river {
  background-color: #3498db;
}

.cray-hover-bg-peter-river-10:hover {
  background-color: #3498db;
}

.cray-hover-bg-peter-river-9:hover {
  background-color: rgba(52, 152, 219, 0.9);
}

.cray-hover-bg-peter-river-8:hover {
  background-color: rgba(52, 152, 219, 0.8);
}

.cray-hover-bg-peter-river-7:hover {
  background-color: rgba(52, 152, 219, 0.7);
}

.cray-hover-bg-peter-river-6:hover {
  background-color: rgba(52, 152, 219, 0.6);
}

.cray-hover-bg-peter-river-5:hover {
  background-color: rgba(52, 152, 219, 0.5);
}

.cray-hover-bg-peter-river-4:hover {
  background-color: rgba(52, 152, 219, 0.4);
}

.cray-hover-bg-peter-river-3:hover {
  background-color: rgba(52, 152, 219, 0.3);
}

.cray-hover-bg-peter-river-2:hover {
  background-color: rgba(52, 152, 219, 0.2);
}

.cray-hover-bg-peter-river-1:hover {
  background-color: rgba(52, 152, 219, 0.1);
}

.cray-hover-bg-peter-river:hover {
  background-color: #3498db;
}

.cray-bg-belize-hole-10 {
  background-color: #2980b9;
}

.cray-bg-belize-hole-9 {
  background-color: rgba(41, 128, 185, 0.9);
}

.cray-bg-belize-hole-8 {
  background-color: rgba(41, 128, 185, 0.8);
}

.cray-bg-belize-hole-7 {
  background-color: rgba(41, 128, 185, 0.7);
}

.cray-bg-belize-hole-6 {
  background-color: rgba(41, 128, 185, 0.6);
}

.cray-bg-belize-hole-5 {
  background-color: rgba(41, 128, 185, 0.5);
}

.cray-bg-belize-hole-4 {
  background-color: rgba(41, 128, 185, 0.4);
}

.cray-bg-belize-hole-3 {
  background-color: rgba(41, 128, 185, 0.3);
}

.cray-bg-belize-hole-2 {
  background-color: rgba(41, 128, 185, 0.2);
}

.cray-bg-belize-hole-1 {
  background-color: rgba(41, 128, 185, 0.1);
}

.cray-bg-belize-hole {
  background-color: #2980b9;
}

.cray-hover-bg-belize-hole-10:hover {
  background-color: #2980b9;
}

.cray-hover-bg-belize-hole-9:hover {
  background-color: rgba(41, 128, 185, 0.9);
}

.cray-hover-bg-belize-hole-8:hover {
  background-color: rgba(41, 128, 185, 0.8);
}

.cray-hover-bg-belize-hole-7:hover {
  background-color: rgba(41, 128, 185, 0.7);
}

.cray-hover-bg-belize-hole-6:hover {
  background-color: rgba(41, 128, 185, 0.6);
}

.cray-hover-bg-belize-hole-5:hover {
  background-color: rgba(41, 128, 185, 0.5);
}

.cray-hover-bg-belize-hole-4:hover {
  background-color: rgba(41, 128, 185, 0.4);
}

.cray-hover-bg-belize-hole-3:hover {
  background-color: rgba(41, 128, 185, 0.3);
}

.cray-hover-bg-belize-hole-2:hover {
  background-color: rgba(41, 128, 185, 0.2);
}

.cray-hover-bg-belize-hole-1:hover {
  background-color: rgba(41, 128, 185, 0.1);
}

.cray-hover-bg-belize-hole:hover {
  background-color: #2980b9;
}

.cray-bg-amethyst-10 {
  background-color: #9664ab;
}

.cray-bg-amethyst-9 {
  background-color: rgba(150, 100, 171, 0.9);
}

.cray-bg-amethyst-8 {
  background-color: rgba(150, 100, 171, 0.8);
}

.cray-bg-amethyst-7 {
  background-color: rgba(150, 100, 171, 0.7);
}

.cray-bg-amethyst-6 {
  background-color: rgba(150, 100, 171, 0.6);
}

.cray-bg-amethyst-5 {
  background-color: rgba(150, 100, 171, 0.5);
}

.cray-bg-amethyst-4 {
  background-color: rgba(150, 100, 171, 0.4);
}

.cray-bg-amethyst-3 {
  background-color: rgba(150, 100, 171, 0.3);
}

.cray-bg-amethyst-2 {
  background-color: rgba(150, 100, 171, 0.2);
}

.cray-bg-amethyst-1 {
  background-color: rgba(150, 100, 171, 0.1);
}

.cray-bg-amethyst {
  background-color: #9664ab;
}

.cray-hover-bg-amethyst-10:hover {
  background-color: #9664ab;
}

.cray-hover-bg-amethyst-9:hover {
  background-color: rgba(150, 100, 171, 0.9);
}

.cray-hover-bg-amethyst-8:hover {
  background-color: rgba(150, 100, 171, 0.8);
}

.cray-hover-bg-amethyst-7:hover {
  background-color: rgba(150, 100, 171, 0.7);
}

.cray-hover-bg-amethyst-6:hover {
  background-color: rgba(150, 100, 171, 0.6);
}

.cray-hover-bg-amethyst-5:hover {
  background-color: rgba(150, 100, 171, 0.5);
}

.cray-hover-bg-amethyst-4:hover {
  background-color: rgba(150, 100, 171, 0.4);
}

.cray-hover-bg-amethyst-3:hover {
  background-color: rgba(150, 100, 171, 0.3);
}

.cray-hover-bg-amethyst-2:hover {
  background-color: rgba(150, 100, 171, 0.2);
}

.cray-hover-bg-amethyst-1:hover {
  background-color: rgba(150, 100, 171, 0.1);
}

.cray-hover-bg-amethyst:hover {
  background-color: #9664ab;
}

.cray-bg-wisteria-10 {
  background-color: #793a93;
}

.cray-bg-wisteria-9 {
  background-color: rgba(121, 58, 147, 0.9);
}

.cray-bg-wisteria-8 {
  background-color: rgba(121, 58, 147, 0.8);
}

.cray-bg-wisteria-7 {
  background-color: rgba(121, 58, 147, 0.7);
}

.cray-bg-wisteria-6 {
  background-color: rgba(121, 58, 147, 0.6);
}

.cray-bg-wisteria-5 {
  background-color: rgba(121, 58, 147, 0.5);
}

.cray-bg-wisteria-4 {
  background-color: rgba(121, 58, 147, 0.4);
}

.cray-bg-wisteria-3 {
  background-color: rgba(121, 58, 147, 0.3);
}

.cray-bg-wisteria-2 {
  background-color: rgba(121, 58, 147, 0.2);
}

.cray-bg-wisteria-1 {
  background-color: rgba(121, 58, 147, 0.1);
}

.cray-bg-wisteria {
  background-color: #793a93;
}

.cray-hover-bg-wisteria-10:hover {
  background-color: #793a93;
}

.cray-hover-bg-wisteria-9:hover {
  background-color: rgba(121, 58, 147, 0.9);
}

.cray-hover-bg-wisteria-8:hover {
  background-color: rgba(121, 58, 147, 0.8);
}

.cray-hover-bg-wisteria-7:hover {
  background-color: rgba(121, 58, 147, 0.7);
}

.cray-hover-bg-wisteria-6:hover {
  background-color: rgba(121, 58, 147, 0.6);
}

.cray-hover-bg-wisteria-5:hover {
  background-color: rgba(121, 58, 147, 0.5);
}

.cray-hover-bg-wisteria-4:hover {
  background-color: rgba(121, 58, 147, 0.4);
}

.cray-hover-bg-wisteria-3:hover {
  background-color: rgba(121, 58, 147, 0.3);
}

.cray-hover-bg-wisteria-2:hover {
  background-color: rgba(121, 58, 147, 0.2);
}

.cray-hover-bg-wisteria-1:hover {
  background-color: rgba(121, 58, 147, 0.1);
}

.cray-hover-bg-wisteria:hover {
  background-color: #793a93;
}

.cray-bg-wet-asphalt-10 {
  background-color: #34495e;
}

.cray-bg-wet-asphalt-9 {
  background-color: rgba(52, 73, 94, 0.9);
}

.cray-bg-wet-asphalt-8 {
  background-color: rgba(52, 73, 94, 0.8);
}

.cray-bg-wet-asphalt-7 {
  background-color: rgba(52, 73, 94, 0.7);
}

.cray-bg-wet-asphalt-6 {
  background-color: rgba(52, 73, 94, 0.6);
}

.cray-bg-wet-asphalt-5 {
  background-color: rgba(52, 73, 94, 0.5);
}

.cray-bg-wet-asphalt-4 {
  background-color: rgba(52, 73, 94, 0.4);
}

.cray-bg-wet-asphalt-3 {
  background-color: rgba(52, 73, 94, 0.3);
}

.cray-bg-wet-asphalt-2 {
  background-color: rgba(52, 73, 94, 0.2);
}

.cray-bg-wet-asphalt-1 {
  background-color: rgba(52, 73, 94, 0.1);
}

.cray-bg-wet-asphalt {
  background-color: #34495e;
}

.cray-hover-bg-wet-asphalt-10:hover {
  background-color: #34495e;
}

.cray-hover-bg-wet-asphalt-9:hover {
  background-color: rgba(52, 73, 94, 0.9);
}

.cray-hover-bg-wet-asphalt-8:hover {
  background-color: rgba(52, 73, 94, 0.8);
}

.cray-hover-bg-wet-asphalt-7:hover {
  background-color: rgba(52, 73, 94, 0.7);
}

.cray-hover-bg-wet-asphalt-6:hover {
  background-color: rgba(52, 73, 94, 0.6);
}

.cray-hover-bg-wet-asphalt-5:hover {
  background-color: rgba(52, 73, 94, 0.5);
}

.cray-hover-bg-wet-asphalt-4:hover {
  background-color: rgba(52, 73, 94, 0.4);
}

.cray-hover-bg-wet-asphalt-3:hover {
  background-color: rgba(52, 73, 94, 0.3);
}

.cray-hover-bg-wet-asphalt-2:hover {
  background-color: rgba(52, 73, 94, 0.2);
}

.cray-hover-bg-wet-asphalt-1:hover {
  background-color: rgba(52, 73, 94, 0.1);
}

.cray-hover-bg-wet-asphalt:hover {
  background-color: #34495e;
}

.cray-bg-midnight-blue-10 {
  background-color: #2c3e50;
}

.cray-bg-midnight-blue-9 {
  background-color: rgba(44, 62, 80, 0.9);
}

.cray-bg-midnight-blue-8 {
  background-color: rgba(44, 62, 80, 0.8);
}

.cray-bg-midnight-blue-7 {
  background-color: rgba(44, 62, 80, 0.7);
}

.cray-bg-midnight-blue-6 {
  background-color: rgba(44, 62, 80, 0.6);
}

.cray-bg-midnight-blue-5 {
  background-color: rgba(44, 62, 80, 0.5);
}

.cray-bg-midnight-blue-4 {
  background-color: rgba(44, 62, 80, 0.4);
}

.cray-bg-midnight-blue-3 {
  background-color: rgba(44, 62, 80, 0.3);
}

.cray-bg-midnight-blue-2 {
  background-color: rgba(44, 62, 80, 0.2);
}

.cray-bg-midnight-blue-1 {
  background-color: rgba(44, 62, 80, 0.1);
}

.cray-bg-midnight-blue {
  background-color: #2c3e50;
}

.cray-hover-bg-midnight-blue-10:hover {
  background-color: #2c3e50;
}

.cray-hover-bg-midnight-blue-9:hover {
  background-color: rgba(44, 62, 80, 0.9);
}

.cray-hover-bg-midnight-blue-8:hover {
  background-color: rgba(44, 62, 80, 0.8);
}

.cray-hover-bg-midnight-blue-7:hover {
  background-color: rgba(44, 62, 80, 0.7);
}

.cray-hover-bg-midnight-blue-6:hover {
  background-color: rgba(44, 62, 80, 0.6);
}

.cray-hover-bg-midnight-blue-5:hover {
  background-color: rgba(44, 62, 80, 0.5);
}

.cray-hover-bg-midnight-blue-4:hover {
  background-color: rgba(44, 62, 80, 0.4);
}

.cray-hover-bg-midnight-blue-3:hover {
  background-color: rgba(44, 62, 80, 0.3);
}

.cray-hover-bg-midnight-blue-2:hover {
  background-color: rgba(44, 62, 80, 0.2);
}

.cray-hover-bg-midnight-blue-1:hover {
  background-color: rgba(44, 62, 80, 0.1);
}

.cray-hover-bg-midnight-blue:hover {
  background-color: #2c3e50;
}

.cray-bg-sun-flower-10 {
  background-color: #e6e351;
}

.cray-bg-sun-flower-9 {
  background-color: rgba(230, 227, 81, 0.9);
}

.cray-bg-sun-flower-8 {
  background-color: rgba(230, 227, 81, 0.8);
}

.cray-bg-sun-flower-7 {
  background-color: rgba(230, 227, 81, 0.7);
}

.cray-bg-sun-flower-6 {
  background-color: rgba(230, 227, 81, 0.6);
}

.cray-bg-sun-flower-5 {
  background-color: rgba(230, 227, 81, 0.5);
}

.cray-bg-sun-flower-4 {
  background-color: rgba(230, 227, 81, 0.4);
}

.cray-bg-sun-flower-3 {
  background-color: rgba(230, 227, 81, 0.3);
}

.cray-bg-sun-flower-2 {
  background-color: rgba(230, 227, 81, 0.2);
}

.cray-bg-sun-flower-1 {
  background-color: rgba(230, 227, 81, 0.1);
}

.cray-bg-sun-flower {
  background-color: #e6e351;
}

.cray-hover-bg-sun-flower-10:hover {
  background-color: #e6e351;
}

.cray-hover-bg-sun-flower-9:hover {
  background-color: rgba(230, 227, 81, 0.9);
}

.cray-hover-bg-sun-flower-8:hover {
  background-color: rgba(230, 227, 81, 0.8);
}

.cray-hover-bg-sun-flower-7:hover {
  background-color: rgba(230, 227, 81, 0.7);
}

.cray-hover-bg-sun-flower-6:hover {
  background-color: rgba(230, 227, 81, 0.6);
}

.cray-hover-bg-sun-flower-5:hover {
  background-color: rgba(230, 227, 81, 0.5);
}

.cray-hover-bg-sun-flower-4:hover {
  background-color: rgba(230, 227, 81, 0.4);
}

.cray-hover-bg-sun-flower-3:hover {
  background-color: rgba(230, 227, 81, 0.3);
}

.cray-hover-bg-sun-flower-2:hover {
  background-color: rgba(230, 227, 81, 0.2);
}

.cray-hover-bg-sun-flower-1:hover {
  background-color: rgba(230, 227, 81, 0.1);
}

.cray-hover-bg-sun-flower:hover {
  background-color: #e6e351;
}

.cray-bg-carrot-10 {
  background-color: #e67e22;
}

.cray-bg-carrot-9 {
  background-color: rgba(230, 126, 34, 0.9);
}

.cray-bg-carrot-8 {
  background-color: rgba(230, 126, 34, 0.8);
}

.cray-bg-carrot-7 {
  background-color: rgba(230, 126, 34, 0.7);
}

.cray-bg-carrot-6 {
  background-color: rgba(230, 126, 34, 0.6);
}

.cray-bg-carrot-5 {
  background-color: rgba(230, 126, 34, 0.5);
}

.cray-bg-carrot-4 {
  background-color: rgba(230, 126, 34, 0.4);
}

.cray-bg-carrot-3 {
  background-color: rgba(230, 126, 34, 0.3);
}

.cray-bg-carrot-2 {
  background-color: rgba(230, 126, 34, 0.2);
}

.cray-bg-carrot-1 {
  background-color: rgba(230, 126, 34, 0.1);
}

.cray-bg-carrot {
  background-color: #e67e22;
}

.cray-hover-bg-carrot-10:hover {
  background-color: #e67e22;
}

.cray-hover-bg-carrot-9:hover {
  background-color: rgba(230, 126, 34, 0.9);
}

.cray-hover-bg-carrot-8:hover {
  background-color: rgba(230, 126, 34, 0.8);
}

.cray-hover-bg-carrot-7:hover {
  background-color: rgba(230, 126, 34, 0.7);
}

.cray-hover-bg-carrot-6:hover {
  background-color: rgba(230, 126, 34, 0.6);
}

.cray-hover-bg-carrot-5:hover {
  background-color: rgba(230, 126, 34, 0.5);
}

.cray-hover-bg-carrot-4:hover {
  background-color: rgba(230, 126, 34, 0.4);
}

.cray-hover-bg-carrot-3:hover {
  background-color: rgba(230, 126, 34, 0.3);
}

.cray-hover-bg-carrot-2:hover {
  background-color: rgba(230, 126, 34, 0.2);
}

.cray-hover-bg-carrot-1:hover {
  background-color: rgba(230, 126, 34, 0.1);
}

.cray-hover-bg-carrot:hover {
  background-color: #e67e22;
}

.cray-bg-alizarin-10 {
  background-color: #e74c3c;
}

.cray-bg-alizarin-9 {
  background-color: rgba(231, 76, 60, 0.9);
}

.cray-bg-alizarin-8 {
  background-color: rgba(231, 76, 60, 0.8);
}

.cray-bg-alizarin-7 {
  background-color: rgba(231, 76, 60, 0.7);
}

.cray-bg-alizarin-6 {
  background-color: rgba(231, 76, 60, 0.6);
}

.cray-bg-alizarin-5 {
  background-color: rgba(231, 76, 60, 0.5);
}

.cray-bg-alizarin-4 {
  background-color: rgba(231, 76, 60, 0.4);
}

.cray-bg-alizarin-3 {
  background-color: rgba(231, 76, 60, 0.3);
}

.cray-bg-alizarin-2 {
  background-color: rgba(231, 76, 60, 0.2);
}

.cray-bg-alizarin-1 {
  background-color: rgba(231, 76, 60, 0.1);
}

.cray-bg-alizarin {
  background-color: #e74c3c;
}

.cray-hover-bg-alizarin-10:hover {
  background-color: #e74c3c;
}

.cray-hover-bg-alizarin-9:hover {
  background-color: rgba(231, 76, 60, 0.9);
}

.cray-hover-bg-alizarin-8:hover {
  background-color: rgba(231, 76, 60, 0.8);
}

.cray-hover-bg-alizarin-7:hover {
  background-color: rgba(231, 76, 60, 0.7);
}

.cray-hover-bg-alizarin-6:hover {
  background-color: rgba(231, 76, 60, 0.6);
}

.cray-hover-bg-alizarin-5:hover {
  background-color: rgba(231, 76, 60, 0.5);
}

.cray-hover-bg-alizarin-4:hover {
  background-color: rgba(231, 76, 60, 0.4);
}

.cray-hover-bg-alizarin-3:hover {
  background-color: rgba(231, 76, 60, 0.3);
}

.cray-hover-bg-alizarin-2:hover {
  background-color: rgba(231, 76, 60, 0.2);
}

.cray-hover-bg-alizarin-1:hover {
  background-color: rgba(231, 76, 60, 0.1);
}

.cray-hover-bg-alizarin:hover {
  background-color: #e74c3c;
}

.cray-bg-clouds-10 {
  background-color: #ecf0f1;
}

.cray-bg-clouds-9 {
  background-color: rgba(236, 240, 241, 0.9);
}

.cray-bg-clouds-8 {
  background-color: rgba(236, 240, 241, 0.8);
}

.cray-bg-clouds-7 {
  background-color: rgba(236, 240, 241, 0.7);
}

.cray-bg-clouds-6 {
  background-color: rgba(236, 240, 241, 0.6);
}

.cray-bg-clouds-5 {
  background-color: rgba(236, 240, 241, 0.5);
}

.cray-bg-clouds-4 {
  background-color: rgba(236, 240, 241, 0.4);
}

.cray-bg-clouds-3 {
  background-color: rgba(236, 240, 241, 0.3);
}

.cray-bg-clouds-2 {
  background-color: rgba(236, 240, 241, 0.2);
}

.cray-bg-clouds-1 {
  background-color: rgba(236, 240, 241, 0.1);
}

.cray-bg-clouds {
  background-color: #ecf0f1;
}

.cray-hover-bg-clouds-10:hover {
  background-color: #ecf0f1;
}

.cray-hover-bg-clouds-9:hover {
  background-color: rgba(236, 240, 241, 0.9);
}

.cray-hover-bg-clouds-8:hover {
  background-color: rgba(236, 240, 241, 0.8);
}

.cray-hover-bg-clouds-7:hover {
  background-color: rgba(236, 240, 241, 0.7);
}

.cray-hover-bg-clouds-6:hover {
  background-color: rgba(236, 240, 241, 0.6);
}

.cray-hover-bg-clouds-5:hover {
  background-color: rgba(236, 240, 241, 0.5);
}

.cray-hover-bg-clouds-4:hover {
  background-color: rgba(236, 240, 241, 0.4);
}

.cray-hover-bg-clouds-3:hover {
  background-color: rgba(236, 240, 241, 0.3);
}

.cray-hover-bg-clouds-2:hover {
  background-color: rgba(236, 240, 241, 0.2);
}

.cray-hover-bg-clouds-1:hover {
  background-color: rgba(236, 240, 241, 0.1);
}

.cray-hover-bg-clouds:hover {
  background-color: #ecf0f1;
}

.cray-bg-concrete-10 {
  background-color: #95a5a6;
}

.cray-bg-concrete-9 {
  background-color: rgba(149, 165, 166, 0.9);
}

.cray-bg-concrete-8 {
  background-color: rgba(149, 165, 166, 0.8);
}

.cray-bg-concrete-7 {
  background-color: rgba(149, 165, 166, 0.7);
}

.cray-bg-concrete-6 {
  background-color: rgba(149, 165, 166, 0.6);
}

.cray-bg-concrete-5 {
  background-color: rgba(149, 165, 166, 0.5);
}

.cray-bg-concrete-4 {
  background-color: rgba(149, 165, 166, 0.4);
}

.cray-bg-concrete-3 {
  background-color: rgba(149, 165, 166, 0.3);
}

.cray-bg-concrete-2 {
  background-color: rgba(149, 165, 166, 0.2);
}

.cray-bg-concrete-1 {
  background-color: rgba(149, 165, 166, 0.1);
}

.cray-bg-concrete {
  background-color: #95a5a6;
}

.cray-hover-bg-concrete-10:hover {
  background-color: #95a5a6;
}

.cray-hover-bg-concrete-9:hover {
  background-color: rgba(149, 165, 166, 0.9);
}

.cray-hover-bg-concrete-8:hover {
  background-color: rgba(149, 165, 166, 0.8);
}

.cray-hover-bg-concrete-7:hover {
  background-color: rgba(149, 165, 166, 0.7);
}

.cray-hover-bg-concrete-6:hover {
  background-color: rgba(149, 165, 166, 0.6);
}

.cray-hover-bg-concrete-5:hover {
  background-color: rgba(149, 165, 166, 0.5);
}

.cray-hover-bg-concrete-4:hover {
  background-color: rgba(149, 165, 166, 0.4);
}

.cray-hover-bg-concrete-3:hover {
  background-color: rgba(149, 165, 166, 0.3);
}

.cray-hover-bg-concrete-2:hover {
  background-color: rgba(149, 165, 166, 0.2);
}

.cray-hover-bg-concrete-1:hover {
  background-color: rgba(149, 165, 166, 0.1);
}

.cray-hover-bg-concrete:hover {
  background-color: #95a5a6;
}

.cray-bg-orange-10 {
  background-color: #f39c12;
}

.cray-bg-orange-9 {
  background-color: rgba(243, 156, 18, 0.9);
}

.cray-bg-orange-8 {
  background-color: rgba(243, 156, 18, 0.8);
}

.cray-bg-orange-7 {
  background-color: rgba(243, 156, 18, 0.7);
}

.cray-bg-orange-6 {
  background-color: rgba(243, 156, 18, 0.6);
}

.cray-bg-orange-5 {
  background-color: rgba(243, 156, 18, 0.5);
}

.cray-bg-orange-4 {
  background-color: rgba(243, 156, 18, 0.4);
}

.cray-bg-orange-3 {
  background-color: rgba(243, 156, 18, 0.3);
}

.cray-bg-orange-2 {
  background-color: rgba(243, 156, 18, 0.2);
}

.cray-bg-orange-1 {
  background-color: rgba(243, 156, 18, 0.1);
}

.cray-bg-orange {
  background-color: #f39c12;
}

.cray-hover-bg-orange-10:hover {
  background-color: #f39c12;
}

.cray-hover-bg-orange-9:hover {
  background-color: rgba(243, 156, 18, 0.9);
}

.cray-hover-bg-orange-8:hover {
  background-color: rgba(243, 156, 18, 0.8);
}

.cray-hover-bg-orange-7:hover {
  background-color: rgba(243, 156, 18, 0.7);
}

.cray-hover-bg-orange-6:hover {
  background-color: rgba(243, 156, 18, 0.6);
}

.cray-hover-bg-orange-5:hover {
  background-color: rgba(243, 156, 18, 0.5);
}

.cray-hover-bg-orange-4:hover {
  background-color: rgba(243, 156, 18, 0.4);
}

.cray-hover-bg-orange-3:hover {
  background-color: rgba(243, 156, 18, 0.3);
}

.cray-hover-bg-orange-2:hover {
  background-color: rgba(243, 156, 18, 0.2);
}

.cray-hover-bg-orange-1:hover {
  background-color: rgba(243, 156, 18, 0.1);
}

.cray-hover-bg-orange:hover {
  background-color: #f39c12;
}

.cray-bg-pumpkin-10 {
  background-color: #d35400;
}

.cray-bg-pumpkin-9 {
  background-color: rgba(211, 84, 0, 0.9);
}

.cray-bg-pumpkin-8 {
  background-color: rgba(211, 84, 0, 0.8);
}

.cray-bg-pumpkin-7 {
  background-color: rgba(211, 84, 0, 0.7);
}

.cray-bg-pumpkin-6 {
  background-color: rgba(211, 84, 0, 0.6);
}

.cray-bg-pumpkin-5 {
  background-color: rgba(211, 84, 0, 0.5);
}

.cray-bg-pumpkin-4 {
  background-color: rgba(211, 84, 0, 0.4);
}

.cray-bg-pumpkin-3 {
  background-color: rgba(211, 84, 0, 0.3);
}

.cray-bg-pumpkin-2 {
  background-color: rgba(211, 84, 0, 0.2);
}

.cray-bg-pumpkin-1 {
  background-color: rgba(211, 84, 0, 0.1);
}

.cray-bg-pumpkin {
  background-color: #d35400;
}

.cray-hover-bg-pumpkin-10:hover {
  background-color: #d35400;
}

.cray-hover-bg-pumpkin-9:hover {
  background-color: rgba(211, 84, 0, 0.9);
}

.cray-hover-bg-pumpkin-8:hover {
  background-color: rgba(211, 84, 0, 0.8);
}

.cray-hover-bg-pumpkin-7:hover {
  background-color: rgba(211, 84, 0, 0.7);
}

.cray-hover-bg-pumpkin-6:hover {
  background-color: rgba(211, 84, 0, 0.6);
}

.cray-hover-bg-pumpkin-5:hover {
  background-color: rgba(211, 84, 0, 0.5);
}

.cray-hover-bg-pumpkin-4:hover {
  background-color: rgba(211, 84, 0, 0.4);
}

.cray-hover-bg-pumpkin-3:hover {
  background-color: rgba(211, 84, 0, 0.3);
}

.cray-hover-bg-pumpkin-2:hover {
  background-color: rgba(211, 84, 0, 0.2);
}

.cray-hover-bg-pumpkin-1:hover {
  background-color: rgba(211, 84, 0, 0.1);
}

.cray-hover-bg-pumpkin:hover {
  background-color: #d35400;
}

.cray-bg-pomegranate-10 {
  background-color: #c0392b;
}

.cray-bg-pomegranate-9 {
  background-color: rgba(192, 57, 43, 0.9);
}

.cray-bg-pomegranate-8 {
  background-color: rgba(192, 57, 43, 0.8);
}

.cray-bg-pomegranate-7 {
  background-color: rgba(192, 57, 43, 0.7);
}

.cray-bg-pomegranate-6 {
  background-color: rgba(192, 57, 43, 0.6);
}

.cray-bg-pomegranate-5 {
  background-color: rgba(192, 57, 43, 0.5);
}

.cray-bg-pomegranate-4 {
  background-color: rgba(192, 57, 43, 0.4);
}

.cray-bg-pomegranate-3 {
  background-color: rgba(192, 57, 43, 0.3);
}

.cray-bg-pomegranate-2 {
  background-color: rgba(192, 57, 43, 0.2);
}

.cray-bg-pomegranate-1 {
  background-color: rgba(192, 57, 43, 0.1);
}

.cray-bg-pomegranate {
  background-color: #c0392b;
}

.cray-hover-bg-pomegranate-10:hover {
  background-color: #c0392b;
}

.cray-hover-bg-pomegranate-9:hover {
  background-color: rgba(192, 57, 43, 0.9);
}

.cray-hover-bg-pomegranate-8:hover {
  background-color: rgba(192, 57, 43, 0.8);
}

.cray-hover-bg-pomegranate-7:hover {
  background-color: rgba(192, 57, 43, 0.7);
}

.cray-hover-bg-pomegranate-6:hover {
  background-color: rgba(192, 57, 43, 0.6);
}

.cray-hover-bg-pomegranate-5:hover {
  background-color: rgba(192, 57, 43, 0.5);
}

.cray-hover-bg-pomegranate-4:hover {
  background-color: rgba(192, 57, 43, 0.4);
}

.cray-hover-bg-pomegranate-3:hover {
  background-color: rgba(192, 57, 43, 0.3);
}

.cray-hover-bg-pomegranate-2:hover {
  background-color: rgba(192, 57, 43, 0.2);
}

.cray-hover-bg-pomegranate-1:hover {
  background-color: rgba(192, 57, 43, 0.1);
}

.cray-hover-bg-pomegranate:hover {
  background-color: #c0392b;
}

.cray-bg-silver-10 {
  background-color: #bdc3c7;
}

.cray-bg-silver-9 {
  background-color: rgba(189, 195, 199, 0.9);
}

.cray-bg-silver-8 {
  background-color: rgba(189, 195, 199, 0.8);
}

.cray-bg-silver-7 {
  background-color: rgba(189, 195, 199, 0.7);
}

.cray-bg-silver-6 {
  background-color: rgba(189, 195, 199, 0.6);
}

.cray-bg-silver-5 {
  background-color: rgba(189, 195, 199, 0.5);
}

.cray-bg-silver-4 {
  background-color: rgba(189, 195, 199, 0.4);
}

.cray-bg-silver-3 {
  background-color: rgba(189, 195, 199, 0.3);
}

.cray-bg-silver-2 {
  background-color: rgba(189, 195, 199, 0.2);
}

.cray-bg-silver-1 {
  background-color: rgba(189, 195, 199, 0.1);
}

.cray-bg-silver {
  background-color: #bdc3c7;
}

.cray-hover-bg-silver-10:hover {
  background-color: #bdc3c7;
}

.cray-hover-bg-silver-9:hover {
  background-color: rgba(189, 195, 199, 0.9);
}

.cray-hover-bg-silver-8:hover {
  background-color: rgba(189, 195, 199, 0.8);
}

.cray-hover-bg-silver-7:hover {
  background-color: rgba(189, 195, 199, 0.7);
}

.cray-hover-bg-silver-6:hover {
  background-color: rgba(189, 195, 199, 0.6);
}

.cray-hover-bg-silver-5:hover {
  background-color: rgba(189, 195, 199, 0.5);
}

.cray-hover-bg-silver-4:hover {
  background-color: rgba(189, 195, 199, 0.4);
}

.cray-hover-bg-silver-3:hover {
  background-color: rgba(189, 195, 199, 0.3);
}

.cray-hover-bg-silver-2:hover {
  background-color: rgba(189, 195, 199, 0.2);
}

.cray-hover-bg-silver-1:hover {
  background-color: rgba(189, 195, 199, 0.1);
}

.cray-hover-bg-silver:hover {
  background-color: #bdc3c7;
}

.cray-bg-asbestos-10 {
  background-color: #7f8c8d;
}

.cray-bg-asbestos-9 {
  background-color: rgba(127, 140, 141, 0.9);
}

.cray-bg-asbestos-8 {
  background-color: rgba(127, 140, 141, 0.8);
}

.cray-bg-asbestos-7 {
  background-color: rgba(127, 140, 141, 0.7);
}

.cray-bg-asbestos-6 {
  background-color: rgba(127, 140, 141, 0.6);
}

.cray-bg-asbestos-5 {
  background-color: rgba(127, 140, 141, 0.5);
}

.cray-bg-asbestos-4 {
  background-color: rgba(127, 140, 141, 0.4);
}

.cray-bg-asbestos-3 {
  background-color: rgba(127, 140, 141, 0.3);
}

.cray-bg-asbestos-2 {
  background-color: rgba(127, 140, 141, 0.2);
}

.cray-bg-asbestos-1 {
  background-color: rgba(127, 140, 141, 0.1);
}

.cray-bg-asbestos {
  background-color: #7f8c8d;
}

.cray-hover-bg-asbestos-10:hover {
  background-color: #7f8c8d;
}

.cray-hover-bg-asbestos-9:hover {
  background-color: rgba(127, 140, 141, 0.9);
}

.cray-hover-bg-asbestos-8:hover {
  background-color: rgba(127, 140, 141, 0.8);
}

.cray-hover-bg-asbestos-7:hover {
  background-color: rgba(127, 140, 141, 0.7);
}

.cray-hover-bg-asbestos-6:hover {
  background-color: rgba(127, 140, 141, 0.6);
}

.cray-hover-bg-asbestos-5:hover {
  background-color: rgba(127, 140, 141, 0.5);
}

.cray-hover-bg-asbestos-4:hover {
  background-color: rgba(127, 140, 141, 0.4);
}

.cray-hover-bg-asbestos-3:hover {
  background-color: rgba(127, 140, 141, 0.3);
}

.cray-hover-bg-asbestos-2:hover {
  background-color: rgba(127, 140, 141, 0.2);
}

.cray-hover-bg-asbestos-1:hover {
  background-color: rgba(127, 140, 141, 0.1);
}

.cray-hover-bg-asbestos:hover {
  background-color: #7f8c8d;
}

.cray-text-white-10 {
  color: #f1f1f1;
}

.cray-text-white-9 {
  color: rgba(241, 241, 241, 0.9);
}

.cray-text-white-8 {
  color: rgba(241, 241, 241, 0.8);
}

.cray-text-white-7 {
  color: rgba(241, 241, 241, 0.7);
}

.cray-text-white-6 {
  color: rgba(241, 241, 241, 0.6);
}

.cray-text-white-5 {
  color: rgba(241, 241, 241, 0.5);
}

.cray-text-white-4 {
  color: rgba(241, 241, 241, 0.4);
}

.cray-text-white-3 {
  color: rgba(241, 241, 241, 0.3);
}

.cray-text-white-2 {
  color: rgba(241, 241, 241, 0.2);
}

.cray-text-white-1 {
  color: rgba(241, 241, 241, 0.1);
}

.cray-text-white {
  color: #f1f1f1;
}

.cray-hover-text-white-10:hover {
  color: #f1f1f1;
}

.cray-hover-text-white-9:hover {
  color: rgba(241, 241, 241, 0.9);
}

.cray-hover-text-white-8:hover {
  color: rgba(241, 241, 241, 0.8);
}

.cray-hover-text-white-7:hover {
  color: rgba(241, 241, 241, 0.7);
}

.cray-hover-text-white-6:hover {
  color: rgba(241, 241, 241, 0.6);
}

.cray-hover-text-white-5:hover {
  color: rgba(241, 241, 241, 0.5);
}

.cray-hover-text-white-4:hover {
  color: rgba(241, 241, 241, 0.4);
}

.cray-hover-text-white-3:hover {
  color: rgba(241, 241, 241, 0.3);
}

.cray-hover-text-white-2:hover {
  color: rgba(241, 241, 241, 0.2);
}

.cray-hover-text-white-1:hover {
  color: rgba(241, 241, 241, 0.1);
}

.cray-hover-text-white:hover {
  color: #f1f1f1;
}

.cray-text-black-10 {
  color: black;
}

.cray-text-black-9 {
  color: rgba(0, 0, 0, 0.9);
}

.cray-text-black-8 {
  color: rgba(0, 0, 0, 0.8);
}

.cray-text-black-7 {
  color: rgba(0, 0, 0, 0.7);
}

.cray-text-black-6 {
  color: rgba(0, 0, 0, 0.6);
}

.cray-text-black-5 {
  color: rgba(0, 0, 0, 0.5);
}

.cray-text-black-4 {
  color: rgba(0, 0, 0, 0.4);
}

.cray-text-black-3 {
  color: rgba(0, 0, 0, 0.3);
}

.cray-text-black-2 {
  color: rgba(0, 0, 0, 0.2);
}

.cray-text-black-1 {
  color: rgba(0, 0, 0, 0.1);
}

.cray-text-black {
  color: #000000;
}

.cray-hover-text-black-10:hover {
  color: black;
}

.cray-hover-text-black-9:hover {
  color: rgba(0, 0, 0, 0.9);
}

.cray-hover-text-black-8:hover {
  color: rgba(0, 0, 0, 0.8);
}

.cray-hover-text-black-7:hover {
  color: rgba(0, 0, 0, 0.7);
}

.cray-hover-text-black-6:hover {
  color: rgba(0, 0, 0, 0.6);
}

.cray-hover-text-black-5:hover {
  color: rgba(0, 0, 0, 0.5);
}

.cray-hover-text-black-4:hover {
  color: rgba(0, 0, 0, 0.4);
}

.cray-hover-text-black-3:hover {
  color: rgba(0, 0, 0, 0.3);
}

.cray-hover-text-black-2:hover {
  color: rgba(0, 0, 0, 0.2);
}

.cray-hover-text-black-1:hover {
  color: rgba(0, 0, 0, 0.1);
}

.cray-hover-text-black:hover {
  color: #000000;
}

.cray-text-turquoise-10 {
  color: #339990;
}

.cray-text-turquoise-9 {
  color: rgba(51, 153, 144, 0.9);
}

.cray-text-turquoise-8 {
  color: rgba(51, 153, 144, 0.8);
}

.cray-text-turquoise-7 {
  color: rgba(51, 153, 144, 0.7);
}

.cray-text-turquoise-6 {
  color: rgba(51, 153, 144, 0.6);
}

.cray-text-turquoise-5 {
  color: rgba(51, 153, 144, 0.5);
}

.cray-text-turquoise-4 {
  color: rgba(51, 153, 144, 0.4);
}

.cray-text-turquoise-3 {
  color: rgba(51, 153, 144, 0.3);
}

.cray-text-turquoise-2 {
  color: rgba(51, 153, 144, 0.2);
}

.cray-text-turquoise-1 {
  color: rgba(51, 153, 144, 0.1);
}

.cray-text-turquoise {
  color: #339990;
}

.cray-hover-text-turquoise-10:hover {
  color: #339990;
}

.cray-hover-text-turquoise-9:hover {
  color: rgba(51, 153, 144, 0.9);
}

.cray-hover-text-turquoise-8:hover {
  color: rgba(51, 153, 144, 0.8);
}

.cray-hover-text-turquoise-7:hover {
  color: rgba(51, 153, 144, 0.7);
}

.cray-hover-text-turquoise-6:hover {
  color: rgba(51, 153, 144, 0.6);
}

.cray-hover-text-turquoise-5:hover {
  color: rgba(51, 153, 144, 0.5);
}

.cray-hover-text-turquoise-4:hover {
  color: rgba(51, 153, 144, 0.4);
}

.cray-hover-text-turquoise-3:hover {
  color: rgba(51, 153, 144, 0.3);
}

.cray-hover-text-turquoise-2:hover {
  color: rgba(51, 153, 144, 0.2);
}

.cray-hover-text-turquoise-1:hover {
  color: rgba(51, 153, 144, 0.1);
}

.cray-hover-text-turquoise:hover {
  color: #339990;
}

.cray-text-green-sea-10 {
  color: #16a085;
}

.cray-text-green-sea-9 {
  color: rgba(22, 160, 133, 0.9);
}

.cray-text-green-sea-8 {
  color: rgba(22, 160, 133, 0.8);
}

.cray-text-green-sea-7 {
  color: rgba(22, 160, 133, 0.7);
}

.cray-text-green-sea-6 {
  color: rgba(22, 160, 133, 0.6);
}

.cray-text-green-sea-5 {
  color: rgba(22, 160, 133, 0.5);
}

.cray-text-green-sea-4 {
  color: rgba(22, 160, 133, 0.4);
}

.cray-text-green-sea-3 {
  color: rgba(22, 160, 133, 0.3);
}

.cray-text-green-sea-2 {
  color: rgba(22, 160, 133, 0.2);
}

.cray-text-green-sea-1 {
  color: rgba(22, 160, 133, 0.1);
}

.cray-text-green-sea {
  color: #16a085;
}

.cray-hover-text-green-sea-10:hover {
  color: #16a085;
}

.cray-hover-text-green-sea-9:hover {
  color: rgba(22, 160, 133, 0.9);
}

.cray-hover-text-green-sea-8:hover {
  color: rgba(22, 160, 133, 0.8);
}

.cray-hover-text-green-sea-7:hover {
  color: rgba(22, 160, 133, 0.7);
}

.cray-hover-text-green-sea-6:hover {
  color: rgba(22, 160, 133, 0.6);
}

.cray-hover-text-green-sea-5:hover {
  color: rgba(22, 160, 133, 0.5);
}

.cray-hover-text-green-sea-4:hover {
  color: rgba(22, 160, 133, 0.4);
}

.cray-hover-text-green-sea-3:hover {
  color: rgba(22, 160, 133, 0.3);
}

.cray-hover-text-green-sea-2:hover {
  color: rgba(22, 160, 133, 0.2);
}

.cray-hover-text-green-sea-1:hover {
  color: rgba(22, 160, 133, 0.1);
}

.cray-hover-text-green-sea:hover {
  color: #16a085;
}

.cray-text-emerald-10 {
  color: #26a85d;
}

.cray-text-emerald-9 {
  color: rgba(38, 168, 93, 0.9);
}

.cray-text-emerald-8 {
  color: rgba(38, 168, 93, 0.8);
}

.cray-text-emerald-7 {
  color: rgba(38, 168, 93, 0.7);
}

.cray-text-emerald-6 {
  color: rgba(38, 168, 93, 0.6);
}

.cray-text-emerald-5 {
  color: rgba(38, 168, 93, 0.5);
}

.cray-text-emerald-4 {
  color: rgba(38, 168, 93, 0.4);
}

.cray-text-emerald-3 {
  color: rgba(38, 168, 93, 0.3);
}

.cray-text-emerald-2 {
  color: rgba(38, 168, 93, 0.2);
}

.cray-text-emerald-1 {
  color: rgba(38, 168, 93, 0.1);
}

.cray-text-emerald {
  color: #26a85d;
}

.cray-hover-text-emerald-10:hover {
  color: #26a85d;
}

.cray-hover-text-emerald-9:hover {
  color: rgba(38, 168, 93, 0.9);
}

.cray-hover-text-emerald-8:hover {
  color: rgba(38, 168, 93, 0.8);
}

.cray-hover-text-emerald-7:hover {
  color: rgba(38, 168, 93, 0.7);
}

.cray-hover-text-emerald-6:hover {
  color: rgba(38, 168, 93, 0.6);
}

.cray-hover-text-emerald-5:hover {
  color: rgba(38, 168, 93, 0.5);
}

.cray-hover-text-emerald-4:hover {
  color: rgba(38, 168, 93, 0.4);
}

.cray-hover-text-emerald-3:hover {
  color: rgba(38, 168, 93, 0.3);
}

.cray-hover-text-emerald-2:hover {
  color: rgba(38, 168, 93, 0.2);
}

.cray-hover-text-emerald-1:hover {
  color: rgba(38, 168, 93, 0.1);
}

.cray-hover-text-emerald:hover {
  color: #26a85d;
}

.cray-text-nephritis-10 {
  color: #2ca961;
}

.cray-text-nephritis-9 {
  color: rgba(44, 169, 97, 0.9);
}

.cray-text-nephritis-8 {
  color: rgba(44, 169, 97, 0.8);
}

.cray-text-nephritis-7 {
  color: rgba(44, 169, 97, 0.7);
}

.cray-text-nephritis-6 {
  color: rgba(44, 169, 97, 0.6);
}

.cray-text-nephritis-5 {
  color: rgba(44, 169, 97, 0.5);
}

.cray-text-nephritis-4 {
  color: rgba(44, 169, 97, 0.4);
}

.cray-text-nephritis-3 {
  color: rgba(44, 169, 97, 0.3);
}

.cray-text-nephritis-2 {
  color: rgba(44, 169, 97, 0.2);
}

.cray-text-nephritis-1 {
  color: rgba(44, 169, 97, 0.1);
}

.cray-text-nephritis {
  color: #2ca961;
}

.cray-hover-text-nephritis-10:hover {
  color: #2ca961;
}

.cray-hover-text-nephritis-9:hover {
  color: rgba(44, 169, 97, 0.9);
}

.cray-hover-text-nephritis-8:hover {
  color: rgba(44, 169, 97, 0.8);
}

.cray-hover-text-nephritis-7:hover {
  color: rgba(44, 169, 97, 0.7);
}

.cray-hover-text-nephritis-6:hover {
  color: rgba(44, 169, 97, 0.6);
}

.cray-hover-text-nephritis-5:hover {
  color: rgba(44, 169, 97, 0.5);
}

.cray-hover-text-nephritis-4:hover {
  color: rgba(44, 169, 97, 0.4);
}

.cray-hover-text-nephritis-3:hover {
  color: rgba(44, 169, 97, 0.3);
}

.cray-hover-text-nephritis-2:hover {
  color: rgba(44, 169, 97, 0.2);
}

.cray-hover-text-nephritis-1:hover {
  color: rgba(44, 169, 97, 0.1);
}

.cray-hover-text-nephritis:hover {
  color: #2ca961;
}

.cray-text-peter-river-10 {
  color: #3498db;
}

.cray-text-peter-river-9 {
  color: rgba(52, 152, 219, 0.9);
}

.cray-text-peter-river-8 {
  color: rgba(52, 152, 219, 0.8);
}

.cray-text-peter-river-7 {
  color: rgba(52, 152, 219, 0.7);
}

.cray-text-peter-river-6 {
  color: rgba(52, 152, 219, 0.6);
}

.cray-text-peter-river-5 {
  color: rgba(52, 152, 219, 0.5);
}

.cray-text-peter-river-4 {
  color: rgba(52, 152, 219, 0.4);
}

.cray-text-peter-river-3 {
  color: rgba(52, 152, 219, 0.3);
}

.cray-text-peter-river-2 {
  color: rgba(52, 152, 219, 0.2);
}

.cray-text-peter-river-1 {
  color: rgba(52, 152, 219, 0.1);
}

.cray-text-peter-river {
  color: #3498db;
}

.cray-hover-text-peter-river-10:hover {
  color: #3498db;
}

.cray-hover-text-peter-river-9:hover {
  color: rgba(52, 152, 219, 0.9);
}

.cray-hover-text-peter-river-8:hover {
  color: rgba(52, 152, 219, 0.8);
}

.cray-hover-text-peter-river-7:hover {
  color: rgba(52, 152, 219, 0.7);
}

.cray-hover-text-peter-river-6:hover {
  color: rgba(52, 152, 219, 0.6);
}

.cray-hover-text-peter-river-5:hover {
  color: rgba(52, 152, 219, 0.5);
}

.cray-hover-text-peter-river-4:hover {
  color: rgba(52, 152, 219, 0.4);
}

.cray-hover-text-peter-river-3:hover {
  color: rgba(52, 152, 219, 0.3);
}

.cray-hover-text-peter-river-2:hover {
  color: rgba(52, 152, 219, 0.2);
}

.cray-hover-text-peter-river-1:hover {
  color: rgba(52, 152, 219, 0.1);
}

.cray-hover-text-peter-river:hover {
  color: #3498db;
}

.cray-text-belize-hole-10 {
  color: #2980b9;
}

.cray-text-belize-hole-9 {
  color: rgba(41, 128, 185, 0.9);
}

.cray-text-belize-hole-8 {
  color: rgba(41, 128, 185, 0.8);
}

.cray-text-belize-hole-7 {
  color: rgba(41, 128, 185, 0.7);
}

.cray-text-belize-hole-6 {
  color: rgba(41, 128, 185, 0.6);
}

.cray-text-belize-hole-5 {
  color: rgba(41, 128, 185, 0.5);
}

.cray-text-belize-hole-4 {
  color: rgba(41, 128, 185, 0.4);
}

.cray-text-belize-hole-3 {
  color: rgba(41, 128, 185, 0.3);
}

.cray-text-belize-hole-2 {
  color: rgba(41, 128, 185, 0.2);
}

.cray-text-belize-hole-1 {
  color: rgba(41, 128, 185, 0.1);
}

.cray-text-belize-hole {
  color: #2980b9;
}

.cray-hover-text-belize-hole-10:hover {
  color: #2980b9;
}

.cray-hover-text-belize-hole-9:hover {
  color: rgba(41, 128, 185, 0.9);
}

.cray-hover-text-belize-hole-8:hover {
  color: rgba(41, 128, 185, 0.8);
}

.cray-hover-text-belize-hole-7:hover {
  color: rgba(41, 128, 185, 0.7);
}

.cray-hover-text-belize-hole-6:hover {
  color: rgba(41, 128, 185, 0.6);
}

.cray-hover-text-belize-hole-5:hover {
  color: rgba(41, 128, 185, 0.5);
}

.cray-hover-text-belize-hole-4:hover {
  color: rgba(41, 128, 185, 0.4);
}

.cray-hover-text-belize-hole-3:hover {
  color: rgba(41, 128, 185, 0.3);
}

.cray-hover-text-belize-hole-2:hover {
  color: rgba(41, 128, 185, 0.2);
}

.cray-hover-text-belize-hole-1:hover {
  color: rgba(41, 128, 185, 0.1);
}

.cray-hover-text-belize-hole:hover {
  color: #2980b9;
}

.cray-text-amethyst-10 {
  color: #9664ab;
}

.cray-text-amethyst-9 {
  color: rgba(150, 100, 171, 0.9);
}

.cray-text-amethyst-8 {
  color: rgba(150, 100, 171, 0.8);
}

.cray-text-amethyst-7 {
  color: rgba(150, 100, 171, 0.7);
}

.cray-text-amethyst-6 {
  color: rgba(150, 100, 171, 0.6);
}

.cray-text-amethyst-5 {
  color: rgba(150, 100, 171, 0.5);
}

.cray-text-amethyst-4 {
  color: rgba(150, 100, 171, 0.4);
}

.cray-text-amethyst-3 {
  color: rgba(150, 100, 171, 0.3);
}

.cray-text-amethyst-2 {
  color: rgba(150, 100, 171, 0.2);
}

.cray-text-amethyst-1 {
  color: rgba(150, 100, 171, 0.1);
}

.cray-text-amethyst {
  color: #9664ab;
}

.cray-hover-text-amethyst-10:hover {
  color: #9664ab;
}

.cray-hover-text-amethyst-9:hover {
  color: rgba(150,