/* Flat Color definitions
   ========================================================================== */
/**
 * Background color Class.
 */
.bg-no { background: transparent; }
.bg-white { background-color: #fff !important; color: #111 !important; }
.bg-white:hover { color: #111 !important; }
.bg-red-1, .bg-red-1-no { color: #FFF; background-color:#E74C3C; } .bg-red-1:hover { background-color:#C0392B; }
.bg-red-2, .bg-red-2-no { color: #FFF; background-color:#C0392B; } .bg-red-2:hover { background-color:#E74C3C; }
.bg-red-1-no-i { color: #FFF !important; background-color:#E74C3C !important; }

.bg-orange-1, .bg-orange-1-no { color: #FFF; background-color:#E67E22; } .bg-orange-1:hover { background-color:#D35400; }
.bg-orange-2, .bg-orange-2-no { color: #FFF; background-color:#D35400; } .bg-orange-2:hover { background-color:#E67E22; }

.bg-yellow-1, .bg-yellow-1-no { color: #FFF; background-color:#FFCD02; } .bg-yellow-1:hover { background-color:#FFA800; }
.bg-yellow-2, .bg-yellow-2-no { color: #FFF; background-color:#FFA800; } .bg-yellow-2:hover { background-color:#FFCD02; }

.bg-sand-1, .bg-sand-1-no { color: #FFF; background-color:#F0DEB4; } .bg-sand-1:hover  { background-color:#D5C295; }
.bg-sand-2, .bg-sand-2-no { color: #FFF; background-color:#D5C295; } .bg-sand-2:hover  { background-color:#F0DEB4; }

.bg-navy-1, .bg-navy-1-no { color: #FFF; background-color:#34495E; } .bg-navy-1:hover  { background-color:#2C3E50; }
.bg-navy-2, .bg-navy-2-no { color: #FFF; background-color:#2C3E50; } .bg-navy-2:hover  { background-color:#34495E; }

.bg-black-1, .bg-black-1-no { color: #FFF; background-color:#2B2B2B; } .bg-black-1:hover  { background-color:rgb(60,60,60); }
.bg-black-2, .bg-black-2-no { color: #FFF; background-color:rgb(34,34,34); } .bg-black-2:hover  { background-color:#2B2B2B; }

.bg-magenta-1, .bg-magenta-1-no { color: #FFF; background-color:#9B59B6; } .bg-magenta-1:hover  { background-color:#8E44AD; }
.bg-magenta-2, .bg-magenta-2-no { color: #FFF; background-color:#8E44AD; } .bg-magenta-2:hover  { background-color:#9B59B6; }

.bg-teal-1, .bg-teal-1-no { color: #FFF; background-color:#3A6F81; } .bg-teal-1:hover  { background-color:#356272; }
.bg-teal-2, .bg-teal-2-no { color: #FFF; background-color:#356272; } .bg-teal-2:hover  { background-color:#3A6F81; }

.bg-sky-1, .bg-sky-1-no { color: #FFF; background-color:#3498DB; } .bg-sky-1:hover  { background-color:#2980B9; }
.bg-sky-2, .bg-sky-2-no { color: #FFF; background-color:#2980B9; } .bg-sky-2:hover  { background-color:#3498DB; }

.bg-green-1, .bg-green-1-no { color: #FFF; background-color:#2ECC71; } .bg-green-1:hover  { background-color:#27AE60; }
.bg-green-2, .bg-green-2-no { color: #FFF; background-color:#27AE60; } .bg-green-2:hover  { background-color:#2ECC71; }

.bg-mint-1, .bg-mint-1-no { color: #FFF; background-color:#1ABC9C !important; } .bg-mint-1:hover  { background-color:#16A085 !important; }
.bg-mint-2, .bg-mint-2-no { color: #FFF; background-color:#16A085 !important; } .bg-mint-2:hover  { background-color:#1ABC9C !important; }

.bg-white-1, .bg-white-1-no { color: #111; background-color:#ECF0F1; } .bg-white-1:hover  { background-color:#BDC3C7; }
.bg-white-2, .bg-white-2-no { color: #111; background-color:#BDC3C7; } .bg-white-2:hover  { background-color:#ECF0F1; }

.bg-gray-1, .bg-gray-1-no { color: #FFF; background-color:#95A5A6; } .bg-gray-1:hover  { background-color:#7F8C8D; }
.bg-gray-2, .bg-gray-2-no { color: #FFF; background-color:#7F8C8D; } .bg-gray-2:hover  { background-color:#95A5A6; }

.bg-forest-1, .bg-forest-1-no { color: #FFF; background-color:#345F41; } .bg-forest-1:hover  { background-color:#2D5036; }
.bg-forest-2, .bg-forest-2-no { color: #FFF; background-color:#2D5036; } .bg-forest-2:hover  { background-color:#345F41; }

.bg-purple-1, .bg-purple-1-no { color: #FFF; background-color:#745EC5; } .bg-purple-1:hover  { background-color:#5B48A2; }
.bg-purple-2, .bg-purple-2-no { color: #FFF; background-color:#5B48A2; } .bg-purple-2:hover  { background-color:#745EC5; }

.bg-brown-1, .bg-brown-1-no { color: #FFF; background-color:#5E4534; } .bg-brown-1:hover  { background-color:#503B2C; }
.bg-brown-2, .bg-brown-2-no { color: #FFF; background-color:#503B2C; } .bg-brown-2:hover  { background-color:#5E4534; }

.bg-plum-1, .bg-plum-1-no { color: #FFF; background-color:#5E345E; } .bg-plum-1:hover  { background-color:#4F2B4F; }
.bg-plum-2, .bg-plum-2-no { color: #FFF; background-color:#4F2B4F; } .bg-plum-2:hover  { background-color:#5E345E; }

.bg-watermelon-1, .bg-watermelon-1-no { color: #FFF; background-color:#EF717A; } .bg-watermelon-1:hover  { background-color:#D95459; }
.bg-watermelon-2, .bg-watermelon-2-no { color: #FFF; background-color:#D95459; } .bg-watermelon-2:hover  { background-color:#EF717A; }

.bg-lime-1, .bg-lime-1-no { color: #FFF; background-color:#A5C63B; } .bg-lime-1:hover  { background-color:#8EB021; }
.bg-lime-2, .bg-lime-2-no { color: #FFF; background-color:#8EB021; } .bg-lime-2:hover  { background-color:#A5C63B; }
.bg-lime-1-no-i { color: #FFF !important; background-color:#A5C63B !important; }

.bg-pink-1, .bg-pink-1-no { color: #FFF; background-color:#F47CC3; } .bg-pink-1:hover  { background-color:#D45C9E; }
.bg-pink-2, .bg-pink-2-no { color: #FFF; background-color:#D45C9E; } .bg-pink-2:hover  { background-color:#F47CC3; }

.bg-maroon-1, .bg-maroon-1-no { color: #FFF; background-color:#79302A; } .bg-maroon-1:hover  { background-color:#662621; }
.bg-maroon-2, .bg-maroon-2-no { color: #FFF; background-color:#662621; } .bg-maroon-2:hover  { background-color:#79302A; }

.bg-coffe-1, .bg-coffe-1-no { color: #FFF; background-color:#A38671; } .bg-coffe-1:hover  { background-color:#8E7253; }
.bg-coffe-2, .bg-coffe-2-no { color: #FFF; background-color:#8E7253; } .bg-coffe-2:hover  { background-color:#A38671; }

.bg-powder-1, .bg-powder-1-no { color: #FFF; background-color:#B8C9F1; } .bg-powder-1:hover  { background-color:#99ABD5; }
.bg-powder-2, .bg-powder-2-no { color: #FFF; background-color:#99ABD5; } .bg-powder-2:hover  { background-color:#B8C9F1; }

.bg-blue-1, .bg-blue-1-no { color: #FFF; background-color:#5065A1; } .bg-blue-1:hover  { background-color:#394C81; }
.bg-blue-2, .bg-blue-2-no { color: #FFF !important; background-color:#394C81; } .bg-blue-2:hover  { background-color:#5065A1; }

/**
 * Text color Class.
 */

.t-white { color:#fff !important; }

.t-red-1 { color:#E74C3C; } .t-red-1:hover { color:#C0392B; }
.t-red-2 { color:#C0392B; } .t-red-2:hover { color:#E74C3C; }

.t-orange-1 { color:#E67E22; } .t-orange-1:hover { color:#D35400; }
.t-orange-2 { color:#D35400; } .t-orange-2:hover { color:#E67E22; }

.t-yellow-1 { color:#FFCD02; } .t-yellow-1:hover { color:#FFA800; }
.t-yellow-2 { color:#FFA800; } .t-yellow-2:hover { color:#FFCD02; }

.t-sand-1 { color:#F0DEB4; } .t-sand-1:hover  { color:#D5C295; }
.t-sand-2 { color:#D5C295; } .t-sand-2:hover  { color:#F0DEB4; }

.t-navy-1 { color:#34495E; } .t-navy-1:hover  { color:#2C3E50; }
.t-navy-2 { color:#2C3E50; } .t-navy-2:hover  { color:#34495E; }

.t-black-1 { color:#2B2B2B; } .t-black-1:hover  { color:#262626; }
.t-black-2 { color:#262626; } .t-black-2:hover  { color:#2B2B2B; }

.t-magenta-1 { color:#9B59B6; } .t-magenta-1:hover  { color:#8E44AD; }
.t-magenta-2 { color:#8E44AD; } .t-magenta-2:hover  { color:#9B59B6; }

.t-teal-1 { color:#3A6F81; } .t-teal-1:hover  { color:#356272; }
.t-teal-2 { color:#356272; } .t-teal-2:hover  { color:#3A6F81; }

.t-sky-1 { color:#3498DB; } .t-sky-1:hover  { color:#2980B9; }
.t-sky-2 { color:#2980B9; } .t-sky-2:hover  { color:#3498DB; }

.t-green-1 { color:#2ECC71; } .t-green-1:hover  { color:#27AE60; }
.t-green-2 { color:#27AE60; } .t-green-2:hover  { color:#2ECC71; }

.t-mint-1 { color:#1ABC9C; } .t-mint-1:hover  { color:#16A085; }
.t-mint-2 { color:#16A085; } .t-mint-2:hover  { color:#1ABC9C; }

.t-white-1 { color:#ECF0F1; } .t-white-1:hover  { color:#BDC3C7; }
.t-white-2 { color:#BDC3C7; } .t-white-2:hover  { color:#ECF0F1; }

.t-gray-1 { color:#95A5A6; } .t-gray-1:hover  { color:#7F8C8D; }
.t-gray-2 { color:#7F8C8D; } .t-gray-2:hover  { color:#95A5A6; }

.t-forest-1 { color:#345F41; } .t-forest-1:hover  { color:#2D5036; }
.t-forest-2 { color:#2D5036; } .t-forest-2:hover  { color:#345F41; }

.t-purple-1 { color:#745EC5; } .t-purple-1:hover  { color:#5B48A2; }
.t-purple-2 { color:#5B48A2; } .t-purple-2:hover  { color:#745EC5; }

.t-brown-1 { color:#5E4534; } .t-brown-1:hover  { color:#503B2C; }
.t-brown-2 { color:#503B2C; } .t-brown-2:hover  { color:#5E4534; }

.t-plum-1 { color:#5E345E; } .t-plum-1:hover  { color:#4F2B4F; }
.t-plum-2 { color:#4F2B4F; } .t-plum-2:hover  { color:#5E345E; }

.t-watermelon-1 { color:#EF717A; } .t-watermelon-1:hover  { color:#D95459; }
.t-watermelon-2 { color:#D95459; } .t-watermelon-2:hover  { color:#EF717A; }

.t-lime-1 { color:#A5C63B; } .t-lime-1:hover  { color:#8EB021; }
.t-lime-2 { color:#8EB021; } .t-lime-2:hover  { color:#A5C63B; }

.t-pink-1 { color:#F47CC3; } .t-pink-1:hover  { color:#D45C9E; }
.t-pink-2 { color:#D45C9E; } .t-pink-2:hover  { color:#F47CC3; }

.t-maroon-1 { color:#79302A; } .t-maroon-1:hover  { color:#662621; }
.t-maroon-2 { color:#662621; } .t-maroon-2:hover  { color:#79302A; }

.t-coffe-1 { color:#A38671; } .t-coffe-1:hover  { color:#8E7253; }
.t-coffe-2 { color:#8E7253; } .t-coffe-2:hover  { color:#A38671; }

.t-powder-1 { color:#B8C9F1; } .t-powder-1:hover  { color:#99ABD5; }
.t-powder-2 { color:#99ABD5; } .t-powder-2:hover  { color:#B8C9F1; }

.t-blue-1 { color:#5065A1; } .t-blue-1:hover  { color:#394C81; }
.t-blue-2 { color:#394C81; } .t-blue-2:hover  { color:#5065A1; }