@charset "UTF-8";
/*------------------------------------
  Background Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Main Colors */
.g-bg-main {
  background-color: #fff !important; }

/* Main Secondary */
.g-bg-secondary {
  background-color: #fafafa !important; }

/* Primary Colors */
/*
.g-bg-primary {
  background-color: #72c02c !important; }

.g-bg-primary--hover:hover {
  background-color: #72c02c !important; }

.u-block-hover:hover .g-bg-primary--hover {
  background-color: #72c02c; }

.g-parent:hover .g-bg-primary--parent-hover {
  background-color: #72c02c !important; }

.g-bg-primary--active.active,
.active .g-bg-primary--active {
  background-color: #72c02c !important; }

.g-parent.active .g-bg-primary--parent-active {
  background-color: #72c02c !important; }

.g-bg-primary--before::before, .g-bg-primary--after::after {
  background-color: #72c02c !important; }

.g-bg-primary-dark-v1 {
  background-color: #6db82a !important; }

.g-bg-primary-dark-v2 {
  background-color: #66ab27 !important; }

.g-bg-primary-dark-v3 {
  background-color: #599722 !important; }

.g-bg-primary-opacity-0_1 {
  background-color: rgba(114, 192, 44, 0.1) !important; }

.g-bg-primary-opacity-0_2 {
  background-color: rgba(114, 192, 44, 0.2) !important; }

.g-bg-primary-opacity-0_2--hover:hover {
  background-color: rgba(114, 192, 44, 0.2) !important; }

.g-bg-primary-opacity-0_2--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.2) !important; }

.active .g-bg-primary-opacity-0_2--active {
  background-color: rgba(114, 192, 44, 0.2) !important; }

.g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after {
  background-color: rgba(114, 192, 44, 0.2) !important; }

.g-bg-primary-opacity-0_3 {
  background-color: rgba(114, 192, 44, 0.3) !important; }

.g-bg-primary-opacity-0_3--hover:hover {
  background-color: rgba(114, 192, 44, 0.3) !important; }

.g-bg-primary-opacity-0_3--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.3) !important; }

.active .g-bg-primary-opacity-0_3--active {
  background-color: rgba(114, 192, 44, 0.3) !important; }

.g-bg-primary-opacity-0_3--before::before, .g-bg-primary-opacity-0_3--after::after {
  background-color: rgba(114, 192, 44, 0.3) !important; }

.g-bg-primary-opacity-0_4 {
  background-color: rgba(114, 192, 44, 0.4) !important; }

.g-bg-primary-opacity-0_4--hover:hover {
  background-color: rgba(114, 192, 44, 0.4) !important; }

.g-bg-primary-opacity-0_4--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.4) !important; }

.g-bg-primary-opacity-0_4--after::after {
  background-color: rgba(114, 192, 44, 0.4) !important; }

.g-bg-primary-opacity-0_6 {
  background-color: rgba(114, 192, 44, 0.6) !important; }

.g-bg-primary-opacity-0_6--hover:hover {
  background-color: rgba(114, 192, 44, 0.6) !important; }

.g-bg-primary-opacity-0_6--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.6) !important; }

.g-bg-primary-opacity-0_6--after::after {
  background-color: rgba(114, 192, 44, 0.6) !important; }

.g-bg-primary-opacity-0_8 {
  background-color: rgba(114, 192, 44, 0.8) !important; }

.g-bg-primary-opacity-0_8--hover:hover {
  background-color: rgba(114, 192, 44, 0.8) !important; }

.g-bg-primary-opacity-0_8--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important; }

.g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after {
  background-color: rgba(114, 192, 44, 0.8) !important; }

.g-bg-primary-opacity-0_8--before--hover:hover::after, .g-bg-primary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important; }

.g-bg-primary-opacity-0_9 {
  background-color: rgba(114, 192, 44, 0.9) !important; }

.g-bg-primary-opacity-0_9--hover:hover {
  background-color: rgba(114, 192, 44, 0.9) !important; }

.g-bg-primary-opacity-0_9--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.9) !important; }

.g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after {
  background-color: rgba(114, 192, 44, 0.9) !important; }

.g-bg-primary-opacity-0_9--before--hover:hover::after, .g-bg-primary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(114, 192, 44, 0.9) !important; }
*/

/* Black Colors */
.g-bg-black {
  background-color: #000 !important; }

.g-bg-black--hover:hover {
  background-color: #000 !important; }

.g-bg-black--after::after {
  background-color: #000 !important; }

.g-bg-black-opacity-0_1 {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.g-bg-black-opacity-0_1--after::after {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.g-bg-black-opacity-0_2 {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.g-bg-black-opacity-0_2--after::after {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.g-bg-black-opacity-0_3 {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.g-bg-black-opacity-0_3--hover:hover {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.g-bg-black-opacity-0_3--after::after, .g-bg-black-opacity-0_3--before::before {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.g-bg-black-opacity-0_3--hover--after:hover::after {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.g-bg-black-opacity-0_4 {
  background-color: rgba(0, 0, 0, 0.4) !important; }

.g-bg-black-opacity-0_4--after::after {
  background-color: rgba(0, 0, 0, 0.4) !important; }

.g-bg-black-opacity-0_5 {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.g-bg-black-opacity-0_5--hover:hover {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.g-bg-black-opacity-0_5--after::after {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.g-bg-black-opacity-0_6 {
  background-color: rgba(0, 0, 0, 0.6) !important; }

.g-bg-black-opacity-0_6--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.g-bg-black-opacity-0_6--after::after {
  background-color: rgba(0, 0, 0, 0.6) !important; }

.g-bg-black-opacity-0_7 {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.g-bg-black-opacity-0_7--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.g-bg-black-opacity-0_7--after::after {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.g-bg-black-opacity-0_8 {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.g-bg-black-opacity-0_8--after::after {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.g-bg-black-opacity-0_8--hover:hover {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.g-bg-black-opacity-0_9 {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.g-bg-black-opacity-0_9--after::after {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.g-bg-black-opacity-0_9--hover:hover {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.u-block-hover:hover .g-bg-black--hover {
  background-color: #000 !important; }

/* White Colors */
.g-bg-white {
  background-color: #fff !important; }

.g-bg-white--before::before, .g-bg-white--after::after {
  background-color: #fff !important; }

.g-bg-white--hover:hover, .g-bg-white--active.active {
  background-color: #fff !important; }

.g-parent:hover .g-bg-white--parent-hover {
  background-color: #fff !important; }

.g-bg-white--disabled:disabled {
  background-color: #fff !important; }

.g-bg-white--before::before, .g-bg-white--after::after {
  background-color: #fff !important; }

.g-parent:hover .g-bg-white-opacity-0--after--parent-hover::after {
  background-color: rgba(255, 255, 255, 0) !important; }

.g-bg-white-opacity-0_05 {
  background-color: rgba(255, 255, 255, 0.05) !important; }

.g-bg-white-opacity-0_1 {
  background-color: rgba(255, 255, 255, 0.1) !important; }

.g-bg-white-opacity-0_1--after::after {
  background-color: rgba(255, 255, 255, 0.1) !important; }

.g-bg-white-opacity-0_2 {
  background-color: rgba(255, 255, 255, 0.2) !important; }

.g-bg-white-opacity-0_2--hover:hover {
  background-color: rgba(255, 255, 255, 0.2) !important; }

.g-bg-white-opacity-0_3 {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.g-bg-white-opacity-0_3--hover:hover {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.g-bg-white-opacity-0_3--after::after {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.g-bg-white-opacity-0_4 {
  background-color: rgba(255, 255, 255, 0.4) !important; }

.g-bg-white-opacity-0_4--hover:hover {
  background-color: rgba(255, 255, 255, 0.4) !important; }

.g-bg-white-opacity-0_5 {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.g-bg-white-opacity-0_5--after::after {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.g-bg-white-opacity-0_7 {
  background-color: rgba(255, 255, 255, 0.7) !important; }

.g-bg-white-opacity-0_7--hover:hover {
  background-color: rgba(255, 255, 255, 0.7) !important; }

.g-bg-white-opacity-0_7--after::after {
  background-color: rgba(255, 255, 255, 0.7) !important; }

.g-bg-white-opacity-0_8 {
  background-color: rgba(255, 255, 255, 0.8) !important; }

.g-bg-white-opacity-0_8--hover:hover {
  background-color: rgba(255, 255, 255, 0.8) !important; }

.g-bg-white-opacity-0_8--after::after {
  background-color: rgba(255, 255, 255, 0.8) !important; }

.g-bg-white-opacity-0_8--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important; }

.g-bg-white-opacity-0_9 {
  background-color: rgba(255, 255, 255, 0.9) !important; }

.g-bg-white-opacity-0_9--hover:hover {
  background-color: rgba(255, 255, 255, 0.9) !important; }

.g-bg-white-opacity-0_9--after::after {
  background-color: rgba(255, 255, 255, 0.9) !important; }

/* Gray Colors */
.g-bg-gray-dark-v1 {
  background-color: #111 !important; }

.g-bg-gray-dark-v1--hover:hover {
  background-color: #111 !important; }

.g-bg-gray-dark-v2 {
  background-color: #333 !important; }

.g-bg-gray-dark-v2--hover:hover {
  background-color: #333 !important; }

.g-bg-gray-dark-v3 {
  background-color: #555 !important; }

.g-bg-gray-dark-v3--hover:hover {
  background-color: #555 !important; }

.g-bg-gray-dark-v4 {
  background-color: #777 !important; }

.g-bg-gray-dark-v4--hover:hover {
  background-color: #777 !important; }

.g-bg-gray-dark-v5 {
  background-color: #999 !important; }

.g-bg-gray-dark-v5--hover:hover {
  background-color: #999 !important; }

.g-bg-gray-light-v1 {
  background-color: #bbb !important; }

.g-bg-gray-light-v1--hover:hover {
  background-color: #bbb !important; }

.g-bg-gray-light-v2 {
  background-color: #ccc !important; }

.g-bg-gray-light-v2--hover:hover {
  background-color: #ccc !important; }

.g-bg-gray-light-v3 {
  background-color: #ddd !important; }

.g-bg-gray-light-v3--hover:hover {
  background-color: #ddd !important; }

.g-bg-gray-light-v4 {
  background-color: #eee !important; }

.g-bg-gray-light-v4--hover:hover {
  background-color: #eee !important; }

.g-bg-gray-light-v5 {
  background-color: #f7f7f7 !important; }

.g-bg-gray-light-v5--hover:hover {
  background-color: #f7f7f7 !important; }

.g-bg-gray-light-v5--active.active,
.active .g-bg-gray-light-v5--active {
  background-color: #f7f7f7 !important; }

/* Transparent */
.g-bg-transparent {
  background-color: transparent !important; }

.g-bg-transparent--hover:hover {
  background-color: transparent !important; }

.g-bg-transparent--hover--after:hover::after {
  background-color: transparent !important; }

.g-parent:hover .g-bg-transparent--parent-hover {
  background-color: transparent !important; }

/* Complementary Colors
------------------------------------*/
/* Beige Colors */
.g-bg-beige {
  background-color: #e5e1de !important; }

/* Color Green */
.g-bg-green {
  background-color: #72c02c !important; }

.g-bg-green-opacity-0_1 {
  background-color: rgba(114, 192, 44, 0.1) !important; }

.g-bg-green--hover:hover {
  background-color: #72c02c !important; }

/* Color Blue */
.g-bg-blue {
  background-color: #3398dc !important; }

.g-bg-blue-opacity-0_1 {
  background-color: rgba(51, 152, 220, 0.1) !important; }

.g-bg-blue-opacity-0_7 {
  background-color: rgba(51, 152, 220, 0.7) !important; }

.g-bg-blue-opacity-0_9 {
  background-color: rgba(51, 152, 220, 0.9) !important; }

.g-bg-blue--hover:hover {
  background-color: #3398dc !important; }

/* Color Light Blue */
.g-bg-lightblue {
  background-color: #edf2f8 !important; }

.g-bg-lightblue-opacity-0_1 {
  background-color: rgba(237, 242, 248, 0.1) !important; }

.g-bg-lightblue-v1 {
  background-color: #d6e2ee !important; }

.g-bg-lightblue-v1-opacity-0_1 {
  background-color: rgba(214, 226, 238, 0.1) !important; }

/* Color Dark Blue */
.g-bg-darkblue {
  background-color: #009 !important; }

.g-bg-darkblue-opacity-0_1 {
  background-color: rgba(0, 0, 153, 0.1) !important; }

/* Color Indigo */
.g-bg-indigo {
  background-color: #4263a3 !important; }

.g-bg-indigo-opacity-0_1 {
  background-color: rgba(66, 99, 163, 0.1) !important; }

/* Color Red */
.g-bg-red {
  background-color: #f00 !important; }

.g-bg-red-opacity-0_1 {
  background-color: rgba(255, 0, 0, 0.1) !important; }

.g-bg-red-opacity-0_2 {
  background-color: rgba(255, 0, 0, 0.2) !important; }

.g-bg-red-opacity-0_5 {
  background-color: rgba(255, 0, 0, 0.5) !important; }

.g-bg-red-opacity-0_8 {
  background-color: rgba(255, 0, 0, 0.8) !important; }

.g-bg-red--hover:hover {
  background-color: #f00 !important; }

/* Color Light Red */
.g-bg-lightred {
  background-color: #e64b3b !important; }

.g-bg-lightred-opacity-0_1 {
  background-color: rgba(230, 75, 59, 0.1) !important; }

.g-bg-lightred--hover:hover {
  background-color: #e64b3b !important; }

/* Color Dark Red */
.g-bg-darkred {
  background-color: #a10f2b !important; }

.g-bg-darkred-opacity-0_1 {
  background-color: rgba(161, 15, 43, 0.1) !important; }

/* Color Purple */
.g-bg-purple {
  background-color: #9a69cb !important; }

.g-bg-purple-opacity-0_1 {
  background-color: rgba(154, 105, 203, 0.1) !important; }

.g-bg-purple-opacity-0_7 {
  background-color: rgba(154, 105, 203, 0.7) !important; }

.g-bg-purple-opacity-0_9 {
  background-color: rgba(154, 105, 203, 0.9) !important; }

.g-bg-purple-opacity-0_9--after::after {
  background-color: rgba(154, 105, 203, 0.9) !important; }

.g-bg-purple--hover:hover {
  background-color: #9a69cb !important; }

/* Color Dark Purple */
.g-bg-darkpurple {
  background-color: #6639b6 !important; }

.g-bg-darkpurple-opacity-0_1 {
  background-color: rgba(102, 57, 182, 0.1) !important; }

/* Color Pink */
.g-bg-pink {
  background-color: #e81c62 !important; }

.g-bg-pink-opacity-0_1 {
  background-color: rgba(232, 28, 98, 0.1) !important; }

.g-bg-pink-opacity-0_9 {
  background-color: rgba(232, 28, 98, 0.9) !important; }

.g-bg-pink--hover:hover {
  background-color: #e81c62 !important; }

.g-bg-pink--before::after, .g-bg-pink--after::after {
  background-color: #e81c62 !important; }

.g-bg-pink--before--hover:hover::after, .g-bg-pink--after--hover:hover::after {
  background-color: #e81c62 !important; }

/* Color Orange */
.g-bg-orange {
  background-color: #e57d20 !important; }

.g-bg-orange-opacity-0_1 {
  background-color: rgba(229, 125, 32, 0.1) !important; }

.g-bg-orange-opacity-0_2 {
  background-color: rgba(229, 125, 32, 0.2) !important; }

.g-bg-orange--hover:hover {
  background-color: #e57d20 !important; }

/* Color Deep Orange */
.g-bg-deeporange {
  background-color: #fe541e !important; }

.g-bg-deeporange-opacity-0_1 {
  background-color: rgba(254, 84, 30, 0.1) !important; }

.g-bg-deeporange--hover:hover {
  background-color: #fe541e !important; }

/* Color Yellow */
.g-bg-yellow {
  background-color: #ebc71d !important; }

.g-bg-yellow-opacity-0_1 {
  background-color: rgba(235, 199, 29, 0.1) !important; }

.g-bg-yellow-opacity-0_7 {
  background: rgba(235, 199, 29, 0.7) !important; }

.g-bg-yellow--hover:hover {
  background-color: #ebc71d !important; }

/* Color Aqua */
.g-bg-aqua {
  background-color: #29d6e6 !important; }

.g-bg-aqua-opacity-0_1 {
  background-color: rgba(41, 214, 230, 0.1) !important; }

.g-bg-aqua-opacity-0_9 {
  background-color: rgba(41, 214, 230, 0.9) !important; }

.g-bg-aqua--hover:hover {
  background-color: #29d6e6 !important; }

/* Color Cyan */
.g-bg-cyan {
  background-color: #00bed6 !important; }

.g-bg-cyan-opacity-0_1 {
  background-color: rgba(0, 190, 214, 0.1) !important; }

.g-bg-cyan-opacity-0_9 {
  background-color: rgba(0, 190, 214, 0.9) !important; }

.g-bg-cyan-opacity-0_9--after::after {
  background-color: rgba(0, 190, 214, 0.9) !important; }

.g-bg-cyan--hover:hover {
  background-color: #00bed6 !important; }

/* Color Teal */
.g-bg-teal {
  background-color: #18ba9b !important; }

.g-bg-teal-opacity-0_1 {
  background-color: rgba(24, 186, 155, 0.1) !important; }

.g-bg-teal-opacity-0_9 {
  background-color: rgba(24, 186, 155, 0.9) !important; }

.g-bg-teal-opacity-0_9--after::after {
  background-color: rgba(24, 186, 155, 0.9) !important; }

.g-bg-teal--hover:hover {
  background-color: #18ba9b !important; }

/* Color Brown */
.g-bg-brown {
  background-color: #9c8061 !important; }

.g-bg-brown-opacity-0_1 {
  background-color: rgba(156, 128, 97, 0.1) !important; }

.g-bg-brown--hover:hover {
  background-color: #9c8061 !important; }

/* Color Blue Gray */
.g-bg-bluegray {
  background-color: #585f69 !important; }

.g-bg-bluegray-opacity-0_1 {
  background-color: rgba(88, 95, 105, 0.1) !important; }

.g-bg-bluegray-opacity-0_2--before::before, .g-bg-bluegray-opacity-0_2--after::after {
  background-color: rgba(88, 95, 105, 0.2) !important; }

.g-bg-bluegray-opacity-0_3--before::before, .g-bg-bluegray-opacity-0_3--after::after {
  background-color: rgba(88, 95, 105, 0.3) !important; }

.g-bg-bluegray-opacity-0_5, .g-bg-bluegray-opacity-0_5--after::after {
  background-color: rgba(88, 95, 105, 0.5) !important; }

.g-bg-bluegray-opacity-0_7 {
  background-color: rgba(88, 95, 105, 0.7) !important; }

.g-bg-bluegray--hover:hover {
  background-color: #585f69 !important; }