Current Path : /var/www/www-root/data/webdav/www.catalog.monolith-realty.ru/bitrix/templates/landing24/ |
Current File : /var/www/www-root/data/webdav/www.catalog.monolith-realty.ru/bitrix/templates/landing24/theme.css |
/* !!!!!!!!!!!!!!! DO NOT EDIT THIS FILE MANUALLY! Must recompile it from Unify repository See http://docs.bx/R&D/bitrix_dev/modules/landing/theme !!!!!!!!!!!!!!! */ /*------------------------------------ Default Styles ------------------------------------*/ body { color: var(--theme-color-main); background-color: #fff; } body::after { pointer-events: none; content: ""; display: block; height: 100%; width: 100%; position: fixed; background: transparent; z-index: 9999; transition: background 0.4s ease; } a { color: var(--primary); outline: none; } a:focus, a:hover { color: var(--primary-darken-2); } span[style] > a, font[color] > a { color: inherit; } .nav-link { color: var(--theme-color-main); } .nav-link:focus, .nav-link:hover { color: var(--theme-color-main); } figure { margin-bottom: 0; } /*------------------------------------ Headings ------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 { color: var(--theme-color-title); line-height: 1.4; } .h1.g-line-height-0, .h2.g-line-height-0, .h3.g-line-height-0, .h4.g-line-height-0, .h5.g-line-height-0, .h6.g-line-height-0, .h7.g-line-height-0, h1.g-line-height-0, h2.g-line-height-0, h3.g-line-height-0, h4.g-line-height-0, h5.g-line-height-0, h6.g-line-height-0 { line-height: 1.4 !important; } .h7 { font-size: 0.75rem; } /*------------------------------------ Highlight Color ------------------------------------*/ ::selection { color: #fff; background-color: var(--primary); } .g-bg-primary ::selection { color: var(--primary); background-color: #fff; } /*------------------------------------ Globals ------------------------------------*/ /* Text */ .g-word-break { word-wrap: break-word; } .g-flex-grow-0 { flex-grow: 0; } /* Puller */ .g-pull-50x-up { -webkit-transform: translateY(-51%); transform: translateY(-51%); } .g-pull-50x-bottom { -webkit-transform: translateY(51%); transform: translateY(51%); } .g-pull-50x-left { -webkit-transform: translateX(-51%); transform: translateX(-51%); } .g-pull-50x-right { -webkit-transform: translateX(51%); transform: translateX(51%); } /* Link overlay */ /*------------------------------------ Background Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Main Colors */ .g-bg-main { background-color: #fff !important; } .g-bg-main--hover:hover { background-color: #fff !important; } .g-bg-main--after::after { background-color: #fff !important; } .g-bg-main--before::before { background-color: #fff !important; } /* Main Secondary */ .g-bg-secondary { background-color: #fafafa !important; } .g-bg-secondary--hover:hover { background-color: #fafafa !important; } .g-bg-secondary--after::after { background-color: #fafafa !important; } .g-bg-secondary--before::before { background-color: #fafafa !important; } /* Primary Colors */ .g-bg-primary { background-color: var(--primary) !important; } .g-bg-primary--hover:hover { background-color: var(--primary) !important; } .u-block-hover:hover .g-bg-primary--hover { background-color: var(--primary); } .g-parent:hover .g-bg-primary--parent-hover { background-color: var(--primary) !important; } .g-bg-primary--active.active, .active .g-bg-primary--active { background-color: var(--primary) !important; } .g-parent.active .g-bg-primary--parent-active { background-color: var(--primary) !important; } .g-bg-primary--before::before, .g-bg-primary--after::after { background-color: var(--primary) !important; } .g-bg-primary-dark-v1 { background-color: var(--primary-darken-1) !important; } .g-bg-primary-dark-v1--hover:hover { background-color: var(--primary-darken-1) !important; } .g-bg-primary-dark-v2 { background-color: var(--primary-darken-2) !important; } .g-bg-primary-dark-v2--hover:hover { background-color: var(--primary-darken-2) !important; } .g-bg-primary-dark-v3 { background-color: var(--primary-darken-3) !important; } .g-bg-primary-dark-v3--hover:hover { background-color: var(--primary-darken-3) !important; } .g-bg-primary-opacity-0_1 { background-color: var(--primary-opacity-0_1) !important; } .g-bg-primary-opacity-0_1--hover:hover { background-color: var(--primary-opacity-0_1) !important; } .g-bg-primary-opacity-0_1--before::before { background-color: var(--primary-opacity-0_1) !important; } .g-bg-primary-opacity-0_2 { background-color: var(--primary-opacity-0_2) !important; } .g-bg-primary-opacity-0_2--hover:hover { background-color: var(--primary-opacity-0_2) !important; } .g-bg-primary-opacity-0_2--hover--after:hover::after { background-color: var(--primary-opacity-0_2) !important; } .active .g-bg-primary-opacity-0_2--active { background-color: var(--primary-opacity-0_2) !important; } .g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after { background-color: var(--primary-opacity-0_2) !important; } .g-bg-primary-opacity-0_3 { background-color: var(--primary-opacity-0_3) !important; } .g-bg-primary-opacity-0_3--hover:hover { background-color: var(--primary-opacity-0_3) !important; } .g-bg-primary-opacity-0_3--hover--after:hover::after { background-color: var(--primary-opacity-0_3) !important; } .active .g-bg-primary-opacity-0_3--active { background-color: var(--primary-opacity-0_3) !important; } .g-bg-primary-opacity-0_3--before::before, .g-bg-primary-opacity-0_3--after::after { background-color: var(--primary-opacity-0_3) !important; } .g-bg-primary-opacity-0_4 { background-color: var(--primary-opacity-0_4) !important; } .g-bg-primary-opacity-0_4--hover:hover { background-color: var(--primary-opacity-0_4) !important; } .g-bg-primary-opacity-0_4--hover--after:hover::after { background-color: var(--primary-opacity-0_4) !important; } .g-bg-primary-opacity-0_4--after::after { background-color: var(--primary-opacity-0_4) !important; } .g-bg-primary-opacity-0_4--before::before { background-color: var(--primary-opacity-0_4) !important; } .g-bg-primary-opacity-0_6 { background-color: var(--primary-opacity-0_6) !important; } .g-bg-primary-opacity-0_6--hover:hover { background-color: var(--primary-opacity-0_6) !important; } .g-bg-primary-opacity-0_6--hover--after:hover::after { background-color: var(--primary-opacity-0_6) !important; } .g-bg-primary-opacity-0_6--after::after { background-color: var(--primary-opacity-0_6) !important; } .g-bg-primary-opacity-0_6--before::before { background-color: var(--primary-opacity-0_6) !important; } .g-bg-primary-opacity-0_8 { background-color: var(--primary-opacity-0_8) !important; } .g-bg-primary-opacity-0_8--hover:hover { background-color: var(--primary-opacity-0_8) !important; } .g-bg-primary-opacity-0_8--hover--after:hover::after { background-color: var(--primary-opacity-0_8) !important; } .g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after { background-color: var(--primary-opacity-0_8) !important; } .g-bg-primary-opacity-0_8--before::before, .g-bg-primary-opacity-0_8--after::before { background-color: var(--primary-opacity-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: var(--primary-opacity-0_8) !important; } .g-bg-primary-opacity-0_9 { background-color: var(--primary-opacity-0_9) !important; } .g-bg-primary-opacity-0_9--hover:hover { background-color: var(--primary-opacity-0_9) !important; } .g-bg-primary-opacity-0_9--hover--after:hover::after { background-color: var(--primary-opacity-0_9) !important; } .g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after { background-color: var(--primary-opacity-0_9) !important; } .g-bg-primary-opacity-0_9--before::before, .g-bg-primary-opacity-0_9--after::before { background-color: var(--primary-opacity-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: var(--primary-opacity-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--before::before { 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--hover:hover { 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_1--before::before { 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--hover:hover { 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_2--before::before { 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 { background-color: rgba(0, 0, 0, 0.3) !important; } .g-bg-black-opacity-0_3--before::before { 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--hover:hover { 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_4--before::before { 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_5--before::before { 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.6) !important; } .g-bg-black-opacity-0_6--after::after { background-color: rgba(0, 0, 0, 0.6) !important; } .g-bg-black-opacity-0_6--before::before { 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_7--before::before { 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--hover:hover { 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--before::before { 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--hover:hover { 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--before::before { 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--hover:hover { background-color: #fff !important; } .g-bg-white--after::after { background-color: #fff !important; } .g-bg-white--before::before { background-color: #fff !important; } .g-parent:hover .g-bg-white--parent-hover { 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--hover:hover { 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_1--before::before { 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_2--after::after { background-color: rgba(255, 255, 255, 0.2) !important; } .g-bg-white-opacity-0_2--before::before { 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_3--before::before { 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_4--after::after { background-color: rgba(255, 255, 255, 0.4) !important; } .g-bg-white-opacity-0_4--before::before { 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--hover:hover { 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_5--before::before { background-color: rgba(255, 255, 255, 0.5) !important; } .g-bg-white-opacity-0_6 { background-color: rgba(255, 255, 255, 0.6) !important; } .g-bg-white-opacity-0_6--hover:hover { background-color: rgba(255, 255, 255, 0.6) !important; } .g-bg-white-opacity-0_6--after::after { background-color: rgba(255, 255, 255, 0.6) !important; } .g-bg-white-opacity-0_6--before::before { background-color: rgba(255, 255, 255, 0.6) !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_7--before::before { 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--before::before { background-color: rgba(255, 255, 255, 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; } .g-bg-white-opacity-0_9--before::before { 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-v1--after::after { background-color: #111 !important; } .g-bg-gray-dark-v1--before::before { 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-v2--after::after { background-color: #333 !important; } .g-bg-gray-dark-v2--before::before { 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-v3--after::after { background-color: #555 !important; } .g-bg-gray-dark-v3--before::before { 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-v4--after::after { background-color: #777 !important; } .g-bg-gray-dark-v4--before::before { 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-dark-v5--after::after { background-color: #999 !important; } .g-bg-gray-dark-v5--before::before { 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-v1--after::after { background-color: #bbb !important; } .g-bg-gray-light-v1--before::before { 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-v2--after::after { background-color: #ccc !important; } .g-bg-gray-light-v2--before::before { 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-v3--after::after { background-color: #ddd !important; } .g-bg-gray-light-v3--before::before { 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-v4--after::after { background-color: #eee !important; } .g-bg-gray-light-v4--before::before { 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--after::after { background-color: #f7f7f7 !important; } .g-bg-gray-light-v5--before::before { background-color: #f7f7f7 !important; } /* Transparent */ .g-bg-transparent { background-color: transparent !important; } .g-bg-transparent--hover:hover { background-color: transparent !important; } .g-bg-transparent--after::after { background-color: transparent !important; } .g-bg-transparent--before::before { background-color: transparent !important; } /* Complementary Colors ------------------------------------*/ /* Beige Colors */ .g-bg-beige { background-color: #e5e1de !important; } .g-bg-beige--hover:hover { background-color: #e5e1de !important; } .g-bg-beige--after::after { background-color: #e5e1de !important; } .g-bg-beige--before::before { background-color: #e5e1de !important; } /* Color Green */ .g-bg-green { background-color: #72c02c !important; } .g-bg-green--hover:hover { background-color: #72c02c !important; } .g-bg-green--after::after { background-color: #72c02c !important; } .g-bg-green--before::before { background-color: #72c02c !important; } .g-bg-green-opacity-0_1 { background-color: rgba(114, 192, 44, 0.1) !important; } .g-bg-green-opacity-0_1--hover:hover { background-color: rgba(114, 192, 44, 0.1) !important; } .g-bg-green-opacity-0_1--after::after { background-color: rgba(114, 192, 44, 0.1) !important; } .g-bg-green-opacity-0_1--before::before { background-color: rgba(114, 192, 44, 0.1) !important; } .g-bg-green-opacity-0_3 { background-color: rgba(114, 192, 44, 0.3) !important; } .g-bg-green-opacity-0_3--hover:hover { background-color: rgba(114, 192, 44, 0.3) !important; } .g-bg-green-opacity-0_3--after::after { background-color: rgba(114, 192, 44, 0.3) !important; } .g-bg-green-opacity-0_3--before::before { background-color: rgba(114, 192, 44, 0.3) !important; } .g-bg-green-opacity-0_5 { background-color: rgba(114, 192, 44, 0.5) !important; } .g-bg-green-opacity-0_5--hover:hover { background-color: rgba(114, 192, 44, 0.5) !important; } .g-bg-green-opacity-0_5--after::after { background-color: rgba(114, 192, 44, 0.5) !important; } .g-bg-green-opacity-0_5--before::before { background-color: rgba(114, 192, 44, 0.5) !important; } .g-bg-green-opacity-0_7 { background-color: rgba(114, 192, 44, 0.7) !important; } .g-bg-green-opacity-0_7--hover:hover { background-color: rgba(114, 192, 44, 0.7) !important; } .g-bg-green-opacity-0_7--after::after { background-color: rgba(114, 192, 44, 0.7) !important; } .g-bg-green-opacity-0_7--before::before { background-color: rgba(114, 192, 44, 0.7) !important; } /* Color Blue */ .g-bg-blue { background-color: #3398dc !important; } .g-bg-blue--hover:hover { background-color: #3398dc !important; } .g-bg-blue--after::after { background-color: #3398dc !important; } .g-bg-blue--before::before { background-color: #3398dc !important; } .g-bg-blue-opacity-0_1 { background-color: rgba(51, 152, 220, 0.1) !important; } .g-bg-blue-opacity-0_1--hover:hover { background-color: rgba(51, 152, 220, 0.1) !important; } .g-bg-blue-opacity-0_1--after::after { background-color: rgba(51, 152, 220, 0.1) !important; } .g-bg-blue-opacity-0_1--before::before { background-color: rgba(51, 152, 220, 0.1) !important; } .g-bg-blue-opacity-0_3 { background-color: rgba(51, 152, 220, 0.3) !important; } .g-bg-blue-opacity-0_3--hover:hover { background-color: rgba(51, 152, 220, 0.3) !important; } .g-bg-blue-opacity-0_3--after::after { background-color: rgba(51, 152, 220, 0.3) !important; } .g-bg-blue-opacity-0_3--before::before { background-color: rgba(51, 152, 220, 0.3) !important; } .g-bg-blue-opacity-0_5 { background-color: rgba(51, 152, 220, 0.5) !important; } .g-bg-blue-opacity-0_5--hover:hover { background-color: rgba(51, 152, 220, 0.5) !important; } .g-bg-blue-opacity-0_5--after::after { background-color: rgba(51, 152, 220, 0.5) !important; } .g-bg-blue-opacity-0_5--before::before { background-color: rgba(51, 152, 220, 0.5) !important; } .g-bg-blue-opacity-0_7 { background-color: rgba(51, 152, 220, 0.7) !important; } .g-bg-blue-opacity-0_7--hover:hover { background-color: rgba(51, 152, 220, 0.7) !important; } .g-bg-blue-opacity-0_7--after::after { background-color: rgba(51, 152, 220, 0.7) !important; } .g-bg-blue-opacity-0_7--before::before { 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-opacity-0_9--hover:hover { background-color: rgba(51, 152, 220, 0.9) !important; } .g-bg-blue-opacity-0_9--after::after { background-color: rgba(51, 152, 220, 0.9) !important; } .g-bg-blue-opacity-0_9--before::before { background-color: rgba(51, 152, 220, 0.9) !important; } /* Color Light Blue */ .g-bg-lightblue { background-color: #edf2f8 !important; } .g-bg-lightblue--hover:hover { background-color: #edf2f8 !important; } .g-bg-lightblue--after::after { background-color: #edf2f8 !important; } .g-bg-lightblue--before::before { background-color: #edf2f8 !important; } .g-bg-lightblue-opacity-0_1 { background-color: rgba(237, 242, 248, 0.1) !important; } .g-bg-lightblue-opacity-0_1--hover:hover { background-color: rgba(237, 242, 248, 0.1) !important; } .g-bg-lightblue-opacity-0_1--after::after { background-color: rgba(237, 242, 248, 0.1) !important; } .g-bg-lightblue-opacity-0_1--before::before { background-color: rgba(237, 242, 248, 0.1) !important; } .g-bg-lightblue-v1 { background-color: #d6e2ee !important; } .g-bg-lightblue-v1--hover:hover { background-color: #d6e2ee !important; } .g-bg-lightblue-v1--after::after { background-color: #d6e2ee !important; } .g-bg-lightblue-v1--before::before { background-color: #d6e2ee !important; } .g-bg-lightblue-v1-opacity-0_1 { background-color: rgba(214, 226, 238, 0.1) !important; } .g-bg-lightblue-v1-opacity-0_1--hover:hover { background-color: rgba(214, 226, 238, 0.1) !important; } .g-bg-lightblue-v1-opacity-0_1--after::after { background-color: rgba(214, 226, 238, 0.1) !important; } .g-bg-lightblue-v1-opacity-0_1--before::before { background-color: rgba(214, 226, 238, 0.1) !important; } /* Color Dark Blue */ .g-bg-darkblue { background-color: #009 !important; } .g-bg-darkblue { background-color: #009 !important; } .g-bg-darkblue--hover:hover { background-color: #009 !important; } .g-bg-darkblue--after::after { background-color: #009 !important; } .g-bg-darkblue--before::before { background-color: #009 !important; } .g-bg-darkblue-opacity-0_1 { background-color: rgba(0, 0, 153, 0.1) !important; } .g-bg-darkblue-opacity-0_1--hover:hover { background-color: rgba(0, 0, 153, 0.1) !important; } .g-bg-darkblue-opacity-0_1--after::after { background-color: rgba(0, 0, 153, 0.1) !important; } .g-bg-darkblue-opacity-0_1--before::before { background-color: rgba(0, 0, 153, 0.1) !important; } .g-bg-darkblue-opacity-0_7 { background-color: rgba(0, 0, 153, 0.7) !important; } .g-bg-darkblue-opacity-0_7--hover:hover { background-color: rgba(0, 0, 153, 0.7) !important; } .g-bg-darkblue-opacity-0_7--after::after { background-color: rgba(0, 0, 153, 0.7) !important; } .g-bg-darkblue-opacity-0_7--before::before { background-color: rgba(0, 0, 153, 0.7) !important; } .g-bg-darkblue-opacity-0_3--after::after { background-color: rgba(22, 26, 39, 0.3) !important; } .g-bg-darkblue-opacity-0_5--after::after { background-color: rgba(22, 26, 39, 0.5) !important; } .g-bg-darkblue-opacity-0_7--after::after { background-color: rgba(22, 26, 39, 0.7) !important; } /* Color Indigo */ .g-bg-indigo { background-color: #4263a3 !important; } .g-bg-indigo--hover:hover { background-color: #4263a3 !important; } .g-bg-indigo--after::after { background-color: #4263a3 !important; } .g-bg-indigo--before::before { background-color: #4263a3 !important; } .g-bg-indigo-opacity-0_1 { background-color: rgba(66, 99, 163, 0.1) !important; } .g-bg-indigo-opacity-0_1--hover:hover { background-color: rgba(66, 99, 163, 0.1) !important; } .g-bg-indigo-opacity-0_1--after::after { background-color: rgba(66, 99, 163, 0.1) !important; } .g-bg-indigo-opacity-0_1--before::before { background-color: rgba(66, 99, 163, 0.1) !important; } /* Color Red */ .g-bg-red { background-color: #f00 !important; } .g-bg-red--hover:hover { background-color: #f00 !important; } .g-bg-red--after::after { background-color: #f00 !important; } .g-bg-red--before::before { background-color: #f00 !important; } .g-bg-red-opacity-0_1 { background-color: rgba(255, 0, 0, 0.1) !important; } .g-bg-red-opacity-0_1--hover:hover { background-color: rgba(255, 0, 0, 0.1) !important; } .g-bg-red-opacity-0_1--after::after { background-color: rgba(255, 0, 0, 0.1) !important; } .g-bg-red-opacity-0_1--before::before { 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_2--hover:hover { background-color: rgba(255, 0, 0, 0.2) !important; } .g-bg-red-opacity-0_2--after::after { background-color: rgba(255, 0, 0, 0.2) !important; } .g-bg-red-opacity-0_2--before::before { background-color: rgba(255, 0, 0, 0.2) !important; } .g-bg-red-opacity-0_3 { background-color: rgba(255, 0, 0, 0.3) !important; } .g-bg-red-opacity-0_3--hover:hover { background-color: rgba(255, 0, 0, 0.3) !important; } .g-bg-red-opacity-0_3--after::after { background-color: rgba(255, 0, 0, 0.3) !important; } .g-bg-red-opacity-0_3--before::before { background-color: rgba(255, 0, 0, 0.3) !important; } .g-bg-red-opacity-0_5 { background-color: rgba(255, 0, 0, 0.5) !important; } .g-bg-red-opacity-0_5--hover:hover { background-color: rgba(255, 0, 0, 0.5) !important; } .g-bg-red-opacity-0_5--after::after { background-color: rgba(255, 0, 0, 0.5) !important; } .g-bg-red-opacity-0_5--before::before { background-color: rgba(255, 0, 0, 0.5) !important; } .g-bg-red-opacity-0_7 { background-color: rgba(255, 0, 0, 0.7) !important; } .g-bg-red-opacity-0_7--hover:hover { background-color: rgba(255, 0, 0, 0.7) !important; } .g-bg-red-opacity-0_7--after::after { background-color: rgba(255, 0, 0, 0.7) !important; } .g-bg-red-opacity-0_7--before::before { background-color: rgba(255, 0, 0, 0.7) !important; } .g-bg-red-opacity-0_8 { background-color: rgba(255, 0, 0, 0.8) !important; } .g-bg-red-opacity-0_8--hover:hover { background-color: rgba(255, 0, 0, 0.8) !important; } .g-bg-red-opacity-0_8--after::after { background-color: rgba(255, 0, 0, 0.8) !important; } .g-bg-red-opacity-0_8--before::before { background-color: rgba(255, 0, 0, 0.8) !important; } /* Color Light Red */ .g-bg-lightred { background-color: #e64b3b !important; } .g-bg-lightred--hover:hover { background-color: #e64b3b !important; } .g-bg-lightred--after::after { background-color: #e64b3b !important; } .g-bg-lightred--before::before { background-color: #e64b3b !important; } .g-bg-lightred-opacity-0_1 { background-color: rgba(230, 75, 59, 0.1) !important; } .g-bg-lightred-opacity-0_1--hover:hover { background-color: rgba(230, 75, 59, 0.1) !important; } .g-bg-lightred-opacity-0_1--after::after { background-color: rgba(230, 75, 59, 0.1) !important; } .g-bg-lightred-opacity-0_1--before::before { background-color: rgba(230, 75, 59, 0.1) !important; } /* Color Dark Red */ .g-bg-darkred { background-color: #a10f2b !important; } .g-bg-darkred--hover:hover { background-color: #a10f2b !important; } .g-bg-darkred--after::after { background-color: #a10f2b !important; } .g-bg-darkred--before::before { background-color: #a10f2b !important; } .g-bg-darkred-opacity-0_1 { background-color: rgba(161, 15, 43, 0.1) !important; } .g-bg-darkred-opacity-0_1--hover:hover { background-color: rgba(161, 15, 43, 0.1) !important; } .g-bg-darkred-opacity-0_1--after::after { background-color: rgba(161, 15, 43, 0.1) !important; } .g-bg-darkred-opacity-0_1--before::before { background-color: rgba(161, 15, 43, 0.1) !important; } /* Color Purple */ .g-bg-purple { background-color: #9a69cb !important; } .g-bg-purple--hover:hover { background-color: #9a69cb !important; } .g-bg-purple--after::after { background-color: #9a69cb !important; } .g-bg-purple--before::before { background-color: #9a69cb !important; } .g-bg-purple-opacity-0_1 { background-color: rgba(154, 105, 203, 0.1) !important; } .g-bg-purple-opacity-0_1--hover:hover { background-color: rgba(154, 105, 203, 0.1) !important; } .g-bg-purple-opacity-0_1--after::after { background-color: rgba(154, 105, 203, 0.1) !important; } .g-bg-purple-opacity-0_1--before::before { background-color: rgba(154, 105, 203, 0.1) !important; } .g-bg-purple-opacity-0_3 { background-color: rgba(154, 105, 203, 0.3) !important; } .g-bg-purple-opacity-0_3--hover:hover { background-color: rgba(154, 105, 203, 0.3) !important; } .g-bg-purple-opacity-0_3--after::after { background-color: rgba(154, 105, 203, 0.3) !important; } .g-bg-purple-opacity-0_3--before::before { background-color: rgba(154, 105, 203, 0.3) !important; } .g-bg-purple-opacity-0_5 { background-color: rgba(154, 105, 203, 0.5) !important; } .g-bg-purple-opacity-0_5--hover:hover { background-color: rgba(154, 105, 203, 0.5) !important; } .g-bg-purple-opacity-0_5--after::after { background-color: rgba(154, 105, 203, 0.5) !important; } .g-bg-purple-opacity-0_5--before::before { background-color: rgba(154, 105, 203, 0.5) !important; } .g-bg-purple-opacity-0_7 { background-color: rgba(154, 105, 203, 0.7) !important; } .g-bg-purple-opacity-0_7--hover:hover { background-color: rgba(154, 105, 203, 0.7) !important; } .g-bg-purple-opacity-0_7--after::after { background-color: rgba(154, 105, 203, 0.7) !important; } .g-bg-purple-opacity-0_7--before::before { 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--hover:hover { 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-opacity-0_9--before::before { background-color: rgba(154, 105, 203, 0.9) !important; } /* Color Dark Purple */ .g-bg-darkpurple { background-color: #6639b6 !important; } .g-bg-darkpurple--hover:hover { background-color: #6639b6 !important; } .g-bg-darkpurple--after::after { background-color: #6639b6 !important; } .g-bg-darkpurple--before::before { background-color: #6639b6 !important; } .g-bg-darkpurple-opacity-0_1 { background-color: rgba(102, 57, 182, 0.1) !important; } .g-bg-darkpurple-opacity-0_1--hover:hover { background-color: rgba(102, 57, 182, 0.1) !important; } .g-bg-darkpurple-opacity-0_1--after::after { background-color: rgba(102, 57, 182, 0.1) !important; } .g-bg-darkpurple-opacity-0_1--before::before { background-color: rgba(102, 57, 182, 0.1) !important; } .g-bg-darkpurple-opacity-0_3 { background-color: rgba(102, 57, 182, 0.3) !important; } .g-bg-darkpurple-opacity-0_3--hover:hover { background-color: rgba(102, 57, 182, 0.3) !important; } .g-bg-darkpurple-opacity-0_3--after::after { background-color: rgba(102, 57, 182, 0.3) !important; } .g-bg-darkpurple-opacity-0_3--before::before { background-color: rgba(102, 57, 182, 0.3) !important; } .g-bg-darkpurple-opacity-0_5 { background-color: rgba(102, 57, 182, 0.5) !important; } .g-bg-darkpurple-opacity-0_5--hover:hover { background-color: rgba(102, 57, 182, 0.5) !important; } .g-bg-darkpurple-opacity-0_5--after::after { background-color: rgba(102, 57, 182, 0.5) !important; } .g-bg-darkpurple-opacity-0_5--before::before { background-color: rgba(102, 57, 182, 0.5) !important; } .g-bg-darkpurple-opacity-0_7 { background-color: rgba(102, 57, 182, 0.7) !important; } .g-bg-darkpurple-opacity-0_7--hover:hover { background-color: rgba(102, 57, 182, 0.7) !important; } .g-bg-darkpurple-opacity-0_7--after::after { background-color: rgba(102, 57, 182, 0.7) !important; } .g-bg-darkpurple-opacity-0_7--before::before { background-color: rgba(102, 57, 182, 0.7) !important; } /* Color Pink */ .g-bg-pink { background-color: #e81c62 !important; } .g-bg-pink--hover:hover { background-color: #e81c62 !important; } .g-bg-pink--after::after { background-color: #e81c62 !important; } .g-bg-pink--before::before { background-color: #e81c62 !important; } .g-bg-pink-opacity-0_1 { background-color: rgba(232, 28, 98, 0.1) !important; } .g-bg-pink-opacity-0_1--hover:hover { background-color: rgba(232, 28, 98, 0.1) !important; } .g-bg-pink-opacity-0_1--after::after { background-color: rgba(232, 28, 98, 0.1) !important; } .g-bg-pink-opacity-0_1--before::before { 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-opacity-0_9--hover:hover { background-color: rgba(232, 28, 98, 0.9) !important; } .g-bg-pink-opacity-0_9--after::after { background-color: rgba(232, 28, 98, 0.9) !important; } .g-bg-pink-opacity-0_9--before::before { background-color: rgba(232, 28, 98, 0.9) !important; } /* Color Orange */ .g-bg-orange { background-color: #e57d20 !important; } .g-bg-orange--hover:hover { background-color: #e57d20 !important; } .g-bg-orange--after::after { background-color: #e57d20 !important; } .g-bg-orange--before::before { background-color: #e57d20 !important; } .g-bg-orange-opacity-0_1 { background-color: rgba(229, 125, 32, 0.1) !important; } .g-bg-orange-opacity-0_1--hover:hover { background-color: rgba(229, 125, 32, 0.1) !important; } .g-bg-orange-opacity-0_1--after::after { background-color: rgba(229, 125, 32, 0.1) !important; } .g-bg-orange-opacity-0_1--before::before { 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-opacity-0_2--hover:hover { background-color: rgba(229, 125, 32, 0.2) !important; } .g-bg-orange-opacity-0_2--after::after { background-color: rgba(229, 125, 32, 0.2) !important; } .g-bg-orange-opacity-0_2--before::before { background-color: rgba(229, 125, 32, 0.2) !important; } /* Color Deep Orange */ .g-bg-deeporange { background-color: #fe541e !important; } .g-bg-deeporange--hover:hover { background-color: #fe541e !important; } .g-bg-deeporange--after::after { background-color: #fe541e !important; } .g-bg-deeporange--before::before { background-color: #fe541e !important; } .g-bg-deeporange-opacity-0_1 { background-color: rgba(254, 84, 30, 0.1) !important; } .g-bg-deeporange-opacity-0_1--hover:hover { background-color: rgba(254, 84, 30, 0.1) !important; } .g-bg-deeporange-opacity-0_1--after::after { background-color: rgba(254, 84, 30, 0.1) !important; } .g-bg-deeporange-opacity-0_1--before::before { background-color: rgba(254, 84, 30, 0.1) !important; } /* Color Yellow */ .g-bg-yellow { background-color: #ebc71d !important; } .g-bg-yellow--hover:hover { background-color: #ebc71d !important; } .g-bg-yellow--after::after { background-color: #ebc71d !important; } .g-bg-yellow--before::before { background-color: #ebc71d !important; } .g-bg-yellow-opacity-0_1 { background-color: rgba(235, 199, 29, 0.1) !important; } .g-bg-yellow-opacity-0_1--hover:hover { background-color: rgba(235, 199, 29, 0.1) !important; } .g-bg-yellow-opacity-0_1--after::after { background-color: rgba(235, 199, 29, 0.1) !important; } .g-bg-yellow-opacity-0_1--before::before { background-color: rgba(235, 199, 29, 0.1) !important; } .g-bg-yellow-opacity-0_3 { background-color: rgba(235, 199, 29, 0.3) !important; } .g-bg-yellow-opacity-0_3--hover:hover { background-color: rgba(235, 199, 29, 0.3) !important; } .g-bg-yellow-opacity-0_3--after::after { background-color: rgba(235, 199, 29, 0.3) !important; } .g-bg-yellow-opacity-0_3--before::before { background-color: rgba(235, 199, 29, 0.3) !important; } .g-bg-yellow-opacity-0_5 { background-color: rgba(235, 199, 29, 0.5) !important; } .g-bg-yellow-opacity-0_5--hover:hover { background-color: rgba(235, 199, 29, 0.5) !important; } .g-bg-yellow-opacity-0_5--after::after { background-color: rgba(235, 199, 29, 0.5) !important; } .g-bg-yellow-opacity-0_5--before::before { background-color: rgba(235, 199, 29, 0.5) !important; } .g-bg-yellow-opacity-0_7 { background-color: rgba(235, 199, 29, 0.7) !important; } .g-bg-yellow-opacity-0_7--hover:hover { background-color: rgba(235, 199, 29, 0.7) !important; } .g-bg-yellow-opacity-0_7--after::after { background-color: rgba(235, 199, 29, 0.7) !important; } .g-bg-yellow-opacity-0_7--before::before { background-color: rgba(235, 199, 29, 0.7) !important; } /* Color Aqua */ .g-bg-aqua { background-color: #29d6e6 !important; } .g-bg-aqua--hover:hover { background-color: #29d6e6 !important; } .g-bg-aqua--after::after { background-color: #29d6e6 !important; } .g-bg-aqua--before::before { background-color: #29d6e6 !important; } .g-bg-aqua-opacity-0_1 { background-color: rgba(41, 214, 230, 0.1) !important; } .g-bg-aqua-opacity-0_1--hover:hover { background-color: rgba(41, 214, 230, 0.1) !important; } .g-bg-aqua-opacity-0_1--after::after { background-color: rgba(41, 214, 230, 0.1) !important; } .g-bg-aqua-opacity-0_1--before::before { 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-opacity-0_9--hover:hover { background-color: rgba(41, 214, 230, 0.9) !important; } .g-bg-aqua-opacity-0_9--after::after { background-color: rgba(41, 214, 230, 0.9) !important; } .g-bg-aqua-opacity-0_9--before::before { background-color: rgba(41, 214, 230, 0.9) !important; } /* Color Cyan */ .g-bg-cyan { background-color: #00bed6 !important; } .g-bg-cyan--hover:hover { background-color: #00bed6 !important; } .g-bg-cyan--after::after { background-color: #00bed6 !important; } .g-bg-cyan--before::before { background-color: #00bed6 !important; } .g-bg-cyan-opacity-0_1 { background-color: rgba(0, 190, 214, 0.1) !important; } .g-bg-cyan-opacity-0_1--hover:hover { background-color: rgba(0, 190, 214, 0.1) !important; } .g-bg-cyan-opacity-0_1--after::after { background-color: rgba(0, 190, 214, 0.1) !important; } .g-bg-cyan-opacity-0_1--before::before { background-color: rgba(0, 190, 214, 0.1) !important; } .g-bg-cyan-opacity-0_3 { background-color: rgba(0, 190, 214, 0.3) !important; } .g-bg-cyan-opacity-0_3--hover:hover { background-color: rgba(0, 190, 214, 0.3) !important; } .g-bg-cyan-opacity-0_3--after::after { background-color: rgba(0, 190, 214, 0.3) !important; } .g-bg-cyan-opacity-0_3--before::before { background-color: rgba(0, 190, 214, 0.3) !important; } .g-bg-cyan-opacity-0_5 { background-color: rgba(0, 190, 214, 0.5) !important; } .g-bg-cyan-opacity-0_5--hover:hover { background-color: rgba(0, 190, 214, 0.5) !important; } .g-bg-cyan-opacity-0_5--after::after { background-color: rgba(0, 190, 214, 0.5) !important; } .g-bg-cyan-opacity-0_5--before::before { background-color: rgba(0, 190, 214, 0.5) !important; } .g-bg-cyan-opacity-0_7 { background-color: rgba(0, 190, 214, 0.7) !important; } .g-bg-cyan-opacity-0_7--hover:hover { background-color: rgba(0, 190, 214, 0.7) !important; } .g-bg-cyan-opacity-0_7--after::after { background-color: rgba(0, 190, 214, 0.7) !important; } .g-bg-cyan-opacity-0_7--before::before { background-color: rgba(0, 190, 214, 0.7) !important; } .g-bg-cyan-opacity-0_9 { background-color: rgba(0, 190, 214, 0.9) !important; } .g-bg-cyan-opacity-0_9--hover:hover { 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-opacity-0_9--before::before { background-color: rgba(0, 190, 214, 0.9) !important; } /* Color Teal */ .g-bg-teal { background-color: #18ba9b !important; } .g-bg-teal--hover:hover { background-color: #18ba9b !important; } .g-bg-teal--after::after { background-color: #18ba9b !important; } .g-bg-teal--before::before { background-color: #18ba9b !important; } .g-bg-teal-opacity-0_1 { background-color: rgba(24, 186, 155, 0.1) !important; } .g-bg-teal-opacity-0_1--hover:hover { background-color: rgba(24, 186, 155, 0.1) !important; } .g-bg-teal-opacity-0_1--after::after { background-color: rgba(24, 186, 155, 0.1) !important; } .g-bg-teal-opacity-0_1--before::before { background-color: rgba(24, 186, 155, 0.1) !important; } .g-bg-teal-opacity-0_3 { background-color: rgba(24, 186, 155, 0.3) !important; } .g-bg-teal-opacity-0_3--hover:hover { background-color: rgba(24, 186, 155, 0.3) !important; } .g-bg-teal-opacity-0_3--after::after { background-color: rgba(24, 186, 155, 0.3) !important; } .g-bg-teal-opacity-0_3--before::before { background-color: rgba(24, 186, 155, 0.3) !important; } .g-bg-teal-opacity-0_5 { background-color: rgba(24, 186, 155, 0.5) !important; } .g-bg-teal-opacity-0_5--hover:hover { background-color: rgba(24, 186, 155, 0.5) !important; } .g-bg-teal-opacity-0_5--after::after { background-color: rgba(24, 186, 155, 0.5) !important; } .g-bg-teal-opacity-0_5--before::before { background-color: rgba(24, 186, 155, 0.5) !important; } .g-bg-teal-opacity-0_7 { background-color: rgba(24, 186, 155, 0.7) !important; } .g-bg-teal-opacity-0_7--hover:hover { background-color: rgba(24, 186, 155, 0.7) !important; } .g-bg-teal-opacity-0_7--after::after { background-color: rgba(24, 186, 155, 0.7) !important; } .g-bg-teal-opacity-0_7--before::before { background-color: rgba(24, 186, 155, 0.7) !important; } .g-bg-teal-opacity-0_9 { background-color: rgba(24, 186, 155, 0.9) !important; } .g-bg-teal-opacity-0_9--hover:hover { 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-opacity-0_9--before::before { background-color: rgba(24, 186, 155, 0.9) !important; } /* Color Brown */ .g-bg-brown { background-color: #9c8061 !important; } .g-bg-brown--hover:hover { background-color: #9c8061 !important; } .g-bg-brown--after::after { background-color: #9c8061 !important; } .g-bg-brown--before::before { background-color: #9c8061 !important; } .g-bg-brown-opacity-0_1 { background-color: rgba(156, 128, 97, 0.1) !important; } .g-bg-brown-opacity-0_1--hover:hover { background-color: rgba(156, 128, 97, 0.1) !important; } .g-bg-brown-opacity-0_1--after::after { background-color: rgba(156, 128, 97, 0.1) !important; } .g-bg-brown-opacity-0_1--before::before { background-color: rgba(156, 128, 97, 0.1) !important; } /* Color Blue Gray */ .g-bg-bluegray { background-color: #585f69 !important; } .g-bg-bluegray--hover:hover { background-color: #585f69 !important; } .g-bg-bluegray--after::after { background-color: #585f69 !important; } .g-bg-bluegray--before::before { background-color: #585f69 !important; } .g-bg-bluegray-opacity-0_1 { background-color: rgba(88, 95, 105, 0.1) !important; } .g-bg-bluegray-opacity-0_1--hover:hover { background-color: rgba(88, 95, 105, 0.1) !important; } .g-bg-bluegray-opacity-0_1--after::after { background-color: rgba(88, 95, 105, 0.1) !important; } .g-bg-bluegray-opacity-0_1--before::before { background-color: rgba(88, 95, 105, 0.1) !important; } .g-bg-bluegray-opacity-0_2 { background-color: rgba(88, 95, 105, 0.2) !important; } .g-bg-bluegray-opacity-0_2--hover:hover { background-color: rgba(88, 95, 105, 0.2) !important; } .g-bg-bluegray-opacity-0_2--after::after { background-color: rgba(88, 95, 105, 0.2) !important; } .g-bg-bluegray-opacity-0_2--before::before { background-color: rgba(88, 95, 105, 0.2) !important; } .g-bg-bluegray-opacity-0_3 { background-color: rgba(88, 95, 105, 0.3) !important; } .g-bg-bluegray-opacity-0_3--hover:hover { background-color: rgba(88, 95, 105, 0.3) !important; } .g-bg-bluegray-opacity-0_3--after::after { background-color: rgba(88, 95, 105, 0.3) !important; } .g-bg-bluegray-opacity-0_3--before::before { background-color: rgba(88, 95, 105, 0.3) !important; } .g-bg-bluegray-opacity-0_5 { background-color: rgba(88, 95, 105, 0.5) !important; } .g-bg-bluegray-opacity-0_5--hover:hover { background-color: rgba(88, 95, 105, 0.5) !important; } .g-bg-bluegray-opacity-0_5--after::after { background-color: rgba(88, 95, 105, 0.5) !important; } .g-bg-bluegray-opacity-0_5--before::before { 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-opacity-0_7--hover:hover { background-color: rgba(88, 95, 105, 0.7) !important; } .g-bg-bluegray-opacity-0_7--after::after { background-color: rgba(88, 95, 105, 0.7) !important; } .g-bg-bluegray-opacity-0_7--before::before { background-color: rgba(88, 95, 105, 0.7) !important; } .g-grayscale-100x { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; -webkit-filter: grayscale(100%); } .g-parent:hover .g-grayscale-0--parent-hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); } .g-grayscale-0--hover:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); } @media (min-width: 576px) { .g-bg-transparent--sm { background-color: transparent !important; } } @media (min-width: 992px) { .g-bg-transparent--lg { background-color: transparent !important; } } /*------------------------------------ Background Gradient Colors ------------------------------------*/ /* Simple Linear Gradients ------------------------------------*/ /* Gray Light v1 */ .g-bg-gray-light-gradient-v1--after::after { background: linear-gradient(to bottom, rgba(247, 247, 247, 0.5), #f7f7f7); } /* White v1 */ .g-bg-white-gradient-v1--after::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)); } /* Linear Gradients ------------------------------------*/ /* Gray Gradient */ .g-bg-gray-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(180deg, #fff, #dbdbdb); } /* Blue Pink Gradient */ .g-bg-bluepink-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(50deg, hsl(205, 62%, 44%), #f62d51); } /* Blue Gradient */ .g-bg-blue-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(0deg, #73bec7, #4e66b0); } .g-bg-blue-lineargradient-v2 { background-repeat: repeat-x; background-image: linear-gradient(225deg, #429edc, #00629e); } .g-bg-blue-lineargradient-v3 { background-repeat: repeat-x; background-image: linear-gradient(225deg, #3266a2, #98cfbf); } .g-bg-blue-lineargradient-v4 { background-repeat: repeat-x; background-image: linear-gradient(225deg, #5b85df, #3ec2e3); } .g-bg-blue-lineargradient-v5 { background-repeat: repeat-x; background-image: linear-gradient(225deg, #0050c2, #5180fa); } /* Orange Gradient */ .g-bg-orange-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #be1715, #ed6d0f); } .g-bg-orange-lineargradient-v2 { background-repeat: repeat-x; background-image: linear-gradient(225deg, #f5cd21, #c22821); } /* Yellow Gradient */ .g-bg-yellow-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #f59b00, #f5d400); } /* Dark Purple Gradient */ .g-bg-darkpurple-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #0b011d, #330c3c); } /* Blue Gray Gradient */ .g-bg-bluegray-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #1d253c, #3e4757); } /* Pink Gradient */ .g-bg-pink-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #b6003b, #ed1261); } /* Pink-v2 Gradient */ .g-bg-pink-lineargradient-v2 { background-image: linear-gradient(to right top, #fc7279 10%, #ff7b9c 65%, #ffc019 125%); background-repeat: no-repeat; } /* Red Gradient */ .g-bg-red-lineargradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #d70417, #9f041b); } /* Black Gradient */ .g-bg-black-gradient-opacity-v1, .g-bg-black-gradient-opacity-v1--after::after { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); background-repeat: repeat-x; } /* Green Gradient */ .g-bg-green-gradient-opacity-v1, .g-bg-green-gradient-opacity-v1--after::after { background-image: linear-gradient(to bottom, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%); background-repeat: repeat-x; } /* Purple Gradient */ .g-bg-purple-gradient-opacity-v1, .g-bg-purple-gradient-opacity-v1--after::after { background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(154, 105, 203, 0.8) 100%); background-repeat: repeat-x; } /* Pink Light Gradient */ .g-bg-pink-gradient-opacity-v1, .g-bg-pink-gradient-opacity-v1--after::after { background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(232, 28, 98, 0.8) 100%); background-repeat: repeat-x; } /* Cyan Gradient */ .g-bg-cyan-gradient-opacity-v1, .g-bg-cyan-gradient-opacity-v1--after::after { background-image: linear-gradient(to bottom, rgba(0, 0, 153, 0.5) 0%, rgba(0, 190, 214, 0.6) 100%); background-repeat: repeat-x; } /* Purple Gradient */ .g-bg-purple-gradient-opacity-v1, .g-bg-purple-gradient-opacity-v1--after::after { background-repeat: repeat-x; background-image: linear-gradient(150deg, #b7ebf6, rgba(228, 97, 210, 0.7)); } /* Primary Gradient */ .g-bg-primary-gradient-opacity-v1, .g-bg-primary-gradient-opacity-v1--after::after { background-repeat: repeat-x; background-image: linear-gradient(150deg, #72c02c, rgba(51, 152, 220, 0.7)); } /* Gray Gradient */ .g-bg-gray-gradient-opacity-v1, .g-bg-gray-gradient-opacity-v1--after::after { background-image: linear-gradient(to top, #f7f7f7 0%, white 100%); background-repeat: repeat-x; } /* White Gradient */ .g-bg-white-gradient-opacity-v1, .g-bg-white-gradient-opacity-v1--after::after { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } /* White Gradient */ .g-bg-white-gradient-opacity-v2, .g-bg-white-gradient-opacity-v2--after::after { background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.1) 100%); background-repeat: repeat-x; } /* White Gradient */ .g-bg-white-gradient-opacity-v3, .g-bg-white-gradient-opacity-v3--after::after { background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0.3) 100%); background-repeat: repeat-x; } /* White Gradient */ .g-bg-white-gradient-opacity-v4, .g-bg-white-gradient-opacity-v4--after::after { background-image: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0.3) 100%); background-repeat: repeat-x; } /* White Gradient */ .g-bg-white-gradient-opacity-v5, .g-bg-white-gradient-opacity-v5--after::after { background-image: linear-gradient(to right, white 47%, rgba(255, 255, 255, 0) 75%); background-repeat: repeat-x; } /* Bluegray Gradient */ .g-bg-bluegray-gradient-opacity-v1, .g-bg-bluegray-gradient-opacity-v1--after::after { background-image: linear-gradient(to top, rgba(88, 95, 105, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } /* Bluegray Gradient */ .g-bg-bluegray-gradient-opacity-v2, .g-bg-bluegray-gradient-opacity-v2--after::after { background-image: linear-gradient(to top, rgba(88, 95, 105, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } /* Bluegray Gradient */ .g-bg-bluegray-gradient-opacity-v3, .g-bg-bluegray-gradient-opacity-v3--after::after { background-repeat: repeat-x; background-image: linear-gradient(150deg, rgba(107, 125, 224, 0.85), #2a2734); } /* Radial Gradients (Ellipse) ------------------------------------*/ /* Lightblue Gradient */ .g-bg-lightblue-radialgradient-ellipse { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #d6e2ee); background-repeat: no-repeat; } /* Gray Gradient */ .g-bg-gray-radialgradient-ellipse { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb); background-repeat: no-repeat; } /* Gray Gradient */ .g-bg-graylight-radialgradient-ellipse { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee); background-repeat: no-repeat; } /* Radial Gradients (Circle) ------------------------------------*/ /* Lightblue Gradient */ .g-bg-lightblue-radialgradient-circle { background-image: radial-gradient(circle farthest-corner at 75% 95%, #fff, #d6e2ee); background-repeat: no-repeat; } /* Blue Gradient */ .g-bg-blue-radialgradient-circle { background-image: radial-gradient(circle farthest-side at 50% 50%, #2294d7, #275296); background-repeat: no-repeat; } /* Dark Gray Gradient */ .g-bg-darkgray-radialgradient-circle { background-image: radial-gradient(circle farthest-side at 110% 0, #596070, #31353e); background-repeat: no-repeat; } .g-bg-blue-radialgradient-circle-endless { background-image: repeating-radial-gradient(circle at 50% 50%, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px); } .g-bg-gray-verticalstripes-endless { background: repeating-linear-gradient(to bottom, #fff, #fff 5px, #eee 5px, #eee 10px); } .g-bg { background: transparent !important; background: var(--bg) !important; } .g-bg--hover:hover { background: transparent !important; background: var(--bg-hover) !important; } .g-bg--after::after { background: transparent !important; background: var(--bg--after) !important; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .g-bg--before::before { background: transparent !important; background: var(--bg--before) !important; } .g-bg-image { background: linear-gradient(to bottom, var(--bg-overlay), var(--bg-overlay)), -webkit-image-set(var(--bg-url) 1x, var(--bg-url-2x) 2x) center/var(--bg-size) var(--bg-attachment); } /*------------------------------------ Background Attachment ------------------------------------*/ .g-bg-attachment-fixed { background-attachment: scroll; } @media (min-width: 768px) { .g-bg-attachment-fixed { background-attachment: fixed; background-position: center; } } .g-bg-attachment-scroll { background-attachment: scroll; } /*------------------------------------ Social Background Colors ------------------------------------*/ /* Facebook */ .g-bg-facebook { background-color: #3b5998 !important; } .u-block-hover:hover .g-bg-facebook--hover { background-color: #344e86 !important; } .g-bg-facebook--hover:hover { background-color: #344e86 !important; } /* Twitter */ .g-bg-twitter { background-color: #00acee !important; } .u-block-hover:hover .g-bg-twitter--hover { background-color: #009ad5 !important; } .g-bg-twitter--hover:hover { background-color: #009ad5 !important; } /* Skype */ .g-bg-skype { background-color: #00aff0 !important; } .u-block-hover:hover .g-bg-skype--hover { background-color: #009cd7 !important; } .g-bg-skype--hover:hover { background-color: #009cd7 !important; } /* Pinterest */ .g-bg-pinterest { background-color: #c8232c !important; } .u-block-hover:hover .g-bg-pinterest--hover { background-color: #b21f27 !important; } .g-bg-pinterest--hover:hover { background-color: #b21f27 !important; } /* Vine */ .g-bg-vine { background-color: #00bf8f !important; } .u-block-hover:hover .g-bg-vine--hover { background-color: #00a67c !important; } .g-bg-vine--hover:hover { background-color: #00a67c !important; } /* Youtube */ .g-bg-youtube { background-color: #c4302b !important; } .u-block-hover:hover .g-bg-youtube--hover { background-color: #af2b26 !important; } .g-bg-youtube--hover:hover { background-color: #af2b26 !important; } /* Google plus */ .g-bg-google-plus { background-color: #dd4b39 !important; } .u-block-hover:hover .g-bg-google-plus--hover { background-color: #d73925 !important; } .g-bg-google-plus--hover:hover { background-color: #d73925 !important; } /* Dribbble */ .g-bg-dribbble { background-color: #ea4c89 !important; } .u-block-hover:hover .g-bg-dribbble--hover { background-color: #e7357a !important; } .g-bg-dribbble--hover:hover { background-color: #e7357a !important; } /* VK */ .g-bg-vk { background-color: #2b587a !important; } .u-block-hover:hover .g-bg-vk--hover { background-color: #244a67 !important; } .g-bg-vk--hover:hover { background-color: #244a67 !important; } /* Linkedin */ .g-bg-linkedin { background-color: #0e76a8 !important; } .u-block-hover:hover .g-bg-linkedin--hover { background-color: #0c6590 !important; } .g-bg-linkedin--hover:hover { background-color: #0c6590 !important; } /* odnoklassniki */ .g-bg-odnoklassniki { background-color: #ee8208 !important; } .u-block-hover:hover .g-bg-odnoklassniki--hover { background-color: #d57507 !important; } .g-bg-odnoklassniki--hover:hover { background-color: #d57507 !important; } /* telegram */ .g-bg-telegram { background-color: #0088cc !important; } .u-block-hover:hover .g-bg-telegram--hover { background-color: #0077b3 !important; } .g-bg-telegram--hover:hover { background-color: #0077b3 !important; } /* whatsapp */ .g-bg-whatsapp { background-color: #25D366 !important; } .u-block-hover:hover .g-bg-whatsapp--hover { background-color: #21bd5c !important; } .g-bg-whatsapp--hover:hover { background-color: #21bd5c !important; } /* viber */ .g-bg-viber { background-color: #7360f2 !important; } .u-block-hover:hover .g-bg-viber--hover { background-color: #5e48f0 !important; } .g-bg-viber--hover:hover { background-color: #5e48f0 !important; } /* Instagram */ .g-bg-instagram { background: radial-gradient(circle farthest-corner at 32% 120%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); } .u-block-hover:hover .g-bg-instagram--hover { background: radial-gradient(circle farthest-corner at 32% 120%, #ffdb64 0%, #ffc550 10%, #f9831e 28%, #e92a2a 42%, transparent 82%), linear-gradient(135deg, #1f43c1 12%, #b036ab 58%); } .g-bg-instagram--hover:hover { background: radial-gradient(circle farthest-corner at 32% 120%, #ffdb64 0%, #ffc550 10%, #f9831e 28%, #e92a2a 42%, transparent 82%), linear-gradient(135deg, #1f43c1 12%, #b036ab 58%); background-color: rgb(195, 60, 190); } .g-bg-facebook-messenger { background: linear-gradient(0deg, #006AFF 10%, #00B2FF 90%); } .g-bg-facebook-messenger--hover:hover { background: linear-gradient(0deg, #005fe6 10%, #00a0e6 90%); } .g-bg-flickr { background-color: #0063DC !important; } .u-block-hover:hover .g-bg-flickr--hover { background-color: #0058c3 !important; } .g-bg-flickr--hover:hover { background-color: #0058c3 !important; } .g-bg-renren { background-color: #00569E !important; } .u-block-hover:hover .g-bg-renren--hover { background-color: #004885 !important; } .g-bg-renren--hover:hover { background-color: #004885 !important; } .g-bg-soundcloud { background-color: #FE5000 !important; } .u-block-hover:hover .g-bg-soundcloud--hover { background-color: #e54800 !important; } .g-bg-soundcloud--hover:hover { background-color: #e54800 !important; } .g-bg-tumblr { background-color: #35465c !important; } .u-block-hover:hover .g-bg-tumblr--hover { background-color: #2c3a4c !important; } .g-bg-tumblr--hover:hover { background-color: #2c3a4c !important; } .g-bg-discord { background-color: #5865F2 !important; } .u-block-hover:hover .g-bg-discord--hover { background-color: #2c3a4c !important; } .g-bg-discord--hover:hover { background-color: #2c3a4c !important; } .g-bg-twitch { background-color: #6441A4 !important; } .u-block-hover:hover .g-bg-twitch--hover { background-color: #593a92 !important; } .g-bg-twitch--hover:hover { background-color: #593a92 !important; } .g-bg-snapchat { background-color: #F0E031 !important; } .u-block-hover:hover .g-bg-snapchat--hover { background-color: #eedc19 !important; } .g-bg-snapchat--hover:hover { background-color: #eedc19 !important; } .g-bg-rocket-chat { background-color: #6441A4 !important; } .u-block-hover:hover .g-bg-rocket-chat--hover { background-color: #593a92 !important; } .g-bg-rocket-chat--hover:hover { background-color: #593a92 !important; } .g-bg-wechat { background-color: #7BB32E !important; } .u-block-hover:hover .g-bg-wechat--hover { background-color: #6d9f29 !important; } .g-bg-wechat--hover:hover { background-color: #6d9f29 !important; } /*------------------------------------ Covers ------------------------------------*/ .g-bg-cover { position: relative; } .g-bg-cover::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .g-bg-cover-v1::after { position: absolute; top: 0.35714rem; right: 0.35714rem; bottom: 0.35714rem; left: 0.35714rem; } .g-bg-cover__inner { z-index: 1; position: relative; } /*------------------------------------ Background Image Style ------------------------------------*/ .g-bg-img-hero { background-size: cover; background-repeat: no-repeat; background-position: center; } /*------------------------------------ Background Patterns ------------------------------------*/ .g-bg-pattern-gray-v1 { background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/patterns/pattern1.png); } .g-bg-pattern-green-v1 { background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/patterns/pattern2.png); } .g-bg-pattern-dark-v1 { background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/patterns/pattern3.png); } /*------------------------------------ Background Position ------------------------------------*/ .g-bg-pos-center { background-position: center; } .g-bg-pos-left-center { background-position: left center; } .g-bg-pos-top-center { background-position: top center; } .g-bg-pos-bottom-center { background-position: bottom center; } /*------------------------------------ Background Repeat ------------------------------------*/ .g-bg-no-repeat { background-repeat: no-repeat; } /*------------------------------------ Background Size ------------------------------------*/ .g-bg-size-contain { background-size: contain !important; } .g-bg-size-contain-no-repeat { background-size: contain !important; background-repeat: no-repeat; } .g-bg-size-cover { background-size: cover !important; } .g-bg-size-100x { background-size: 100% !important; } .g-bg-size-100x--hover:hover { background-size: 100% !important; } .g-parent:hover .g-bg-size-100x--parent-hover { background-size: 100% !important; } .g-bg-size-120x { background-size: 120% !important; } .g-bg-size-120x--hover { background-size: 120% !important; } .g-parent:hover .g-bg-size-120x--parent-hover { background-size: 120% !important; } .g-bg-repeat { background-repeat: repeat !important; background-size: auto !important; } /*------------------------------------ Like a Background Size for images ------------------------------------*/ .g-object-fit-cover { -o-object-fit: cover; object-fit: cover; } .g-object-fit-contain { -o-object-fit: contain; object-fit: contain; } .g-object-fit-none { -o-object-fit: none; object-fit: none; } /*------------------------------------ Fill Colors ------------------------------------*/ /*------------------------------------ Fill Colors First and Second ------------------------------------*/ /* Primary Colors */ .g-fill-primary--first::before, .g-fill-primary--second::after, .g-fill-primary--first .fill-first, .g-fill-primary--second .fill-second { fill: var(--primary) !important; } .g-fill-primary-dark-v1--first::before, .g-fill-primary-dark-v1--second::after, .g-fill-primary-dark-v1--first .fill-first, .g-fill-primary-dark-v1--second .fill-second { fill: var(--primary-darken-1) !important; } .g-fill-primary-dark-v2--first::before, .g-fill-primary-dark-v2--second::after, .g-fill-primary-dark-v2--first .fill-first, .g-fill-primary-dark-v2--second .fill-second { fill: var(--primary-darken-2) !important; } .g-fill-primary-dark-v3--first::before, .g-fill-primary-dark-v3--second::after, .g-fill-primary-dark-v3--first .fill-first, .g-fill-primary-dark-v3--second .fill-second { fill: var(--primary-darken-3) !important; } .g-fill-primary-opacity-0_1--first::before, .g-fill-primary-opacity-0_1--second::after, .g-fill-primary-opacity-0_1--first .fill-first, .g-fill-primary-opacity-0_1--second .fill-second { fill: var(--primary-opacity-0_1) !important; } .g-fill-primary-opacity-0_2--first::before, .g-fill-primary-opacity-0_2--second::after, .g-fill-primary-opacity-0_2--first .fill-first, .g-fill-primary-opacity-0_2--second .fill-second { fill: var(--primary-opacity-0_2) !important; } .g-fill-primary-opacity-0_3--first::before, .g-fill-primary-opacity-0_3--second::after, .g-fill-primary-opacity-0_3--first .fill-first, .g-fill-primary-opacity-0_3--second .fill-second { fill: var(--primary-opacity-0_3) !important; } .g-fill-primary-opacity-0_4--first::before, .g-fill-primary-opacity-0_4--second::after, .g-fill-primary-opacity-0_4--first .fill-first, .g-fill-primary-opacity-0_4--second .fill-second { fill: var(--primary-opacity-0_4) !important; } .g-fill-primary-opacity-0_6--first::before, .g-fill-primary-opacity-0_6--second::after, .g-fill-primary-opacity-0_6--first .fill-first, .g-fill-primary-opacity-0_6--second .fill-second { fill: var(--primary-opacity-0_6) !important; } .g-fill-primary-opacity-0_8--first::before, .g-fill-primary-opacity-0_8--second::after, .g-fill-primary-opacity-0_8--first .fill-first, .g-fill-primary-opacity-0_8--second .fill-second { fill: var(--primary-opacity-0_8) !important; } .g-fill-primary-opacity-0_9--first::before, .g-fill-primary-opacity-0_9--second::after, .g-fill-primary-opacity-0_9--first .fill-first, .g-fill-primary-opacity-0_9--second .fill-second { fill: var(--primary-opacity-0_9) !important; } /* Main and secondary colors */ .g-fill-main--first::before, .g-fill-main--second::after, .g-fill-main--first .fill-first, .g-fill-main--second .fill-second { fill: #fff !important; } .g-fill-secondary--first::before, .g-fill-secondary--second::after, .g-fill-secondary--first .fill-first, .g-fill-secondary--second .fill-second { fill: #fafafa !important; } /* Basic colors */ .g-fill-black--first::before, .g-fill-black--second::after, .g-fill-black--first .fill-first, .g-fill-black--second .fill-second { fill: #000 !important; } .g-fill-black-opacity-0_1--first::before, .g-fill-black-opacity-0_1--second::after, .g-fill-black-opacity-0_1--first .fill-first, .g-fill-black-opacity-0_1--second .fill-second { fill: rgba(0, 0, 0, 0.1) !important; } .g-fill-black-opacity-0_2--first::before, .g-fill-black-opacity-0_2--second::after, .g-fill-black-opacity-0_2--first .fill-first, .g-fill-black-opacity-0_2--second .fill-second { fill: rgba(0, 0, 0, 0.2) !important; } .g-fill-black-opacity-0_3--first::before, .g-fill-black-opacity-0_3--second::after, .g-fill-black-opacity-0_3--first .fill-first, .g-fill-black-opacity-0_3--second .fill-second { fill: rgba(0, 0, 0, 0.3) !important; } .g-fill-black-opacity-0_4--first::before, .g-fill-black-opacity-0_4--second::after, .g-fill-black-opacity-0_4--first .fill-first, .g-fill-black-opacity-0_4--second .fill-second { fill: rgba(0, 0, 0, 0.4) !important; } .g-fill-black-opacity-0_5--first::before, .g-fill-black-opacity-0_5--second::after, .g-fill-black-opacity-0_5--first .fill-first, .g-fill-black-opacity-0_5--second .fill-second { fill: rgba(0, 0, 0, 0.5) !important; } .g-fill-black-opacity-0_6--first::before, .g-fill-black-opacity-0_6--second::after, .g-fill-black-opacity-0_6--first .fill-first, .g-fill-black-opacity-0_6--second .fill-second { fill: rgba(0, 0, 0, 0.6) !important; } .g-fill-black-opacity-0_7--first::before, .g-fill-black-opacity-0_7--second::after, .g-fill-black-opacity-0_7--first .fill-first, .g-fill-black-opacity-0_7--second .fill-second { fill: rgba(0, 0, 0, 0.7) !important; } .g-fill-black-opacity-0_8--first::before, .g-fill-black-opacity-0_8--second::after, .g-fill-black-opacity-0_8--first .fill-first, .g-fill-black-opacity-0_8--second .fill-second { fill: rgba(0, 0, 0, 0.8) !important; } .g-fill-black-opacity-0_9--first::before, .g-fill-black-opacity-0_9--second::after, .g-fill-black-opacity-0_9--first .fill-first, .g-fill-black-opacity-0_9--second .fill-second { fill: rgba(0, 0, 0, 0.9) !important; } .g-fill-white--first::before, .g-fill-white--second::after, .g-fill-white--first .fill-first, .g-fill-white--second .fill-second { fill: #fff !important; } .g-fill-white-opacity-0_1--first::before, .g-fill-white-opacity-0_1--second::after, .g-fill-white-opacity-0_1--first .fill-first, .g-fill-white-opacity-0_1--second .fill-second { fill: rgba(255, 255, 255, 0.1) !important; } .g-fill-white-opacity-0_2--first::before, .g-fill-white-opacity-0_2--second::after, .g-fill-white-opacity-0_2--first .fill-first, .g-fill-white-opacity-0_2--second .fill-second { fill: rgba(255, 255, 255, 0.2) !important; } .g-fill-white-opacity-0_3--first::before, .g-fill-white-opacity-0_3--second::after, .g-fill-white-opacity-0_3--first .fill-first, .g-fill-white-opacity-0_3--second .fill-second { fill: rgba(255, 255, 255, 0.3) !important; } .g-fill-white-opacity-0_4--first::before, .g-fill-white-opacity-0_4--second::after, .g-fill-white-opacity-0_4--first .fill-first, .g-fill-white-opacity-0_4--second .fill-second { fill: rgba(255, 255, 255, 0.4) !important; } .g-fill-white-opacity-0_5--first::before, .g-fill-white-opacity-0_5--second::after, .g-fill-white-opacity-0_5--first .fill-first, .g-fill-white-opacity-0_5--second .fill-second { fill: rgba(255, 255, 255, 0.5) !important; } .g-fill-white-opacity-0_6--first::before, .g-fill-white-opacity-0_6--second::after, .g-fill-white-opacity-0_6--first .fill-first, .g-fill-white-opacity-0_6--second .fill-second { fill: rgba(255, 255, 255, 0.6) !important; } .g-fill-white-opacity-0_7--first::before, .g-fill-white-opacity-0_7--second::after, .g-fill-white-opacity-0_7--first .fill-first, .g-fill-white-opacity-0_7--second .fill-second { fill: rgba(255, 255, 255, 0.7) !important; } .g-fill-white-opacity-0_8--first::before, .g-fill-white-opacity-0_8--second::after, .g-fill-white-opacity-0_8--first .fill-first, .g-fill-white-opacity-0_8--second .fill-second { fill: rgba(255, 255, 255, 0.8) !important; } .g-fill-white-opacity-0_9--first::before, .g-fill-white-opacity-0_9--second::after, .g-fill-white-opacity-0_9--first .fill-first, .g-fill-white-opacity-0_9--second .fill-second { fill: rgba(255, 255, 255, 0.9) !important; } .g-fill-gray-dark-v1--first::before, .g-fill-gray-dark-v1--second::after, .g-fill-gray-dark-v1--first .fill-first, .g-fill-gray-dark-v1--second .fill-second { fill: #111 !important; } .g-fill-gray-dark-v2--first::before, .g-fill-gray-dark-v2--second::after, .g-fill-gray-dark-v2--first .fill-first, .g-fill-gray-dark-v2--second .fill-second { fill: #333 !important; } .g-fill-gray-dark-v3--first::before, .g-fill-gray-dark-v3--second::after, .g-fill-gray-dark-v3--first .fill-first, .g-fill-gray-dark-v3--second .fill-second { fill: #555 !important; } .g-fill-gray-dark-v4--first::before, .g-fill-gray-dark-v4--second::after, .g-fill-gray-dark-v4--first .fill-first, .g-fill-gray-dark-v4--second .fill-second { fill: #777 !important; } .g-fill-gray-dark-v5--first::before, .g-fill-gray-dark-v5--second::after, .g-fill-gray-dark-v5--first .fill-first, .g-fill-gray-dark-v5--second .fill-second { fill: #999 !important; } .g-fill-gray-light-v1--first::before, .g-fill-gray-light-v1--second::after, .g-fill-gray-light-v1--first .fill-first, .g-fill-gray-light-v1--second .fill-second { fill: #bbb !important; } .g-fill-gray-light-v2--first::before, .g-fill-gray-light-v2--second::after, .g-fill-gray-light-v2--first .fill-first, .g-fill-gray-light-v2--second .fill-second { fill: #ccc !important; } .g-fill-gray-light-v3--first::before, .g-fill-gray-light-v3--second::after, .g-fill-gray-light-v3--first .fill-first, .g-fill-gray-light-v3--second .fill-second { fill: #ddd !important; } .g-fill-gray-light-v4--first::before, .g-fill-gray-light-v4--second::after, .g-fill-gray-light-v4--first .fill-first, .g-fill-gray-light-v4--second .fill-second { fill: #eee !important; } .g-fill-gray-light-v5--first::before, .g-fill-gray-light-v5--second::after, .g-fill-gray-light-v5--first .fill-first, .g-fill-gray-light-v5--second .fill-second { fill: #f7f7f7 !important; } .g-fill-transparent--first::before, .g-fill-transparent--second::after, .g-fill-transparent--first .fill-first, .g-fill-transparent--second .fill-second { fill: transparent !important; } .g-fill-beige--first::before, .g-fill-beige--second::after, .g-fill-beige--first .fill-first, .g-fill-beige--second .fill-second { fill: #e5e1de !important; } .g-fill-green--first::before, .g-fill-green--second::after, .g-fill-green--first .fill-first, .g-fill-green--second .fill-second { fill: #72c02c !important; } .g-fill-green-opacity-0_1--first::before, .g-fill-green-opacity-0_1--second::after, .g-fill-green-opacity-0_1--first .fill-first, .g-fill-green-opacity-0_1--second .fill-second { fill: rgba(114, 192, 44, 0.1) !important; } .g-fill-green-opacity-0_3--first::before, .g-fill-green-opacity-0_3--second::after, .g-fill-green-opacity-0_3--first .fill-first, .g-fill-green-opacity-0_3--second .fill-second { fill: rgba(114, 192, 44, 0.3) !important; } .g-fill-green-opacity-0_5--first::before, .g-fill-green-opacity-0_5--second::after, .g-fill-green-opacity-0_5--first .fill-first, .g-fill-green-opacity-0_5--second .fill-second { fill: rgba(114, 192, 44, 0.5) !important; } .g-fill-green-opacity-0_7--first::before, .g-fill-green-opacity-0_7--second::after, .g-fill-green-opacity-0_7--first .fill-first, .g-fill-green-opacity-0_7--second .fill-second { fill: rgba(114, 192, 44, 0.7) !important; } .g-fill-blue--first::before, .g-fill-blue--second::after, .g-fill-blue--first .fill-first, .g-fill-blue--second .fill-second { fill: #3398dc !important; } .g-fill-blue-opacity-0_1--first::before, .g-fill-blue-opacity-0_1--second::after, .g-fill-blue-opacity-0_1--first .fill-first, .g-fill-blue-opacity-0_1--second .fill-second { fill: rgba(51, 152, 220, 0.1) !important; } .g-fill-blue-opacity-0_7--first::before, .g-fill-blue-opacity-0_7--second::after, .g-fill-blue-opacity-0_7--first .fill-first, .g-fill-blue-opacity-0_7--second .fill-second { fill: rgba(51, 152, 220, 0.7) !important; } .g-fill-blue-opacity-0_9--first::before, .g-fill-blue-opacity-0_9--second::after, .g-fill-blue-opacity-0_9--first .fill-first, .g-fill-blue-opacity-0_9--second .fill-second { fill: rgba(51, 152, 220, 0.9) !important; } .g-fill-lightblue--first::before, .g-fill-lightblue--second::after, .g-fill-lightblue--first .fill-first, .g-fill-lightblue--second .fill-second { fill: #edf2f8 !important; } .g-fill-lightblue-opacity-0_1--first::before, .g-fill-lightblue-opacity-0_1--second::after, .g-fill-lightblue-opacity-0_1--first .fill-first, .g-fill-lightblue-opacity-0_1--second .fill-second { fill: rgba(237, 242, 248, 0.1) !important; } .g-fill-lightblue-v1--first::before, .g-fill-lightblue-v1--second::after, .g-fill-lightblue-v1--first .fill-first, .g-fill-lightblue-v1--second .fill-second { fill: #d6e2ee !important; } .g-fill-lightblue-v1-opacity-0_1--first::before, .g-fill-lightblue-v1-opacity-0_1--second::after, .g-fill-lightblue-v1-opacity-0_1--first .fill-first, .g-fill-lightblue-v1-opacity-0_1--second .fill-second { fill: rgba(214, 226, 238, 0.1) !important; } .g-fill-darkblue--first::before, .g-fill-darkblue--second::after, .g-fill-darkblue--first .fill-first, .g-fill-darkblue--second .fill-second { fill: #009 !important; } .g-fill-darkblue-opacity-0_1--first::before, .g-fill-darkblue-opacity-0_1--second::after, .g-fill-darkblue-opacity-0_1--first .fill-first, .g-fill-darkblue-opacity-0_1--second .fill-second { fill: rgba(0, 0, 153, 0.1) !important; } .g-fill-indigo--first::before, .g-fill-indigo--second::after, .g-fill-indigo--first .fill-first, .g-fill-indigo--second .fill-second { fill: #4263a3 !important; } .g-fill-indigo-opacity-0_1--first::before, .g-fill-indigo-opacity-0_1--second::after, .g-fill-indigo-opacity-0_1--first .fill-first, .g-fill-indigo-opacity-0_1--second .fill-second { fill: rgba(66, 99, 163, 0.1) !important; } .g-fill-red--first::before, .g-fill-red--second::after, .g-fill-red--first .fill-first, .g-fill-red--second .fill-second { fill: #f00 !important; } .g-fill-red-opacity-0_1--first::before, .g-fill-red-opacity-0_1--second::after, .g-fill-red-opacity-0_1--first .fill-first, .g-fill-red-opacity-0_1--second .fill-second { fill: rgba(255, 0, 0, 0.1) !important; } .g-fill-red-opacity-0_2--first::before, .g-fill-red-opacity-0_2--second::after, .g-fill-red-opacity-0_2--first .fill-first, .g-fill-red-opacity-0_2--second .fill-second { fill: rgba(255, 0, 0, 0.2) !important; } .g-fill-red-opacity-0_5--first::before, .g-fill-red-opacity-0_5--second::after, .g-fill-red-opacity-0_5--first .fill-first, .g-fill-red-opacity-0_5--second .fill-second { fill: rgba(255, 0, 0, 0.5) !important; } .g-fill-red-opacity-0_8--first::before, .g-fill-red-opacity-0_8--second::after, .g-fill-red-opacity-0_8--first .fill-first, .g-fill-red-opacity-0_8--second .fill-second { fill: rgba(255, 0, 0, 0.8) !important; } .g-fill-lightred--first::before, .g-fill-lightred--second::after, .g-fill-lightred--first .fill-first, .g-fill-lightred--second .fill-second { fill: #e64b3b !important; } .g-fill-lightred-opacity-0_1--first::before, .g-fill-lightred-opacity-0_1--second::after, .g-fill-lightred-opacity-0_1--first .fill-first, .g-fill-lightred-opacity-0_1--second .fill-second { fill: rgba(230, 75, 59, 0.1) !important; } .g-fill-darkred--first::before, .g-fill-darkred--second::after, .g-fill-darkred--first .fill-first, .g-fill-darkred--second .fill-second { fill: #a10f2b !important; } .g-fill-darkred-opacity-0_1--first::before, .g-fill-darkred-opacity-0_1--second::after, .g-fill-darkred-opacity-0_1--first .fill-first, .g-fill-darkred-opacity-0_1--second .fill-second { fill: rgba(161, 15, 43, 0.1) !important; } .g-fill-purple--first::before, .g-fill-purple--second::after, .g-fill-purple--first .fill-first, .g-fill-purple--second .fill-second { fill: #9a69cb !important; } .g-fill-purple-opacity-0_1--first::before, .g-fill-purple-opacity-0_1--second::after, .g-fill-purple-opacity-0_1--first .fill-first, .g-fill-purple-opacity-0_1--second .fill-second { fill: rgba(154, 105, 203, 0.1) !important; } .g-fill-purple-opacity-0_7--first::before, .g-fill-purple-opacity-0_7--second::after, .g-fill-purple-opacity-0_7--first .fill-first, .g-fill-purple-opacity-0_7--second .fill-second { fill: rgba(154, 105, 203, 0.7) !important; } .g-fill-purple-opacity-0_9--first::before, .g-fill-purple-opacity-0_9--second::after, .g-fill-purple-opacity-0_9--first .fill-first, .g-fill-purple-opacity-0_9--second .fill-second { fill: rgba(154, 105, 203, 0.9) !important; } .g-fill-darkpurple--first::before, .g-fill-darkpurple--second::after, .g-fill-darkpurple--first .fill-first, .g-fill-darkpurple--second .fill-second { fill: #6639b6 !important; } .g-fill-darkpurple-opacity-0_1--first::before, .g-fill-darkpurple-opacity-0_1--second::after, .g-fill-darkpurple-opacity-0_1--first .fill-first, .g-fill-darkpurple-opacity-0_1--second .fill-second { fill: rgba(102, 57, 182, 0.1) !important; } .g-fill-pink--first::before, .g-fill-pink--second::after, .g-fill-pink--first .fill-first, .g-fill-pink--second .fill-second { fill: #e81c62 !important; } .g-fill-pink-opacity-0_1--first::before, .g-fill-pink-opacity-0_1--second::after, .g-fill-pink-opacity-0_1--first .fill-first, .g-fill-pink-opacity-0_1--second .fill-second { fill: rgba(232, 28, 98, 0.1) !important; } .g-fill-pink-opacity-0_9--first::before, .g-fill-pink-opacity-0_9--second::after, .g-fill-pink-opacity-0_9--first .fill-first, .g-fill-pink-opacity-0_9--second .fill-second { fill: rgba(232, 28, 98, 0.9) !important; } .g-fill-orange--first::before, .g-fill-orange--second::after, .g-fill-orange--first .fill-first, .g-fill-orange--second .fill-second { fill: #e57d20 !important; } .g-fill-orange-opacity-0_1--first::before, .g-fill-orange-opacity-0_1--second::after, .g-fill-orange-opacity-0_1--first .fill-first, .g-fill-orange-opacity-0_1--second .fill-second { fill: rgba(229, 125, 32, 0.1) !important; } .g-fill-orange-opacity-0_2--first::before, .g-fill-orange-opacity-0_2--second::after, .g-fill-orange-opacity-0_2--first .fill-first, .g-fill-orange-opacity-0_2--second .fill-second { fill: rgba(229, 125, 32, 0.2) !important; } .g-fill-deeporange--first::before, .g-fill-deeporange--second::after, .g-fill-deeporange--first .fill-first, .g-fill-deeporange--second .fill-second { fill: #fe541e !important; } .g-fill-deeporange-opacity-0_1--first::before, .g-fill-deeporange-opacity-0_1--second::after, .g-fill-deeporange-opacity-0_1--first .fill-first, .g-fill-deeporange-opacity-0_1--second .fill-second { fill: rgba(254, 84, 30, 0.1) !important; } .g-fill-yellow--first::before, .g-fill-yellow--second::after, .g-fill-yellow--first .fill-first, .g-fill-yellow--second .fill-second { fill: #ebc71d !important; } .g-fill-yellow-opacity-0_1--first::before, .g-fill-yellow-opacity-0_1--second::after, .g-fill-yellow-opacity-0_1--first .fill-first, .g-fill-yellow-opacity-0_1--second .fill-second { fill: rgba(235, 199, 29, 0.1) !important; } .g-fill-yellow-opacity-0_7--first::before, .g-fill-yellow-opacity-0_7--second::after, .g-fill-yellow-opacity-0_7--first .fill-first, .g-fill-yellow-opacity-0_7--second .fill-second { fill: rgba(235, 199, 29, 0.7) !important; } .g-fill-aqua--first::before, .g-fill-aqua--second::after, .g-fill-aqua--first .fill-first, .g-fill-aqua--second .fill-second { fill: #29d6e6 !important; } .g-fill-aqua-opacity-0_1--first::before, .g-fill-aqua-opacity-0_1--second::after, .g-fill-aqua-opacity-0_1--first .fill-first, .g-fill-aqua-opacity-0_1--second .fill-second { fill: rgba(41, 214, 230, 0.1) !important; } .g-fill-aqua-opacity-0_9--first::before, .g-fill-aqua-opacity-0_9--second::after, .g-fill-aqua-opacity-0_9--first .fill-first, .g-fill-aqua-opacity-0_9--second .fill-second { fill: rgba(41, 214, 230, 0.9) !important; } .g-fill-cyan--first::before, .g-fill-cyan--second::after, .g-fill-cyan--first .fill-first, .g-fill-cyan--second .fill-second { fill: #00bed6 !important; } .g-fill-cyan-opacity-0_1--first::before, .g-fill-cyan-opacity-0_1--second::after, .g-fill-cyan-opacity-0_1--first .fill-first, .g-fill-cyan-opacity-0_1--second .fill-second { fill: rgba(0, 190, 214, 0.1) !important; } .g-fill-cyan-opacity-0_9--first::before, .g-fill-cyan-opacity-0_9--second::after, .g-fill-cyan-opacity-0_9--first .fill-first, .g-fill-cyan-opacity-0_9--second .fill-second { fill: rgba(0, 190, 214, 0.9) !important; } .g-fill-teal--first::before, .g-fill-teal--second::after, .g-fill-teal--first .fill-first, .g-fill-teal--second .fill-second { fill: #18ba9b !important; } .g-fill-teal-opacity-0_1--first::before, .g-fill-teal-opacity-0_1--second::after, .g-fill-teal-opacity-0_1--first .fill-first, .g-fill-teal-opacity-0_1--second .fill-second { fill: rgba(24, 186, 155, 0.1) !important; } .g-fill-teal-opacity-0_9--first::before, .g-fill-teal-opacity-0_9--second::after, .g-fill-teal-opacity-0_9--first .fill-first, .g-fill-teal-opacity-0_9--second .fill-second { fill: rgba(24, 186, 155, 0.9) !important; } .g-fill-brown--first::before, .g-fill-brown--second::after, .g-fill-brown--first .fill-first, .g-fill-brown--second .fill-second { fill: #9c8061 !important; } .g-fill-brown-opacity-0_1--first::before, .g-fill-brown-opacity-0_1--second::after, .g-fill-brown-opacity-0_1--first .fill-first, .g-fill-brown-opacity-0_1--second .fill-second { fill: rgba(156, 128, 97, 0.1) !important; } .g-fill-bluegray--first::before, .g-fill-bluegray--second::after, .g-fill-bluegray--first .fill-first, .g-fill-bluegray--second .fill-second { fill: #585f69 !important; } .g-fill-bluegray-opacity-0_3--first::before, .g-fill-bluegray-opacity-0_3--second::after, .g-fill-bluegray-opacity-0_3--first .fill-first, .g-fill-bluegray-opacity-0_3--second .fill-second { fill: rgba(88, 95, 105, 0.3) !important; } .g-fill-bluegray-opacity-0_5--first::before, .g-fill-bluegray-opacity-0_5--second::after, .g-fill-bluegray-opacity-0_5--first .fill-first, .g-fill-bluegray-opacity-0_5--second .fill-second { fill: rgba(88, 95, 105, 0.5) !important; } .g-fill-bluegray-opacity-0_7--first::before, .g-fill-bluegray-opacity-0_7--second::after, .g-fill-bluegray-opacity-0_7--first .fill-first, .g-fill-bluegray-opacity-0_7--second .fill-second { fill: rgba(88, 95, 105, 0.7) !important; } .g-theme-bitrix-fill-dark-v2--first::before, .g-theme-bitrix-fill-dark-v2--second::after, .g-theme-bitrix-fill-dark-v2--first .fill-first, .g-theme-bitrix-fill-dark-v2--second .fill-second { fill: #2C2C2C !important; } .g-theme-bitrix-fill-v3--first::before, .g-theme-bitrix-fill-v3--second::after, .g-theme-bitrix-fill-v3--first .fill-first, .g-theme-bitrix-fill-v3--second .fill-second { fill: #3330D9 !important; } /*------------------------------------ Fill Colors Socials ------------------------------------*/ .g-fill-facebook--first::before, .g-fill-facebook--second::after, .g-fill-facebook--first .fill-first, .g-fill-facebook--second .fill-second { fill: #3b5998 !important; } .g-fill-twitter--first::before, .g-fill-twitter--second::after, .g-fill-twitter--first .fill-first, .g-fill-twitter--second .fill-second { fill: #00acee !important; } .g-fill-skype--first::before, .g-fill-skype--second::after, .g-fill-skype--first .fill-first, .g-fill-skype--second .fill-second { fill: #00aff0 !important; } .g-fill-pinterest--first::before, .g-fill-pinterest--second::after, .g-fill-pinterest--first .fill-first, .g-fill-pinterest--second .fill-second { fill: #c8232c !important; } .g-fill-vine--first::before, .g-fill-vine--second::after, .g-fill-vine--first .fill-first, .g-fill-vine--second .fill-second { fill: #00bf8f !important; } .g-fill-youtube--first::before, .g-fill-youtube--second::after, .g-fill-youtube--first .fill-first, .g-fill-youtube--second .fill-second { fill: #c4302b !important; } .g-fill-google-plus--first::before, .g-fill-google-plus--second::after, .g-fill-google-plus--first .fill-first, .g-fill-google-plus--second .fill-second { fill: #dd4b39 !important; } .g-fill-dribbble--first::before, .g-fill-dribbble--second::after, .g-fill-dribbble--first .fill-first, .g-fill-dribbble--second .fill-second { fill: #ea4c89 !important; } .g-fill-vk--first::before, .g-fill-vk--second::after, .g-fill-vk--first .fill-first, .g-fill-vk--second .fill-second { fill: #2b587a !important; } .g-fill-linkedin--first::before, .g-fill-linkedin--second::after, .g-fill-linkedin--first .fill-first, .g-fill-linkedin--second .fill-second { fill: #0e76a8 !important; } /*------------------------------------ Fill Colors Themes ------------------------------------*/ .g-theme-business-fill-blue-dark-v1--first::before, .g-theme-business-fill-blue-dark-v1--second::after, .g-theme-business-fill-blue-dark-v1--first .fill-first, .g-theme-business-fill-blue-dark-v1--second .fill-second { fill: #14112c !important; } .g-theme-business-fill-blue-dark-v1-opacity-0_9--first::before, .g-theme-business-fill-blue-dark-v1-opacity-0_9--second::after, .g-theme-business-fill-blue-dark-v1-opacity-0_9--first .fill-first, .g-theme-business-fill-blue-dark-v1-opacity-0_9--second .fill-second { fill: rgba(20, 17, 44, 0.9) !important; } .g-theme-business-fill-blue-dark-v2--first::before, .g-theme-business-fill-blue-dark-v2--second::after, .g-theme-business-fill-blue-dark-v2--first .fill-first, .g-theme-business-fill-blue-dark-v2--second .fill-second { fill: #211e3f !important; } .g-theme-business-fill-blue-dark-v3--first::before, .g-theme-business-fill-blue-dark-v3--second::after, .g-theme-business-fill-blue-dark-v3--first .fill-first, .g-theme-business-fill-blue-dark-v3--second .fill-second { fill: #33333f !important; } .g-theme-architecture-fill-blue-dark-v1--first::before, .g-theme-architecture-fill-blue-dark-v1--second::after, .g-theme-architecture-fill-blue-dark-v1--first .fill-first, .g-theme-architecture-fill-blue-dark-v1--second .fill-second { fill: #2d2d37 !important; } .g-theme-architecture-fill-blue-dark-v3--first::before, .g-theme-architecture-fill-blue-dark-v3--second::after, .g-theme-architecture-fill-blue-dark-v3--first .fill-first, .g-theme-architecture-fill-blue-dark-v3--second .fill-second { fill: #363643 !important; } .g-theme-architecture-fill-blue-dark-v4--first::before, .g-theme-architecture-fill-blue-dark-v4--second::after, .g-theme-architecture-fill-blue-dark-v4--first .fill-first, .g-theme-architecture-fill-blue-dark-v4--second .fill-second { fill: #33333f !important; } .g-theme-lawyer-fill-gray-dark-v1--first::before, .g-theme-lawyer-fill-gray-dark-v1--second::after, .g-theme-lawyer-fill-gray-dark-v1--first .fill-first, .g-theme-lawyer-fill-gray-dark-v1--second .fill-second { fill: #4e4353 !important; } .g-theme-event-fill-blue-dark-v2--first::before, .g-theme-event-fill-blue-dark-v2--second::after, .g-theme-event-fill-blue-dark-v2--first .fill-first, .g-theme-event-fill-blue-dark-v2--second .fill-second { fill: #151826 !important; } .g-theme-travel-fill-black-v1--first::before, .g-theme-travel-fill-black-v1--second::after, .g-theme-travel-fill-black-v1--first .fill-first, .g-theme-travel-fill-black-v1--second .fill-second { fill: #31353e !important; } .g-theme-travel-fill-black-v1-opacity-0_8--first::before, .g-theme-travel-fill-black-v1-opacity-0_8--second::after, .g-theme-travel-fill-black-v1-opacity-0_8--first .fill-first, .g-theme-travel-fill-black-v1-opacity-0_8--second .fill-second { fill: rgba(49, 53, 62, 0.8) !important; } .g-theme-photography-fill-gray-dark-v2--first::before, .g-theme-photography-fill-gray-dark-v2--second::after, .g-theme-photography-fill-gray-dark-v2--first .fill-first, .g-theme-photography-fill-gray-dark-v2--second .fill-second { fill: #1d1d1d !important; } .g-theme-photography-fill-gray-dark-v3--first::before, .g-theme-photography-fill-gray-dark-v3--second::after, .g-theme-photography-fill-gray-dark-v3--first .fill-first, .g-theme-photography-fill-gray-dark-v3--second .fill-second { fill: #222 !important; } .g-theme-photography-fill-gray-dark-v4--first::before, .g-theme-photography-fill-gray-dark-v4--second::after, .g-theme-photography-fill-gray-dark-v4--first .fill-first, .g-theme-photography-fill-gray-dark-v4--second .fill-second { fill: #272727 !important; } .g-theme-bitrix-fill-dark-v1--first::before, .g-theme-bitrix-fill-dark-v1--second::after, .g-theme-bitrix-fill-dark-v1--first .fill-first, .g-theme-bitrix-fill-dark-v1--second .fill-second { fill: #393945 !important; } .g-fill-first .fill-first { fill: var(--fill-first) !important; } .g-fill-second .fill-second { fill: var(--fill-second) !important; } /*------------------------------------ Borders Default (solid) ------------------------------------*/ .g-brd-none { border: none !important; } .g-brd-x { border-left: solid 1px transparent !important; border-right: solid 1px transparent !important; } .g-brd-y { border-top: solid 1px transparent !important; border-bottom: solid 1px transparent !important; } .g-brd-around { border: solid 1px transparent !important; } .g-brd-top { border-top: solid 1px transparent !important; } .g-brd-right { border-right: solid 1px transparent !important; } .g-brd-bottom { border-bottom: solid 1px transparent !important; } .g-brd-left { border-left: solid 1px transparent !important; } .g-brd-left-none { border-left: none !important; } @media (min-width: 576px) { .g-brd-around--sm { border: solid 1px transparent !important; } .g-brd-top--sm { border-top: solid 1px transparent !important; } .g-brd-right--sm { border-right: solid 1px transparent !important; } .g-brd-bottom--sm { border-bottom: solid 1px transparent !important; } .g-brd-left--sm { border-left: solid 1px transparent !important; } } @media (min-width: 768px) { .g-brd-x--md { border-left: solid 1px transparent !important; border-right: solid 1px transparent !important; } .g-brd-around--md { border: solid 1px transparent !important; } .g-brd-top--md { border-top: solid 1px transparent !important; } .g-brd-right--md { border-right: solid 1px transparent !important; } .g-brd-bottom--md { border-bottom: solid 1px transparent !important; } .g-brd-left--md { border-left: solid 1px transparent !important; } } @media (min-width: 992px) { .g-brd-around--lg { border: solid 1px transparent !important; } .g-brd-top--lg { border-top: solid 1px transparent !important; } .g-brd-right--lg { border-right: solid 1px transparent !important; } .g-brd-bottom--lg { border-bottom: solid 1px transparent !important; } .g-brd-left--lg { border-left: solid 1px transparent !important; } .g-brd-left-none--lg { border-left: none !important; } .g-brd-x--lg { border-left: solid 1px transparent; border-right: solid 1px transparent; } .g-brd-none--lg { border: none !important; } } /*------------------------------------ Borders None ------------------------------------*/ .g-brd-around-none { border-width: 0 !important; } .g-brd-top-none { border-top: none !important; } .g-brd-right-none { border-right: none !important; } .g-brd-bottom-none { border-bottom: none !important; } .g-brd-left-none { border-left: none !important; } @media (min-width: 576px) { .g-brd-around-none--sm { border: none !important; } .g-brd-top-none--sm { border-top: none !important; } .g-brd-right-none--sm { border-right: none !important; } .g-brd-bottom-none--sm { border-bottom: none !important; } .g-brd-left-none--sm { border-left: none !important; } } @media (min-width: 768px) { .g-brd-around-none--md { border: none !important; } .g-brd-top-none--md { border-top: none !important; } .g-brd-right-none--md { border-right: none !important; } .g-brd-bottom-none--md { border-bottom: none !important; } .g-brd-left-none--md { border-left: none !important; } } @media (min-width: 992px) { .g-brd-around-none--lg { border: none !important; } .g-brd-top-none--lg { border-top: none !important; } .g-brd-right-none--lg { border-right: none !important; } .g-brd-bottom-none--lg { border-bottom: none !important; } .g-brd-left-none--lg { border-left: none !important; } } /*------------------------------------ Border Style ------------------------------------*/ .g-brd-style-solid { border-style: solid !important; } .g-brd-style-dashed { border-style: dashed !important; } .g-brd-style-dotted { border-style: dotted !important; } /*------------------------------------ Border Radius (Rounded Styles) ------------------------------------*/ /* Rounded Around */ .g-rounded-50x { border-radius: 50%; } .g-rounded-0-25-rem { border-radius: 0.25rem !important; } .g-rounded-1 { border-radius: 1px !important; } .g-rounded-2 { border-radius: 2px !important; } .g-rounded-3 { border-radius: 3px !important; } .g-rounded-4 { border-radius: 4px !important; } .g-rounded-5 { border-radius: 5px !important; } .g-rounded-6 { border-radius: 6px !important; } .g-rounded-7 { border-radius: 7px !important; } .g-rounded-10 { border-radius: 10px !important; } .g-rounded-15 { border-radius: 15px !important; } .g-rounded-20 { border-radius: 20px !important; } .g-rounded-25 { border-radius: 25px !important; } .g-rounded-30 { border-radius: 30px !important; } .g-rounded-50 { border-radius: 50px !important; } .g-rounded-100 { border-radius: 100px !important; } .g-rounded-100--after::after { border-radius: 100px !important; } /*------------------------------------ Border radius for button types ------------------------------------*/ /* solid-double */ .g-rounded-1.g-btn-type-solid-double:before { border-radius: 1px !important; } .g-rounded-2.g-btn-type-solid-double:before { border-radius: 2px !important; } .g-rounded-3.g-btn-type-solid-double:before { border-radius: 3px !important; } .g-rounded-4.g-btn-type-solid-double:before { border-radius: 4px !important; } .g-rounded-5.g-btn-type-solid-double:before { border-radius: 5px !important; } .g-rounded-6.g-btn-type-solid-double:before { border-radius: 6px !important; } .g-rounded-7.g-btn-type-solid-double:before { border-radius: 7px !important; } .g-rounded-10.g-btn-type-solid-double:before { border-radius: 10px !important; } .g-rounded-15.g-btn-type-solid-double:before { border-radius: 15px !important; } .g-rounded-20.g-btn-type-solid-double:before { border-radius: 20px !important; } .g-rounded-25.g-btn-type-solid-double:before { border-radius: 25px !important; } .g-rounded-30.g-btn-type-solid-double:before { border-radius: 30px !important; } .g-rounded-50.g-btn-type-solid-double:before { border-radius: 50px !important; } /* outline-double */ .g-rounded-1.g-btn-type-outline-double:before { border-radius: 1px !important; } .g-rounded-2.g-btn-type-outline-double:before { border-radius: 2px !important; } .g-rounded-3.g-btn-type-outline-double:before { border-radius: 3px !important; } .g-rounded-4.g-btn-type-outline-double:before { border-radius: 4px !important; } .g-rounded-5.g-btn-type-outline-double:before { border-radius: 5px !important; } .g-rounded-6.g-btn-type-outline-double:before { border-radius: 6px !important; } .g-rounded-7.g-btn-type-outline-double:before { border-radius: 7px !important; } .g-rounded-10.g-btn-type-outline-double:before { border-radius: 10px !important; } .g-rounded-15.g-btn-type-outline-double:before { border-radius: 15px !important; } .g-rounded-20.g-btn-type-outline-double:before { border-radius: 20px !important; } .g-rounded-25.g-btn-type-outline-double:before { border-radius: 25px !important; } .g-rounded-30.g-btn-type-outline-double:before { border-radius: 30px !important; } .g-rounded-50.g-btn-type-outline-double:before { border-radius: 50px !important; } @media (min-width: 768px) { .g-rounded-0--md { border-radius: 0 !important; } .g-rounded-left-0--md { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .g-rounded-right-0--md { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } } @media (min-width: 992px) { .g-rounded-left-5--lg-up { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .g-rounded-right-5--lg-up { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } } /*------------------------------------ Border Width ------------------------------------*/ .g-brd-0 { border-width: 0 !important; } .g-brd-1 { border-width: 1px !important; } .g-brd-2 { border-width: 2px !important; } .g-brd-3 { border-width: 3px !important; } .g-brd-3--before::before { border-width: 3px !important; } .g-brd-3--before--active.active::before { border-width: 3px !important; } .g-brd-4 { border-width: 4px !important; } .g-brd-5 { border-width: 5px !important; } .g-brd-6 { border-width: 6px !important; } .g-brd-7 { border-width: 7px !important; } .g-brd-10 { border-width: 10px !important; } .g-brd-12 { border-width: 12px !important; } .g-brd-15 { border-width: 15px !important; } .g-brd-top-0 { border-top-width: 0 !important; } .g-brd-top-2 { border-top-width: 2px !important; } .g-brd-top-3 { border-top-width: 3px !important; } .g-brd-top-5 { border-top-width: 5px !important; } .g-brd-bottom-0 { border-bottom-width: 0 !important; } .g-brd-bottom-2 { border-bottom-width: 2px !important; } .g-brd-bottom-2--hover:hover { border-bottom-width: 2px !important; } .g-parent:hover .g-brd-bottom-2--parent-hover { border-bottom-width: 2px !important; } .g-brd-bottom-5 { border-bottom-width: 5px !important; } .g-brd-left-0 { border-left-width: 0 !important; } .g-brd-left-1 { border-left-width: 1px !important; } .g-brd-left-2 { border-left-width: 2px !important; } .g-brd-left-3 { border-left-width: 3px !important; } .g-brd-left-4 { border-left-width: 4px !important; } /*------------------------------------ Border Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Primary Colors */ .g-brd-primary { border-color: var(--primary) !important; } .g-brd-primary--hover:hover { border-color: var(--primary) !important; } .g-brd-primary-top { border-top-color: var(--primary) !important; } .g-brd-primary-top[class*=g-brd-] { border-top-color: var(--primary) !important; } .g-brd-primary-opacity-0_3 { border-color: var(--primary-opacity-0_3) !important; } .g-brd-primary-opacity-0_3--hover:hover { border-color: var(--primary-opacity-0_3) !important; } .g-brd-primary-opacity-0_3-top { border-top-color: var(--primary-opacity-0_3) !important; } .g-brd-primary-opacity-0_3-top[class*=g-brd-] { border-top-color: var(--primary-opacity-0_3) !important; } .g-brd-primary-dark-dark-v1 { border-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-dark-v1--hover:hover { border-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-dark-v1-top { border-top-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-dark-v1-top[class*=g-brd-] { border-top-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-dark-v2 { border-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-dark-v2--hover:hover { border-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-dark-v2-top { border-top-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-dark-v2-top[class*=g-brd-] { border-top-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-dark-v3 { border-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-dark-v3--hover:hover { border-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-dark-v3-top { border-top-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-dark-v3-top[class*=g-brd-] { border-top-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-v1 { border-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-v1--hover:hover { border-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-v1-top { border-top-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-v1-top[class*=g-brd-] { border-top-color: var(--primary-darken-1) !important; } .g-brd-primary-dark-v2 { border-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-v2--hover:hover { border-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-v2-top { border-top-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-v2-top[class*=g-brd-] { border-top-color: var(--primary-darken-2) !important; } .g-brd-primary-dark-v3 { border-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-v3--hover:hover { border-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-v3-top { border-top-color: var(--primary-darken-3) !important; } .g-brd-primary-dark-v3-top[class*=g-brd-] { border-top-color: var(--primary-darken-3) !important; } /* Main Colors */ .g-brd-main { border-color: var(--theme-color-main) !important; } .g-brd-main--hover:hover { border-color: var(--theme-color-main) !important; } .g-brd-main-top { border-top-color: var(--theme-color-main) !important; } .g-brd-main-top[class*=g-brd-] { border-top-color: var(--theme-color-main) !important; } .g-brd-bottom-primary--hover:hover { border-bottom-color: var(--primary) !important; } /* Black Colors */ .g-brd-black { border-color: #000 !important; } .g-brd-black--hover:hover { border-color: #000 !important; } .g-brd-black-top { border-top-color: #000 !important; } .g-brd-black-top[class*=g-brd-] { border-top-color: #000 !important; } .g-brd-black-opacity-0_1 { border-color: rgba(0, 0, 0, 0.1) !important; } .g-brd-black-opacity-0_1--hover:hover { border-color: rgba(0, 0, 0, 0.1) !important; } .g-brd-black-opacity-0_1-top { border-top-color: rgba(0, 0, 0, 0.1) !important; } .g-brd-black-opacity-0_1-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.1) !important; } .g-brd-black-opacity-0_2 { border-color: rgba(0, 0, 0, 0.2) !important; } .g-brd-black-opacity-0_2--hover:hover { border-color: rgba(0, 0, 0, 0.2) !important; } .g-brd-black-opacity-0_2-top { border-top-color: rgba(0, 0, 0, 0.2) !important; } .g-brd-black-opacity-0_2-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.2) !important; } .g-brd-black-opacity-0_3 { border-color: rgba(0, 0, 0, 0.3) !important; } .g-brd-black-opacity-0_3--hover:hover { border-color: rgba(0, 0, 0, 0.3) !important; } .g-brd-black-opacity-0_3-top { border-top-color: rgba(0, 0, 0, 0.3) !important; } .g-brd-black-opacity-0_3-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.3) !important; } .g-brd-black-opacity-0_4 { border-color: rgba(0, 0, 0, 0.4) !important; } .g-brd-black-opacity-0_4--hover:hover { border-color: rgba(0, 0, 0, 0.4) !important; } .g-brd-black-opacity-0_4-top { border-top-color: rgba(0, 0, 0, 0.4) !important; } .g-brd-black-opacity-0_4-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.4) !important; } .g-brd-black-opacity-0_5 { border-color: rgba(0, 0, 0, 0.5) !important; } .g-brd-black-opacity-0_5--hover:hover { border-color: rgba(0, 0, 0, 0.5) !important; } .g-brd-black-opacity-0_5-top { border-top-color: rgba(0, 0, 0, 0.5) !important; } .g-brd-black-opacity-0_5-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.5) !important; } .g-brd-black-opacity-0_6 { border-color: rgba(0, 0, 0, 0.6) !important; } .g-brd-black-opacity-0_6--hover:hover { border-color: rgba(0, 0, 0, 0.6) !important; } .g-brd-black-opacity-0_6-top { border-top-color: rgba(0, 0, 0, 0.6) !important; } .g-brd-black-opacity-0_6-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.6) !important; } .g-brd-black-opacity-0_8 { border-color: rgba(0, 0, 0, 0.8) !important; } .g-brd-black-opacity-0_8--hover:hover { border-color: rgba(0, 0, 0, 0.8) !important; } .g-brd-black-opacity-0_8-top { border-top-color: rgba(0, 0, 0, 0.8) !important; } .g-brd-black-opacity-0_8-top[class*=g-brd-] { border-top-color: rgba(0, 0, 0, 0.8) !important; } /* White Colors */ .g-brd-white { border-color: #fff !important; } .g-brd-white--hover:hover { border-color: #fff !important; } .g-brd-white-top { border-top-color: #fff !important; } .g-brd-white-top[class*=g-brd-] { border-top-color: #fff !important; } .g-brd-white-opacity-0_1 { border-color: rgba(255, 255, 255, 0.1) !important; } .g-brd-white-opacity-0_2 { border-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_2--hover:hover { border-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_2-top { border-top-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_2-top[class*=g-brd-] { border-top-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_3 { border-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_3--hover:hover { border-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_3-top { border-top-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_3-top[class*=g-brd-] { border-top-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_4 { border-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_4--hover:hover { border-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_4-top { border-top-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_4-top[class*=g-brd-] { border-top-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_5 { border-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_5--hover:hover { border-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_5-top { border-top-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_5-top[class*=g-brd-] { border-top-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_6 { border-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_6--hover:hover { border-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_6-top { border-top-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_6-top[class*=g-brd-] { border-top-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_8 { border-color: rgba(255, 255, 255, 0.8) !important; } .g-brd-white-opacity-0_8--hover:hover { border-color: rgba(255, 255, 255, 0.8) !important; } .g-brd-white-opacity-0_8-top { border-top-color: rgba(255, 255, 255, 0.8) !important; } .g-brd-white-opacity-0_8-top[class*=g-brd-] { border-top-color: rgba(255, 255, 255, 0.8) !important; } /* Gray Colors */ .g-brd-gray-dark-v1 { border-color: #111 !important; } .g-brd-gray-dark-v1--hover:hover { border-color: #111 !important; } .g-brd-gray-dark-v1-top { border-top-color: #111 !important; } .g-brd-gray-dark-v1-top[class*=g-brd-] { border-top-color: #111 !important; } .g-brd-gray-dark-v2 { border-color: #333 !important; } .g-brd-gray-dark-v2--hover:hover { border-color: #333 !important; } .g-brd-gray-dark-v2-top { border-top-color: #333 !important; } .g-brd-gray-dark-v2-top[class*=g-brd-] { border-top-color: #333 !important; } .g-brd-gray-dark-v3 { border-color: #555 !important; } .g-brd-gray-dark-v3--hover:hover { border-color: #555 !important; } .g-brd-gray-dark-v3-top { border-top-color: #555 !important; } .g-brd-gray-dark-v3-top[class*=g-brd-] { border-top-color: #555 !important; } .g-brd-gray-dark-v4 { border-color: #777 !important; } .g-brd-gray-dark-v4--hover:hover { border-color: #777 !important; } .g-brd-gray-dark-v4-top { border-top-color: #777 !important; } .g-brd-gray-dark-v4-top[class*=g-brd-] { border-top-color: #777 !important; } .g-brd-gray-dark-v5 { border-color: #999 !important; } .g-brd-gray-dark-v5--hover:hover { border-color: #999 !important; } .g-brd-gray-dark-v5-top { border-top-color: #999 !important; } .g-brd-gray-dark-v5-top[class*=g-brd-] { border-top-color: #999 !important; } .g-brd-gray-light-v1 { border-color: #bbb !important; } .g-brd-gray-light-v1--hover:hover { border-color: #bbb !important; } .g-brd-gray-light-v1-top { border-top-color: #bbb !important; } .g-brd-gray-light-v1-top[class*=g-brd-] { border-top-color: #bbb !important; } .g-brd-gray-light-v2 { border-color: #ccc !important; } .g-brd-gray-light-v2--hover:hover { border-color: #ccc !important; } .g-brd-gray-light-v2-top { border-top-color: #ccc !important; } .g-brd-gray-light-v2-top[class*=g-brd-] { border-top-color: #ccc !important; } .g-brd-gray-light-v3 { border-color: #ddd !important; } .g-brd-gray-light-v3--hover:hover { border-color: #ddd !important; } .g-brd-gray-light-v3-top { border-top-color: #ddd !important; } .g-brd-gray-light-v3-top[class*=g-brd-] { border-top-color: #ddd !important; } .g-brd-gray-light-v4 { border-color: #eee !important; } .g-brd-gray-light-v4--hover:hover { border-color: #eee !important; } .g-brd-gray-light-v4-top { border-top-color: #eee !important; } .g-brd-gray-light-v4-top[class*=g-brd-] { border-top-color: #eee !important; } .g-brd-gray-light-v5 { border-color: #f7f7f7 !important; } .g-brd-gray-light-v5--hover:hover { border-color: #f7f7f7 !important; } .g-brd-gray-light-v5-top { border-top-color: #f7f7f7 !important; } .g-brd-gray-light-v5-top[class*=g-brd-] { border-top-color: #f7f7f7 !important; } /* Transparent */ .g-brd-transparent { border-color: transparent !important; } .g-brd-transparent--hover:hover { border-color: transparent !important; } .g-brd-transparent-top { border-top-color: transparent !important; } .g-brd-transparent-top[class*=g-brd-] { border-top-color: transparent !important; } /* Complementary Colors ------------------------------------*/ /* Color Green */ .g-brd-green { border-color: #72c02c !important; } .g-brd-green--hover:hover { border-color: #72c02c !important; } .g-brd-green-top { border-top-color: #72c02c !important; } .g-brd-green-top[class*=g-brd-] { border-top-color: #72c02c !important; } /* Color Blue */ .g-brd-blue { border-color: #3398dc !important; } .g-brd-blue--hover:hover { border-color: #3398dc !important; } .g-brd-blue-top { border-top-color: #3398dc !important; } .g-brd-blue-top[class*=g-brd-] { border-top-color: #3398dc !important; } /* Color Light Blue */ .g-brd-lightblue { border-color: #edf2f8 !important; } .g-brd-lightblue--hover:hover { border-color: #edf2f8 !important; } .g-brd-lightblue-top { border-top-color: #edf2f8 !important; } .g-brd-lightblue-top[class*=g-brd-] { border-top-color: #edf2f8 !important; } /* Color Dark Blue */ .g-brd-darkblue { border-color: #009 !important; } .g-brd-darkblue--hover:hover { border-color: #009 !important; } .g-brd-darkblue-top { border-top-color: #009 !important; } .g-brd-darkblue-top[class*=g-brd-] { border-top-color: #009 !important; } /* Color Indigo */ .g-brd-indigo { border-color: #4263a3 !important; } .g-brd-indigo--hover:hover { border-color: #4263a3 !important; } .g-brd-indigo-top { border-top-color: #4263a3 !important; } .g-brd-indigo-top[class*=g-brd-] { border-top-color: #4263a3 !important; } /* Color Red */ .g-brd-red { border-color: #f00 !important; } .g-brd-red--hover:hover { border-color: #f00 !important; } .g-brd-red-top { border-top-color: #f00 !important; } .g-brd-red-top[class*=g-brd-] { border-top-color: #f00 !important; } /* Color Light Red */ .g-brd-lightred { border-color: #e64b3b !important; } .g-brd-lightred--hover:hover { border-color: #e64b3b !important; } .g-brd-lightred-top { border-top-color: #e64b3b !important; } .g-brd-lightred-top[class*=g-brd-] { border-top-color: #e64b3b !important; } /* Color Dark Red */ .g-brd-darkred { border-color: #a10f2b !important; } .g-brd-darkred--hover:hover { border-color: #a10f2b !important; } .g-brd-darkred-top { border-top-color: #a10f2b !important; } .g-brd-darkred-top[class*=g-brd-] { border-top-color: #a10f2b !important; } /* Color Purple */ .g-brd-purple { border-color: #9a69cb !important; } .g-brd-purple--hover:hover { border-color: #9a69cb !important; } .g-brd-purple-top { border-top-color: #9a69cb !important; } .g-brd-purple-top[class*=g-brd-] { border-top-color: #9a69cb !important; } /* Color Dark Purple */ .g-brd-darkpurple { border-color: #6639b6 !important; } .g-brd-darkpurple--hover:hover { border-color: #6639b6 !important; } .g-brd-darkpurple-top { border-top-color: #6639b6 !important; } .g-brd-darkpurple-top[class*=g-brd-] { border-top-color: #6639b6 !important; } /* Color Pink */ .g-brd-pink { border-color: #e81c62 !important; } .g-brd-pink--hover:hover { border-color: #e81c62 !important; } .g-brd-pink-top { border-top-color: #e81c62 !important; } .g-brd-pink-top[class*=g-brd-] { border-top-color: #e81c62 !important; } /* Color Orange */ .g-brd-orange { border-color: #e57d20 !important; } .g-brd-orange--hover:hover { border-color: #e57d20 !important; } .g-brd-orange-top { border-top-color: #e57d20 !important; } .g-brd-orange-top[class*=g-brd-] { border-top-color: #e57d20 !important; } /* Color Deep Orange */ .g-brd-deeporange { border-color: #fe541e !important; } .g-brd-deeporange--hover:hover { border-color: #fe541e !important; } .g-brd-deeporange-top { border-top-color: #fe541e !important; } .g-brd-deeporange-top[class*=g-brd-] { border-top-color: #fe541e !important; } /* Color Yellow */ .g-brd-yellow { border-color: #ebc71d !important; } .g-brd-yellow--hover:hover { border-color: #ebc71d !important; } .g-brd-yellow-top { border-top-color: #ebc71d !important; } .g-brd-yellow-top[class*=g-brd-] { border-top-color: #ebc71d !important; } /* Color Aqua */ .g-brd-aqua { border-color: #29d6e6 !important; } .g-brd-aqua--hover:hover { border-color: #29d6e6 !important; } .g-brd-aqua-top { border-top-color: #29d6e6 !important; } .g-brd-aqua-top[class*=g-brd-] { border-top-color: #29d6e6 !important; } /* Color Cyan */ .g-brd-cyan { border-color: #00bed6 !important; } .g-brd-cyan--hover:hover { border-color: #00bed6 !important; } .g-brd-cyan-top { border-top-color: #00bed6 !important; } .g-brd-cyan-top[class*=g-brd-] { border-top-color: #00bed6 !important; } /* Color Teal */ .g-brd-teal { border-color: #18ba9b !important; } .g-brd-teal--hover:hover { border-color: #18ba9b !important; } .g-brd-teal-top { border-top-color: #18ba9b !important; } .g-brd-teal-top[class*=g-brd-] { border-top-color: #18ba9b !important; } /* Color Brown */ .g-brd-brown { border-color: #9c8061 !important; } .g-brd-brown--hover:hover { border-color: #9c8061 !important; } .g-brd-brown-top { border-top-color: #9c8061 !important; } .g-brd-brown-top[class*=g-brd-] { border-top-color: #9c8061 !important; } /* Color Blue Gray */ .g-brd-bluegray { border-color: #585f69 !important; } .g-brd-bluegray--hover:hover { border-color: #585f69 !important; } .g-brd-bluegray-top { border-top-color: #585f69 !important; } .g-brd-bluegray-top[class*=g-brd-] { border-top-color: #585f69 !important; } /*------------------------------------ Border Gradient Colors ------------------------------------*/ /* Cyan Gradient */ .g-brd-cyan-gradient-opacity-v1 { -o-border-image: linear-gradient(160deg, rgba(0, 0, 153, 0.55) 0%, rgba(0, 190, 214, 0.6) 100%); border-image: linear-gradient(160deg, rgba(0, 0, 153, 0.55) 0%, rgba(0, 190, 214, 0.6) 100%); border-image-slice: 1; } .g-border-color { border-color: var(--border-color) !important; } .g-border-color--hover:hover { border-color: var(--border-color--hover) !important; } .g-border-color-top { border-top-color: var(--border-color-top) !important; } .g-border-color-top[class*=g-brd-] { border-top-color: var(--border-color-top) !important; } /*------------------------------------ BORDERS CUSTOM ------------------------------------*/ .g-brd-between-cols { border-width: 1px 0 0 0; border-style: solid; } .g-brd-between-cols:first-child { border-width: 0; } .g-brd-between-cols.col-1:nth-child(12n+1), .g-brd-between-cols.col-2:nth-child(6n+1), .g-brd-between-cols.col-3:nth-child(4n+1), .g-brd-between-cols.col-4:nth-child(3n+1), .g-brd-between-cols.col-6:nth-child(2n+1) { border-width: 0px; } .g-brd-between-cols.col-12 { border-width: 1px 0 0 0; } .g-brd-between-cols.col-12:first-child { border-width: 0; } @media (min-width: 576px) and (max-width: 767px) { .g-brd-between-cols { border-width: 0 0 0 1px; border-style: solid; } .g-brd-between-cols.col-sm-1:nth-child(12n+1), .g-brd-between-cols.col-sm-2:nth-child(6n+1), .g-brd-between-cols.col-sm-3:nth-child(4n+1), .g-brd-between-cols.col-sm-4:nth-child(3n+1), .g-brd-between-cols.col-sm-6:nth-child(2n+1) { border-width: 0px; } .g-brd-between-cols.col-sm-12 { border-width: 1px 0 0 0; } .g-brd-between-cols.col-sm-12:first-child { border-width: 0; } } @media (min-width: 768px) and (max-width: 991px) { .g-brd-between-cols { border-width: 0 0 0 1px; border-style: solid; } .g-brd-between-cols.col-md-1:nth-child(12n+1), .g-brd-between-cols.col-md-2:nth-child(6n+1), .g-brd-between-cols.col-md-3:nth-child(4n+1), .g-brd-between-cols.col-md-4:nth-child(3n+1), .g-brd-between-cols.col-md-6:nth-child(2n+1) { border-width: 0px; } .g-brd-between-cols.col-md-12 { border-width: 1px 0 0 0; } .g-brd-between-cols.col-md-12:first-child { border-width: 0; } } @media (min-width: 992px) { .g-brd-between-cols { border-width: 0 0 0 1px; border-style: solid; } .g-brd-between-cols.col-lg-1:nth-child(12n+1), .g-brd-between-cols.col-lg-2:nth-child(6n+1), .g-brd-between-cols.col-lg-3:nth-child(4n+1), .g-brd-between-cols.col-lg-4:nth-child(3n+1), .g-brd-between-cols.col-lg-6:nth-child(2n+1) { border-width: 0px; } .g-brd-between-cols.col-lg-12 { border-width: 1px 0 0 0; } .g-brd-between-cols.col-lg-12:first-child { border-width: 0; } } .g-brd-inherit { border-color: inherit !important; } /*------------------------------------ Button Styles ------------------------------------*/ /* General Button Styles ------------------------------------*/ .btn { position: relative; transition: 0.2s ease; cursor: pointer; line-height: 1.4; padding: 0.57143rem 1.42857rem; font-size: 1.07143rem; border-width: 1px !important; font-weight: var(--ui-font-weight-bold) !important; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; box-shadow: none; } /* Button Sizes ------------------------------------*/ /* setting 'XS' */ .g-btn-size-sm, .btn-sm:not([class*=g-btn-size-]) { line-height: 1.4; padding: 0.28571rem 0.5rem; font-size: 0.85714rem; border-width: 1px !important; font-weight: var(--ui-font-weight-bold) !important; } /* setting 'S' */ .g-btn-size-md, .btn-md:not([class*=g-btn-size-]) { line-height: 1.4; padding: 0.57143rem 1.42857rem; font-size: 1.07143rem; border-width: 1px !important; font-weight: var(--ui-font-weight-bold) !important; } /* setting 'M' */ .g-btn-size-special { line-height: 1.4 !important; padding-top: 25px !important; padding-bottom: 25px !important; font-size: 11px !important; border-width: 2px !important; font-weight: var(--ui-font-weight-bold) !important; } /* setting 'L' */ .g-btn-size-xl, .btn-xl:not([class*=g-btn-size-]) { line-height: 1.4; padding: 0.92857rem 1.85714rem; font-size: 1.28571rem; border-width: 2px !important; font-weight: var(--ui-font-weight-bold) !important; } /* setting 'XL' */ .g-btn-size-xxl, .btn-xxl:not([class*=g-btn-size-]) { line-height: 1.4; padding: 1.07143rem 2.14286rem; font-size: 1.5rem; border-width: 3px !important; font-weight: var(--ui-font-weight-bold) !important; } /* setting 'AUTO' */ .g-btn-size-auto { line-height: 1.4; padding: 0.57143rem 1.42857rem; font-size: 1.07143rem; border-width: 1px !important; font-weight: var(--ui-font-weight-bold) !important; } /* Button Horizontal Padding ------------------------------------*/ .g-btn-size-sm.g-btn-px-s { padding-left: 0.42857rem !important; padding-right: 0.42857rem !important; } .g-btn-size-sm.g-btn-px-m { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-btn-size-sm.g-btn-px-l { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .g-btn-size-sm.g-btn-px-fill { width: 100%; } .g-btn-size-sm.g-btn-px-auto { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-md.g-btn-px-s { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-btn-size-md.g-btn-px-m { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-md.g-btn-px-l { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-btn-size-md.g-btn-px-fill { width: 100%; } .g-btn-size-md.g-btn-px-auto { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-special.g-btn-px-s { padding-left: 0.71429rem !important; padding-right: 0.71429rem !important; } .g-btn-size-special.g-btn-px-m { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-btn-size-special.g-btn-px-l { padding-left: 4rem !important; padding-right: 4rem !important; } .g-btn-size-special.g-btn-px-fill { width: 100%; } .g-btn-size-special.g-btn-px-auto { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-xl.g-btn-px-s { padding-left: 0.92857rem !important; padding-right: 0.92857rem !important; } .g-btn-size-xl.g-btn-px-m { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-btn-size-xl.g-btn-px-l { padding-left: 4rem !important; padding-right: 4rem !important; } .g-btn-size-xl.g-btn-px-fill { width: 100%; } .g-btn-size-xl.g-btn-px-auto { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-xxl.g-btn-px-s { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-btn-size-xxl.g-btn-px-m { padding-left: 2.85714rem !important; padding-right: 2.85714rem !important; } .g-btn-size-xxl.g-btn-px-l { padding-left: 5rem !important; padding-right: 5rem !important; } .g-btn-size-xxl.g-btn-px-fill { width: 100%; } .g-btn-size-xxl.g-btn-px-auto { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-auto.g-btn-px-s { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-btn-size-auto.g-btn-px-m { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-btn-size-auto.g-btn-px-l { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-btn-size-auto.g-btn-px-fill { width: 100%; } .g-btn-size-auto.g-btn-px-auto { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } /* Inset Buttons ------------------------------------*/ .g-btn-type-solid-double { position: relative; } .g-btn-type-solid-double::before { position: absolute; top: 0.14286rem; right: 0.14286rem; bottom: 0.14286rem; left: 0.14286rem; content: ""; border: solid 1px #fff; border-radius: 1px; } .g-btn-type-solid-double--rounded::before { border-radius: 50px; } .g-btn-type-outline-double { position: relative; } .g-btn-type-outline-double::before { position: absolute; top: 0.14286rem; right: 0.14286rem; bottom: 0.14286rem; left: 0.14286rem; content: ""; border-radius: 1px; } .g-btn-type-outline-double:focus::before, .g-btn-type-outline-double.active::before, .g-btn-type-outline-double:hover::before { border: 1px solid #fff; } .g-btn-type-outline-double--rounded::before { border-radius: 50px; } /* Outline Button Primary ------------------------------------*/ /* Default colors ------------------------------------*/ .g-btn-primary, .g-btn-primary.g-btn-type-solid { color: #fff; background-color: var(--primary); } .g-btn-primary:hover, .g-btn-primary.active, .g-btn-primary.g-btn-type-solid:hover, .g-btn-primary.g-btn-type-solid.active { border-color: var(--primary-lighten-1); background-color: var(--primary-lighten-1); } .g-btn-white, .g-btn-white.g-btn-type-solid { color: #555; background-color: #fff; } .g-btn-white:hover, .g-btn-white.active, .g-btn-white.g-btn-type-solid:hover, .g-btn-white.g-btn-type-solid.active { border-color: white; background-color: white; } .g-btn-black, .g-btn-black.g-btn-type-solid { color: #fff; background-color: #000; } .g-btn-black:hover, .g-btn-black.active, .g-btn-black.g-btn-type-solid:hover, .g-btn-black.g-btn-type-solid.active { border-color: #1a1a1a; background-color: #1a1a1a; } .g-btn-darkgray, .g-btn-darkgray.g-btn-type-solid { color: #fff; background-color: #333; } .g-btn-darkgray:hover, .g-btn-darkgray.active, .g-btn-darkgray.g-btn-type-solid:hover, .g-btn-darkgray.g-btn-type-solid.active { border-color: #4d4d4d; background-color: #4d4d4d; } .g-btn-gray, .g-btn-gray.g-btn-type-solid { color: #fff; background-color: #999; } .g-btn-gray:hover, .g-btn-gray.active, .g-btn-gray.g-btn-type-solid:hover, .g-btn-gray.g-btn-type-solid.active { border-color: #b3b3b3; background-color: #b3b3b3; } .g-btn-lightgray, .g-btn-lightgray.g-btn-type-solid { color: #fff; background-color: #eee; } .g-btn-lightgray:hover, .g-btn-lightgray.active, .g-btn-lightgray.g-btn-type-solid:hover, .g-btn-lightgray.g-btn-type-solid.active { border-color: white; background-color: white; } .g-btn-red, .g-btn-red.g-btn-type-solid { color: #fff; background-color: #f00; } .g-btn-red:hover, .g-btn-red.active, .g-btn-red.g-btn-type-solid:hover, .g-btn-red.g-btn-type-solid.active { border-color: #ff3333; background-color: #ff3333; } .g-btn-lightred, .g-btn-lightred.g-btn-type-solid { color: #fff; background-color: #e64b3b; } .g-btn-lightred:hover, .g-btn-lightred.active, .g-btn-lightred.g-btn-type-solid:hover, .g-btn-lightred.g-btn-type-solid.active { border-color: #ec7568; background-color: #ec7568; } .g-btn-darkred, .g-btn-darkred.g-btn-type-solid { color: #fff; background-color: #a10f2b; } .g-btn-darkred:hover, .g-btn-darkred.active, .g-btn-darkred.g-btn-type-solid:hover, .g-btn-darkred.g-btn-type-solid.active { border-color: #d01337; background-color: #d01337; } .g-btn-blue, .g-btn-blue.g-btn-type-solid { color: #fff; background-color: #3398dc; } .g-btn-blue:hover, .g-btn-blue.active, .g-btn-blue.g-btn-type-solid:hover, .g-btn-blue.g-btn-type-solid.active { border-color: #5faee3; background-color: #5faee3; } .g-btn-indigo, .g-btn-indigo.g-btn-type-solid { color: #fff; background-color: #4263a3; } .g-btn-indigo:hover, .g-btn-indigo.active, .g-btn-indigo.g-btn-type-solid:hover, .g-btn-indigo.g-btn-type-solid.active { border-color: #5b7cbd; background-color: #5b7cbd; } .g-btn-purple, .g-btn-purple.g-btn-type-solid { color: #fff; background-color: #9a69cb; } .g-btn-purple:hover, .g-btn-purple.active, .g-btn-purple.g-btn-type-solid:hover, .g-btn-purple.g-btn-type-solid.active { border-color: #b48fd8; background-color: #b48fd8; } .g-btn-darkpurple, .g-btn-darkpurple.g-btn-type-solid { color: #fff; background-color: #6639b6; } .g-btn-darkpurple:hover, .g-btn-darkpurple.active, .g-btn-darkpurple.g-btn-type-solid:hover, .g-btn-darkpurple.g-btn-type-solid.active { border-color: #8157cb; background-color: #8157cb; } .g-btn-pink, .g-btn-pink.g-btn-type-solid { color: #fff; background-color: #e81c62; } .g-btn-pink:hover, .g-btn-pink.active, .g-btn-pink.g-btn-type-solid:hover, .g-btn-pink.g-btn-type-solid.active { border-color: #ed4a82; background-color: #ed4a82; } .g-btn-orange, .g-btn-orange.g-btn-type-solid { color: #fff; background-color: #e57d20; } .g-btn-orange:hover, .g-btn-orange.active, .g-btn-orange.g-btn-type-solid:hover, .g-btn-orange.g-btn-type-solid.active { border-color: #ea984e; background-color: #ea984e; } .g-btn-deeporange, .g-btn-deeporange.g-btn-type-solid { color: #fff; background-color: #fe541e; } .g-btn-deeporange:hover, .g-btn-deeporange.active, .g-btn-deeporange.g-btn-type-solid:hover, .g-btn-deeporange.g-btn-type-solid.active { border-color: #fe7b51; background-color: #fe7b51; } .g-btn-yellow, .g-btn-yellow.g-btn-type-solid { color: #fff; background-color: #ebc71d; } .g-btn-yellow:hover, .g-btn-yellow.active, .g-btn-yellow.g-btn-type-solid:hover, .g-btn-yellow.g-btn-type-solid.active { border-color: #efd34c; background-color: #efd34c; } .g-btn-aqua, .g-btn-aqua.g-btn-type-solid { color: #fff; background-color: #29d6e6; } .g-btn-aqua:hover, .g-btn-aqua.active, .g-btn-aqua.g-btn-type-solid:hover, .g-btn-aqua.g-btn-type-solid.active { border-color: #57dfeb; background-color: #57dfeb; } .g-btn-cyan, .g-btn-cyan.g-btn-type-solid { color: #fff; background-color: #00bed6; } .g-btn-cyan:hover, .g-btn-cyan.active, .g-btn-cyan.g-btn-type-solid:hover, .g-btn-cyan.g-btn-type-solid.active { border-color: #0ae4ff; background-color: #0ae4ff; } .g-btn-teal, .g-btn-teal.g-btn-type-solid { color: #fff; background-color: #18ba9b; } .g-btn-teal:hover, .g-btn-teal.active, .g-btn-teal.g-btn-type-solid:hover, .g-btn-teal.g-btn-type-solid.active { border-color: #22e3be; background-color: #22e3be; } .g-btn-brown, .g-btn-brown.g-btn-type-solid { color: #fff; background-color: #9c8061; } .g-btn-brown:hover, .g-btn-brown.active, .g-btn-brown.g-btn-type-solid:hover, .g-btn-brown.g-btn-type-solid.active { border-color: #b09980; background-color: #b09980; } .g-btn-bluegray, .g-btn-bluegray.g-btn-type-solid { color: #fff; background-color: #585f69; } .g-btn-bluegray:hover, .g-btn-bluegray.active, .g-btn-bluegray.g-btn-type-solid:hover, .g-btn-bluegray.g-btn-type-solid.active { border-color: #6f7885; background-color: #6f7885; } .g-btn-facebook, .g-btn-facebook.g-btn-type-solid { color: #fff; background-color: #3b5998; } .g-btn-facebook:hover, .g-btn-facebook.active, .g-btn-facebook.g-btn-type-solid:hover, .g-btn-facebook.g-btn-type-solid.active { border-color: #4c70ba; background-color: #4c70ba; } .g-btn-twitter, .g-btn-twitter.g-btn-type-solid { color: #fff; background-color: #00acee; } .g-btn-twitter:hover, .g-btn-twitter.active, .g-btn-twitter.g-btn-type-solid:hover, .g-btn-twitter.g-btn-type-solid.active { border-color: #22c2ff; background-color: #22c2ff; } .g-btn-instagram, .g-btn-instagram.g-btn-type-solid { color: #fff; background-color: #3f729b; } .g-btn-instagram:hover, .g-btn-instagram.active, .g-btn-instagram.g-btn-type-solid:hover, .g-btn-instagram.g-btn-type-solid.active { border-color: #548cb9; background-color: #548cb9; } .g-btn-vk, .g-btn-vk.g-btn-type-solid { color: #fff; background-color: #2b587a; } .g-btn-vk:hover, .g-btn-vk.active, .g-btn-vk.g-btn-type-solid:hover, .g-btn-vk.g-btn-type-solid.active { border-color: #3873a0; background-color: #3873a0; } .g-btn-google-plus, .g-btn-google-plus.g-btn-type-solid { color: #fff; background-color: #dd4b39; } .g-btn-google-plus:hover, .g-btn-google-plus.active, .g-btn-google-plus.g-btn-type-solid:hover, .g-btn-google-plus.g-btn-type-solid.active { border-color: #e47365; background-color: #e47365; } .g-theme-bitrix-btn-v4, .g-theme-bitrix-btn-v4.g-btn-type-solid { color: #fff; background-color: #3330D9; } .g-theme-bitrix-btn-v4:hover, .g-theme-bitrix-btn-v4.active, .g-theme-bitrix-btn-v4.g-btn-type-solid:hover, .g-theme-bitrix-btn-v4.g-btn-type-solid.active { border-color: #5d5be1; background-color: #5d5be1; } .g-theme-bitrix-btn-v6, .g-theme-bitrix-btn-v6.g-btn-type-solid { color: #fff; background-color: #2186F0; } .g-theme-bitrix-btn-v6:hover, .g-theme-bitrix-btn-v6.active, .g-theme-bitrix-btn-v6.g-btn-type-solid:hover, .g-theme-bitrix-btn-v6.g-btn-type-solid.active { border-color: #51a0f3; background-color: #51a0f3; } /* ------------------------------------ -------- Button for Type inset -------- -------------------------------------*/ .g-btn-primary.g-btn-type-solid-double { color: #fff; background-color: var(--primary); } .g-btn-primary.g-btn-type-solid-double:hover, .g-btn-primary.g-btn-type-solid-double.active { border-color: var(--primary-lighten-1); background-color: var(--primary-lighten-1); } .g-btn-primary.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-white.g-btn-type-solid-double { color: #555; background-color: #fff; } .g-btn-white.g-btn-type-solid-double:hover, .g-btn-white.g-btn-type-solid-double.active { border-color: white; background-color: white; } .g-btn-white.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-black.g-btn-type-solid-double { color: #fff; background-color: #000; } .g-btn-black.g-btn-type-solid-double:hover, .g-btn-black.g-btn-type-solid-double.active { border-color: #1a1a1a; background-color: #1a1a1a; } .g-btn-black.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-darkgray.g-btn-type-solid-double { color: #fff; background-color: #333; } .g-btn-darkgray.g-btn-type-solid-double:hover, .g-btn-darkgray.g-btn-type-solid-double.active { border-color: #4d4d4d; background-color: #4d4d4d; } .g-btn-darkgray.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-gray.g-btn-type-solid-double { color: #fff; background-color: #999; } .g-btn-gray.g-btn-type-solid-double:hover, .g-btn-gray.g-btn-type-solid-double.active { border-color: #b3b3b3; background-color: #b3b3b3; } .g-btn-gray.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-lightgray.g-btn-type-solid-double { color: #fff; background-color: #eee; } .g-btn-lightgray.g-btn-type-solid-double:hover, .g-btn-lightgray.g-btn-type-solid-double.active { border-color: white; background-color: white; } .g-btn-lightgray.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-red.g-btn-type-solid-double { color: #fff; background-color: #f00; } .g-btn-red.g-btn-type-solid-double:hover, .g-btn-red.g-btn-type-solid-double.active { border-color: #ff3333; background-color: #ff3333; } .g-btn-red.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-lightred.g-btn-type-solid-double { color: #fff; background-color: #e64b3b; } .g-btn-lightred.g-btn-type-solid-double:hover, .g-btn-lightred.g-btn-type-solid-double.active { border-color: #ec7568; background-color: #ec7568; } .g-btn-lightred.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-darkred.g-btn-type-solid-double { color: #fff; background-color: #a10f2b; } .g-btn-darkred.g-btn-type-solid-double:hover, .g-btn-darkred.g-btn-type-solid-double.active { border-color: #d01337; background-color: #d01337; } .g-btn-darkred.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-blue.g-btn-type-solid-double { color: #fff; background-color: #3398dc; } .g-btn-blue.g-btn-type-solid-double:hover, .g-btn-blue.g-btn-type-solid-double.active { border-color: #5faee3; background-color: #5faee3; } .g-btn-blue.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-indigo.g-btn-type-solid-double { color: #fff; background-color: #4263a3; } .g-btn-indigo.g-btn-type-solid-double:hover, .g-btn-indigo.g-btn-type-solid-double.active { border-color: #5b7cbd; background-color: #5b7cbd; } .g-btn-indigo.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-purple.g-btn-type-solid-double { color: #fff; background-color: #9a69cb; } .g-btn-purple.g-btn-type-solid-double:hover, .g-btn-purple.g-btn-type-solid-double.active { border-color: #b48fd8; background-color: #b48fd8; } .g-btn-purple.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-darkpurple.g-btn-type-solid-double { color: #fff; background-color: #6639b6; } .g-btn-darkpurple.g-btn-type-solid-double:hover, .g-btn-darkpurple.g-btn-type-solid-double.active { border-color: #8157cb; background-color: #8157cb; } .g-btn-darkpurple.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-pink.g-btn-type-solid-double { color: #fff; background-color: #e81c62; } .g-btn-pink.g-btn-type-solid-double:hover, .g-btn-pink.g-btn-type-solid-double.active { border-color: #ed4a82; background-color: #ed4a82; } .g-btn-pink.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-orange.g-btn-type-solid-double { color: #fff; background-color: #e57d20; } .g-btn-orange.g-btn-type-solid-double:hover, .g-btn-orange.g-btn-type-solid-double.active { border-color: #ea984e; background-color: #ea984e; } .g-btn-orange.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-deeporange.g-btn-type-solid-double { color: #fff; background-color: #fe541e; } .g-btn-deeporange.g-btn-type-solid-double:hover, .g-btn-deeporange.g-btn-type-solid-double.active { border-color: #fe7b51; background-color: #fe7b51; } .g-btn-deeporange.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-yellow.g-btn-type-solid-double { color: #fff; background-color: #ebc71d; } .g-btn-yellow.g-btn-type-solid-double:hover, .g-btn-yellow.g-btn-type-solid-double.active { border-color: #efd34c; background-color: #efd34c; } .g-btn-yellow.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-aqua.g-btn-type-solid-double { color: #fff; background-color: #29d6e6; } .g-btn-aqua.g-btn-type-solid-double:hover, .g-btn-aqua.g-btn-type-solid-double.active { border-color: #57dfeb; background-color: #57dfeb; } .g-btn-aqua.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-cyan.g-btn-type-solid-double { color: #fff; background-color: #00bed6; } .g-btn-cyan.g-btn-type-solid-double:hover, .g-btn-cyan.g-btn-type-solid-double.active { border-color: #0ae4ff; background-color: #0ae4ff; } .g-btn-cyan.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-teal.g-btn-type-solid-double { color: #fff; background-color: #18ba9b; } .g-btn-teal.g-btn-type-solid-double:hover, .g-btn-teal.g-btn-type-solid-double.active { border-color: #22e3be; background-color: #22e3be; } .g-btn-teal.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-brown.g-btn-type-solid-double { color: #fff; background-color: #9c8061; } .g-btn-brown.g-btn-type-solid-double:hover, .g-btn-brown.g-btn-type-solid-double.active { border-color: #b09980; background-color: #b09980; } .g-btn-brown.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-bluegray.g-btn-type-solid-double { color: #fff; background-color: #585f69; } .g-btn-bluegray.g-btn-type-solid-double:hover, .g-btn-bluegray.g-btn-type-solid-double.active { border-color: #6f7885; background-color: #6f7885; } .g-btn-bluegray.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-facebook.g-btn-type-solid-double { color: #fff; background-color: #3b5998; } .g-btn-facebook.g-btn-type-solid-double:hover, .g-btn-facebook.g-btn-type-solid-double.active { border-color: #4c70ba; background-color: #4c70ba; } .g-btn-facebook.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-twitter.g-btn-type-solid-double { color: #fff; background-color: #00acee; } .g-btn-twitter.g-btn-type-solid-double:hover, .g-btn-twitter.g-btn-type-solid-double.active { border-color: #22c2ff; background-color: #22c2ff; } .g-btn-twitter.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-instagram.g-btn-type-solid-double { color: #fff; background-color: #3f729b; } .g-btn-instagram.g-btn-type-solid-double:hover, .g-btn-instagram.g-btn-type-solid-double.active { border-color: #548cb9; background-color: #548cb9; } .g-btn-instagram.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-vk.g-btn-type-solid-double { color: #fff; background-color: #2b587a; } .g-btn-vk.g-btn-type-solid-double:hover, .g-btn-vk.g-btn-type-solid-double.active { border-color: #3873a0; background-color: #3873a0; } .g-btn-vk.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-google-plus.g-btn-type-solid-double { color: #fff; background-color: #dd4b39; } .g-btn-google-plus.g-btn-type-solid-double:hover, .g-btn-google-plus.g-btn-type-solid-double.active { border-color: #e47365; background-color: #e47365; } .g-btn-google-plus.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-theme-bitrix-btn-v4.g-btn-type-solid-double { color: #fff; background-color: #3330D9; } .g-theme-bitrix-btn-v4.g-btn-type-solid-double:hover, .g-theme-bitrix-btn-v4.g-btn-type-solid-double.active { border-color: #5d5be1; background-color: #5d5be1; } .g-theme-bitrix-btn-v4.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } .g-theme-bitrix-btn-v6.g-btn-type-solid-double { color: #fff; background-color: #2186F0; } .g-theme-bitrix-btn-v6.g-btn-type-solid-double:hover, .g-theme-bitrix-btn-v6.g-btn-type-solid-double.active { border-color: #51a0f3; background-color: #51a0f3; } .g-theme-bitrix-btn-v6.g-btn-type-solid-double::before { border-color: rgba(255, 255, 255, 0.5); } /* -------------------------------------- ---- Button for Type default outline ---- ---------------------------------------*/ .g-btn-primary.g-btn-type-outline { color: var(--primary); border-color: var(--primary); background-color: transparent; } .g-btn-primary.g-btn-type-outline:focus, .g-btn-primary.g-btn-type-outline.active, .g-btn-primary.g-btn-type-outline:hover { color: #fff; background-color: var(--primary); } .g-btn-white.g-btn-type-outline { color: #fff; border-color: #fff; background-color: transparent; } .g-btn-white.g-btn-type-outline:focus, .g-btn-white.g-btn-type-outline.active, .g-btn-white.g-btn-type-outline:hover { color: #555; background-color: #fff; } .g-btn-black.g-btn-type-outline { color: #000; border-color: #000; background-color: transparent; } .g-btn-black.g-btn-type-outline:focus, .g-btn-black.g-btn-type-outline.active, .g-btn-black.g-btn-type-outline:hover { color: #fff; background-color: #000; } .g-btn-darkgray.g-btn-type-outline { color: #333; border-color: #333; background-color: transparent; } .g-btn-darkgray.g-btn-type-outline:focus, .g-btn-darkgray.g-btn-type-outline.active, .g-btn-darkgray.g-btn-type-outline:hover { color: #fff; background-color: #333; } .g-btn-gray.g-btn-type-outline { color: #eee; border-color: #999; background-color: transparent; } .g-btn-gray.g-btn-type-outline:focus, .g-btn-gray.g-btn-type-outline.active, .g-btn-gray.g-btn-type-outline:hover { color: #fff; background-color: #999; } .g-btn-lightgray.g-btn-type-outline { color: #eee; border-color: #eee; background-color: transparent; } .g-btn-lightgray.g-btn-type-outline:focus, .g-btn-lightgray.g-btn-type-outline.active, .g-btn-lightgray.g-btn-type-outline:hover { color: #fff; background-color: #eee; } .g-btn-red.g-btn-type-outline { color: #f00; border-color: #f00; background-color: transparent; } .g-btn-red.g-btn-type-outline:focus, .g-btn-red.g-btn-type-outline.active, .g-btn-red.g-btn-type-outline:hover { color: #fff; background-color: #f00; } .g-btn-lightred.g-btn-type-outline { color: #e64b3b; border-color: #e64b3b; background-color: transparent; } .g-btn-lightred.g-btn-type-outline:focus, .g-btn-lightred.g-btn-type-outline.active, .g-btn-lightred.g-btn-type-outline:hover { color: #fff; background-color: #e64b3b; } .g-btn-darkred.g-btn-type-outline { color: #a10f2b; border-color: #a10f2b; background-color: transparent; } .g-btn-darkred.g-btn-type-outline:focus, .g-btn-darkred.g-btn-type-outline.active, .g-btn-darkred.g-btn-type-outline:hover { color: #fff; background-color: #a10f2b; } .g-btn-blue.g-btn-type-outline { color: #3398dc; border-color: #3398dc; background-color: transparent; } .g-btn-blue.g-btn-type-outline:focus, .g-btn-blue.g-btn-type-outline.active, .g-btn-blue.g-btn-type-outline:hover { color: #fff; background-color: #3398dc; } .g-btn-indigo.g-btn-type-outline { color: #4263a3; border-color: #4263a3; background-color: transparent; } .g-btn-indigo.g-btn-type-outline:focus, .g-btn-indigo.g-btn-type-outline.active, .g-btn-indigo.g-btn-type-outline:hover { color: #fff; background-color: #4263a3; } .g-btn-purple.g-btn-type-outline { color: #9a69cb; border-color: #9a69cb; background-color: transparent; } .g-btn-purple.g-btn-type-outline:focus, .g-btn-purple.g-btn-type-outline.active, .g-btn-purple.g-btn-type-outline:hover { color: #fff; background-color: #9a69cb; } .g-btn-darkpurple.g-btn-type-outline { color: #6639b6; border-color: #6639b6; background-color: transparent; } .g-btn-darkpurple.g-btn-type-outline:focus, .g-btn-darkpurple.g-btn-type-outline.active, .g-btn-darkpurple.g-btn-type-outline:hover { color: #fff; background-color: #6639b6; } .g-btn-pink.g-btn-type-outline { color: #e81c62; border-color: #e81c62; background-color: transparent; } .g-btn-pink.g-btn-type-outline:focus, .g-btn-pink.g-btn-type-outline.active, .g-btn-pink.g-btn-type-outline:hover { color: #fff; background-color: #e81c62; } .g-btn-orange.g-btn-type-outline { color: #e57d20; border-color: #e57d20; background-color: transparent; } .g-btn-orange.g-btn-type-outline:focus, .g-btn-orange.g-btn-type-outline.active, .g-btn-orange.g-btn-type-outline:hover { color: #fff; background-color: #e57d20; } .g-btn-deeporange.g-btn-type-outline { color: #fe541e; border-color: #fe541e; background-color: transparent; } .g-btn-deeporange.g-btn-type-outline:focus, .g-btn-deeporange.g-btn-type-outline.active, .g-btn-deeporange.g-btn-type-outline:hover { color: #fff; background-color: #fe541e; } .g-btn-yellow.g-btn-type-outline { color: #555; border-color: #ebc71d; background-color: transparent; } .g-btn-yellow.g-btn-type-outline:focus, .g-btn-yellow.g-btn-type-outline.active, .g-btn-yellow.g-btn-type-outline:hover { color: #555; background-color: #ebc71d; } .g-btn-aqua.g-btn-type-outline { color: #29d6e6; border-color: #29d6e6; background-color: transparent; } .g-btn-aqua.g-btn-type-outline:focus, .g-btn-aqua.g-btn-type-outline.active, .g-btn-aqua.g-btn-type-outline:hover { color: #fff; background-color: #29d6e6; } .g-btn-cyan.g-btn-type-outline { color: #00bed6; border-color: #00bed6; background-color: transparent; } .g-btn-cyan.g-btn-type-outline:focus, .g-btn-cyan.g-btn-type-outline.active, .g-btn-cyan.g-btn-type-outline:hover { color: #fff; background-color: #00bed6; } .g-btn-teal.g-btn-type-outline { color: #18ba9b; border-color: #18ba9b; background-color: transparent; } .g-btn-teal.g-btn-type-outline:focus, .g-btn-teal.g-btn-type-outline.active, .g-btn-teal.g-btn-type-outline:hover { color: #fff; background-color: #18ba9b; } .g-btn-brown.g-btn-type-outline { color: #9c8061; border-color: #9c8061; background-color: transparent; } .g-btn-brown.g-btn-type-outline:focus, .g-btn-brown.g-btn-type-outline.active, .g-btn-brown.g-btn-type-outline:hover { color: #fff; background-color: #9c8061; } .g-btn-bluegray.g-btn-type-outline { color: #585f69; border-color: #585f69; background-color: transparent; } .g-btn-bluegray.g-btn-type-outline:focus, .g-btn-bluegray.g-btn-type-outline.active, .g-btn-bluegray.g-btn-type-outline:hover { color: #fff; background-color: #585f69; } .g-btn-facebook.g-btn-type-outline { color: #3b5998; border-color: #3b5998; background-color: transparent; } .g-btn-facebook.g-btn-type-outline:focus, .g-btn-facebook.g-btn-type-outline.active, .g-btn-facebook.g-btn-type-outline:hover { color: #fff; background-color: #3b5998; } .g-btn-twitter.g-btn-type-outline { color: #00acee; border-color: #00acee; background-color: transparent; } .g-btn-twitter.g-btn-type-outline:focus, .g-btn-twitter.g-btn-type-outline.active, .g-btn-twitter.g-btn-type-outline:hover { color: #fff; background-color: #00acee; } .g-btn-dribbble.g-btn-type-outline { color: #ea4c89; border-color: #ea4c89; background-color: transparent; } .g-btn-dribbble.g-btn-type-outline:focus, .g-btn-dribbble.g-btn-type-outline.active, .g-btn-dribbble.g-btn-type-outline:hover { color: #fff; background-color: #ea4c89; } .g-theme-bitrix-btn-v4.g-btn-type-outline { color: #3330D9; border-color: #3330D9; background-color: transparent; } .g-theme-bitrix-btn-v4.g-btn-type-outline:focus, .g-theme-bitrix-btn-v4.g-btn-type-outline.active, .g-theme-bitrix-btn-v4.g-btn-type-outline:hover { color: #fff; background-color: #3330D9; } .g-theme-bitrix-btn-v6.g-btn-type-outline { color: #2186F0; border-color: #2186F0; background-color: transparent; } .g-theme-bitrix-btn-v6.g-btn-type-outline:focus, .g-theme-bitrix-btn-v6.g-btn-type-outline.active, .g-theme-bitrix-btn-v6.g-btn-type-outline:hover { color: #fff; background-color: #2186F0; } /* -------------------------------------- ---- Button for Type outline double ---- ---------------------------------------*/ .g-btn-primary.g-btn-type-outline-double { color: var(--primary); border-color: var(--primary); background-color: transparent; } .g-btn-primary.g-btn-type-outline-double:focus, .g-btn-primary.g-btn-type-outline-double.active, .g-btn-primary.g-btn-type-outline-double:hover { color: #fff; background-color: var(--primary); } .g-btn-primary.g-btn-type-outline-double:focus::before, .g-btn-primary.g-btn-type-outline-double.active::before, .g-btn-primary.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-white.g-btn-type-outline-double { color: #fff; border-color: #fff; background-color: transparent; } .g-btn-white.g-btn-type-outline-double:focus, .g-btn-white.g-btn-type-outline-double.active, .g-btn-white.g-btn-type-outline-double:hover { color: #555; background-color: #fff; } .g-btn-white.g-btn-type-outline-double:focus::before, .g-btn-white.g-btn-type-outline-double.active::before, .g-btn-white.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-black.g-btn-type-outline-double { color: #000; border-color: #000; background-color: transparent; } .g-btn-black.g-btn-type-outline-double:focus, .g-btn-black.g-btn-type-outline-double.active, .g-btn-black.g-btn-type-outline-double:hover { color: #fff; background-color: #000; } .g-btn-black.g-btn-type-outline-double:focus::before, .g-btn-black.g-btn-type-outline-double.active::before, .g-btn-black.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-darkgray.g-btn-type-outline-double { color: #333; border-color: #333; background-color: transparent; } .g-btn-darkgray.g-btn-type-outline-double:focus, .g-btn-darkgray.g-btn-type-outline-double.active, .g-btn-darkgray.g-btn-type-outline-double:hover { color: #fff; background-color: #333; } .g-btn-darkgray.g-btn-type-outline-double:focus::before, .g-btn-darkgray.g-btn-type-outline-double.active::before, .g-btn-darkgray.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-gray.g-btn-type-outline-double { color: #eee; border-color: #999; background-color: transparent; } .g-btn-gray.g-btn-type-outline-double:focus, .g-btn-gray.g-btn-type-outline-double.active, .g-btn-gray.g-btn-type-outline-double:hover { color: #fff; background-color: #999; } .g-btn-gray.g-btn-type-outline-double:focus::before, .g-btn-gray.g-btn-type-outline-double.active::before, .g-btn-gray.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-lightgray.g-btn-type-outline-double { color: #eee; border-color: #eee; background-color: transparent; } .g-btn-lightgray.g-btn-type-outline-double:focus, .g-btn-lightgray.g-btn-type-outline-double.active, .g-btn-lightgray.g-btn-type-outline-double:hover { color: #fff; background-color: #eee; } .g-btn-lightgray.g-btn-type-outline-double:focus::before, .g-btn-lightgray.g-btn-type-outline-double.active::before, .g-btn-lightgray.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-red.g-btn-type-outline-double { color: #f00; border-color: #f00; background-color: transparent; } .g-btn-red.g-btn-type-outline-double:focus, .g-btn-red.g-btn-type-outline-double.active, .g-btn-red.g-btn-type-outline-double:hover { color: #fff; background-color: #f00; } .g-btn-red.g-btn-type-outline-double:focus::before, .g-btn-red.g-btn-type-outline-double.active::before, .g-btn-red.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-lightred.g-btn-type-outline-double { color: #e64b3b; border-color: #e64b3b; background-color: transparent; } .g-btn-lightred.g-btn-type-outline-double:focus, .g-btn-lightred.g-btn-type-outline-double.active, .g-btn-lightred.g-btn-type-outline-double:hover { color: #fff; background-color: #e64b3b; } .g-btn-lightred.g-btn-type-outline-double:focus::before, .g-btn-lightred.g-btn-type-outline-double.active::before, .g-btn-lightred.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-darkred.g-btn-type-outline-double { color: #a10f2b; border-color: #a10f2b; background-color: transparent; } .g-btn-darkred.g-btn-type-outline-double:focus, .g-btn-darkred.g-btn-type-outline-double.active, .g-btn-darkred.g-btn-type-outline-double:hover { color: #fff; background-color: #a10f2b; } .g-btn-darkred.g-btn-type-outline-double:focus::before, .g-btn-darkred.g-btn-type-outline-double.active::before, .g-btn-darkred.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-blue.g-btn-type-outline-double { color: #3398dc; border-color: #3398dc; background-color: transparent; } .g-btn-blue.g-btn-type-outline-double:focus, .g-btn-blue.g-btn-type-outline-double.active, .g-btn-blue.g-btn-type-outline-double:hover { color: #fff; background-color: #3398dc; } .g-btn-blue.g-btn-type-outline-double:focus::before, .g-btn-blue.g-btn-type-outline-double.active::before, .g-btn-blue.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-indigo.g-btn-type-outline-double { color: #4263a3; border-color: #4263a3; background-color: transparent; } .g-btn-indigo.g-btn-type-outline-double:focus, .g-btn-indigo.g-btn-type-outline-double.active, .g-btn-indigo.g-btn-type-outline-double:hover { color: #fff; background-color: #4263a3; } .g-btn-indigo.g-btn-type-outline-double:focus::before, .g-btn-indigo.g-btn-type-outline-double.active::before, .g-btn-indigo.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-purple.g-btn-type-outline-double { color: #9a69cb; border-color: #9a69cb; background-color: transparent; } .g-btn-purple.g-btn-type-outline-double:focus, .g-btn-purple.g-btn-type-outline-double.active, .g-btn-purple.g-btn-type-outline-double:hover { color: #fff; background-color: #9a69cb; } .g-btn-purple.g-btn-type-outline-double:focus::before, .g-btn-purple.g-btn-type-outline-double.active::before, .g-btn-purple.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-darkpurple.g-btn-type-outline-double { color: #6639b6; border-color: #6639b6; background-color: transparent; } .g-btn-darkpurple.g-btn-type-outline-double:focus, .g-btn-darkpurple.g-btn-type-outline-double.active, .g-btn-darkpurple.g-btn-type-outline-double:hover { color: #fff; background-color: #6639b6; } .g-btn-darkpurple.g-btn-type-outline-double:focus::before, .g-btn-darkpurple.g-btn-type-outline-double.active::before, .g-btn-darkpurple.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-pink.g-btn-type-outline-double { color: #e81c62; border-color: #e81c62; background-color: transparent; } .g-btn-pink.g-btn-type-outline-double:focus, .g-btn-pink.g-btn-type-outline-double.active, .g-btn-pink.g-btn-type-outline-double:hover { color: #fff; background-color: #e81c62; } .g-btn-pink.g-btn-type-outline-double:focus::before, .g-btn-pink.g-btn-type-outline-double.active::before, .g-btn-pink.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-orange.g-btn-type-outline-double { color: #e57d20; border-color: #e57d20; background-color: transparent; } .g-btn-orange.g-btn-type-outline-double:focus, .g-btn-orange.g-btn-type-outline-double.active, .g-btn-orange.g-btn-type-outline-double:hover { color: #fff; background-color: #e57d20; } .g-btn-orange.g-btn-type-outline-double:focus::before, .g-btn-orange.g-btn-type-outline-double.active::before, .g-btn-orange.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-deeporange.g-btn-type-outline-double { color: #fe541e; border-color: #fe541e; background-color: transparent; } .g-btn-deeporange.g-btn-type-outline-double:focus, .g-btn-deeporange.g-btn-type-outline-double.active, .g-btn-deeporange.g-btn-type-outline-double:hover { color: #fff; background-color: #fe541e; } .g-btn-deeporange.g-btn-type-outline-double:focus::before, .g-btn-deeporange.g-btn-type-outline-double.active::before, .g-btn-deeporange.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-yellow.g-btn-type-outline-double { color: #555; border-color: #ebc71d; background-color: transparent; } .g-btn-yellow.g-btn-type-outline-double:focus, .g-btn-yellow.g-btn-type-outline-double.active, .g-btn-yellow.g-btn-type-outline-double:hover { color: #555; background-color: #ebc71d; } .g-btn-yellow.g-btn-type-outline-double:focus::before, .g-btn-yellow.g-btn-type-outline-double.active::before, .g-btn-yellow.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-aqua.g-btn-type-outline-double { color: #29d6e6; border-color: #29d6e6; background-color: transparent; } .g-btn-aqua.g-btn-type-outline-double:focus, .g-btn-aqua.g-btn-type-outline-double.active, .g-btn-aqua.g-btn-type-outline-double:hover { color: #fff; background-color: #29d6e6; } .g-btn-aqua.g-btn-type-outline-double:focus::before, .g-btn-aqua.g-btn-type-outline-double.active::before, .g-btn-aqua.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-cyan.g-btn-type-outline-double { color: #00bed6; border-color: #00bed6; background-color: transparent; } .g-btn-cyan.g-btn-type-outline-double:focus, .g-btn-cyan.g-btn-type-outline-double.active, .g-btn-cyan.g-btn-type-outline-double:hover { color: #fff; background-color: #00bed6; } .g-btn-cyan.g-btn-type-outline-double:focus::before, .g-btn-cyan.g-btn-type-outline-double.active::before, .g-btn-cyan.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-teal.g-btn-type-outline-double { color: #18ba9b; border-color: #18ba9b; background-color: transparent; } .g-btn-teal.g-btn-type-outline-double:focus, .g-btn-teal.g-btn-type-outline-double.active, .g-btn-teal.g-btn-type-outline-double:hover { color: #fff; background-color: #18ba9b; } .g-btn-teal.g-btn-type-outline-double:focus::before, .g-btn-teal.g-btn-type-outline-double.active::before, .g-btn-teal.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-brown.g-btn-type-outline-double { color: #9c8061; border-color: #9c8061; background-color: transparent; } .g-btn-brown.g-btn-type-outline-double:focus, .g-btn-brown.g-btn-type-outline-double.active, .g-btn-brown.g-btn-type-outline-double:hover { color: #fff; background-color: #9c8061; } .g-btn-brown.g-btn-type-outline-double:focus::before, .g-btn-brown.g-btn-type-outline-double.active::before, .g-btn-brown.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-bluegray.g-btn-type-outline-double { color: #585f69; border-color: #585f69; background-color: transparent; } .g-btn-bluegray.g-btn-type-outline-double:focus, .g-btn-bluegray.g-btn-type-outline-double.active, .g-btn-bluegray.g-btn-type-outline-double:hover { color: #fff; background-color: #585f69; } .g-btn-bluegray.g-btn-type-outline-double:focus::before, .g-btn-bluegray.g-btn-type-outline-double.active::before, .g-btn-bluegray.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-facebook.g-btn-type-outline-double { color: #3b5998; border-color: #3b5998; background-color: transparent; } .g-btn-facebook.g-btn-type-outline-double:focus, .g-btn-facebook.g-btn-type-outline-double.active, .g-btn-facebook.g-btn-type-outline-double:hover { color: #fff; background-color: #3b5998; } .g-btn-facebook.g-btn-type-outline-double:focus::before, .g-btn-facebook.g-btn-type-outline-double.active::before, .g-btn-facebook.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-twitter.g-btn-type-outline-double { color: #00acee; border-color: #00acee; background-color: transparent; } .g-btn-twitter.g-btn-type-outline-double:focus, .g-btn-twitter.g-btn-type-outline-double.active, .g-btn-twitter.g-btn-type-outline-double:hover { color: #fff; background-color: #00acee; } .g-btn-twitter.g-btn-type-outline-double:focus::before, .g-btn-twitter.g-btn-type-outline-double.active::before, .g-btn-twitter.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-btn-dribbble.g-btn-type-outline-double { color: #ea4c89; border-color: #ea4c89; background-color: transparent; } .g-btn-dribbble.g-btn-type-outline-double:focus, .g-btn-dribbble.g-btn-type-outline-double.active, .g-btn-dribbble.g-btn-type-outline-double:hover { color: #fff; background-color: #ea4c89; } .g-btn-dribbble.g-btn-type-outline-double:focus::before, .g-btn-dribbble.g-btn-type-outline-double.active::before, .g-btn-dribbble.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-theme-bitrix-btn-v4.g-btn-type-outline-double { color: #3330D9; border-color: #3330D9; background-color: transparent; } .g-theme-bitrix-btn-v4.g-btn-type-outline-double:focus, .g-theme-bitrix-btn-v4.g-btn-type-outline-double.active, .g-theme-bitrix-btn-v4.g-btn-type-outline-double:hover { color: #fff; background-color: #3330D9; } .g-theme-bitrix-btn-v4.g-btn-type-outline-double:focus::before, .g-theme-bitrix-btn-v4.g-btn-type-outline-double.active::before, .g-theme-bitrix-btn-v4.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-theme-bitrix-btn-v6.g-btn-type-outline-double { color: #2186F0; border-color: #2186F0; background-color: transparent; } .g-theme-bitrix-btn-v6.g-btn-type-outline-double:focus, .g-theme-bitrix-btn-v6.g-btn-type-outline-double.active, .g-theme-bitrix-btn-v6.g-btn-type-outline-double:hover { color: #fff; background-color: #2186F0; } .g-theme-bitrix-btn-v6.g-btn-type-outline-double:focus::before, .g-theme-bitrix-btn-v6.g-btn-type-outline-double.active::before, .g-theme-bitrix-btn-v6.g-btn-type-outline-double:hover::before { border-color: rgba(255, 255, 255, 0.5); } .g-button-color, .g-button-color.g-btn-type-solid { color: var(--button-color-contrast); background-color: var(--button-color); } .g-button-color:hover, .g-button-color.active, .g-button-color.g-btn-type-solid:hover, .g-button-color.g-btn-type-solid.active { border-color: var(--button-color-light); background-color: var(--button-color-light); } .g-button-color.g-btn-type-solid-double { color: var(--button-color-contrast); background-color: var(--button-color); } .g-button-color.g-btn-type-solid-double:hover, .g-button-color.g-btn-type-solid-double.active { border-color: var(--button-color-hover); background-color: var(--button-color-hover); } .g-button-color.g-btn-type-solid-double::before { border-color: var(--button-color-light); } .g-button-color.g-btn-type-outline { color: var(--button-color); border-color: var(--button-color); background-color: transparent; } .g-button-color.g-btn-type-outline:focus, .g-button-color.g-btn-type-outline.active, .g-button-color.g-btn-type-outline:hover { color: var(--button-color-contrast); background-color: var(--button-color); } .g-button-color.g-btn-type-outline-double { color: var(--button-color); border-color: var(--button-color); background-color: transparent; } .g-button-color.g-btn-type-outline-double:focus, .g-button-color.g-btn-type-outline-double.active, .g-button-color.g-btn-type-outline-double:hover { color: var(--button-color-contrast); background-color: var(--button-color); } .g-button-color.g-btn-type-outline-double:focus::before, .g-button-color.g-btn-type-outline-double.active::before, .g-button-color.g-btn-type-outline-double:hover::before { border-color: var(--button-color-light); } /*------------------------------------ Typography Font Family ------------------------------------*/ .g-font-code { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /*my*/ .g-font-open-sans { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .g-font-roboto { font-family: "Roboto", Arial, sans-serif; } .g-font-roboto-slab { font-family: "Roboto Slab", Helvetica, Arial, sans-serif; } .g-font-cormorant-infant { font-family: "Cormorant Infant", serif; } .g-font-pt-sans { font-family: "PT Sans", sans-serif; } .g-font-pt-sans-narrow { font-family: "PT Sans Narrow", sans-serif; } .g-font-pt-sans-caption { font-family: "PT Sans Caption", sans-serif; } .g-font-montserrat { font-family: "Montserrat", Arial, sans-serif; } .g-font-alegreya-sans { font-family: "Alegreya Sans", sans-serif; } .g-font-lobster { font-family: "Lobster", cursive; } /*------------------------------------ Typography Font Size ------------------------------------*/ .g-font-size-70x { font-size: 70% !important; } .g-font-size-75x { font-size: 75% !important; } .g-font-size-80x { font-size: 80% !important; } .g-font-size-85x { font-size: 85% !important; } .g-font-size-90x { font-size: 90% !important; } .g-font-size-95x { font-size: 95% !important; } .g-font-size-0 { font-size: inherit; } .g-font-size-5 { font-size: 0.35714rem !important; } .g-font-size-8 { font-size: 0.57143rem !important; } .g-font-size-9 { font-size: 0.64286rem !important; } .g-font-size-10 { font-size: 0.71429rem !important; } .g-font-size-11 { font-size: 0.78571rem !important; } .g-font-size-12 { font-size: 0.85714rem !important; } .g-font-size-13 { font-size: 0.92857rem !important; } .g-font-size-14 { font-size: 1rem !important; } .g-font-size-15 { font-size: 1.07143rem !important; } .g-font-size-16 { font-size: 1.14286rem !important; } .g-font-size-17 { font-size: 1.21429rem !important; } .g-font-size-18 { font-size: 1.28571rem !important; } .g-font-size-20 { font-size: 1.42857rem !important; } .g-font-size-22 { font-size: 1.57143rem !important; } .g-font-size-23 { font-size: 1.64286rem !important; } .g-font-size-24 { font-size: 1.71429rem !important; } .g-font-size-25 { font-size: 1.78571rem !important; } .g-font-size-26 { font-size: 1.85714rem !important; } .g-font-size-27 { font-size: 1.92857rem !important; } .g-font-size-28 { font-size: 2rem !important; } .g-font-size-30 { font-size: 2.14286rem !important; } .g-font-size-32 { font-size: 2.28571rem !important; } .g-font-size-33 { font-size: 2.35714rem !important; } .g-font-size-35 { font-size: 2.5rem !important; } .g-font-size-36 { font-size: 2.57143rem !important; } .g-font-size-38 { font-size: 2.71429rem !important; } .g-font-size-40 { font-size: 2.85714rem !important; } .g-font-size-42 { font-size: 3rem !important; } .g-font-size-45 { font-size: 3.21429rem !important; } .g-font-size-46 { font-size: 3.28571rem !important; } .g-font-size-48 { font-size: 3.42857rem !important; } .g-font-size-50 { font-size: 3.57143rem !important; } .g-font-size-55 { font-size: 3.92857rem !important; } .g-font-size-56 { font-size: 4rem !important; } .g-font-size-60 { font-size: 4.28571rem !important; } .g-font-size-65 { font-size: 4.64286rem !important; } .g-font-size-70 { font-size: 5rem !important; } .g-font-size-75 { font-size: 5.35714rem !important; } .g-font-size-76 { font-size: 5.42857rem !important; } .g-font-size-80 { font-size: 5.71429rem !important; } .g-font-size-85 { font-size: 6.07143rem !important; } .g-font-size-86 { font-size: 6.14286rem !important; } .g-font-size-90 { font-size: 6.42857rem !important; } .g-font-size-100 { font-size: 7.14286rem !important; } .g-font-size-110 { font-size: 7.85714rem !important; } .g-font-size-120 { font-size: 8.57143rem !important; } .g-font-size-150 { font-size: 10.71429rem !important; } .g-font-size-180 { font-size: 12.85714rem !important; } .g-font-size-200 { font-size: 14.28571rem !important; } .g-font-size-0_45em { font-size: 0.45em; } .g-font-size-0_6em { font-size: 0.6em; } .g-font-size-0_8em { font-size: 0.8em; } .g-font-size-1_5em { font-size: 1.5em; } @media (min-width: 576px) { .g-font-size-12--sm { font-size: 0.85714rem !important; } .g-font-size-14--sm { font-size: 1rem !important; } .g-font-size-20--sm { font-size: 1.42857rem !important; } .g-font-size-25--sm { font-size: 1.78571rem !important; } .g-font-size-36--sm { font-size: 2.57143rem !important; } .g-font-size-40--sm { font-size: 2.85714rem !important; } .g-font-size-45--sm { font-size: 3.21429rem !important; } .g-font-size-50--sm { font-size: 3.57143rem !important; } .g-font-size-240--sm { font-size: 17.14286rem !important; } .g-font-size-1em--sm { font-size: 1em; } } @media (min-width: 768px) { .g-font-size-5--md { font-size: 0.35714rem !important; } .g-font-size-8--md { font-size: 0.57143rem !important; } .g-font-size-9--md { font-size: 0.64286rem !important; } .g-font-size-10--md { font-size: 0.71429rem !important; } .g-font-size-11--md { font-size: 0.78571rem !important; } .g-font-size-12--md { font-size: 0.85714rem !important; } .g-font-size-13--md { font-size: 0.92857rem !important; } .g-font-size-14--md { font-size: 1rem !important; } .g-font-size-15--md { font-size: 1.07143rem !important; } .g-font-size-16--md { font-size: 1.14286rem !important; } .g-font-size-17--md { font-size: 1.21429rem !important; } .g-font-size-18--md { font-size: 1.28571rem !important; } .g-font-size-20--md { font-size: 1.42857rem !important; } .g-font-size-22--md { font-size: 1.57143rem !important; } .g-font-size-23--md { font-size: 1.64286rem !important; } .g-font-size-24--md { font-size: 1.71429rem !important; } .g-font-size-25--md { font-size: 1.78571rem !important; } .g-font-size-26--md { font-size: 1.85714rem !important; } .g-font-size-27--md { font-size: 1.92857rem !important; } .g-font-size-28--md { font-size: 2rem !important; } .g-font-size-30--md { font-size: 2.14286rem !important; } .g-font-size-32--md { font-size: 2.28571rem !important; } .g-font-size-33--md { font-size: 2.35714rem !important; } .g-font-size-35--md { font-size: 2.5rem !important; } .g-font-size-36--md { font-size: 2.57143rem !important; } .g-font-size-38--md { font-size: 2.71429rem !important; } .g-font-size-40--md { font-size: 2.85714rem !important; } .g-font-size-42--md { font-size: 3rem !important; } .g-font-size-45--md { font-size: 3.21429rem !important; } .g-font-size-46--md { font-size: 3.28571rem !important; } .g-font-size-48--md { font-size: 3.42857rem !important; } .g-font-size-50--md { font-size: 3.57143rem !important; } .g-font-size-55--md { font-size: 3.92857rem !important; } .g-font-size-56--md { font-size: 4rem !important; } .g-font-size-60--md { font-size: 4.28571rem !important; } .g-font-size-65--md { font-size: 4.64286rem !important; } .g-font-size-70--md { font-size: 5rem !important; } .g-font-size-75--md { font-size: 5.35714rem !important; } .g-font-size-76--md { font-size: 5.42857rem !important; } .g-font-size-80--md { font-size: 5.71429rem !important; } .g-font-size-86--md { font-size: 6.14286rem !important; } .g-font-size-90--md { font-size: 6.42857rem !important; } .g-font-size-120--md { font-size: 8.57143rem !important; } .g-font-size-130--md { font-size: 9.28571rem !important; } .g-font-size-180--md { font-size: 12.85714rem !important; } .g-font-size-200--md { font-size: 14.28571rem !important; } .g-font-size-1em--md { font-size: 1em; } } @media (min-width: 992px) { .g-font-size-16--lg { font-size: 1.14286rem !important; } .g-font-size-18--lg { font-size: 1.28571rem !important; } .g-font-size-25--lg { font-size: 1.78571rem !important; } .g-font-size-26--lg { font-size: 1.85714rem !important; } .g-font-size-32--lg { font-size: 2.28571rem !important; } .g-font-size-35--lg { font-size: 2.5rem !important; } .g-font-size-36--lg { font-size: 2.57143rem !important; } .g-font-size-60--lg { font-size: 4.28571rem !important; } .g-font-size-75--lg { font-size: 5.35714rem !important; } .g-font-size-76--lg { font-size: 5.42857rem !important; } .g-font-size-420--lg { font-size: 30rem !important; } .g-font-size-1em--lg { font-size: 1em; } } @media (min-width: 1200px) { .g-font-size-17--xl { font-size: 1.21429rem !important; } } @media (max-width: 575px) { .g-font-size-25 { font-size: 1.78571rem !important; } } small, .small { font-size: 0.71429rem; } /*------------------------------------ Typography Font Weight ------------------------------------*/ .g-font-weight-100 { font-weight: 100 !important; } .g-font-weight-200 { font-weight: 200 !important; } .g-font-weight-300 { font-weight: 300 !important; } .g-font-weight-400 { font-weight: 400 !important; } .g-font-weight-500 { font-weight: 500 !important; } .g-font-weight-600 { font-weight: 600 !important; } .g-font-weight-700 { font-weight: 700 !important; } .g-font-weight-800 { font-weight: 800 !important; } .g-font-weight-900 { font-weight: 900 !important; } /*------------------------------------ Typography Text Transform ------------------------------------*/ .g-text-transform-none { text-transform: none !important; } /*------------------------------------ Typography Text Decoration ------------------------------------*/ .g-text-underline { text-decoration: underline; } .g-text-underline--none--hover:focus, .g-text-underline--none--hover:hover { text-decoration: none; } .g-text-underline--hover:hover { text-decoration: underline; } .g-text-strike { text-decoration: line-through; } .g-text-decoration-none { text-decoration: none; } .g-text-decoration-none--hover:hover { text-decoration: none; } /*------------------------------------ Typography Letter Spacing ------------------------------------*/ .g-letter-spacing-inherit { letter-spacing: inherit; } .g-letter-spacing-minus-2 { letter-spacing: -0.14286rem; } .g-letter-spacing-0_5 { letter-spacing: 0.03571rem; } .g-letter-spacing-1_5 { letter-spacing: 0.10714rem; } .g-letter-spacing-0 { letter-spacing: 0px; } .g-letter-spacing-1 { letter-spacing: 0.07143rem; } .g-letter-spacing-2 { letter-spacing: 0.14286rem; } .g-letter-spacing-3 { letter-spacing: 0.21429rem; } .g-letter-spacing-4 { letter-spacing: 0.28571rem; } .g-letter-spacing-5 { letter-spacing: 0.35714rem; } .g-letter-spacing-6 { letter-spacing: 0.42857rem; } .g-letter-spacing-7 { letter-spacing: 0.5rem; } .g-letter-spacing-8 { letter-spacing: 0.57143rem; } .g-letter-spacing-9 { letter-spacing: 0.64286rem; } .g-letter-spacing-10 { letter-spacing: 0.71429rem; } .g-letter-spacing-11 { letter-spacing: 0.78571rem; } .g-letter-spacing-12 { letter-spacing: 0.85714rem; } /*------------------------------------ Typography Word Break ------------------------------------*/ .word-break-normal { word-break: normal; } .word-break-break-all { word-break: break-all; } .word-break-keep-all { word-break: keep-all; } /*------------------------------------ Typography Line Height ------------------------------------*/ .g-line-height-0 { line-height: inherit !important; } .g-line-height-0_7 { line-height: 0.7 !important; } .g-line-height-0_8 { line-height: 0.8 !important; } .g-line-height-0_9 { line-height: 0.9 !important; } .g-line-height-1 { line-height: 1 !important; } .g-line-height-1_1 { line-height: 1.1 !important; } .g-line-height-1_2 { line-height: 1.2 !important; } .g-line-height-1_3 { line-height: 1.3 !important; } .g-line-height-1_4 { line-height: 1.4 !important; } .g-line-height-1_5 { line-height: 1.5 !important; } .g-line-height-1_6 { line-height: 1.6 !important; } .g-line-height-1_7 { line-height: 1.7 !important; } .g-line-height-1_8 { line-height: 1.8 !important; } .g-line-height-2 { line-height: 2 !important; } /*------------------------------------ Typography Font Style ------------------------------------*/ .g-font-style-normal { font-style: normal; } .g-font-style-italic { font-style: italic; } /*------------------------------------ List Style Types ------------------------------------*/ .g-list-style-circle { list-style-type: circle; } .g-list-style-disc { list-style-type: disc; } .g-list-style-square { list-style-type: square; } .g-list-style-lower-roman { list-style-type: lower-roman; } .g-list-style-upper-roman { list-style-type: upper-roman; } .g-list-style-lower-latin { list-style-type: lower-latin; } .g-list-style-upper-latin { list-style-type: upper-latin; } /*------------------------------------ Text Types ------------------------------------*/ .g-text-break-word { word-wrap: break-word; } /*------------------------------------ Positions ------------------------------------*/ .g-pos-rel { position: relative !important; } .g-pos-abs { position: absolute !important; } .g-pos-stc { position: static !important; } .g-pos-fix { position: fixed !important; } @media (min-width: 576px) { .g-pos-rel--sm { position: relative !important; } .g-pos-fix--sm { position: fixed !important; } .g-pos-abs--sm { position: absolute !important; } .g-pos-stc--sm { position: static !important; } } @media (min-width: 768px) { .g-pos-rel--md { position: relative !important; } .g-pos-fix--md { position: fixed !important; } .g-pos-abs--md { position: absolute !important; } .g-pos-stc--sm { position: static !important; } } @media (min-width: 992px) { .g-pos-rel--lg { position: relative !important; } .g-pos-fix--lg { position: fixed !important; } .g-pos-abs--lg { position: absolute !important; } .g-pos-stc--lg { position: static !important; } } /*------------------------------------ Position Spaces ------------------------------------*/ /* Top */ .g-top-auto { top: auto; } .g-parent:hover .g-top-auto--parent-hover { top: auto; } .g-top-0 { top: 0; } .g-top-0--hover:hover { top: 0; } .g-parent:hover .g-top-0--parent-hover { top: 0; } .g-top-1 { top: 0.07143rem; } .g-top-2 { top: 0.14286rem; } .g-top-3 { top: 0.21429rem; } .g-top-5 { top: 0.35714rem !important; } .g-top-7 { top: 0.5rem !important; } .g-top-10 { top: 0.71429rem !important; } .g-top-15 { top: 1.07143rem; } .g-top-20 { top: 1.42857rem; } .g-top-25 { top: 1.78571rem; } .g-top-30 { top: 2.14286rem; } .g-top-35 { top: 2.5rem; } .g-top-55 { top: 3.92857rem; } .g-top-65 { top: 4.64286rem; } .g-top-77 { top: 5.5rem; } .g-top-100 { top: 7.14286rem; } .g-top-150 { top: 10.71429rem; } .g-top-15x { top: 15%; } .g-top-20x { top: 20%; } .g-top-25x { top: 25%; } .g-top-30x { top: 30%; } .g-top-35x { top: 35%; } .g-top-50x { top: 50%; } .g-top-100x { top: 100%; } /* Top Minis */ .g-top-minus-25x { top: -25%; } .g-top-minus-80x { top: -80%; } /* Left */ .g-left-auto { left: auto; } .g-left-0 { left: 0; } .g-left-0--hover:hover { left: 0; } .g-parent:hover .g-left-0--parent-hover { left: 0; } .g-left-2 { left: 0.14286rem; } .g-left-5 { left: 0.35714rem; } .g-left-10 { left: 0.71429rem; } .g-left-15 { left: 1.07143rem; } .g-left-20 { left: 1.42857rem; } .g-left-30 { left: 2.14286rem; } .g-left-40 { left: 2.85714rem; } .g-left-45 { left: 3.21429rem; } .g-left-75 { left: 5.35714rem; } .g-left-110 { left: 7.85714rem; } .g-left-130 { left: 9.28571rem; } .g-left-200 { left: 14.28571rem; } .g-left-15x { left: 15%; } .g-left-30x { left: 30%; } .g-left-35x { left: 35%; } .g-left-50x { left: 50%; } .g-left-100x { left: 100%; } /* Left Minus */ .g-left-minus-15 { left: -1.07143rem; } .g-left-minus-25 { left: -1.78571rem; } .g-left-minus-35 { left: -2.5rem; } /* Right */ .g-right-auto { right: auto; } .g-right-0 { right: 0; } .g-right-0--hover:hover { right: 0; } .g-parent:hover .g-right-0--parent-hover { right: 0; } .g-right-5 { right: 0.35714rem; } .g-right-7 { right: 0.5rem; } .g-right-10 { right: 0.71429rem; } .g-right-15 { right: 1.07143rem; } .g-right-20 { right: 1.42857rem; } .g-right-30 { right: 2.14286rem; } .g-right-40 { right: 2.85714rem; } .g-right-45 { right: 3.21429rem; } .g-right-55 { right: 3.92857rem; } .g-right-65 { right: 4.64286rem; } .g-right-100 { right: 7.14286rem; } .g-right-110 { right: 7.85714rem; } .g-right-130 { right: 9.28571rem; } .g-right-15x { right: 15%; } .g-right-30x { right: 30%; } .g-right-35x { right: 35%; } .g-right-50x { right: 50%; } .g-right-100x { right: 100%; } /* Right Minus */ .g-right-minus-15 { right: -1.07143rem; } .g-right-minus-25 { right: -1.78571rem; } .g-right-minus-35 { right: -2.5rem; } /* Bottom */ .g-bottom-auto { bottom: auto; } .g-bottom-0 { bottom: 0; } .g-bottom-0--hover:hover { bottom: 0; } .g-parent:hover .g-bottom-0--parent-hover { bottom: 0; } .g-bottom-6 { bottom: 0.42857rem; } .g-bottom-10 { bottom: 0.71429rem; } .g-bottom-15 { bottom: 1.07143rem; } .g-bottom-20 { bottom: 1.42857rem; } .g-bottom-30 { bottom: 2.14286rem; } .g-bottom-40 { bottom: 2.85714rem; } .g-bottom-50 { bottom: 3.57143rem; } .g-parent:hover .g-bottom-50--parent-hover { bottom: 3.57143rem; } .g-bottom-60 { bottom: 4.28571rem; } .g-bottom-80 { bottom: 5.71429rem; } .g-bottom-minus-70 { bottom: -5rem; } .g-bottom-minus-35x { bottom: -35%; } .g-bottom-15x { bottom: 15%; } .g-bottom-minus-25x { bottom: -25%; } .g-bottom-100x { bottom: 100%; } @media (min-width: 576px) { .g-top-auto--sm { top: auto; } .g-left-auto--sm { left: auto; } } @media (min-width: 768px) { .g-right-0--md { right: 0; } .g-left-auto--md { left: auto; } .g-right-auto--md { right: auto; } .g-left-130--md { left: 9.28571rem; } .g-left-35x--md { left: 35%; } .g-left-50x--md { left: 50%; } .g-right-130--md { right: 9.28571rem; } .g-right-35x--md { right: 35%; } .g-right-50x--md { right: 50%; } .g-bottom-30 { bottom: 2.14286rem; } .g-top-174--md { top: 12.42857rem; } } @media (min-width: 992px) { .g-top-0--lg { top: 0; } .g-right-0--lg { right: 0; } .g-left-40--lg { left: 2.85714rem; } .g-right-40--lg { right: 2.85714rem; } .g-top-292--lg { top: 20.85714rem; } } /*------------------------------------ Block Alignments ------------------------------------*/ /* Absolute (Position, X, Y) */ .g-absolute-centered { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-absolute-centered--x { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } @media (min-width: 576px) { .g-absolute-centered--x--sm { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } } @media (min-width: 768px) { .g-absolute-centered--x--md { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } } .g-absolute-centered--y { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } @media (min-width: 768px) { .g-absolute-centered--y--md { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } } @media (min-width: 992px) { .g-absolute-centered--y--lg { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } } .g-transform-origin--top-left { -webkit-transform-origin: top left; transform-origin: top left; } .g-transform-origin--top-right { -webkit-transform-origin: top right; transform-origin: top right; } .g-absolute-centered--y--scl-0_6 { position: absolute; top: 50%; -webkit-transform: scale(0.6) translateY(-50%); transform: scale(0.6) translateY(-50%); } /* Relative (Position, X, Y) */ .g-relative-centered { position: relative; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-relative-centered--x { position: relative; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .g-relative-centered--y { position: relative; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } /* Flex centered */ .g-flex-centered { display: flex; align-items: center; justify-content: center; } .g-flex-centered-item { flex: 1; } .g-flex-centered-item--top { align-self: flex-start; } .g-flex-centered-item--bottom { align-self: flex-end; } /* Flex right */ .g-flex-right--xs { justify-content: flex-end; } /* Flex middle */ .g-flex-middle { display: flex; flex-flow: column nowrap; justify-content: space-between; } .g-flex-middle-item { margin-top: auto; margin-bottom: auto; } .g-flex-middle-item--top { margin-top: 0; margin-bottom: 0; } .g-flex-middle-item--bottom { margin-top: auto; margin-bottom: 0; } .g-flex-middle-item--fixed { flex: none; max-width: 50%; } @media (min-width: 768px) { /* Flex right */ .g-flex-right--md { justify-content: flex-end; } .g-flex-centered--md { display: flex; align-items: center; justify-content: center; } .g-absolute-centered--y--scl-1--md { position: absolute; top: 50%; -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } } @media (min-width: 576px) { .g-absolute-centered--sm { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } } @media (min-width: 576px) { .g-absolute-centered--x-sm--reset { position: static !important; left: auto !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } } @media (min-width: 992px) { .g-absolute-centered--x--lg { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .g-flex-centered--lg { display: flex; align-items: center; justify-content: center; } } /*------------------------------------ Alignments ------------------------------------*/ .g-valign-super { vertical-align: super !important; } .g-valign-sub { vertical-align: sub !important; } .g-valign-top { vertical-align: top !important; } .g-valign-middle { vertical-align: middle !important; } .g-valign-bottom { vertical-align: bottom !important; } /*------------------------------------ Blur ------------------------------------*/ .g-blur-30 { -webkit-filter: blur(30px); filter: blur(30px); } .g-blur-30--hover:hover { -webkit-filter: blur(30px); filter: blur(30px); } .g-parent:hover .g-blur-30--parent-hover { -webkit-filter: blur(30px); filter: blur(30px); } /*------------------------------------ Box-shadows ------------------------------------*/ .g-box-shadow-none { box-shadow: none !important; } /*------------------------------------ Clear ------------------------------------*/ .g-clear { clear: both; } .g-clear--left { clear: left; } .g-clear--right { clear: right; } /*------------------------------------ Cursors ------------------------------------*/ .g-cursor-pointer { cursor: pointer; } /*------------------------------------ Overflows ------------------------------------*/ .g-overflow-hidden { overflow: hidden; } .g-overflow-visible { overflow: visible; } .g-overflow-x-hidden { overflow-x: hidden; } .g-overflow-x-auto { overflow-x: auto !important; } .g-overflow-x-scroll { overflow-x: scroll; } .g-overflow-y-auto { overflow-y: auto; } .g-overflow-y-hidden { overflow-y: hidden; } @media (min-width: 768px) { .g-overflow-x-visible--md { overflow-x: visible; } } @media (min-width: 992px) { .g-overflow-x-visible--lg { overflow-x: visible; } } /*------------------------------------ Transitions ------------------------------------*/ [class*=g-transition] { transition-property: all; transition-timing-function: ease; transition-delay: 0s; } [class*=g-transition]::before, [class*=g-transition]::after, [class*=g-transition] path, [class*=g-transition] polygon { transition-property: all; transition-timing-function: ease; transition-delay: 0s; } .g-transition-0_1 { transition-duration: 0.1s; } .g-transition-0_1::before, .g-transition-0_1::after, .g-transition-0_1 path, .g-transition-0_1 polygon { transition-duration: 0.1s; } .g-transition-0_2 { transition-duration: 0.2s; } .g-transition-0_2::before, .g-transition-0_2::after, .g-transition-0_2 path, .g-transition-0_2 polygon { transition-duration: 0.2s; } .g-transition-0_3 { transition-duration: 0.3s; } .g-transition-0_3::before, .g-transition-0_3::after, .g-transition-0_3 path, .g-transition-0_3 polygon { transition-duration: 0.3s; } .g-transition--ease-out { transition-timing-function: ease-out; } .g-transition--ease-out::before, .g-transition--ease-out::after, .g-transition--ease-out path, .g-transition--ease-out polygon { transition-timing-function: ease-out; } .g-transition--ease-in { transition-timing-function: ease-in; } .g-transition--ease-in::before, .g-transition--ease-in::after, .g-transition--ease-in path, .g-transition--ease-in polygon { transition-timing-function: ease-in; } .g-transition--ease-in-out { transition-timing-function: ease-in-out; } .g-transition--ease-in-out::before, .g-transition--ease-in-out::after, .g-transition--ease-in-out path, .g-transition--ease-in-out polygon { transition-timing-function: ease-in-out; } .g-transition--linear { transition-timing-function: linear; } .g-transition--linear::before, .g-transition--linear::after, .g-transition--linear path, .g-transition--linear polygon { transition-timing-function: linear; } /*------------------------------------ Transforms ------------------------------------*/ .g-transform-scale-0_85 { -webkit-transform: scale(0.85); transform: scale(0.85); } .g-parent:hover .g-transform-scale-0_85--parent-hover { -webkit-transform: scale(0.85); transform: scale(0.85); } .g-transform-scale-1 { -webkit-transform: scale(1); transform: scale(1); } .g-transform-scale-1_1 { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .g-parent:hover .g-transform-scale-1_1--parent-hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } /*------------------------------------ Opacity ------------------------------------*/ .opacity-0 { opacity: 0 !important; } .g-opacity-0_3 { opacity: 0.3 !important; } .g-opacity-0_4 { opacity: 0.4 !important; } .g-opacity-0_5 { opacity: 0.5 !important; } .g-opacity-0_6 { opacity: 0.6 !important; } .g-opacity-0_7 { opacity: 0.7 !important; } .g-opacity-0_8 { opacity: 0.8 !important; } .g-opacity-1 { opacity: 1 !important; } .opacity-0--hover:hover { opacity: 0 !important; } .g-parent:hover .opacity-0--parent-hover { opacity: 0 !important; } .g-opacity-0_3--hover:hover { opacity: 0.3 !important; } .g-parent:hover .g-opacity-0_3--parent-hover { opacity: 0.3 !important; } .g-opacity-0_5--hover:hover { opacity: 0.5 !important; } .g-parent:hover .g-opacity-0_5--parent-hover { opacity: 0.5 !important; } .g-opacity-0_6--hover:hover { opacity: 0.6 !important; } .g-parent:hover .g-opacity-0_6--parent-hover { opacity: 0.6 !important; } .g-opacity-0_7--hover:hover { opacity: 0.7 !important; } .g-parent:hover .g-opacity-0_7--parent-hover { opacity: 0.7 !important; } .g-opacity-0_8--hover:hover { opacity: 0.8 !important; } .g-parent:hover .g-opacity-0_8--parent-hover { opacity: 0.8 !important; } .u-block-hover:hover .g-opacity-1--hover, .g-opacity-1--hover:hover { opacity: 1 !important; } .g-parent:hover .g-opacity-1--parent-hover { opacity: 1 !important; } @media (min-width: 576px) { .g-opacity-1--sm { opacity: 1 !important; } } @media (min-width: 768px) { .g-opacity-1--md { opacity: 1 !important; } } @media (min-width: 992px) { .g-opacity-1--lg { opacity: 1 !important; } } /*------------------------------------ Z-Index ------------------------------------*/ .g-z-index-auto { z-index: auto; } .g-z-index-1 { z-index: 1; } .g-z-index-2 { z-index: 2; } .g-z-index-3 { z-index: 3; } .g-z-index-3--hover:hover { z-index: 3; } .g-z-index-4 { z-index: 4; } .g-z-index-4--hover:hover { z-index: 4; } .g-z-index-99 { z-index: 99; } .g-z-index-9999 { z-index: 9999; } .g-z-index-minus-1 { z-index: -1; } /*------------------------------------ Social Colors ------------------------------------*/ /* Facebook */ .g-color-facebook { color: #3b5998; } .g-color-facebook:hover { color: #344e86; } .g-color-facebook--hover:hover { color: #3b5998 !important; } /* Twitter */ .g-color-twitter { color: #00acee; } .g-color-twitter:hover { color: #009ad5; } .g-color-twitter--hover:hover { color: #00acee !important; } /* Skype */ .g-color-skype { color: #00aff0; } .g-color-skype:hover { color: #009cd7; } .g-color-skype--hover:hover { color: #00aff0 !important; } /* Pinterest */ .g-color-pinterest { color: #c8232c; } .g-color-pinterest:hover { color: #b21f27; } .g-color-pinterest--hover:hover { color: #c8232c !important; } /* Vine */ .g-color-vine { color: #00bf8f; } .g-color-vine:hover { color: #00a67c; } .g-color-vine--hover:hover { color: #00bf8f !important; } /* Youtube */ .g-color-youtube { color: #c4302b; } .g-color-youtube:hover { color: #af2b26; } .g-color-youtube--hover:hover { color: #c4302b !important; } /* Google plus */ .g-color-google-plus { color: #dd4b39; } .g-color-google-plus:hover { color: #d73925; } .g-color-google-plus--hover:hover { color: #dd4b39 !important; } /* Dribbble */ .g-color-dribbble { color: #ea4c89; } .g-color-dribbble:hover { color: #e7357a; } .g-color-dribbble--hover:hover { color: #ea4c89 !important; } /* VK */ .g-color-vk { color: #2b587a; } .g-color-vk:hover { color: #244a67; } .g-color-vk--hover:hover { color: #2b587a !important; } /* Linkedin */ .g-color-linkedin { color: #0e76a8; } .g-color-linkedin:hover { color: #0c6590; } .g-color-linkedin--hover:hover { color: #0e76a8 !important; } /* Instagram */ .g-color-instagram { color: #3f729b; } .g-color-instagram:hover { color: #386589; } .g-color-instagram--hover:hover { color: #3f729b !important; } /*------------------------------------ Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Main Colors */ .g-color-main { color: var(--theme-color-main) !important; } .g-color-main--hover:active, .g-color-main--hover:focus, .g-color-main--hover.active { color: var(--theme-color-main) !important; } .g-color-main--hover:hover { color: var(--theme-color-main) !important; } .g-color-main--hover:hover *:not(font):not(a) { color: var(--theme-color-main) !important; } .g-color-main *:not(font):not(a) { color: var(--theme-color-main); } /* Primary Colors */ .g-color-primary { color: var(--primary) !important; } .g-color-primary--hover:active, .g-color-primary--hover:focus, .g-color-primary--hover.active { color: var(--primary) !important; } .g-color-primary--hover:hover { color: var(--primary) !important; } .g-color-primary--hover:hover *:not(font):not(a) { color: var(--primary) !important; } .u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover { color: var(--primary) !important; } .g-parent:hover .g-color-primary--parent-hover { color: var(--primary) !important; } .g-color-primary *:not(font):not(a) { color: var(--primary); } .g-color-primary-opacity-0_3 { color: var(--primary-opacity-0_3) !important; } .g-color-primary-opacity-0_3 *:not(font):not(a) { color: var(--primary-opacity-0_3); } .g-color-primary-opacity-0_3--hover:active, .g-color-primary-opacity-0_3--hover:focus, .g-color-primary-opacity-0_3--hover.active { color: var(--primary-opacity-0_3) !important; } .g-color-primary-opacity-0_3--hover:hover { color: var(--primary-opacity-0_3) !important; } .g-color-primary-opacity-0_3--hover:hover *:not(font):not(a) { color: var(--primary-opacity-0_3) !important; } .g-color-primary-opacity-0_4 { color: var(--primary-opacity-0_4) !important; } .g-color-primary-opacity-0_4 *:not(font):not(a) { color: var(--primary-opacity-0_4); } .g-color-primary-opacity-0_4--hover:active, .g-color-primary-opacity-0_4--hover:focus, .g-color-primary-opacity-0_4--hover.active { color: var(--primary-opacity-0_4) !important; } .g-color-primary-opacity-0_4--hover:hover { color: var(--primary-opacity-0_4) !important; } .g-color-primary-opacity-0_4--hover:hover *:not(font):not(a) { color: var(--primary-opacity-0_4) !important; } .g-color-primary-opacity-0_8 { color: var(--primary-opacity-0_8) !important; } .g-color-primary-opacity-0_8 *:not(font):not(a) { color: var(--primary-opacity-0_8); } .g-color-primary-opacity-0_8--hover:active, .g-color-primary-opacity-0_8--hover:focus, .g-color-primary-opacity-0_8--hover.active { color: var(--primary-opacity-0_8) !important; } .g-color-primary-opacity-0_8--hover:hover { color: var(--primary-opacity-0_8) !important; } .g-color-primary-opacity-0_8--hover:hover *:not(font):not(a) { color: var(--primary-opacity-0_8) !important; } .g-color-primary--active.active { color: var(--primary) !important; } .active .g-color-primary--parent-active { color: var(--primary) !important; } .g-color-primary--before::before, .g-color-primary--after::after { color: var(--primary); } /* Secondary Colors */ .g-color-secondary { color: var(--theme-color-secondary) !important; } .u-block-hover:hover .g-color-secondary--hover, .g-color-secondary--hover:active, .g-color-secondary--hover:focus, .g-color-secondary--hover.active { color: var(--theme-color-secondary) !important; } .g-color-secondary--hover:hover { color: var(--theme-color-secondary) !important; } .g-color-secondary--hover:hover *:not(font):not(a) { color: var(--theme-color-secondary) !important; } .g-parent:hover .g-color-secondary--parent-hover { color: var(--theme-color-secondary) !important; } /* Inherit Colors */ .g-color-inherit { color: inherit !important; } /* Black Colors */ .g-color-black { color: #000 !important; } .g-color-black *:not(font):not(a) { color: #000; } .g-color-black--hover:active, .g-color-black--hover:focus, .g-color-black--hover.active { color: #000 !important; } .g-color-black--hover:hover { color: #000 !important; } .g-color-black--hover:hover *:not(font):not(a) { color: #000 !important; } .g-parent:hover .g-color-black--parent-hover { color: #000 !important; } .g-color-black-opacity-0_1 { color: rgba(0, 0, 0, 0.1) !important; } .g-color-black-opacity-0_1 *:not(font):not(a) { color: rgba(0, 0, 0, 0.1); } .g-color-black-opacity-0_1--hover:active, .g-color-black-opacity-0_1--hover:focus, .g-color-black-opacity-0_1--hover.active { color: rgba(0, 0, 0, 0.1) !important; } .g-color-black-opacity-0_1--hover:hover { color: rgba(0, 0, 0, 0.1) !important; } .g-color-black-opacity-0_1--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.1) !important; } .g-color-black-opacity-0_3 { color: rgba(0, 0, 0, 0.3) !important; } .g-color-black-opacity-0_3 *:not(font):not(a) { color: rgba(0, 0, 0, 0.3); } .g-color-black-opacity-0_3--hover:active, .g-color-black-opacity-0_3--hover:focus, .g-color-black-opacity-0_3--hover.active { color: rgba(0, 0, 0, 0.3) !important; } .g-color-black-opacity-0_3--hover:hover { color: rgba(0, 0, 0, 0.3) !important; } .g-color-black-opacity-0_3--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.3) !important; } .g-color-black-opacity-0_5 { color: rgba(0, 0, 0, 0.5) !important; } .g-color-black-opacity-0_5 *:not(font):not(a) { color: rgba(0, 0, 0, 0.5); } .g-color-black-opacity-0_5--hover:active, .g-color-black-opacity-0_5--hover:focus, .g-color-black-opacity-0_5--hover.active { color: rgba(0, 0, 0, 0.5) !important; } .g-color-black-opacity-0_5--hover:hover { color: rgba(0, 0, 0, 0.5) !important; } .g-color-black-opacity-0_5--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.5) !important; } .g-color-black-opacity-0_6 { color: rgba(0, 0, 0, 0.6) !important; } .g-color-black-opacity-0_6 *:not(font):not(a) { color: rgba(0, 0, 0, 0.6); } .g-color-black-opacity-0_6--hover:active, .g-color-black-opacity-0_6--hover:focus, .g-color-black-opacity-0_6--hover.active { color: rgba(0, 0, 0, 0.6) !important; } .g-color-black-opacity-0_6--hover:hover { color: rgba(0, 0, 0, 0.6) !important; } .g-color-black-opacity-0_6--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.6) !important; } .g-color-black-opacity-0_7 { color: rgba(0, 0, 0, 0.7) !important; } .g-color-black-opacity-0_7 *:not(font):not(a) { color: rgba(0, 0, 0, 0.7); } .g-color-black-opacity-0_7--hover:active, .g-color-black-opacity-0_7--hover:focus, .g-color-black-opacity-0_7--hover.active { color: rgba(0, 0, 0, 0.7) !important; } .g-color-black-opacity-0_7--hover:hover { color: rgba(0, 0, 0, 0.7) !important; } .g-color-black-opacity-0_7--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.7) !important; } .g-color-black-opacity-0_8 { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_8 *:not(font):not(a) { color: rgba(0, 0, 0, 0.8); } .g-color-black-opacity-0_8--hover:active, .g-color-black-opacity-0_8--hover:focus, .g-color-black-opacity-0_8--hover.active { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_8--hover:hover { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_8--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_8--child * { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_9 { color: rgba(0, 0, 0, 0.9) !important; } .g-color-black-opacity-0_9 *:not(font):not(a) { color: rgba(0, 0, 0, 0.9); } .g-color-black-opacity-0_9--hover:active, .g-color-black-opacity-0_9--hover:focus, .g-color-black-opacity-0_9--hover.active { color: rgba(0, 0, 0, 0.9) !important; } .g-color-black-opacity-0_9--hover:hover { color: rgba(0, 0, 0, 0.9) !important; } .g-color-black-opacity-0_9--hover:hover *:not(font):not(a) { color: rgba(0, 0, 0, 0.9) !important; } /* White Colors */ .g-color-white { color: #fff !important; } .g-color-white *:not(font):not(a) { color: #fff; } .g-color-white--hover:active, .g-color-white--hover:focus, .g-color-white--hover.active { color: #fff !important; } .g-color-white--hover:hover { color: #fff !important; } .g-color-white--hover:hover *:not(font):not(a) { color: #fff !important; } .g-color-white--opened-menu:not(.collapsed) { color: #fff !important; } .u-block-hover:hover .g-color-white--hover, .g-color-white--hover:active, .g-color-white--hover:focus, .g-color-white--hover.active { color: #fff !important; } .g-parent:hover .g-color-white--parent-hover { color: #fff !important; } .g-color-white--active.active { color: #fff !important; } .active .g-color-white--parent-active { color: #fff !important; } .g-color-white--child * { color: #fff !important; } .g-color-white-opacity-0_1 { color: rgba(255, 255, 255, 0.1) !important; } .g-color-white-opacity-0_1 *:not(font):not(a) { color: rgba(255, 255, 255, 0.1); } .g-color-white-opacity-0_1--hover:active, .g-color-white-opacity-0_1--hover:focus, .g-color-white-opacity-0_1--hover.active { color: rgba(255, 255, 255, 0.1) !important; } .g-color-white-opacity-0_1--hover:hover { color: rgba(255, 255, 255, 0.1) !important; } .g-color-white-opacity-0_1--hover:hover *:not(font):not(a) { color: rgba(255, 255, 255, 0.1) !important; } .g-color-white-opacity-0_2 { color: rgba(255, 255, 255, 0.2) !important; } .g-color-white-opacity-0_2 *:not(font):not(a) { color: rgba(255, 255, 255, 0.2); } .g-color-white-opacity-0_2--hover:active, .g-color-white-opacity-0_2--hover:focus, .g-color-white-opacity-0_2--hover.active { color: rgba(255, 255, 255, 0.2) !important; } .g-color-white-opacity-0_2--hover:hover { color: rgba(255, 255, 255, 0.2) !important; } .g-color-white-opacity-0_2--hover:hover *:not(font):not(a) { color: rgba(255, 255, 255, 0.2) !important; } .g-color-white-opacity-0_3 { color: rgba(255, 255, 255, 0.3) !important; } .g-color-white-opacity-0_3 *:not(font):not(a) { color: rgba(255, 255, 255, 0.3); } .g-color-white-opacity-0_3--hover:active, .g-color-white-opacity-0_3--hover:focus, .g-color-white-opacity-0_3--hover.active { color: rgba(255, 255, 255, 0.3) !important; } .g-color-white-opacity-0_3--hover:hover { color: rgba(255, 255, 255, 0.3) !important; } .g-color-white-opacity-0_3--hover:hover *:not(font):not(a) { color: rgba(255, 255, 255, 0.3) !important; } .g-color-white-opacity-0_5, .g-color-white-opacity-0_5--hover:hover, .g-color-white-opacity--hover:active, .g-color-white-opacity--hover:focus, .g-color-white-opacity--hover.active { color: rgba(255, 255, 255, 0.5) !important; } .g-color-white-opacity-0_5 *:not(font):not(a), .g-color-white-opacity-0_5--hover:hover *:not(font):not(a), .g-color-white-opacity--hover:active *:not(font):not(a), .g-color-white-opacity--hover:focus *:not(font):not(a), .g-color-white-opacity--hover.active *:not(font):not(a) { color: rgba(255, 255, 255, 0.5); } .g-color-white-opacity-0_6 { color: rgba(255, 255, 255, 0.6) !important; } .g-color-white-opacity-0_6 *:not(font):not(a) { color: rgba(255, 255, 255, 0.6); } .g-color-white-opacity-0_6--hover:active, .g-color-white-opacity-0_6--hover:focus, .g-color-white-opacity-0_6--hover.active { color: rgba(255, 255, 255, 0.6) !important; } .g-color-white-opacity-0_6--hover:hover { color: rgba(255, 255, 255, 0.6) !important; } .g-color-white-opacity-0_6--hover:hover *:not(font):not(a) { color: rgba(255, 255, 255, 0.6) !important; } .g-parent:hover .g-color-white-opacity-0_6--parent-hover { color: rgba(255, 255, 255, 0.6) !important; } .g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover, .g-color-white-opacity--hover:active, .g-color-white-opacity--hover:focus, .g-color-white-opacity--hover.active { color: rgba(255, 255, 255, 0.7) !important; } .g-color-white-opacity-0_7 *:not(font):not(a), .g-color-white-opacity-0_7--hover:hover *:not(font):not(a), .g-color-white-opacity--hover:active *:not(font):not(a), .g-color-white-opacity--hover:focus *:not(font):not(a), .g-color-white-opacity--hover.active *:not(font):not(a) { color: rgba(255, 255, 255, 0.7); } .g-color-white-opacity-0_75 { color: rgba(255, 255, 255, 0.75) !important; } .g-color-white-opacity-0_75 *:not(font):not(a) { color: rgba(255, 255, 255, 0.75); } .g-color-white-opacity-0_75--hover:hover { color: rgba(255, 255, 255, 0.75); } .g-color-white-opacity-0_75--hover:hover *:not(font):not(a) { color: rgba(255, 255, 255, 0.75); } .g-color-white-opacity-0_8 { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_8 *:not(font):not(a) { color: rgba(255, 255, 255, 0.8); } .g-color-white-opacity-0_8--hover:active, .g-color-white-opacity-0_8--hover:focus, .g-color-white-opacity-0_8--hover.active { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_8--hover:hover { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_8--hover:hover *:not(font):not(a) { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_8--child * { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_9, .g-color-white-opacity-0_9--hover:hover, .g-color-white-opacity--hover:active, .g-color-white-opacity--hover:focus, .g-color-white-opacity--hover.active { color: rgba(255, 255, 255, 0.9) !important; } .g-color-white-opacity-0_9 *:not(font):not(a), .g-color-white-opacity-0_9--hover:hover *:not(font):not(a), .g-color-white-opacity--hover:active *:not(font):not(a), .g-color-white-opacity--hover:focus *:not(font):not(a), .g-color-white-opacity--hover.active *:not(font):not(a) { color: rgba(255, 255, 255, 0.9); } /* Gray Colors */ .g-color-gray-light-v1 { color: #bbb !important; } .g-color-gray-light-v1--hover:active, .g-color-gray-light-v1--hover:focus, .g-color-gray-light-v1--hover.active { color: #bbb !important; } .g-color-gray-light-v1--hover:hover { color: #bbb !important; } .g-color-gray-light-v1--hover:hover *:not(font):not(a) { color: #bbb !important; } .g-color-gray-light-v1 *:not(font):not(a) { color: #bbb; } .g-color-gray-light-v2 { color: #ccc !important; } .g-color-gray-light-v2 *:not(font):not(a) { color: #ccc; } .g-color-gray-light-v2--hover:active, .g-color-gray-light-v2--hover:focus, .g-color-gray-light-v2--hover.active { color: #ccc !important; } .g-color-gray-light-v2--hover:hover { color: #ccc !important; } .g-color-gray-light-v2--hover:hover *:not(font):not(a) { color: #ccc !important; } .g-color-gray-light-v3 { color: #ddd !important; } .g-color-gray-light-v3 *:not(font):not(a) { color: #ddd; } .g-color-gray-light-v3--hover:active, .g-color-gray-light-v3--hover:focus, .g-color-gray-light-v3--hover.active { color: #ddd !important; } .g-color-gray-light-v3--hover:hover { color: #ddd !important; } .g-color-gray-light-v3--hover:hover *:not(font):not(a) { color: #ddd !important; } .g-color-gray-light-v4 { color: #eee !important; } .g-color-gray-light-v4 *:not(font):not(a) { color: #eee; } .g-color-gray-light-v4--hover:active, .g-color-gray-light-v4--hover:focus, .g-color-gray-light-v4--hover.active { color: #eee !important; } .g-color-gray-light-v4--hover:hover { color: #eee !important; } .g-color-gray-light-v4--hover:hover *:not(font):not(a) { color: #eee !important; } .g-color-gray-light-v4-opacity-0_6 { color: rgba(238, 238, 238, 0.6) !important; } .g-color-gray-light-v5 { color: #f7f7f7 !important; } .g-color-gray-light-v5 *:not(font):not(a) { color: #f7f7f7; } .g-color-gray-light-v5--hover:active, .g-color-gray-light-v5--hover:focus, .g-color-gray-light-v5--hover.active { color: #f7f7f7 !important; } .g-color-gray-light-v5--hover:hover { color: #f7f7f7 !important; } .g-color-gray-light-v5--hover:hover *:not(font):not(a) { color: #f7f7f7 !important; } .g-color-gray-dark-v1 { color: #111 !important; } .g-color-gray-dark-v1 *:not(font):not(a) { color: #111; } .g-color-gray-dark-v1--hover:active, .g-color-gray-dark-v1--hover:focus, .g-color-gray-dark-v1--hover.active { color: #111 !important; } .g-color-gray-dark-v1--hover:hover { color: #111 !important; } .g-color-gray-dark-v1--hover:hover *:not(font):not(a) { color: #111 !important; } .g-color-gray-dark-v2 { color: #333 !important; } .g-color-gray-dark-v2 *:not(font):not(a) { color: #333; } .g-color-gray-dark-v2--hover:active, .g-color-gray-dark-v2--hover:focus, .g-color-gray-dark-v2--hover.active { color: #333 !important; } .g-color-gray-dark-v2--hover:hover { color: #333 !important; } .g-color-gray-dark-v2--hover:hover *:not(font):not(a) { color: #333 !important; } .g-color-gray-dark-v2-opacity-0_75 { color: rgba(51, 51, 51, 0.75) !important; } .g-color-gray-dark-v3 { color: #555 !important; } .g-color-gray-dark-v3 *:not(font):not(a) { color: #555; } .g-color-gray-dark-v3--hover:active, .g-color-gray-dark-v3--hover:focus, .g-color-gray-dark-v3--hover.active { color: #555 !important; } .g-color-gray-dark-v3--hover:hover { color: #555 !important; } .g-color-gray-dark-v3--hover:hover *:not(font):not(a) { color: #555 !important; } .g-color-gray-dark-v4 { color: #777 !important; } .g-color-gray-dark-v4 *:not(font):not(a) { color: #777; } .g-color-gray-dark-v4--hover:active, .g-color-gray-dark-v4--hover:focus, .g-color-gray-dark-v4--hover.active { color: #777 !important; } .g-color-gray-dark-v4--hover:hover { color: #777 !important; } .g-color-gray-dark-v4--hover:hover *:not(font):not(a) { color: #777 !important; } .g-color-gray-dark-v5 { color: #999 !important; } .g-color-gray-dark-v5 *:not(font):not(a) { color: #999; } .g-color-gray-dark-v5--hover:active, .g-color-gray-dark-v5--hover:focus, .g-color-gray-dark-v5--hover.active { color: #999 !important; } .g-color-gray-dark-v5--hover:hover { color: #999 !important; } .g-color-gray-dark-v5--hover:hover *:not(font):not(a) { color: #999 !important; } .g-parent:hover .g-color-gray-dark-v5--parent-hover { color: #999 !important; } /* Complementary Colors ------------------------------------*/ /* Color Green */ .g-color-green { color: #72c02c !important; } .g-color-green *:not(font):not(a) { color: #72c02c; } .g-color-green--hover:active, .g-color-green--hover:focus, .g-color-green--hover.active { color: #72c02c !important; } .g-color-green--hover:hover { color: #72c02c !important; } .g-color-green--hover:hover *:not(font):not(a) { color: #72c02c !important; } /* Color Blue */ .g-color-blue { color: #3398dc !important; } .g-color-blue *:not(font):not(a) { color: #3398dc; } .g-color-blue--hover:active, .g-color-blue--hover:focus, .g-color-blue--hover.active { color: #3398dc !important; } .g-color-blue--hover:hover { color: #3398dc !important; } .g-color-blue--hover:hover *:not(font):not(a) { color: #3398dc !important; } .g-color-blue-dark-v1 { color: #175a88 !important; } .g-color-blue-dark-v1 *:not(font):not(a) { color: #175a88; } .g-color-blue-dark-v1--hover:hover { color: #175a88 !important; } .g-color-blue-dark-v1--hover:hover *:not(font):not(a) { color: #175a88 !important; } /* Color Light Blue */ .g-color-lightblue { color: #edf2f8 !important; } .g-color-lightblue *:not(font):not(a) { color: #edf2f8; } .g-color-lightblue--hover:active, .g-color-lightblue--hover:focus, .g-color-lightblue--hover.active { color: #edf2f8 !important; } .g-color-lightblue--hover:hover { color: #edf2f8 !important; } .g-color-lightblue--hover:hover *:not(font):not(a) { color: #edf2f8 !important; } .g-color-lightblue-v1 { color: #d6e2ee !important; } .g-color-lightblue-v1 *:not(font):not(a) { color: #d6e2ee; } .g-color-lightblue-v1--hover:active, .g-color-lightblue-v1--hover:focus, .g-color-lightblue-v1--hover.active { color: #d6e2ee !important; } .g-color-lightblue-v1--hover:hover { color: #d6e2ee !important; } .g-color-lightblue-v1--hover:hover *:not(font):not(a) { color: #d6e2ee !important; } /* Color Dark Blue */ .g-color-darkblue { color: #009 !important; } .g-color-darkblue *:not(font):not(a) { color: #009; } .g-color-darkblue--hover:active, .g-color-darkblue--hover:focus, .g-color-darkblue--hover.active { color: #009 !important; } .g-color-darkblue--hover:hover { color: #009 !important; } .g-color-darkblue--hover:hover *:not(font):not(a) { color: #009 !important; } /* Color Indigo */ .g-color-indigo { color: #4263a3 !important; } .g-color-indigo *:not(font):not(a) { color: #4263a3; } .g-color-indigo--hover:active, .g-color-indigo--hover:focus, .g-color-indigo--hover.active { color: #4263a3 !important; } .g-color-indigo--hover:hover { color: #4263a3 !important; } .g-color-indigo--hover:hover *:not(font):not(a) { color: #4263a3 !important; } /* Color Red */ .g-color-red { color: #f00 !important; } .g-color-red *:not(font):not(a) { color: #f00; } .g-color-red--hover:active, .g-color-red--hover:focus, .g-color-red--hover.active { color: #f00 !important; } .g-color-red--hover:hover { color: #f00 !important; } .g-color-red--hover:hover *:not(font):not(a) { color: #f00 !important; } *:hover > .g-color-red--parent-hover { color: #f00 !important; } /* Color Light Red */ .g-color-lightred { color: #e64b3b !important; } .g-color-lightred *:not(font):not(a) { color: #e64b3b; } .g-color-lightred--hover:active, .g-color-lightred--hover:focus, .g-color-lightred--hover.active { color: #e64b3b !important; } .g-color-lightred--hover:hover { color: #e64b3b !important; } .g-color-lightred--hover:hover *:not(font):not(a) { color: #e64b3b !important; } /* Color Dark Red */ .g-color-darkred { color: #a10f2b !important; } .g-color-darkred *:not(font):not(a) { color: #a10f2b; } .g-color-darkred--hover:active, .g-color-darkred--hover:focus, .g-color-darkred--hover.active { color: #a10f2b !important; } .g-color-darkred--hover:hover { color: #a10f2b !important; } .g-color-darkred--hover:hover *:not(font):not(a) { color: #a10f2b !important; } /* Color Purple */ .g-color-purple { color: #9a69cb !important; } .g-color-purple *:not(font):not(a) { color: #9a69cb; } .g-color-purple--hover:active, .g-color-purple--hover:focus, .g-color-purple--hover.active { color: #9a69cb !important; } .g-color-purple--hover:hover { color: #9a69cb !important; } .g-color-purple--hover:hover *:not(font):not(a) { color: #9a69cb !important; } .g-color-purple-dark-v1 { color: #552c7e !important; } /* Color Dark Purple */ .g-color-darkpurple { color: #6639b6 !important; } .g-color-darkpurple *:not(font):not(a) { color: #6639b6; } .g-color-darkpurple--hover:active, .g-color-darkpurple--hover:focus, .g-color-darkpurple--hover.active { color: #6639b6 !important; } .g-color-darkpurple--hover:hover { color: #6639b6 !important; } .g-color-darkpurple--hover:hover *:not(font):not(a) { color: #6639b6 !important; } /* Color Pink */ .g-color-pink { color: #e81c62 !important; } .g-color-pink *:not(font):not(a) { color: #e81c62; } .g-color-pink--hover:active, .g-color-pink--hover:focus, .g-color-pink--hover.active { color: #e81c62 !important; } .g-color-pink--hover:hover { color: #e81c62 !important; } .g-color-pink--hover:hover *:not(font):not(a) { color: #e81c62 !important; } .g-color-pink-dark-v1 { color: #6f0b2d !important; } .g-color-pink-dark-v1 *:not(font):not(a) { color: #6f0b2d; } .g-color-pink-dark-v1--hover:hover { color: #6f0b2d !important; } /* Color Orange */ .g-color-orange { color: #e57d20 !important; } .g-color-orange *:not(font):not(a) { color: #e57d20; } .g-color-orange--hover:active, .g-color-orange--hover:focus, .g-color-orange--hover.active { color: #e57d20 !important; } .g-color-orange--hover:hover { color: #e57d20 !important; } .g-color-orange--hover:hover *:not(font):not(a) { color: #e57d20 !important; } /* Color Deep Orange */ .g-color-deeporange { color: #fe541e !important; } .g-color-deeporange *:not(font):not(a) { color: #fe541e; } .g-color-deeporange--hover:active, .g-color-deeporange--hover:focus, .g-color-deeporange--hover.active { color: #fe541e !important; } .g-color-deeporange--hover:hover { color: #fe541e !important; } .g-color-deeporange--hover:hover *:not(font):not(a) { color: #fe541e !important; } /* Color Yellow */ .g-color-yellow { color: #ebc71d !important; } .g-color-yellow *:not(font):not(a) { color: #ebc71d; } .g-color-yellow--hover:active, .g-color-yellow--hover:focus, .g-color-yellow--hover.active { color: #ebc71d !important; } .g-color-yellow--hover:hover { color: #ebc71d !important; } .g-color-yellow--hover:hover *:not(font):not(a) { color: #ebc71d !important; } /* Color Aqua */ .g-color-aqua { color: #29d6e6 !important; } .g-color-aqua *:not(font):not(a) { color: #29d6e6; } .g-color-aqua--hover:active, .g-color-aqua--hover:focus, .g-color-aqua--hover.active { color: #29d6e6 !important; } .g-color-aqua--hover:hover { color: #29d6e6 !important; } .g-color-aqua--hover:hover *:not(font):not(a) { color: #29d6e6 !important; } .g-color-aqua-dark-v1 { color: #11848e !important; } .g-color-aqua-dark-v1 *:not(font):not(a) { color: #11848e; } .g-color-aqua-dark-v1--hover:active, .g-color-aqua-dark-v1--hover:focus, .g-color-aqua-dark-v1--hover.active { color: #11848e !important; } .g-color-aqua-dark-v1--hover:hover { color: #11848e !important; } .g-color-aqua-dark-v1--hover:hover *:not(font):not(a) { color: #11848e !important; } /* Color Cyan */ .g-color-cyan { color: #00bed6 !important; } .g-color-cyan *:not(font):not(a) { color: #00bed6; } .g-color-cyan--hover:active, .g-color-cyan--hover:focus, .g-color-cyan--hover.active { color: #00bed6 !important; } .g-color-cyan--hover:hover { color: #00bed6 !important; } .g-color-cyan--hover:hover *:not(font):not(a) { color: #00bed6 !important; } /* Color Teal */ .g-color-teal { color: #18ba9b !important; } .g-color-teal *:not(font):not(a) { color: #18ba9b; } .g-color-teal--hover:active, .g-color-teal--hover:focus, .g-color-teal--hover.active { color: #18ba9b !important; } .g-color-teal--hover:hover { color: #18ba9b !important; } .g-color-teal--hover:hover *:not(font):not(a) { color: #18ba9b !important; } /* Color Brown */ .g-color-brown { color: #9c8061 !important; } .g-color-brown *:not(font):not(a) { color: #9c8061; } .g-color-brown--hover:active, .g-color-brown--hover:focus, .g-color-brown--hover.active { color: #9c8061 !important; } .g-color-brown--hover:hover { color: #9c8061 !important; } .g-color-brown--hover:hover *:not(font):not(a) { color: #9c8061 !important; } /* Color Blue Gray */ .g-color-bluegray { color: #585f69 !important; } .g-color-bluegray *:not(font):not(a) { color: #585f69; } .g-color-bluegray--hover:active, .g-color-bluegray--hover:focus, .g-color-bluegray--hover.active { color: #585f69 !important; } .g-color-bluegray--hover:hover { color: #585f69 !important; } .g-color-bluegray--hover:hover *:not(font):not(a) { color: #585f69 !important; } .g-color { color: var(--theme-color-main) !important; color: var(--color) !important; } .g-color *:not(font):not(a) { color: var(--color); } .g-color--hover:hover { color: var(--theme-color-main) !important; color: var(--color-hover) !important; } .g-color--hover:hover *:not(font):not(a) { color: var(--color-hover); } h1.g-color, .h1.g-color { color: var(--color, var(--theme-color-title)) !important; } h2.g-color, .h2.g-color { color: var(--color, var(--theme-color-title)) !important; } h3.g-color, .h3.g-color { color: var(--color, var(--theme-color-title)) !important; } h4.g-color, .h4.g-color { color: var(--color, var(--theme-color-title)) !important; } h5.g-color, .h5.g-color { color: var(--color, var(--theme-color-title)) !important; } h6.g-color, .h6.g-color { color: var(--color, var(--theme-color-title)) !important; } /*------------------------------------ Widths ------------------------------------*/ /* Width in Percentage (%) */ .g-width-30x { width: 30% !important; } .g-width-40x { width: 40% !important; } .g-width-50x { width: 50% !important; } .g-width-60x { width: 60% !important; } .g-width-70x { width: 70% !important; } .g-width-80x { width: 80% !important; } .g-width-90x { width: 90% !important; } @media (max-width: 445px) { .w-100--2xs { width: 100% !important; } } @media (min-width: 576px) { .g-width-20x--sm { width: 20% !important; } .g-width-25x--sm { width: 25% !important; } .g-width-33_3x--sm { width: 33.333333% !important; } .g-width-40x--sm { width: 40% !important; } .g-width-60x--sm { width: 60% !important; } .g-width-16_6x--sm { width: 16.666666% !important; } .g-width-66_6x--sm { width: 66.666666% !important; } } @media (min-width: 768px) { .g-width-20x--md { width: 20% !important; } .g-width-25x--md { width: 25% !important; } .g-width-30x--md { width: 30% !important; } .g-width-35x--md { width: 35% !important; } .g-width-40x--md { width: 40% !important; } .g-width-45x--md { width: 45% !important; } .g-width-50x--md { width: 50% !important; } .g-width-55x--md { width: 55% !important; } .g-width-60x--md { width: 60% !important; } .g-width-65x--md { width: 65% !important; } .g-width-70x--md { width: 70% !important; } .g-width-75x--md { width: 75% !important; } .g-width-80x--md { width: 80% !important; } .g-width-85x--md { width: 85% !important; } .g-width-90x--md { width: 90% !important; } .g-width-33_3x--md { width: 33.333333% !important; } .g-width-16_6x--md { width: 16.666666% !important; } .g-width-66_6x--md { width: 66.666666% !important; } } .g-width-100x--after { width: 100%; } .g-width-auto { width: auto !important; } /* Max Width in Percentage (%) */ .g-width-1x { max-width: 1%; } .g-mw-45 { max-width: 45% !important; } .g-mw-50 { max-width: 50% !important; } .g-width-80x { max-width: 80%; } .g-width-90x { max-width: 90%; } .g-width-95x { width: 95%; } .g-max-width-60x { max-width: 60%; } .g-max-width-100x { max-width: 100%; } /* Min Width in Percentage (%) */ .g-min-width-100x { min-width: 100%; } .g-width-100x { width: 100%; } /* Width Viewport Width (vw) */ .g-width-50vw { width: 50vw !important; } .g-width-100vw { width: 100vw !important; } /* Width in Pixels (px) */ .g-width-3 { width: 3px !important; } .g-width-10 { width: 10px !important; } .g-width-12 { width: 12px !important; } .g-width-15 { width: 16px !important; } .g-width-16 { width: 16px !important; } .g-width-18 { width: 18px !important; } .g-width-20 { width: 20px !important; } .g-width-24 { width: 24px !important; } .g-width-25 { width: 25px !important; } .g-width-26 { width: 26px !important; } .g-width-28 { width: 28px !important; } .g-width-30 { width: 30px !important; } .g-width-32 { width: 32px !important; } .g-width-35 { width: 35px !important; } .g-width-36 { width: 36px !important; } .g-width-40 { width: 40px !important; } .g-width-45 { width: 45px !important; } .g-width-48 { width: 48px !important; } .g-width-50 { width: 50px !important; } .g-width-54 { width: 54px !important; } .g-width-55 { width: 55px !important; } .g-width-60 { width: 60px !important; } .g-width-64 { width: 64px !important; } .g-width-70 { width: 70px !important; } .g-width-75 { width: 75px !important; } .g-width-80 { width: 80px !important; } .g-width-85 { width: 85px !important; } .g-width-95 { width: 95px !important; } .g-width-100 { width: 100px !important; } .g-width-105 { width: 105px; } .g-width-110 { width: 110px !important; } .g-width-115 { width: 115px !important; } .g-width-120 { width: 120px !important; } .g-width-125 { width: 125px !important; } .g-width-130 { width: 130px !important; } .g-width-135 { width: 135px !important; } .g-width-140 { width: 140px !important; } .g-width-150 { width: 150px !important; } .g-width-160 { width: 160px !important; } .g-width-170 { width: 170px !important; } .g-width-180 { width: 180px !important; } .g-width-200 { width: 200px !important; } .g-width-220 { width: 220px !important; } .g-width-215 { width: 215px !important; } .g-width-235 { width: 235px !important; } .g-width-250 { /* RG-Q */ width: 250px !important; max-width: 100%; } .g-width-270 { width: 270px !important; max-width: 100%; } .g-width-300 { width: 300px !important; max-width: 100%; } .g-width-400 { width: 400px !important; max-width: 100%; } .g-width-340 { width: 340px !important; max-width: 100%; } .g-width-360 { width: 360px !important; max-width: 100%; } .g-width-370 { width: 370px !important; max-width: 100%; } .g-width-380 { width: 380px !important; max-width: 100%; } .g-width-410 { width: 410px !important; } .g-width-460 { width: 460px !important; max-width: 100%; } .g-width-465 { width: 465px !important; max-width: 100%; } .g-width-485 { width: 485px !important; max-width: 100%; } .g-width-560 { width: 560px !important; max-width: 100%; } .g-width-590 { width: 590px !important; max-width: 100%; } .g-width-600 { width: 600px !important; max-width: 100%; } .g-width-630 { width: 630px !important; max-width: 100%; } .g-width-680 { width: 680px !important; max-width: 100%; } .g-width-720 { width: 720px !important; max-width: 100%; } .g-width-760 { width: 760px !important; max-width: 100%; } .g-width-770 { width: 770px !important; max-width: 100%; } .g-width-780 { /* RG-Q */ width: 780px !important; max-width: 100%; } .g-width-900 { width: 900px !important; max-width: 100%; } .g-width-945 { width: 945px !important; max-width: 100%; } .g-width-1025 { width: 1025px !important; max-width: 100%; } /* Max Width in Pixels (px) */ .g-max-width-100 { max-width: 100px; } .g-max-width-120 { max-width: 120px; } .g-max-width-140 { max-width: 140px; } .g-max-width-170 { max-width: 170px; } .g-max-width-180 { max-width: 180px; } .g-max-width-190 { max-width: 190px; } .g-max-width-200 { max-width: 200px; } .g-max-width-250 { max-width: 250px; } .g-max-width-300 { max-width: 300px; } .g-max-width-384 { max-width: 384px; } .g-max-width-400 { max-width: 400px; } .g-max-width-500 { max-width: 500px; } .g-max-width-540 { max-width: 540px; } .g-max-width-550 { max-width: 550px; } .g-max-width-570 { max-width: 570px; } .g-max-width-600 { max-width: 600px; } .g-max-width-645 { max-width: 645px; } .g-max-width-670 { max-width: 670px; } .g-max-width-700 { max-width: 700px; } .g-max-width-750 { max-width: 750px; } .g-max-width-770 { max-width: 770px; } .g-max-width-780 { max-width: 780px; } .g-max-width-800 { max-width: 800px; } .g-max-width-840 { max-width: 840px; } .g-max-width-860 { max-width: 860px; } .g-max-width-870 { max-width: 870px; } .g-max-width-960 { max-width: 960px; } /* Min Width in Pixels (px) */ .g-min-width-35 { min-width: 35px; } .g-min-width-40 { min-width: 40px; } .g-min-width-65 { min-width: 65px; } .g-min-width-110 { min-width: 110px; } .g-min-width-130 { min-width: 130px; } .g-min-width-150 { min-width: 150px; } .g-min-width-170 { min-width: 170px; } .g-min-width-200 { min-width: 200px; } .g-min-width-220 { min-width: 220px; } .g-min-width-300 { min-width: 300px; } .g-min-width-400 { min-width: 400px; } @media (min-width: 576px) { .g-width-100x--sm { width: 100% !important; } .g-width-50x--sm { width: 50% !important; } .g-width-80x--sm { width: 80% !important; /* R */ } .g-width-100--sm { width: 100px !important; } .g-width-150--sm { width: 150px !important; } .g-width-170--sm { width: 170px !important; } .g-width-180--sm { width: 180px !important; } .g-min-width-180--sm { min-width: 180px; } .g-width-485--sm { width: 485px !important; max-width: 100%; } .g-width-540--sm { width: 540px !important; } .g-width-auto--sm { width: auto !important; } .g-max-width-300--sm { max-width: 300px; } } @media (min-width: 768px) { .g-width-100x--md { width: 100% !important; } .g-width-40--md { width: 40px !important; } .g-width-45--md { width: 45px !important; } .g-width-60--md { width: 60px !important; } .g-width-80--md { width: 80px !important; } .g-width-50x--md { width: 50% !important; } .g-width-60x--md { width: 60% !important; } .g-width-80x--md { width: 80% !important; /* R */ } .g-width-45--md { width: 45px !important; } .g-width-100--md { width: 100px !important; } .g-width-125--md { width: 125px !important; } .g-width-135--md { width: 135px !important; } .g-width-140--md { width: 140px !important; /* R */ } .g-width-155--md { width: 155px !important; /* R */ } .g-width-180--md { width: 180px !important; } .g-width-225--md { width: 225px !important; } .g-width-160--md { width: 160px !important; } .g-width-165--md { width: 165px !important; } .g-width-170--md { width: 170px !important; } .g-width-185--md { width: 185px !important; } .g-width-720--md { width: 720px !important; } .g-width-780--md { width: 780px !important; max-width: 100%; } .g-max-width-200--md { max-width: 200px; } .g-max-width-400--md { max-width: 400px; } .g-max-width-768--md { max-width: 768px; } .g-min-width-110--md { min-width: 110px; } .g-width-auto--md { width: auto !important; } } @media (min-width: 992px) { .g-width-100x--lg { width: 100% !important; } .g-width-155--lg { width: 155px !important; } .g-width-165--lg { width: 165px !important; } .g-width-200--lg { width: 200px !important; max-width: 100%; } .g-width-250--lg { /* RG-Q */ width: 250px !important; max-width: 100%; } .g-width-485--lg { width: 485px !important; max-width: 100%; } .g-width-auto--lg { width: auto !important; } .g-max-width-200--lg { max-width: 200px; } } @media (min-width: 1200px) { .g-min-width-315--xl { min-width: 315px; } } * > .g-width-70--hover { transition-property: width; transition-duration: 0.2s; transition-timing-function: ease-in; } *:hover > .g-width-70--hover { width: 70px; } /*------------------------------------ Heights ------------------------------------*/ /* Height in Percentage (%) */ .g-height-50x { height: 50%; } .g-height-80x { height: 80%; } .g-height-90x { height: 90%; } .g-height-95x { height: 95%; } .g-height-100x { height: 100%; } /* Max Height in Percentage (%) */ .g-max-height-100x { max-height: 100%; } /* Max Height in Viewport Height (vh) */ .g-max-height-70vh { max-height: 70vh !important; } .g-max-height-90vh { max-height: 90vh !important; } .g-max-height-100vh { max-height: 100vh !important; } /* Min Height in Percentage (%) */ .g-min-height-100x { min-height: 100%; } /* Height in Viewport Height (vh) */ .g-height-25vh { height: 25vh !important; } .g-height-33vh { height: 33vh !important; } .g-height-40vh { height: 40vh !important; } .g-height-50vh { height: 50vh !important; } .g-height-60vh { height: 60vh !important; } .g-height-70vh { height: 70vh !important; } .g-height-75vh { height: 75vh !important; } .g-height-80vh { height: 80vh !important; } .g-height-90vh { height: 90vh !important; } .g-height-95vh { height: 95vh !important; } .g-height-100vh { height: 100vh !important; } /* Min Height in Viewport Height (vh) */ .g-min-height-25vh { min-height: 25vh !important; } .g-min-height-33vh { min-height: 33vh !important; } .g-min-height-40vh { min-height: 40vh !important; } .g-min-height-50vh { min-height: 50vh !important; } .g-min-height-60vh { min-height: 60vh !important; } .g-min-height-70vh { min-height: 70vh !important; } .g-min-height-75vh { min-height: 75vh !important; } .g-min-height-80vh { min-height: 80vh !important; } .g-min-height-90vh { min-height: 90vh !important; } .g-min-height-95vh { min-height: 95vh !important; } .g-min-height-100vh { min-height: 100vh !important; } /* Auto Height */ .g-height-auto { height: auto; } @media (min-width: 576px) { .g-height-100vh--sm { height: 100vh !important; } .g-height-auto--sm { height: auto; } .g-height-100x--sm { height: 100%; } } @media (min-width: 768px) { .g-height-auto--md { height: auto; } .g-min-height-100vh--md { min-height: 100vh; } } @media (min-width: 992px) { .g-height-100vh--lg { height: 100vh !important; } .g-height-auto--lg { height: auto; } } @media (min-width: 1200px) { .g-height-auto--xl { height: auto; } } /* Height in Pixels (px) */ .g-height-1 { height: 1px; } .g-height-2 { height: 2px; } .g-height-4 { height: 4px; } .g-height-5 { height: 5px !important; } .g-height-6 { height: 6px !important; } .g-height-10 { height: 10px !important; } .g-height-12 { height: 12px !important; } .g-height-14 { height: 14px !important; } .g-height-16 { height: 16px !important; } .g-height-18 { height: 18px; } .g-height-20 { height: 20px !important; } .g-height-22 { height: 22px !important; } .g-height-24 { height: 24px; } .g-height-25 { height: 25px; } .g-height-26 { height: 26px; } .g-height-28 { height: 28px !important; } .g-height-30 { height: 30px !important; } .g-height-32 { height: 32px; } .g-height-35 { height: 35px !important; } .g-height-40 { height: 40px; } .g-height-42 { height: 42px !important; } .g-height-45 { height: 45px; } .g-height-48 { height: 48px; } .g-height-50 { height: 50px !important; } .g-height-55 { height: 55px; } .g-height-60 { height: 60px; } .g-height-64 { height: 64px; } .g-height-70 { height: 70px; } .g-height-75 { height: 75px; } .g-height-80 { height: 80px !important; } .g-height-85 { height: 85px !important; } .g-height-88 { height: 88px; } .g-height-90 { height: 90px; } .g-height-95 { height: 95px !important; } .g-height-100 { height: 100px !important; } .g-height-105 { height: 105px; } .g-height-115 { height: 115px !important; } .g-height-120 { height: 120px; } .g-height-125 { height: 125px; } .g-height-130 { height: 130px; } .g-height-140 { height: 140px; } .g-height-150 { height: 150px; } .g-height-160 { height: 160px; } .g-height-170 { height: 170px; } .g-height-180 { height: 180px !important; } .g-height-200 { height: 200px; } .g-height-220 { height: 220px; } .g-height-230 { height: 230px; } .g-height-250 { height: 250px; } .g-height-280 { height: 280px; } .g-height-300 { height: 300px; } .g-height-350 { height: 350px; } .g-height-400 { height: 400px; } .g-height-430 { height: 430px; } .g-height-450 { height: 450px; } .g-height-460 { height: 460px; max-height: 100% !important; } .g-height-481 { height: 481px; } .g-height-500 { height: 500px; } .g-height-600 { height: 600px; } .g-height-680 { height: 680px; } /* Min Max Height in Pixels (px) */ .g-min-height-4 { min-height: 4px; } .g-min-height-35 { min-height: 35px; } .g-max-height-40 { max-height: 40px; } .g-min-height-170 { min-height: 170px; } .g-min-height-184 { min-height: 184px; } .g-min-height-200 { min-height: 200px; } .g-max-height-200 { max-height: 200px; } .g-min-height-250 { min-height: 250px; } .g-min-height-275 { min-height: 275px; } .g-max-height-300 { max-height: 300px; } .g-min-height-300 { min-height: 300px; } .g-min-height-312 { min-height: 312px; } .g-max-height-350 { max-height: 350px; } .g-min-height-350 { min-height: 350px; } .g-min-height-360 { min-height: 360px; } .g-min-height-380 { min-height: 380px; } .g-min-height-400 { min-height: 400px; } .g-min-height-430 { min-height: 430px; } .g-min-height-450 { min-height: 450px; } .g-min-height-500 { min-height: 500px; } .g-max-height-500 { max-height: 500px; } .g-min-height-540 { min-height: 540px; } .g-min-height-600 { min-height: 600px; } .g-min-height-680 { min-height: 680px; } .g-max-height-625 { max-height: 625px; } .g-max-height-720 { max-height: 720px; } .g-max-height-810 { max-height: 810px; } @media (min-width: 576px) { .g-height-350--sm { height: 350px; } .g-height-680--sm { height: 680px; } } @media (min-width: 768px) { .g-height-5vh--md { height: 5vh !important; } .g-height-10vh--md { height: 10vh !important; } .g-height-15vh--md { height: 15vh !important; } .g-height-20vh--md { height: 20vh !important; } .g-height-25vh--md { height: 25vh !important; } .g-height-30vh--md { height: 30vh !important; } .g-height-35vh--md { height: 35vh !important; } .g-height-40vh--md { height: 40vh !important; } .g-height-45vh--md { height: 45vh !important; } .g-height-50vh--md { height: 50vh !important; } .g-height-40--md { height: 40px !important; } .g-height-45--md { height: 45px !important; } .g-height-50--md { height: 50px !important; } .g-height-60--md { height: 60px !important; } .g-height-70--md { height: 70px !important; } .g-height-80--md { height: 80px !important; } .g-height-90--md { height: 90px !important; } .g-height-100--md { height: 100px !important; } .g-height-125--md { height: 125px !important; } .g-height-150--md { height: 150px !important; } .g-height-170--md { height: 170px !important; } .g-height-175--md { height: 175px !important; } .g-height-200--md { height: 200px !important; } .g-height-225--md { height: 225px !important; } .g-height-250--md { height: 250px !important; } .g-height-275--md { height: 275px !important; } .g-height-300--md { height: 300px !important; } .g-height-350--md { height: 350px; } .g-max-height-300--md { max-height: 300px; } .g-height-500--md { height: 500px; } .g-max-height-500--md { max-height: 500px; } .g-height-680--md { height: 680px; } .g-height-100x--md { height: 100%; } .g-height-100vh--md { height: 100vh; } .g-min-height-230--md { min-height: 230px; } .g-min-height-388--md { min-height: 388px; } .g-min-height-500--md { min-height: 500px; } .g-max-height-625--md { max-height: 625px; } } @media (min-width: 992px) { .g-height-80--lg { height: 80px !important; } .g-height-200--lg { height: 200px !important; } .g-height-230--lg { height: 230px; } .g-height-300--lg { height: 300px; } .g-height-350--lg { height: 350px; } .g-height-680--lg { height: 680px; } .g-max-height-625--lg { max-height: 625px; } .g-min-height-624--lg { min-height: 624px; } .g-min-height-680--lg { min-height: 680px; } } @media (min-width: 1200px) { .g-height-350--xl { height: 350px; } .g-height-680--xl { height: 680px; } } /*------------------------------------ Margin Spaces ------------------------------------*/ /* Margin Spaces (xs) ------------------------------------*/ /* Margins */ @media (min-width: 0) { /* margin ALL */ .g-ma-0 { margin: 0 !important; } .g-ma-1 { margin: 0.07143rem !important; } .g-ma-2 { margin: 0.14286rem !important; } .g-ma-3 { margin: 0.21429rem !important; } .g-ma-4 { margin: 0.28571rem !important; } .g-ma-5 { margin: 0.35714rem !important; } .g-ma-6 { margin: 0.42857rem !important; } .g-ma-7 { margin: 0.5rem !important; } .g-ma-8 { margin: 0.57143rem !important; } .g-ma-9 { margin: 0.64286rem !important; } .g-ma-10 { margin: 0.71429rem !important; } .g-ma-11 { margin: 0.78571rem !important; } .g-ma-12 { margin: 0.85714rem !important; } .g-ma-13 { margin: 0.92857rem !important; } .g-ma-14 { margin: 1rem !important; } .g-ma-15 { margin: 1.07143rem !important; } .g-ma-16 { margin: 1.14286rem !important; } .g-ma-17 { margin: 1.21429rem !important; } .g-ma-18 { margin: 1.28571rem !important; } .g-ma-19 { margin: 1.35714rem !important; } .g-ma-20 { margin: 1.42857rem !important; } .g-ma-25 { margin: 1.78571rem !important; } .g-ma-30 { margin: 2.14286rem !important; } .g-ma-35 { margin: 2.5rem !important; } .g-ma-40 { margin: 2.85714rem !important; } .g-ma-45 { margin: 3.21429rem !important; } .g-ma-50 { margin: 3.57143rem !important; } .g-ma-55 { margin: 3.92857rem !important; } .g-ma-60 { margin: 4.28571rem !important; } .g-ma-65 { margin: 4.64286rem !important; } .g-ma-70 { margin: 5rem !important; } .g-ma-75 { margin: 5.35714rem !important; } .g-ma-80 { margin: 5.71429rem !important; } .g-ma-85 { margin: 6.07143rem !important; } .g-ma-90 { margin: 6.42857rem !important; } .g-ma-95 { margin: 6.78571rem !important; } .g-ma-100 { margin: 7.14286rem !important; } .g-ma-105 { margin: 7.5rem !important; } .g-ma-110 { margin: 7.85714rem !important; } .g-ma-115 { margin: 8.21429rem !important; } .g-ma-120 { margin: 8.57143rem !important; } .g-ma-125 { margin: 8.92857rem !important; } .g-ma-130 { margin: 9.28571rem !important; } .g-ma-135 { margin: 9.64286rem !important; } .g-ma-140 { margin: 10rem !important; } .g-ma-145 { margin: 10.35714rem !important; } .g-ma-150 { margin: 10.71429rem !important; } .g-ma-155 { margin: 11.07143rem !important; } .g-ma-160 { margin: 11.42857rem !important; } .g-ma-165 { margin: 11.78571rem !important; } .g-ma-170 { margin: 12.14286rem !important; } .g-ma-200 { margin: 14.28571rem !important; } .g-ma-300 { margin: 21.42857rem !important; } .g-ma-400 { margin: 28.57143rem !important; } .g-ma-500 { margin: 35.71429rem !important; } /* margin X */ .g-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .g-mx-1 { margin-left: 0.07143rem !important; margin-right: 0.07143rem !important; } .g-mx-2 { margin-left: 0.14286rem !important; margin-right: 0.14286rem !important; } .g-mx-3 { margin-left: 0.21429rem !important; margin-right: 0.21429rem !important; } .g-mx-4 { margin-left: 0.28571rem !important; margin-right: 0.28571rem !important; } .g-mx-5 { margin-left: 0.35714rem !important; margin-right: 0.35714rem !important; } .g-mx-6 { margin-left: 0.42857rem !important; margin-right: 0.42857rem !important; } .g-mx-7 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .g-mx-8 { margin-left: 0.57143rem !important; margin-right: 0.57143rem !important; } .g-mx-9 { margin-left: 0.64286rem !important; margin-right: 0.64286rem !important; } .g-mx-10 { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-11 { margin-left: 0.78571rem !important; margin-right: 0.78571rem !important; } .g-mx-12 { margin-left: 0.85714rem !important; margin-right: 0.85714rem !important; } .g-mx-13 { margin-left: 0.92857rem !important; margin-right: 0.92857rem !important; } .g-mx-14 { margin-left: 1rem !important; margin-right: 1rem !important; } .g-mx-15 { margin-left: 1.07143rem !important; margin-right: 1.07143rem !important; } .g-mx-16 { margin-left: 1.14286rem !important; margin-right: 1.14286rem !important; } .g-mx-17 { margin-left: 1.21429rem !important; margin-right: 1.21429rem !important; } .g-mx-18 { margin-left: 1.28571rem !important; margin-right: 1.28571rem !important; } .g-mx-19 { margin-left: 1.35714rem !important; margin-right: 1.35714rem !important; } .g-mx-20 { margin-left: 1.42857rem !important; margin-right: 1.42857rem !important; } .g-mx-25 { margin-left: 1.78571rem !important; margin-right: 1.78571rem !important; } .g-mx-30 { margin-left: 2.14286rem !important; margin-right: 2.14286rem !important; } .g-mx-35 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .g-mx-40 { margin-left: 2.85714rem !important; margin-right: 2.85714rem !important; } .g-mx-45 { margin-left: 3.21429rem !important; margin-right: 3.21429rem !important; } .g-mx-50 { margin-left: 3.57143rem !important; margin-right: 3.57143rem !important; } .g-mx-55 { margin-left: 3.92857rem !important; margin-right: 3.92857rem !important; } .g-mx-60 { margin-left: 4.28571rem !important; margin-right: 4.28571rem !important; } .g-mx-65 { margin-left: 4.64286rem !important; margin-right: 4.64286rem !important; } .g-mx-70 { margin-left: 5rem !important; margin-right: 5rem !important; } .g-mx-75 { margin-left: 5.35714rem !important; margin-right: 5.35714rem !important; } .g-mx-80 { margin-left: 5.71429rem !important; margin-right: 5.71429rem !important; } .g-mx-85 { margin-left: 6.07143rem !important; margin-right: 6.07143rem !important; } .g-mx-90 { margin-left: 6.42857rem !important; margin-right: 6.42857rem !important; } .g-mx-95 { margin-left: 6.78571rem !important; margin-right: 6.78571rem !important; } .g-mx-100 { margin-left: 7.14286rem !important; margin-right: 7.14286rem !important; } .g-mx-105 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .g-mx-110 { margin-left: 7.85714rem !important; margin-right: 7.85714rem !important; } .g-mx-115 { margin-left: 8.21429rem !important; margin-right: 8.21429rem !important; } .g-mx-120 { margin-left: 8.57143rem !important; margin-right: 8.57143rem !important; } .g-mx-125 { margin-left: 8.92857rem !important; margin-right: 8.92857rem !important; } .g-mx-130 { margin-left: 9.28571rem !important; margin-right: 9.28571rem !important; } .g-mx-135 { margin-left: 9.64286rem !important; margin-right: 9.64286rem !important; } .g-mx-140 { margin-left: 10rem !important; margin-right: 10rem !important; } .g-mx-145 { margin-left: 10.35714rem !important; margin-right: 10.35714rem !important; } .g-mx-150 { margin-left: 10.71429rem !important; margin-right: 10.71429rem !important; } .g-mx-155 { margin-left: 11.07143rem !important; margin-right: 11.07143rem !important; } .g-mx-160 { margin-left: 11.42857rem !important; margin-right: 11.42857rem !important; } .g-mx-165 { margin-left: 11.78571rem !important; margin-right: 11.78571rem !important; } .g-mx-170 { margin-left: 12.14286rem !important; margin-right: 12.14286rem !important; } .g-mx-200 { margin-left: 14.28571rem !important; margin-right: 14.28571rem !important; } .g-mx-300 { margin-left: 21.42857rem !important; margin-right: 21.42857rem !important; } .g-mx-400 { margin-left: 28.57143rem !important; margin-right: 28.57143rem !important; } .g-mx-500 { margin-left: 35.71429rem !important; margin-right: 35.71429rem !important; } /* margin Y */ .g-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .g-my-1 { margin-top: 0.07143rem !important; margin-bottom: 0.07143rem !important; } .g-my-2 { margin-top: 0.14286rem !important; margin-bottom: 0.14286rem !important; } .g-my-3 { margin-top: 0.21429rem !important; margin-bottom: 0.21429rem !important; } .g-my-4 { margin-top: 0.28571rem !important; margin-bottom: 0.28571rem !important; } .g-my-5 { margin-top: 0.35714rem !important; margin-bottom: 0.35714rem !important; } .g-my-6 { margin-top: 0.42857rem !important; margin-bottom: 0.42857rem !important; } .g-my-7 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .g-my-8 { margin-top: 0.57143rem !important; margin-bottom: 0.57143rem !important; } .g-my-9 { margin-top: 0.64286rem !important; margin-bottom: 0.64286rem !important; } .g-my-10 { margin-top: 0.71429rem !important; margin-bottom: 0.71429rem !important; } .g-my-11 { margin-top: 0.78571rem !important; margin-bottom: 0.78571rem !important; } .g-my-12 { margin-top: 0.85714rem !important; margin-bottom: 0.85714rem !important; } .g-my-13 { margin-top: 0.92857rem !important; margin-bottom: 0.92857rem !important; } .g-my-14 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .g-my-15 { margin-top: 1.07143rem !important; margin-bottom: 1.07143rem !important; } .g-my-16 { margin-top: 1.14286rem !important; margin-bottom: 1.14286rem !important; } .g-my-17 { margin-top: 1.21429rem !important; margin-bottom: 1.21429rem !important; } .g-my-18 { margin-top: 1.28571rem !important; margin-bottom: 1.28571rem !important; } .g-my-19 { margin-top: 1.35714rem !important; margin-bottom: 1.35714rem !important; } .g-my-20 { margin-top: 1.42857rem !important; margin-bottom: 1.42857rem !important; } .g-my-25 { margin-top: 1.78571rem !important; margin-bottom: 1.78571rem !important; } .g-my-30 { margin-top: 2.14286rem !important; margin-bottom: 2.14286rem !important; } .g-my-35 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .g-my-40 { margin-top: 2.85714rem !important; margin-bottom: 2.85714rem !important; } .g-my-45 { margin-top: 3.21429rem !important; margin-bottom: 3.21429rem !important; } .g-my-50 { margin-top: 3.57143rem !important; margin-bottom: 3.57143rem !important; } .g-my-55 { margin-top: 3.92857rem !important; margin-bottom: 3.92857rem !important; } .g-my-60 { margin-top: 4.28571rem !important; margin-bottom: 4.28571rem !important; } .g-my-65 { margin-top: 4.64286rem !important; margin-bottom: 4.64286rem !important; } .g-my-70 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .g-my-75 { margin-top: 5.35714rem !important; margin-bottom: 5.35714rem !important; } .g-my-80 { margin-top: 5.71429rem !important; margin-bottom: 5.71429rem !important; } .g-my-85 { margin-top: 6.07143rem !important; margin-bottom: 6.07143rem !important; } .g-my-90 { margin-top: 6.42857rem !important; margin-bottom: 6.42857rem !important; } .g-my-95 { margin-top: 6.78571rem !important; margin-bottom: 6.78571rem !important; } .g-my-100 { margin-top: 7.14286rem !important; margin-bottom: 7.14286rem !important; } .g-my-105 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .g-my-110 { margin-top: 7.85714rem !important; margin-bottom: 7.85714rem !important; } .g-my-115 { margin-top: 8.21429rem !important; margin-bottom: 8.21429rem !important; } .g-my-120 { margin-top: 8.57143rem !important; margin-bottom: 8.57143rem !important; } .g-my-125 { margin-top: 8.92857rem !important; margin-bottom: 8.92857rem !important; } .g-my-130 { margin-top: 9.28571rem !important; margin-bottom: 9.28571rem !important; } .g-my-135 { margin-top: 9.64286rem !important; margin-bottom: 9.64286rem !important; } .g-my-140 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .g-my-145 { margin-top: 10.35714rem !important; margin-bottom: 10.35714rem !important; } .g-my-150 { margin-top: 10.71429rem !important; margin-bottom: 10.71429rem !important; } .g-my-155 { margin-top: 11.07143rem !important; margin-bottom: 11.07143rem !important; } .g-my-160 { margin-top: 11.42857rem !important; margin-bottom: 11.42857rem !important; } .g-my-165 { margin-top: 11.78571rem !important; margin-bottom: 11.78571rem !important; } .g-my-170 { margin-top: 12.14286rem !important; margin-bottom: 12.14286rem !important; } .g-my-200 { margin-top: 14.28571rem !important; margin-bottom: 14.28571rem !important; } .g-my-300 { margin-top: 21.42857rem !important; margin-bottom: 21.42857rem !important; } .g-my-400 { margin-top: 28.57143rem !important; margin-bottom: 28.57143rem !important; } .g-my-500 { margin-top: 35.71429rem !important; margin-bottom: 35.71429rem !important; } /* margin TOP */ .g-mt-0 { margin-top: 0 !important; } .g-mt-1 { margin-top: 0.07143rem !important; } .g-mt-2 { margin-top: 0.14286rem !important; } .g-mt-3 { margin-top: 0.21429rem !important; } .g-mt-4 { margin-top: 0.28571rem !important; } .g-mt-5 { margin-top: 0.35714rem !important; } .g-mt-6 { margin-top: 0.42857rem !important; } .g-mt-7 { margin-top: 0.5rem !important; } .g-mt-8 { margin-top: 0.57143rem !important; } .g-mt-9 { margin-top: 0.64286rem !important; } .g-mt-10 { margin-top: 0.71429rem !important; } .g-mt-11 { margin-top: 0.78571rem !important; } .g-mt-12 { margin-top: 0.85714rem !important; } .g-mt-13 { margin-top: 0.92857rem !important; } .g-mt-14 { margin-top: 1rem !important; } .g-mt-15 { margin-top: 1.07143rem !important; } .g-mt-16 { margin-top: 1.14286rem !important; } .g-mt-17 { margin-top: 1.21429rem !important; } .g-mt-18 { margin-top: 1.28571rem !important; } .g-mt-19 { margin-top: 1.35714rem !important; } .g-mt-20 { margin-top: 1.42857rem !important; } .g-mt-25 { margin-top: 1.78571rem !important; } .g-mt-30 { margin-top: 2.14286rem !important; } .g-mt-35 { margin-top: 2.5rem !important; } .g-mt-40 { margin-top: 2.85714rem !important; } .g-mt-45 { margin-top: 3.21429rem !important; } .g-mt-50 { margin-top: 3.57143rem !important; } .g-mt-55 { margin-top: 3.92857rem !important; } .g-mt-60 { margin-top: 4.28571rem !important; } .g-mt-65 { margin-top: 4.64286rem !important; } .g-mt-70 { margin-top: 5rem !important; } .g-mt-75 { margin-top: 5.35714rem !important; } .g-mt-80 { margin-top: 5.71429rem !important; } .g-mt-85 { margin-top: 6.07143rem !important; } .g-mt-90 { margin-top: 6.42857rem !important; } .g-mt-95 { margin-top: 6.78571rem !important; } .g-mt-100 { margin-top: 7.14286rem !important; } .g-mt-105 { margin-top: 7.5rem !important; } .g-mt-110 { margin-top: 7.85714rem !important; } .g-mt-115 { margin-top: 8.21429rem !important; } .g-mt-120 { margin-top: 8.57143rem !important; } .g-mt-125 { margin-top: 8.92857rem !important; } .g-mt-130 { margin-top: 9.28571rem !important; } .g-mt-135 { margin-top: 9.64286rem !important; } .g-mt-140 { margin-top: 10rem !important; } .g-mt-145 { margin-top: 10.35714rem !important; } .g-mt-150 { margin-top: 10.71429rem !important; } .g-mt-155 { margin-top: 11.07143rem !important; } .g-mt-160 { margin-top: 11.42857rem !important; } .g-mt-165 { margin-top: 11.78571rem !important; } .g-mt-170 { margin-top: 12.14286rem !important; } .g-mt-200 { margin-top: 14.28571rem !important; } .g-mt-300 { margin-top: 21.42857rem !important; } .g-mt-400 { margin-top: 28.57143rem !important; } .g-mt-500 { margin-top: 35.71429rem !important; } /* margin BOTTOM */ .g-mb-0 { margin-bottom: 0 !important; } .g-mb-1 { margin-bottom: 0.07143rem !important; } .g-mb-2 { margin-bottom: 0.14286rem !important; } .g-mb-3 { margin-bottom: 0.21429rem !important; } .g-mb-4 { margin-bottom: 0.28571rem !important; } .g-mb-5 { margin-bottom: 0.35714rem !important; } .g-mb-6 { margin-bottom: 0.42857rem !important; } .g-mb-7 { margin-bottom: 0.5rem !important; } .g-mb-8 { margin-bottom: 0.57143rem !important; } .g-mb-9 { margin-bottom: 0.64286rem !important; } .g-mb-10 { margin-bottom: 0.71429rem !important; } .g-mb-11 { margin-bottom: 0.78571rem !important; } .g-mb-12 { margin-bottom: 0.85714rem !important; } .g-mb-13 { margin-bottom: 0.92857rem !important; } .g-mb-14 { margin-bottom: 1rem !important; } .g-mb-15 { margin-bottom: 1.07143rem !important; } .g-mb-16 { margin-bottom: 1.14286rem !important; } .g-mb-17 { margin-bottom: 1.21429rem !important; } .g-mb-18 { margin-bottom: 1.28571rem !important; } .g-mb-19 { margin-bottom: 1.35714rem !important; } .g-mb-20 { margin-bottom: 1.42857rem !important; } .g-mb-25 { margin-bottom: 1.78571rem !important; } .g-mb-30 { margin-bottom: 2.14286rem !important; } .g-mb-35 { margin-bottom: 2.5rem !important; } .g-mb-40 { margin-bottom: 2.85714rem !important; } .g-mb-45 { margin-bottom: 3.21429rem !important; } .g-mb-50 { margin-bottom: 3.57143rem !important; } .g-mb-55 { margin-bottom: 3.92857rem !important; } .g-mb-60 { margin-bottom: 4.28571rem !important; } .g-mb-65 { margin-bottom: 4.64286rem !important; } .g-mb-70 { margin-bottom: 5rem !important; } .g-mb-75 { margin-bottom: 5.35714rem !important; } .g-mb-80 { margin-bottom: 5.71429rem !important; } .g-mb-85 { margin-bottom: 6.07143rem !important; } .g-mb-90 { margin-bottom: 6.42857rem !important; } .g-mb-95 { margin-bottom: 6.78571rem !important; } .g-mb-100 { margin-bottom: 7.14286rem !important; } .g-mb-105 { margin-bottom: 7.5rem !important; } .g-mb-110 { margin-bottom: 7.85714rem !important; } .g-mb-115 { margin-bottom: 8.21429rem !important; } .g-mb-120 { margin-bottom: 8.57143rem !important; } .g-mb-125 { margin-bottom: 8.92857rem !important; } .g-mb-130 { margin-bottom: 9.28571rem !important; } .g-mb-135 { margin-bottom: 9.64286rem !important; } .g-mb-140 { margin-bottom: 10rem !important; } .g-mb-145 { margin-bottom: 10.35714rem !important; } .g-mb-150 { margin-bottom: 10.71429rem !important; } .g-mb-155 { margin-bottom: 11.07143rem !important; } .g-mb-160 { margin-bottom: 11.42857rem !important; } .g-mb-165 { margin-bottom: 11.78571rem !important; } .g-mb-170 { margin-bottom: 12.14286rem !important; } .g-mb-200 { margin-bottom: 14.28571rem !important; } .g-mb-300 { margin-bottom: 21.42857rem !important; } .g-mb-400 { margin-bottom: 28.57143rem !important; } .g-mb-500 { margin-bottom: 35.71429rem !important; } /* margin LEFT */ .g-ml-0 { margin-left: 0 !important; } .g-ml-1 { margin-left: 0.07143rem !important; } .g-ml-2 { margin-left: 0.14286rem !important; } .g-ml-3 { margin-left: 0.21429rem !important; } .g-ml-4 { margin-left: 0.28571rem !important; } .g-ml-5 { margin-left: 0.35714rem !important; } .g-ml-6 { margin-left: 0.42857rem !important; } .g-ml-7 { margin-left: 0.5rem !important; } .g-ml-8 { margin-left: 0.57143rem !important; } .g-ml-9 { margin-left: 0.64286rem !important; } .g-ml-10 { margin-left: 0.71429rem !important; } .g-ml-11 { margin-left: 0.78571rem !important; } .g-ml-12 { margin-left: 0.85714rem !important; } .g-ml-13 { margin-left: 0.92857rem !important; } .g-ml-14 { margin-left: 1rem !important; } .g-ml-15 { margin-left: 1.07143rem !important; } .g-ml-16 { margin-left: 1.14286rem !important; } .g-ml-17 { margin-left: 1.21429rem !important; } .g-ml-18 { margin-left: 1.28571rem !important; } .g-ml-19 { margin-left: 1.35714rem !important; } .g-ml-20 { margin-left: 1.42857rem !important; } .g-ml-25 { margin-left: 1.78571rem !important; } .g-ml-30 { margin-left: 2.14286rem !important; } .g-ml-35 { margin-left: 2.5rem !important; } .g-ml-40 { margin-left: 2.85714rem !important; } .g-ml-45 { margin-left: 3.21429rem !important; } .g-ml-50 { margin-left: 3.57143rem !important; } .g-ml-55 { margin-left: 3.92857rem !important; } .g-ml-60 { margin-left: 4.28571rem !important; } .g-ml-65 { margin-left: 4.64286rem !important; } .g-ml-70 { margin-left: 5rem !important; } .g-ml-75 { margin-left: 5.35714rem !important; } .g-ml-80 { margin-left: 5.71429rem !important; } .g-ml-85 { margin-left: 6.07143rem !important; } .g-ml-90 { margin-left: 6.42857rem !important; } .g-ml-95 { margin-left: 6.78571rem !important; } .g-ml-100 { margin-left: 7.14286rem !important; } .g-ml-105 { margin-left: 7.5rem !important; } .g-ml-110 { margin-left: 7.85714rem !important; } .g-ml-115 { margin-left: 8.21429rem !important; } .g-ml-120 { margin-left: 8.57143rem !important; } .g-ml-125 { margin-left: 8.92857rem !important; } .g-ml-130 { margin-left: 9.28571rem !important; } .g-ml-135 { margin-left: 9.64286rem !important; } .g-ml-140 { margin-left: 10rem !important; } .g-ml-145 { margin-left: 10.35714rem !important; } .g-ml-150 { margin-left: 10.71429rem !important; } .g-ml-155 { margin-left: 11.07143rem !important; } .g-ml-160 { margin-left: 11.42857rem !important; } .g-ml-165 { margin-left: 11.78571rem !important; } .g-ml-170 { margin-left: 12.14286rem !important; } .g-ml-200 { margin-left: 14.28571rem !important; } .g-ml-300 { margin-left: 21.42857rem !important; } .g-ml-400 { margin-left: 28.57143rem !important; } .g-ml-500 { margin-left: 35.71429rem !important; } /* margin RIGHT */ .g-mr-0 { margin-right: 0 !important; } .g-mr-1 { margin-right: 0.07143rem !important; } .g-mr-2 { margin-right: 0.14286rem !important; } .g-mr-3 { margin-right: 0.21429rem !important; } .g-mr-4 { margin-right: 0.28571rem !important; } .g-mr-5 { margin-right: 0.35714rem !important; } .g-mr-6 { margin-right: 0.42857rem !important; } .g-mr-7 { margin-right: 0.5rem !important; } .g-mr-8 { margin-right: 0.57143rem !important; } .g-mr-9 { margin-right: 0.64286rem !important; } .g-mr-10 { margin-right: 0.71429rem !important; } .g-mr-11 { margin-right: 0.78571rem !important; } .g-mr-12 { margin-right: 0.85714rem !important; } .g-mr-13 { margin-right: 0.92857rem !important; } .g-mr-14 { margin-right: 1rem !important; } .g-mr-15 { margin-right: 1.07143rem !important; } .g-mr-16 { margin-right: 1.14286rem !important; } .g-mr-17 { margin-right: 1.21429rem !important; } .g-mr-18 { margin-right: 1.28571rem !important; } .g-mr-19 { margin-right: 1.35714rem !important; } .g-mr-20 { margin-right: 1.42857rem !important; } .g-mr-25 { margin-right: 1.78571rem !important; } .g-mr-30 { margin-right: 2.14286rem !important; } .g-mr-35 { margin-right: 2.5rem !important; } .g-mr-40 { margin-right: 2.85714rem !important; } .g-mr-45 { margin-right: 3.21429rem !important; } .g-mr-50 { margin-right: 3.57143rem !important; } .g-mr-55 { margin-right: 3.92857rem !important; } .g-mr-60 { margin-right: 4.28571rem !important; } .g-mr-65 { margin-right: 4.64286rem !important; } .g-mr-70 { margin-right: 5rem !important; } .g-mr-75 { margin-right: 5.35714rem !important; } .g-mr-80 { margin-right: 5.71429rem !important; } .g-mr-85 { margin-right: 6.07143rem !important; } .g-mr-90 { margin-right: 6.42857rem !important; } .g-mr-95 { margin-right: 6.78571rem !important; } .g-mr-100 { margin-right: 7.14286rem !important; } .g-mr-105 { margin-right: 7.5rem !important; } .g-mr-110 { margin-right: 7.85714rem !important; } .g-mr-115 { margin-right: 8.21429rem !important; } .g-mr-120 { margin-right: 8.57143rem !important; } .g-mr-125 { margin-right: 8.92857rem !important; } .g-mr-130 { margin-right: 9.28571rem !important; } .g-mr-135 { margin-right: 9.64286rem !important; } .g-mr-140 { margin-right: 10rem !important; } .g-mr-145 { margin-right: 10.35714rem !important; } .g-mr-150 { margin-right: 10.71429rem !important; } .g-mr-155 { margin-right: 11.07143rem !important; } .g-mr-160 { margin-right: 11.42857rem !important; } .g-mr-165 { margin-right: 11.78571rem !important; } .g-mr-170 { margin-right: 12.14286rem !important; } .g-mr-200 { margin-right: 14.28571rem !important; } .g-mr-300 { margin-right: 21.42857rem !important; } .g-mr-400 { margin-right: 28.57143rem !important; } .g-mr-500 { margin-right: 35.71429rem !important; } } /* Margin Spaces (sm) ------------------------------------*/ /* Margins */ @media (min-width: 576px) { /* margin ALL */ .g-ma-0--sm { margin: 0 !important; } .g-ma-1--sm { margin: 0.07143rem !important; } .g-ma-2--sm { margin: 0.14286rem !important; } .g-ma-3--sm { margin: 0.21429rem !important; } .g-ma-4--sm { margin: 0.28571rem !important; } .g-ma-5--sm { margin: 0.35714rem !important; } .g-ma-6--sm { margin: 0.42857rem !important; } .g-ma-7--sm { margin: 0.5rem !important; } .g-ma-8--sm { margin: 0.57143rem !important; } .g-ma-9--sm { margin: 0.64286rem !important; } .g-ma-10--sm { margin: 0.71429rem !important; } .g-ma-11--sm { margin: 0.78571rem !important; } .g-ma-12--sm { margin: 0.85714rem !important; } .g-ma-13--sm { margin: 0.92857rem !important; } .g-ma-14--sm { margin: 1rem !important; } .g-ma-15--sm { margin: 1.07143rem !important; } .g-ma-16--sm { margin: 1.14286rem !important; } .g-ma-17--sm { margin: 1.21429rem !important; } .g-ma-18--sm { margin: 1.28571rem !important; } .g-ma-19--sm { margin: 1.35714rem !important; } .g-ma-20--sm { margin: 1.42857rem !important; } .g-ma-25--sm { margin: 1.78571rem !important; } .g-ma-30--sm { margin: 2.14286rem !important; } .g-ma-35--sm { margin: 2.5rem !important; } .g-ma-40--sm { margin: 2.85714rem !important; } .g-ma-45--sm { margin: 3.21429rem !important; } .g-ma-50--sm { margin: 3.57143rem !important; } .g-ma-55--sm { margin: 3.92857rem !important; } .g-ma-60--sm { margin: 4.28571rem !important; } .g-ma-65--sm { margin: 4.64286rem !important; } .g-ma-70--sm { margin: 5rem !important; } .g-ma-75--sm { margin: 5.35714rem !important; } .g-ma-80--sm { margin: 5.71429rem !important; } .g-ma-85--sm { margin: 6.07143rem !important; } .g-ma-90--sm { margin: 6.42857rem !important; } .g-ma-95--sm { margin: 6.78571rem !important; } .g-ma-100--sm { margin: 7.14286rem !important; } .g-ma-105--sm { margin: 7.5rem !important; } .g-ma-110--sm { margin: 7.85714rem !important; } .g-ma-115--sm { margin: 8.21429rem !important; } .g-ma-120--sm { margin: 8.57143rem !important; } .g-ma-125--sm { margin: 8.92857rem !important; } .g-ma-130--sm { margin: 9.28571rem !important; } .g-ma-135--sm { margin: 9.64286rem !important; } .g-ma-140--sm { margin: 10rem !important; } .g-ma-145--sm { margin: 10.35714rem !important; } .g-ma-150--sm { margin: 10.71429rem !important; } .g-ma-155--sm { margin: 11.07143rem !important; } .g-ma-160--sm { margin: 11.42857rem !important; } .g-ma-165--sm { margin: 11.78571rem !important; } .g-ma-170--sm { margin: 12.14286rem !important; } .g-ma-200--sm { margin: 14.28571rem !important; } .g-ma-300--sm { margin: 21.42857rem !important; } .g-ma-400--sm { margin: 28.57143rem !important; } .g-ma-500--sm { margin: 35.71429rem !important; } /* margin X */ .g-mx-0--sm { margin-left: 0 !important; margin-right: 0 !important; } .g-mx-1--sm { margin-left: 0.07143rem !important; margin-right: 0.07143rem !important; } .g-mx-2--sm { margin-left: 0.14286rem !important; margin-right: 0.14286rem !important; } .g-mx-3--sm { margin-left: 0.21429rem !important; margin-right: 0.21429rem !important; } .g-mx-4--sm { margin-left: 0.28571rem !important; margin-right: 0.28571rem !important; } .g-mx-5--sm { margin-left: 0.35714rem !important; margin-right: 0.35714rem !important; } .g-mx-6--sm { margin-left: 0.42857rem !important; margin-right: 0.42857rem !important; } .g-mx-7--sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .g-mx-8--sm { margin-left: 0.57143rem !important; margin-right: 0.57143rem !important; } .g-mx-9--sm { margin-left: 0.64286rem !important; margin-right: 0.64286rem !important; } .g-mx-10--sm { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-11--sm { margin-left: 0.78571rem !important; margin-right: 0.78571rem !important; } .g-mx-12--sm { margin-left: 0.85714rem !important; margin-right: 0.85714rem !important; } .g-mx-13--sm { margin-left: 0.92857rem !important; margin-right: 0.92857rem !important; } .g-mx-14--sm { margin-left: 1rem !important; margin-right: 1rem !important; } .g-mx-15--sm { margin-left: 1.07143rem !important; margin-right: 1.07143rem !important; } .g-mx-16--sm { margin-left: 1.14286rem !important; margin-right: 1.14286rem !important; } .g-mx-17--sm { margin-left: 1.21429rem !important; margin-right: 1.21429rem !important; } .g-mx-18--sm { margin-left: 1.28571rem !important; margin-right: 1.28571rem !important; } .g-mx-19--sm { margin-left: 1.35714rem !important; margin-right: 1.35714rem !important; } .g-mx-20--sm { margin-left: 1.42857rem !important; margin-right: 1.42857rem !important; } .g-mx-25--sm { margin-left: 1.78571rem !important; margin-right: 1.78571rem !important; } .g-mx-30--sm { margin-left: 2.14286rem !important; margin-right: 2.14286rem !important; } .g-mx-35--sm { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .g-mx-40--sm { margin-left: 2.85714rem !important; margin-right: 2.85714rem !important; } .g-mx-45--sm { margin-left: 3.21429rem !important; margin-right: 3.21429rem !important; } .g-mx-50--sm { margin-left: 3.57143rem !important; margin-right: 3.57143rem !important; } .g-mx-55--sm { margin-left: 3.92857rem !important; margin-right: 3.92857rem !important; } .g-mx-60--sm { margin-left: 4.28571rem !important; margin-right: 4.28571rem !important; } .g-mx-65--sm { margin-left: 4.64286rem !important; margin-right: 4.64286rem !important; } .g-mx-70--sm { margin-left: 5rem !important; margin-right: 5rem !important; } .g-mx-75--sm { margin-left: 5.35714rem !important; margin-right: 5.35714rem !important; } .g-mx-80--sm { margin-left: 5.71429rem !important; margin-right: 5.71429rem !important; } .g-mx-85--sm { margin-left: 6.07143rem !important; margin-right: 6.07143rem !important; } .g-mx-90--sm { margin-left: 6.42857rem !important; margin-right: 6.42857rem !important; } .g-mx-95--sm { margin-left: 6.78571rem !important; margin-right: 6.78571rem !important; } .g-mx-100--sm { margin-left: 7.14286rem !important; margin-right: 7.14286rem !important; } .g-mx-105--sm { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .g-mx-110--sm { margin-left: 7.85714rem !important; margin-right: 7.85714rem !important; } .g-mx-115--sm { margin-left: 8.21429rem !important; margin-right: 8.21429rem !important; } .g-mx-120--sm { margin-left: 8.57143rem !important; margin-right: 8.57143rem !important; } .g-mx-125--sm { margin-left: 8.92857rem !important; margin-right: 8.92857rem !important; } .g-mx-130--sm { margin-left: 9.28571rem !important; margin-right: 9.28571rem !important; } .g-mx-135--sm { margin-left: 9.64286rem !important; margin-right: 9.64286rem !important; } .g-mx-140--sm { margin-left: 10rem !important; margin-right: 10rem !important; } .g-mx-145--sm { margin-left: 10.35714rem !important; margin-right: 10.35714rem !important; } .g-mx-150--sm { margin-left: 10.71429rem !important; margin-right: 10.71429rem !important; } .g-mx-155--sm { margin-left: 11.07143rem !important; margin-right: 11.07143rem !important; } .g-mx-160--sm { margin-left: 11.42857rem !important; margin-right: 11.42857rem !important; } .g-mx-165--sm { margin-left: 11.78571rem !important; margin-right: 11.78571rem !important; } .g-mx-170--sm { margin-left: 12.14286rem !important; margin-right: 12.14286rem !important; } .g-mx-200--sm { margin-left: 14.28571rem !important; margin-right: 14.28571rem !important; } .g-mx-300--sm { margin-left: 21.42857rem !important; margin-right: 21.42857rem !important; } .g-mx-400--sm { margin-left: 28.57143rem !important; margin-right: 28.57143rem !important; } .g-mx-500--sm { margin-left: 35.71429rem !important; margin-right: 35.71429rem !important; } /* margin Y */ .g-my-0--sm { margin-top: 0 !important; margin-bottom: 0 !important; } .g-my-1--sm { margin-top: 0.07143rem !important; margin-bottom: 0.07143rem !important; } .g-my-2--sm { margin-top: 0.14286rem !important; margin-bottom: 0.14286rem !important; } .g-my-3--sm { margin-top: 0.21429rem !important; margin-bottom: 0.21429rem !important; } .g-my-4--sm { margin-top: 0.28571rem !important; margin-bottom: 0.28571rem !important; } .g-my-5--sm { margin-top: 0.35714rem !important; margin-bottom: 0.35714rem !important; } .g-my-6--sm { margin-top: 0.42857rem !important; margin-bottom: 0.42857rem !important; } .g-my-7--sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .g-my-8--sm { margin-top: 0.57143rem !important; margin-bottom: 0.57143rem !important; } .g-my-9--sm { margin-top: 0.64286rem !important; margin-bottom: 0.64286rem !important; } .g-my-10--sm { margin-top: 0.71429rem !important; margin-bottom: 0.71429rem !important; } .g-my-11--sm { margin-top: 0.78571rem !important; margin-bottom: 0.78571rem !important; } .g-my-12--sm { margin-top: 0.85714rem !important; margin-bottom: 0.85714rem !important; } .g-my-13--sm { margin-top: 0.92857rem !important; margin-bottom: 0.92857rem !important; } .g-my-14--sm { margin-top: 1rem !important; margin-bottom: 1rem !important; } .g-my-15--sm { margin-top: 1.07143rem !important; margin-bottom: 1.07143rem !important; } .g-my-16--sm { margin-top: 1.14286rem !important; margin-bottom: 1.14286rem !important; } .g-my-17--sm { margin-top: 1.21429rem !important; margin-bottom: 1.21429rem !important; } .g-my-18--sm { margin-top: 1.28571rem !important; margin-bottom: 1.28571rem !important; } .g-my-19--sm { margin-top: 1.35714rem !important; margin-bottom: 1.35714rem !important; } .g-my-20--sm { margin-top: 1.42857rem !important; margin-bottom: 1.42857rem !important; } .g-my-25--sm { margin-top: 1.78571rem !important; margin-bottom: 1.78571rem !important; } .g-my-30--sm { margin-top: 2.14286rem !important; margin-bottom: 2.14286rem !important; } .g-my-35--sm { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .g-my-40--sm { margin-top: 2.85714rem !important; margin-bottom: 2.85714rem !important; } .g-my-45--sm { margin-top: 3.21429rem !important; margin-bottom: 3.21429rem !important; } .g-my-50--sm { margin-top: 3.57143rem !important; margin-bottom: 3.57143rem !important; } .g-my-55--sm { margin-top: 3.92857rem !important; margin-bottom: 3.92857rem !important; } .g-my-60--sm { margin-top: 4.28571rem !important; margin-bottom: 4.28571rem !important; } .g-my-65--sm { margin-top: 4.64286rem !important; margin-bottom: 4.64286rem !important; } .g-my-70--sm { margin-top: 5rem !important; margin-bottom: 5rem !important; } .g-my-75--sm { margin-top: 5.35714rem !important; margin-bottom: 5.35714rem !important; } .g-my-80--sm { margin-top: 5.71429rem !important; margin-bottom: 5.71429rem !important; } .g-my-85--sm { margin-top: 6.07143rem !important; margin-bottom: 6.07143rem !important; } .g-my-90--sm { margin-top: 6.42857rem !important; margin-bottom: 6.42857rem !important; } .g-my-95--sm { margin-top: 6.78571rem !important; margin-bottom: 6.78571rem !important; } .g-my-100--sm { margin-top: 7.14286rem !important; margin-bottom: 7.14286rem !important; } .g-my-105--sm { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .g-my-110--sm { margin-top: 7.85714rem !important; margin-bottom: 7.85714rem !important; } .g-my-115--sm { margin-top: 8.21429rem !important; margin-bottom: 8.21429rem !important; } .g-my-120--sm { margin-top: 8.57143rem !important; margin-bottom: 8.57143rem !important; } .g-my-125--sm { margin-top: 8.92857rem !important; margin-bottom: 8.92857rem !important; } .g-my-130--sm { margin-top: 9.28571rem !important; margin-bottom: 9.28571rem !important; } .g-my-135--sm { margin-top: 9.64286rem !important; margin-bottom: 9.64286rem !important; } .g-my-140--sm { margin-top: 10rem !important; margin-bottom: 10rem !important; } .g-my-145--sm { margin-top: 10.35714rem !important; margin-bottom: 10.35714rem !important; } .g-my-150--sm { margin-top: 10.71429rem !important; margin-bottom: 10.71429rem !important; } .g-my-155--sm { margin-top: 11.07143rem !important; margin-bottom: 11.07143rem !important; } .g-my-160--sm { margin-top: 11.42857rem !important; margin-bottom: 11.42857rem !important; } .g-my-165--sm { margin-top: 11.78571rem !important; margin-bottom: 11.78571rem !important; } .g-my-170--sm { margin-top: 12.14286rem !important; margin-bottom: 12.14286rem !important; } .g-my-200--sm { margin-top: 14.28571rem !important; margin-bottom: 14.28571rem !important; } .g-my-300--sm { margin-top: 21.42857rem !important; margin-bottom: 21.42857rem !important; } .g-my-400--sm { margin-top: 28.57143rem !important; margin-bottom: 28.57143rem !important; } .g-my-500--sm { margin-top: 35.71429rem !important; margin-bottom: 35.71429rem !important; } /* margin TOP */ .g-mt-0--sm { margin-top: 0 !important; } .g-mt-1--sm { margin-top: 0.07143rem !important; } .g-mt-2--sm { margin-top: 0.14286rem !important; } .g-mt-3--sm { margin-top: 0.21429rem !important; } .g-mt-4--sm { margin-top: 0.28571rem !important; } .g-mt-5--sm { margin-top: 0.35714rem !important; } .g-mt-6--sm { margin-top: 0.42857rem !important; } .g-mt-7--sm { margin-top: 0.5rem !important; } .g-mt-8--sm { margin-top: 0.57143rem !important; } .g-mt-9--sm { margin-top: 0.64286rem !important; } .g-mt-10--sm { margin-top: 0.71429rem !important; } .g-mt-11--sm { margin-top: 0.78571rem !important; } .g-mt-12--sm { margin-top: 0.85714rem !important; } .g-mt-13--sm { margin-top: 0.92857rem !important; } .g-mt-14--sm { margin-top: 1rem !important; } .g-mt-15--sm { margin-top: 1.07143rem !important; } .g-mt-16--sm { margin-top: 1.14286rem !important; } .g-mt-17--sm { margin-top: 1.21429rem !important; } .g-mt-18--sm { margin-top: 1.28571rem !important; } .g-mt-19--sm { margin-top: 1.35714rem !important; } .g-mt-20--sm { margin-top: 1.42857rem !important; } .g-mt-25--sm { margin-top: 1.78571rem !important; } .g-mt-30--sm { margin-top: 2.14286rem !important; } .g-mt-35--sm { margin-top: 2.5rem !important; } .g-mt-40--sm { margin-top: 2.85714rem !important; } .g-mt-45--sm { margin-top: 3.21429rem !important; } .g-mt-50--sm { margin-top: 3.57143rem !important; } .g-mt-55--sm { margin-top: 3.92857rem !important; } .g-mt-60--sm { margin-top: 4.28571rem !important; } .g-mt-65--sm { margin-top: 4.64286rem !important; } .g-mt-70--sm { margin-top: 5rem !important; } .g-mt-75--sm { margin-top: 5.35714rem !important; } .g-mt-80--sm { margin-top: 5.71429rem !important; } .g-mt-85--sm { margin-top: 6.07143rem !important; } .g-mt-90--sm { margin-top: 6.42857rem !important; } .g-mt-95--sm { margin-top: 6.78571rem !important; } .g-mt-100--sm { margin-top: 7.14286rem !important; } .g-mt-105--sm { margin-top: 7.5rem !important; } .g-mt-110--sm { margin-top: 7.85714rem !important; } .g-mt-115--sm { margin-top: 8.21429rem !important; } .g-mt-120--sm { margin-top: 8.57143rem !important; } .g-mt-125--sm { margin-top: 8.92857rem !important; } .g-mt-130--sm { margin-top: 9.28571rem !important; } .g-mt-135--sm { margin-top: 9.64286rem !important; } .g-mt-140--sm { margin-top: 10rem !important; } .g-mt-145--sm { margin-top: 10.35714rem !important; } .g-mt-150--sm { margin-top: 10.71429rem !important; } .g-mt-155--sm { margin-top: 11.07143rem !important; } .g-mt-160--sm { margin-top: 11.42857rem !important; } .g-mt-165--sm { margin-top: 11.78571rem !important; } .g-mt-170--sm { margin-top: 12.14286rem !important; } .g-mt-200--sm { margin-top: 14.28571rem !important; } .g-mt-300--sm { margin-top: 21.42857rem !important; } .g-mt-400--sm { margin-top: 28.57143rem !important; } .g-mt-500--sm { margin-top: 35.71429rem !important; } /* margin BOTTOM */ .g-mb-0--sm { margin-bottom: 0 !important; } .g-mb-1--sm { margin-bottom: 0.07143rem !important; } .g-mb-2--sm { margin-bottom: 0.14286rem !important; } .g-mb-3--sm { margin-bottom: 0.21429rem !important; } .g-mb-4--sm { margin-bottom: 0.28571rem !important; } .g-mb-5--sm { margin-bottom: 0.35714rem !important; } .g-mb-6--sm { margin-bottom: 0.42857rem !important; } .g-mb-7--sm { margin-bottom: 0.5rem !important; } .g-mb-8--sm { margin-bottom: 0.57143rem !important; } .g-mb-9--sm { margin-bottom: 0.64286rem !important; } .g-mb-10--sm { margin-bottom: 0.71429rem !important; } .g-mb-11--sm { margin-bottom: 0.78571rem !important; } .g-mb-12--sm { margin-bottom: 0.85714rem !important; } .g-mb-13--sm { margin-bottom: 0.92857rem !important; } .g-mb-14--sm { margin-bottom: 1rem !important; } .g-mb-15--sm { margin-bottom: 1.07143rem !important; } .g-mb-16--sm { margin-bottom: 1.14286rem !important; } .g-mb-17--sm { margin-bottom: 1.21429rem !important; } .g-mb-18--sm { margin-bottom: 1.28571rem !important; } .g-mb-19--sm { margin-bottom: 1.35714rem !important; } .g-mb-20--sm { margin-bottom: 1.42857rem !important; } .g-mb-25--sm { margin-bottom: 1.78571rem !important; } .g-mb-30--sm { margin-bottom: 2.14286rem !important; } .g-mb-35--sm { margin-bottom: 2.5rem !important; } .g-mb-40--sm { margin-bottom: 2.85714rem !important; } .g-mb-45--sm { margin-bottom: 3.21429rem !important; } .g-mb-50--sm { margin-bottom: 3.57143rem !important; } .g-mb-55--sm { margin-bottom: 3.92857rem !important; } .g-mb-60--sm { margin-bottom: 4.28571rem !important; } .g-mb-65--sm { margin-bottom: 4.64286rem !important; } .g-mb-70--sm { margin-bottom: 5rem !important; } .g-mb-75--sm { margin-bottom: 5.35714rem !important; } .g-mb-80--sm { margin-bottom: 5.71429rem !important; } .g-mb-85--sm { margin-bottom: 6.07143rem !important; } .g-mb-90--sm { margin-bottom: 6.42857rem !important; } .g-mb-95--sm { margin-bottom: 6.78571rem !important; } .g-mb-100--sm { margin-bottom: 7.14286rem !important; } .g-mb-105--sm { margin-bottom: 7.5rem !important; } .g-mb-110--sm { margin-bottom: 7.85714rem !important; } .g-mb-115--sm { margin-bottom: 8.21429rem !important; } .g-mb-120--sm { margin-bottom: 8.57143rem !important; } .g-mb-125--sm { margin-bottom: 8.92857rem !important; } .g-mb-130--sm { margin-bottom: 9.28571rem !important; } .g-mb-135--sm { margin-bottom: 9.64286rem !important; } .g-mb-140--sm { margin-bottom: 10rem !important; } .g-mb-145--sm { margin-bottom: 10.35714rem !important; } .g-mb-150--sm { margin-bottom: 10.71429rem !important; } .g-mb-155--sm { margin-bottom: 11.07143rem !important; } .g-mb-160--sm { margin-bottom: 11.42857rem !important; } .g-mb-165--sm { margin-bottom: 11.78571rem !important; } .g-mb-170--sm { margin-bottom: 12.14286rem !important; } .g-mb-200--sm { margin-bottom: 14.28571rem !important; } .g-mb-300--sm { margin-bottom: 21.42857rem !important; } .g-mb-400--sm { margin-bottom: 28.57143rem !important; } .g-mb-500--sm { margin-bottom: 35.71429rem !important; } /* margin LEFT */ .g-ml-0--sm { margin-left: 0 !important; } .g-ml-1--sm { margin-left: 0.07143rem !important; } .g-ml-2--sm { margin-left: 0.14286rem !important; } .g-ml-3--sm { margin-left: 0.21429rem !important; } .g-ml-4--sm { margin-left: 0.28571rem !important; } .g-ml-5--sm { margin-left: 0.35714rem !important; } .g-ml-6--sm { margin-left: 0.42857rem !important; } .g-ml-7--sm { margin-left: 0.5rem !important; } .g-ml-8--sm { margin-left: 0.57143rem !important; } .g-ml-9--sm { margin-left: 0.64286rem !important; } .g-ml-10--sm { margin-left: 0.71429rem !important; } .g-ml-11--sm { margin-left: 0.78571rem !important; } .g-ml-12--sm { margin-left: 0.85714rem !important; } .g-ml-13--sm { margin-left: 0.92857rem !important; } .g-ml-14--sm { margin-left: 1rem !important; } .g-ml-15--sm { margin-left: 1.07143rem !important; } .g-ml-16--sm { margin-left: 1.14286rem !important; } .g-ml-17--sm { margin-left: 1.21429rem !important; } .g-ml-18--sm { margin-left: 1.28571rem !important; } .g-ml-19--sm { margin-left: 1.35714rem !important; } .g-ml-20--sm { margin-left: 1.42857rem !important; } .g-ml-25--sm { margin-left: 1.78571rem !important; } .g-ml-30--sm { margin-left: 2.14286rem !important; } .g-ml-35--sm { margin-left: 2.5rem !important; } .g-ml-40--sm { margin-left: 2.85714rem !important; } .g-ml-45--sm { margin-left: 3.21429rem !important; } .g-ml-50--sm { margin-left: 3.57143rem !important; } .g-ml-55--sm { margin-left: 3.92857rem !important; } .g-ml-60--sm { margin-left: 4.28571rem !important; } .g-ml-65--sm { margin-left: 4.64286rem !important; } .g-ml-70--sm { margin-left: 5rem !important; } .g-ml-75--sm { margin-left: 5.35714rem !important; } .g-ml-80--sm { margin-left: 5.71429rem !important; } .g-ml-85--sm { margin-left: 6.07143rem !important; } .g-ml-90--sm { margin-left: 6.42857rem !important; } .g-ml-95--sm { margin-left: 6.78571rem !important; } .g-ml-100--sm { margin-left: 7.14286rem !important; } .g-ml-105--sm { margin-left: 7.5rem !important; } .g-ml-110--sm { margin-left: 7.85714rem !important; } .g-ml-115--sm { margin-left: 8.21429rem !important; } .g-ml-120--sm { margin-left: 8.57143rem !important; } .g-ml-125--sm { margin-left: 8.92857rem !important; } .g-ml-130--sm { margin-left: 9.28571rem !important; } .g-ml-135--sm { margin-left: 9.64286rem !important; } .g-ml-140--sm { margin-left: 10rem !important; } .g-ml-145--sm { margin-left: 10.35714rem !important; } .g-ml-150--sm { margin-left: 10.71429rem !important; } .g-ml-155--sm { margin-left: 11.07143rem !important; } .g-ml-160--sm { margin-left: 11.42857rem !important; } .g-ml-165--sm { margin-left: 11.78571rem !important; } .g-ml-170--sm { margin-left: 12.14286rem !important; } .g-ml-200--sm { margin-left: 14.28571rem !important; } .g-ml-300--sm { margin-left: 21.42857rem !important; } .g-ml-400--sm { margin-left: 28.57143rem !important; } .g-ml-500--sm { margin-left: 35.71429rem !important; } /* margin RIGHT */ .g-mr-0--sm { margin-right: 0 !important; } .g-mr-1--sm { margin-right: 0.07143rem !important; } .g-mr-2--sm { margin-right: 0.14286rem !important; } .g-mr-3--sm { margin-right: 0.21429rem !important; } .g-mr-4--sm { margin-right: 0.28571rem !important; } .g-mr-5--sm { margin-right: 0.35714rem !important; } .g-mr-6--sm { margin-right: 0.42857rem !important; } .g-mr-7--sm { margin-right: 0.5rem !important; } .g-mr-8--sm { margin-right: 0.57143rem !important; } .g-mr-9--sm { margin-right: 0.64286rem !important; } .g-mr-10--sm { margin-right: 0.71429rem !important; } .g-mr-11--sm { margin-right: 0.78571rem !important; } .g-mr-12--sm { margin-right: 0.85714rem !important; } .g-mr-13--sm { margin-right: 0.92857rem !important; } .g-mr-14--sm { margin-right: 1rem !important; } .g-mr-15--sm { margin-right: 1.07143rem !important; } .g-mr-16--sm { margin-right: 1.14286rem !important; } .g-mr-17--sm { margin-right: 1.21429rem !important; } .g-mr-18--sm { margin-right: 1.28571rem !important; } .g-mr-19--sm { margin-right: 1.35714rem !important; } .g-mr-20--sm { margin-right: 1.42857rem !important; } .g-mr-25--sm { margin-right: 1.78571rem !important; } .g-mr-30--sm { margin-right: 2.14286rem !important; } .g-mr-35--sm { margin-right: 2.5rem !important; } .g-mr-40--sm { margin-right: 2.85714rem !important; } .g-mr-45--sm { margin-right: 3.21429rem !important; } .g-mr-50--sm { margin-right: 3.57143rem !important; } .g-mr-55--sm { margin-right: 3.92857rem !important; } .g-mr-60--sm { margin-right: 4.28571rem !important; } .g-mr-65--sm { margin-right: 4.64286rem !important; } .g-mr-70--sm { margin-right: 5rem !important; } .g-mr-75--sm { margin-right: 5.35714rem !important; } .g-mr-80--sm { margin-right: 5.71429rem !important; } .g-mr-85--sm { margin-right: 6.07143rem !important; } .g-mr-90--sm { margin-right: 6.42857rem !important; } .g-mr-95--sm { margin-right: 6.78571rem !important; } .g-mr-100--sm { margin-right: 7.14286rem !important; } .g-mr-105--sm { margin-right: 7.5rem !important; } .g-mr-110--sm { margin-right: 7.85714rem !important; } .g-mr-115--sm { margin-right: 8.21429rem !important; } .g-mr-120--sm { margin-right: 8.57143rem !important; } .g-mr-125--sm { margin-right: 8.92857rem !important; } .g-mr-130--sm { margin-right: 9.28571rem !important; } .g-mr-135--sm { margin-right: 9.64286rem !important; } .g-mr-140--sm { margin-right: 10rem !important; } .g-mr-145--sm { margin-right: 10.35714rem !important; } .g-mr-150--sm { margin-right: 10.71429rem !important; } .g-mr-155--sm { margin-right: 11.07143rem !important; } .g-mr-160--sm { margin-right: 11.42857rem !important; } .g-mr-165--sm { margin-right: 11.78571rem !important; } .g-mr-170--sm { margin-right: 12.14286rem !important; } .g-mr-200--sm { margin-right: 14.28571rem !important; } .g-mr-300--sm { margin-right: 21.42857rem !important; } .g-mr-400--sm { margin-right: 28.57143rem !important; } .g-mr-500--sm { margin-right: 35.71429rem !important; } } /* Margin Spaces (md) ------------------------------------*/ /* Margins */ @media (min-width: 768px) { /* margin ALL */ .g-ma-0--md { margin: 0 !important; } .g-ma-1--md { margin: 0.07143rem !important; } .g-ma-2--md { margin: 0.14286rem !important; } .g-ma-3--md { margin: 0.21429rem !important; } .g-ma-4--md { margin: 0.28571rem !important; } .g-ma-5--md { margin: 0.35714rem !important; } .g-ma-6--md { margin: 0.42857rem !important; } .g-ma-7--md { margin: 0.5rem !important; } .g-ma-8--md { margin: 0.57143rem !important; } .g-ma-9--md { margin: 0.64286rem !important; } .g-ma-10--md { margin: 0.71429rem !important; } .g-ma-11--md { margin: 0.78571rem !important; } .g-ma-12--md { margin: 0.85714rem !important; } .g-ma-13--md { margin: 0.92857rem !important; } .g-ma-14--md { margin: 1rem !important; } .g-ma-15--md { margin: 1.07143rem !important; } .g-ma-16--md { margin: 1.14286rem !important; } .g-ma-17--md { margin: 1.21429rem !important; } .g-ma-18--md { margin: 1.28571rem !important; } .g-ma-19--md { margin: 1.35714rem !important; } .g-ma-20--md { margin: 1.42857rem !important; } .g-ma-25--md { margin: 1.78571rem !important; } .g-ma-30--md { margin: 2.14286rem !important; } .g-ma-35--md { margin: 2.5rem !important; } .g-ma-40--md { margin: 2.85714rem !important; } .g-ma-45--md { margin: 3.21429rem !important; } .g-ma-50--md { margin: 3.57143rem !important; } .g-ma-55--md { margin: 3.92857rem !important; } .g-ma-60--md { margin: 4.28571rem !important; } .g-ma-65--md { margin: 4.64286rem !important; } .g-ma-70--md { margin: 5rem !important; } .g-ma-75--md { margin: 5.35714rem !important; } .g-ma-80--md { margin: 5.71429rem !important; } .g-ma-85--md { margin: 6.07143rem !important; } .g-ma-90--md { margin: 6.42857rem !important; } .g-ma-95--md { margin: 6.78571rem !important; } .g-ma-100--md { margin: 7.14286rem !important; } .g-ma-105--md { margin: 7.5rem !important; } .g-ma-110--md { margin: 7.85714rem !important; } .g-ma-115--md { margin: 8.21429rem !important; } .g-ma-120--md { margin: 8.57143rem !important; } .g-ma-125--md { margin: 8.92857rem !important; } .g-ma-130--md { margin: 9.28571rem !important; } .g-ma-135--md { margin: 9.64286rem !important; } .g-ma-140--md { margin: 10rem !important; } .g-ma-145--md { margin: 10.35714rem !important; } .g-ma-150--md { margin: 10.71429rem !important; } .g-ma-155--md { margin: 11.07143rem !important; } .g-ma-160--md { margin: 11.42857rem !important; } .g-ma-165--md { margin: 11.78571rem !important; } .g-ma-170--md { margin: 12.14286rem !important; } .g-ma-200--md { margin: 14.28571rem !important; } .g-ma-300--md { margin: 21.42857rem !important; } .g-ma-400--md { margin: 28.57143rem !important; } .g-ma-500--md { margin: 35.71429rem !important; } /* margin X */ .g-mx-0--md { margin-left: 0 !important; margin-right: 0 !important; } .g-mx-1--md { margin-left: 0.07143rem !important; margin-right: 0.07143rem !important; } .g-mx-2--md { margin-left: 0.14286rem !important; margin-right: 0.14286rem !important; } .g-mx-3--md { margin-left: 0.21429rem !important; margin-right: 0.21429rem !important; } .g-mx-4--md { margin-left: 0.28571rem !important; margin-right: 0.28571rem !important; } .g-mx-5--md { margin-left: 0.35714rem !important; margin-right: 0.35714rem !important; } .g-mx-6--md { margin-left: 0.42857rem !important; margin-right: 0.42857rem !important; } .g-mx-7--md { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .g-mx-8--md { margin-left: 0.57143rem !important; margin-right: 0.57143rem !important; } .g-mx-9--md { margin-left: 0.64286rem !important; margin-right: 0.64286rem !important; } .g-mx-10--md { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-11--md { margin-left: 0.78571rem !important; margin-right: 0.78571rem !important; } .g-mx-12--md { margin-left: 0.85714rem !important; margin-right: 0.85714rem !important; } .g-mx-13--md { margin-left: 0.92857rem !important; margin-right: 0.92857rem !important; } .g-mx-14--md { margin-left: 1rem !important; margin-right: 1rem !important; } .g-mx-15--md { margin-left: 1.07143rem !important; margin-right: 1.07143rem !important; } .g-mx-16--md { margin-left: 1.14286rem !important; margin-right: 1.14286rem !important; } .g-mx-17--md { margin-left: 1.21429rem !important; margin-right: 1.21429rem !important; } .g-mx-18--md { margin-left: 1.28571rem !important; margin-right: 1.28571rem !important; } .g-mx-19--md { margin-left: 1.35714rem !important; margin-right: 1.35714rem !important; } .g-mx-20--md { margin-left: 1.42857rem !important; margin-right: 1.42857rem !important; } .g-mx-25--md { margin-left: 1.78571rem !important; margin-right: 1.78571rem !important; } .g-mx-30--md { margin-left: 2.14286rem !important; margin-right: 2.14286rem !important; } .g-mx-35--md { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .g-mx-40--md { margin-left: 2.85714rem !important; margin-right: 2.85714rem !important; } .g-mx-45--md { margin-left: 3.21429rem !important; margin-right: 3.21429rem !important; } .g-mx-50--md { margin-left: 3.57143rem !important; margin-right: 3.57143rem !important; } .g-mx-55--md { margin-left: 3.92857rem !important; margin-right: 3.92857rem !important; } .g-mx-60--md { margin-left: 4.28571rem !important; margin-right: 4.28571rem !important; } .g-mx-65--md { margin-left: 4.64286rem !important; margin-right: 4.64286rem !important; } .g-mx-70--md { margin-left: 5rem !important; margin-right: 5rem !important; } .g-mx-75--md { margin-left: 5.35714rem !important; margin-right: 5.35714rem !important; } .g-mx-80--md { margin-left: 5.71429rem !important; margin-right: 5.71429rem !important; } .g-mx-85--md { margin-left: 6.07143rem !important; margin-right: 6.07143rem !important; } .g-mx-90--md { margin-left: 6.42857rem !important; margin-right: 6.42857rem !important; } .g-mx-95--md { margin-left: 6.78571rem !important; margin-right: 6.78571rem !important; } .g-mx-100--md { margin-left: 7.14286rem !important; margin-right: 7.14286rem !important; } .g-mx-105--md { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .g-mx-110--md { margin-left: 7.85714rem !important; margin-right: 7.85714rem !important; } .g-mx-115--md { margin-left: 8.21429rem !important; margin-right: 8.21429rem !important; } .g-mx-120--md { margin-left: 8.57143rem !important; margin-right: 8.57143rem !important; } .g-mx-125--md { margin-left: 8.92857rem !important; margin-right: 8.92857rem !important; } .g-mx-130--md { margin-left: 9.28571rem !important; margin-right: 9.28571rem !important; } .g-mx-135--md { margin-left: 9.64286rem !important; margin-right: 9.64286rem !important; } .g-mx-140--md { margin-left: 10rem !important; margin-right: 10rem !important; } .g-mx-145--md { margin-left: 10.35714rem !important; margin-right: 10.35714rem !important; } .g-mx-150--md { margin-left: 10.71429rem !important; margin-right: 10.71429rem !important; } .g-mx-155--md { margin-left: 11.07143rem !important; margin-right: 11.07143rem !important; } .g-mx-160--md { margin-left: 11.42857rem !important; margin-right: 11.42857rem !important; } .g-mx-165--md { margin-left: 11.78571rem !important; margin-right: 11.78571rem !important; } .g-mx-170--md { margin-left: 12.14286rem !important; margin-right: 12.14286rem !important; } .g-mx-200--md { margin-left: 14.28571rem !important; margin-right: 14.28571rem !important; } .g-mx-300--md { margin-left: 21.42857rem !important; margin-right: 21.42857rem !important; } .g-mx-400--md { margin-left: 28.57143rem !important; margin-right: 28.57143rem !important; } .g-mx-500--md { margin-left: 35.71429rem !important; margin-right: 35.71429rem !important; } /* margin Y */ .g-my-0--md { margin-top: 0 !important; margin-bottom: 0 !important; } .g-my-1--md { margin-top: 0.07143rem !important; margin-bottom: 0.07143rem !important; } .g-my-2--md { margin-top: 0.14286rem !important; margin-bottom: 0.14286rem !important; } .g-my-3--md { margin-top: 0.21429rem !important; margin-bottom: 0.21429rem !important; } .g-my-4--md { margin-top: 0.28571rem !important; margin-bottom: 0.28571rem !important; } .g-my-5--md { margin-top: 0.35714rem !important; margin-bottom: 0.35714rem !important; } .g-my-6--md { margin-top: 0.42857rem !important; margin-bottom: 0.42857rem !important; } .g-my-7--md { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .g-my-8--md { margin-top: 0.57143rem !important; margin-bottom: 0.57143rem !important; } .g-my-9--md { margin-top: 0.64286rem !important; margin-bottom: 0.64286rem !important; } .g-my-10--md { margin-top: 0.71429rem !important; margin-bottom: 0.71429rem !important; } .g-my-11--md { margin-top: 0.78571rem !important; margin-bottom: 0.78571rem !important; } .g-my-12--md { margin-top: 0.85714rem !important; margin-bottom: 0.85714rem !important; } .g-my-13--md { margin-top: 0.92857rem !important; margin-bottom: 0.92857rem !important; } .g-my-14--md { margin-top: 1rem !important; margin-bottom: 1rem !important; } .g-my-15--md { margin-top: 1.07143rem !important; margin-bottom: 1.07143rem !important; } .g-my-16--md { margin-top: 1.14286rem !important; margin-bottom: 1.14286rem !important; } .g-my-17--md { margin-top: 1.21429rem !important; margin-bottom: 1.21429rem !important; } .g-my-18--md { margin-top: 1.28571rem !important; margin-bottom: 1.28571rem !important; } .g-my-19--md { margin-top: 1.35714rem !important; margin-bottom: 1.35714rem !important; } .g-my-20--md { margin-top: 1.42857rem !important; margin-bottom: 1.42857rem !important; } .g-my-25--md { margin-top: 1.78571rem !important; margin-bottom: 1.78571rem !important; } .g-my-30--md { margin-top: 2.14286rem !important; margin-bottom: 2.14286rem !important; } .g-my-35--md { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .g-my-40--md { margin-top: 2.85714rem !important; margin-bottom: 2.85714rem !important; } .g-my-45--md { margin-top: 3.21429rem !important; margin-bottom: 3.21429rem !important; } .g-my-50--md { margin-top: 3.57143rem !important; margin-bottom: 3.57143rem !important; } .g-my-55--md { margin-top: 3.92857rem !important; margin-bottom: 3.92857rem !important; } .g-my-60--md { margin-top: 4.28571rem !important; margin-bottom: 4.28571rem !important; } .g-my-65--md { margin-top: 4.64286rem !important; margin-bottom: 4.64286rem !important; } .g-my-70--md { margin-top: 5rem !important; margin-bottom: 5rem !important; } .g-my-75--md { margin-top: 5.35714rem !important; margin-bottom: 5.35714rem !important; } .g-my-80--md { margin-top: 5.71429rem !important; margin-bottom: 5.71429rem !important; } .g-my-85--md { margin-top: 6.07143rem !important; margin-bottom: 6.07143rem !important; } .g-my-90--md { margin-top: 6.42857rem !important; margin-bottom: 6.42857rem !important; } .g-my-95--md { margin-top: 6.78571rem !important; margin-bottom: 6.78571rem !important; } .g-my-100--md { margin-top: 7.14286rem !important; margin-bottom: 7.14286rem !important; } .g-my-105--md { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .g-my-110--md { margin-top: 7.85714rem !important; margin-bottom: 7.85714rem !important; } .g-my-115--md { margin-top: 8.21429rem !important; margin-bottom: 8.21429rem !important; } .g-my-120--md { margin-top: 8.57143rem !important; margin-bottom: 8.57143rem !important; } .g-my-125--md { margin-top: 8.92857rem !important; margin-bottom: 8.92857rem !important; } .g-my-130--md { margin-top: 9.28571rem !important; margin-bottom: 9.28571rem !important; } .g-my-135--md { margin-top: 9.64286rem !important; margin-bottom: 9.64286rem !important; } .g-my-140--md { margin-top: 10rem !important; margin-bottom: 10rem !important; } .g-my-145--md { margin-top: 10.35714rem !important; margin-bottom: 10.35714rem !important; } .g-my-150--md { margin-top: 10.71429rem !important; margin-bottom: 10.71429rem !important; } .g-my-155--md { margin-top: 11.07143rem !important; margin-bottom: 11.07143rem !important; } .g-my-160--md { margin-top: 11.42857rem !important; margin-bottom: 11.42857rem !important; } .g-my-165--md { margin-top: 11.78571rem !important; margin-bottom: 11.78571rem !important; } .g-my-170--md { margin-top: 12.14286rem !important; margin-bottom: 12.14286rem !important; } .g-my-200--md { margin-top: 14.28571rem !important; margin-bottom: 14.28571rem !important; } .g-my-300--md { margin-top: 21.42857rem !important; margin-bottom: 21.42857rem !important; } .g-my-400--md { margin-top: 28.57143rem !important; margin-bottom: 28.57143rem !important; } .g-my-500--md { margin-top: 35.71429rem !important; margin-bottom: 35.71429rem !important; } /* margin TOP */ .g-mt-0--md { margin-top: 0 !important; } .g-mt-1--md { margin-top: 0.07143rem !important; } .g-mt-2--md { margin-top: 0.14286rem !important; } .g-mt-3--md { margin-top: 0.21429rem !important; } .g-mt-4--md { margin-top: 0.28571rem !important; } .g-mt-5--md { margin-top: 0.35714rem !important; } .g-mt-6--md { margin-top: 0.42857rem !important; } .g-mt-7--md { margin-top: 0.5rem !important; } .g-mt-8--md { margin-top: 0.57143rem !important; } .g-mt-9--md { margin-top: 0.64286rem !important; } .g-mt-10--md { margin-top: 0.71429rem !important; } .g-mt-11--md { margin-top: 0.78571rem !important; } .g-mt-12--md { margin-top: 0.85714rem !important; } .g-mt-13--md { margin-top: 0.92857rem !important; } .g-mt-14--md { margin-top: 1rem !important; } .g-mt-15--md { margin-top: 1.07143rem !important; } .g-mt-16--md { margin-top: 1.14286rem !important; } .g-mt-17--md { margin-top: 1.21429rem !important; } .g-mt-18--md { margin-top: 1.28571rem !important; } .g-mt-19--md { margin-top: 1.35714rem !important; } .g-mt-20--md { margin-top: 1.42857rem !important; } .g-mt-25--md { margin-top: 1.78571rem !important; } .g-mt-30--md { margin-top: 2.14286rem !important; } .g-mt-35--md { margin-top: 2.5rem !important; } .g-mt-40--md { margin-top: 2.85714rem !important; } .g-mt-45--md { margin-top: 3.21429rem !important; } .g-mt-50--md { margin-top: 3.57143rem !important; } .g-mt-55--md { margin-top: 3.92857rem !important; } .g-mt-60--md { margin-top: 4.28571rem !important; } .g-mt-65--md { margin-top: 4.64286rem !important; } .g-mt-70--md { margin-top: 5rem !important; } .g-mt-75--md { margin-top: 5.35714rem !important; } .g-mt-80--md { margin-top: 5.71429rem !important; } .g-mt-85--md { margin-top: 6.07143rem !important; } .g-mt-90--md { margin-top: 6.42857rem !important; } .g-mt-95--md { margin-top: 6.78571rem !important; } .g-mt-100--md { margin-top: 7.14286rem !important; } .g-mt-105--md { margin-top: 7.5rem !important; } .g-mt-110--md { margin-top: 7.85714rem !important; } .g-mt-115--md { margin-top: 8.21429rem !important; } .g-mt-120--md { margin-top: 8.57143rem !important; } .g-mt-125--md { margin-top: 8.92857rem !important; } .g-mt-130--md { margin-top: 9.28571rem !important; } .g-mt-135--md { margin-top: 9.64286rem !important; } .g-mt-140--md { margin-top: 10rem !important; } .g-mt-145--md { margin-top: 10.35714rem !important; } .g-mt-150--md { margin-top: 10.71429rem !important; } .g-mt-155--md { margin-top: 11.07143rem !important; } .g-mt-160--md { margin-top: 11.42857rem !important; } .g-mt-165--md { margin-top: 11.78571rem !important; } .g-mt-170--md { margin-top: 12.14286rem !important; } .g-mt-200--md { margin-top: 14.28571rem !important; } .g-mt-300--md { margin-top: 21.42857rem !important; } .g-mt-400--md { margin-top: 28.57143rem !important; } .g-mt-500--md { margin-top: 35.71429rem !important; } /* margin BOTTOM */ .g-mb-0--md { margin-bottom: 0 !important; } .g-mb-1--md { margin-bottom: 0.07143rem !important; } .g-mb-2--md { margin-bottom: 0.14286rem !important; } .g-mb-3--md { margin-bottom: 0.21429rem !important; } .g-mb-4--md { margin-bottom: 0.28571rem !important; } .g-mb-5--md { margin-bottom: 0.35714rem !important; } .g-mb-6--md { margin-bottom: 0.42857rem !important; } .g-mb-7--md { margin-bottom: 0.5rem !important; } .g-mb-8--md { margin-bottom: 0.57143rem !important; } .g-mb-9--md { margin-bottom: 0.64286rem !important; } .g-mb-10--md { margin-bottom: 0.71429rem !important; } .g-mb-11--md { margin-bottom: 0.78571rem !important; } .g-mb-12--md { margin-bottom: 0.85714rem !important; } .g-mb-13--md { margin-bottom: 0.92857rem !important; } .g-mb-14--md { margin-bottom: 1rem !important; } .g-mb-15--md { margin-bottom: 1.07143rem !important; } .g-mb-16--md { margin-bottom: 1.14286rem !important; } .g-mb-17--md { margin-bottom: 1.21429rem !important; } .g-mb-18--md { margin-bottom: 1.28571rem !important; } .g-mb-19--md { margin-bottom: 1.35714rem !important; } .g-mb-20--md { margin-bottom: 1.42857rem !important; } .g-mb-25--md { margin-bottom: 1.78571rem !important; } .g-mb-30--md { margin-bottom: 2.14286rem !important; } .g-mb-35--md { margin-bottom: 2.5rem !important; } .g-mb-40--md { margin-bottom: 2.85714rem !important; } .g-mb-45--md { margin-bottom: 3.21429rem !important; } .g-mb-50--md { margin-bottom: 3.57143rem !important; } .g-mb-55--md { margin-bottom: 3.92857rem !important; } .g-mb-60--md { margin-bottom: 4.28571rem !important; } .g-mb-65--md { margin-bottom: 4.64286rem !important; } .g-mb-70--md { margin-bottom: 5rem !important; } .g-mb-75--md { margin-bottom: 5.35714rem !important; } .g-mb-80--md { margin-bottom: 5.71429rem !important; } .g-mb-85--md { margin-bottom: 6.07143rem !important; } .g-mb-90--md { margin-bottom: 6.42857rem !important; } .g-mb-95--md { margin-bottom: 6.78571rem !important; } .g-mb-100--md { margin-bottom: 7.14286rem !important; } .g-mb-105--md { margin-bottom: 7.5rem !important; } .g-mb-110--md { margin-bottom: 7.85714rem !important; } .g-mb-115--md { margin-bottom: 8.21429rem !important; } .g-mb-120--md { margin-bottom: 8.57143rem !important; } .g-mb-125--md { margin-bottom: 8.92857rem !important; } .g-mb-130--md { margin-bottom: 9.28571rem !important; } .g-mb-135--md { margin-bottom: 9.64286rem !important; } .g-mb-140--md { margin-bottom: 10rem !important; } .g-mb-145--md { margin-bottom: 10.35714rem !important; } .g-mb-150--md { margin-bottom: 10.71429rem !important; } .g-mb-155--md { margin-bottom: 11.07143rem !important; } .g-mb-160--md { margin-bottom: 11.42857rem !important; } .g-mb-165--md { margin-bottom: 11.78571rem !important; } .g-mb-170--md { margin-bottom: 12.14286rem !important; } .g-mb-200--md { margin-bottom: 14.28571rem !important; } .g-mb-300--md { margin-bottom: 21.42857rem !important; } .g-mb-400--md { margin-bottom: 28.57143rem !important; } .g-mb-500--md { margin-bottom: 35.71429rem !important; } /* margin LEFT */ .g-ml-0--md { margin-left: 0 !important; } .g-ml-1--md { margin-left: 0.07143rem !important; } .g-ml-2--md { margin-left: 0.14286rem !important; } .g-ml-3--md { margin-left: 0.21429rem !important; } .g-ml-4--md { margin-left: 0.28571rem !important; } .g-ml-5--md { margin-left: 0.35714rem !important; } .g-ml-6--md { margin-left: 0.42857rem !important; } .g-ml-7--md { margin-left: 0.5rem !important; } .g-ml-8--md { margin-left: 0.57143rem !important; } .g-ml-9--md { margin-left: 0.64286rem !important; } .g-ml-10--md { margin-left: 0.71429rem !important; } .g-ml-11--md { margin-left: 0.78571rem !important; } .g-ml-12--md { margin-left: 0.85714rem !important; } .g-ml-13--md { margin-left: 0.92857rem !important; } .g-ml-14--md { margin-left: 1rem !important; } .g-ml-15--md { margin-left: 1.07143rem !important; } .g-ml-16--md { margin-left: 1.14286rem !important; } .g-ml-17--md { margin-left: 1.21429rem !important; } .g-ml-18--md { margin-left: 1.28571rem !important; } .g-ml-19--md { margin-left: 1.35714rem !important; } .g-ml-20--md { margin-left: 1.42857rem !important; } .g-ml-25--md { margin-left: 1.78571rem !important; } .g-ml-30--md { margin-left: 2.14286rem !important; } .g-ml-35--md { margin-left: 2.5rem !important; } .g-ml-40--md { margin-left: 2.85714rem !important; } .g-ml-45--md { margin-left: 3.21429rem !important; } .g-ml-50--md { margin-left: 3.57143rem !important; } .g-ml-55--md { margin-left: 3.92857rem !important; } .g-ml-60--md { margin-left: 4.28571rem !important; } .g-ml-65--md { margin-left: 4.64286rem !important; } .g-ml-70--md { margin-left: 5rem !important; } .g-ml-75--md { margin-left: 5.35714rem !important; } .g-ml-80--md { margin-left: 5.71429rem !important; } .g-ml-85--md { margin-left: 6.07143rem !important; } .g-ml-90--md { margin-left: 6.42857rem !important; } .g-ml-95--md { margin-left: 6.78571rem !important; } .g-ml-100--md { margin-left: 7.14286rem !important; } .g-ml-105--md { margin-left: 7.5rem !important; } .g-ml-110--md { margin-left: 7.85714rem !important; } .g-ml-115--md { margin-left: 8.21429rem !important; } .g-ml-120--md { margin-left: 8.57143rem !important; } .g-ml-125--md { margin-left: 8.92857rem !important; } .g-ml-130--md { margin-left: 9.28571rem !important; } .g-ml-135--md { margin-left: 9.64286rem !important; } .g-ml-140--md { margin-left: 10rem !important; } .g-ml-145--md { margin-left: 10.35714rem !important; } .g-ml-150--md { margin-left: 10.71429rem !important; } .g-ml-155--md { margin-left: 11.07143rem !important; } .g-ml-160--md { margin-left: 11.42857rem !important; } .g-ml-165--md { margin-left: 11.78571rem !important; } .g-ml-170--md { margin-left: 12.14286rem !important; } .g-ml-200--md { margin-left: 14.28571rem !important; } .g-ml-300--md { margin-left: 21.42857rem !important; } .g-ml-400--md { margin-left: 28.57143rem !important; } .g-ml-500--md { margin-left: 35.71429rem !important; } /* margin RIGHT */ .g-mr-0--md { margin-right: 0 !important; } .g-mr-1--md { margin-right: 0.07143rem !important; } .g-mr-2--md { margin-right: 0.14286rem !important; } .g-mr-3--md { margin-right: 0.21429rem !important; } .g-mr-4--md { margin-right: 0.28571rem !important; } .g-mr-5--md { margin-right: 0.35714rem !important; } .g-mr-6--md { margin-right: 0.42857rem !important; } .g-mr-7--md { margin-right: 0.5rem !important; } .g-mr-8--md { margin-right: 0.57143rem !important; } .g-mr-9--md { margin-right: 0.64286rem !important; } .g-mr-10--md { margin-right: 0.71429rem !important; } .g-mr-11--md { margin-right: 0.78571rem !important; } .g-mr-12--md { margin-right: 0.85714rem !important; } .g-mr-13--md { margin-right: 0.92857rem !important; } .g-mr-14--md { margin-right: 1rem !important; } .g-mr-15--md { margin-right: 1.07143rem !important; } .g-mr-16--md { margin-right: 1.14286rem !important; } .g-mr-17--md { margin-right: 1.21429rem !important; } .g-mr-18--md { margin-right: 1.28571rem !important; } .g-mr-19--md { margin-right: 1.35714rem !important; } .g-mr-20--md { margin-right: 1.42857rem !important; } .g-mr-25--md { margin-right: 1.78571rem !important; } .g-mr-30--md { margin-right: 2.14286rem !important; } .g-mr-35--md { margin-right: 2.5rem !important; } .g-mr-40--md { margin-right: 2.85714rem !important; } .g-mr-45--md { margin-right: 3.21429rem !important; } .g-mr-50--md { margin-right: 3.57143rem !important; } .g-mr-55--md { margin-right: 3.92857rem !important; } .g-mr-60--md { margin-right: 4.28571rem !important; } .g-mr-65--md { margin-right: 4.64286rem !important; } .g-mr-70--md { margin-right: 5rem !important; } .g-mr-75--md { margin-right: 5.35714rem !important; } .g-mr-80--md { margin-right: 5.71429rem !important; } .g-mr-85--md { margin-right: 6.07143rem !important; } .g-mr-90--md { margin-right: 6.42857rem !important; } .g-mr-95--md { margin-right: 6.78571rem !important; } .g-mr-100--md { margin-right: 7.14286rem !important; } .g-mr-105--md { margin-right: 7.5rem !important; } .g-mr-110--md { margin-right: 7.85714rem !important; } .g-mr-115--md { margin-right: 8.21429rem !important; } .g-mr-120--md { margin-right: 8.57143rem !important; } .g-mr-125--md { margin-right: 8.92857rem !important; } .g-mr-130--md { margin-right: 9.28571rem !important; } .g-mr-135--md { margin-right: 9.64286rem !important; } .g-mr-140--md { margin-right: 10rem !important; } .g-mr-145--md { margin-right: 10.35714rem !important; } .g-mr-150--md { margin-right: 10.71429rem !important; } .g-mr-155--md { margin-right: 11.07143rem !important; } .g-mr-160--md { margin-right: 11.42857rem !important; } .g-mr-165--md { margin-right: 11.78571rem !important; } .g-mr-170--md { margin-right: 12.14286rem !important; } .g-mr-200--md { margin-right: 14.28571rem !important; } .g-mr-300--md { margin-right: 21.42857rem !important; } .g-mr-400--md { margin-right: 28.57143rem !important; } .g-mr-500--md { margin-right: 35.71429rem !important; } } /* Margin Spaces (lg) ------------------------------------*/ /* Margins */ @media (min-width: 992px) { /* margin ALL */ .g-ma-0--lg { margin: 0 !important; } .g-ma-1--lg { margin: 0.07143rem !important; } .g-ma-2--lg { margin: 0.14286rem !important; } .g-ma-3--lg { margin: 0.21429rem !important; } .g-ma-4--lg { margin: 0.28571rem !important; } .g-ma-5--lg { margin: 0.35714rem !important; } .g-ma-6--lg { margin: 0.42857rem !important; } .g-ma-7--lg { margin: 0.5rem !important; } .g-ma-8--lg { margin: 0.57143rem !important; } .g-ma-9--lg { margin: 0.64286rem !important; } .g-ma-10--lg { margin: 0.71429rem !important; } .g-ma-11--lg { margin: 0.78571rem !important; } .g-ma-12--lg { margin: 0.85714rem !important; } .g-ma-13--lg { margin: 0.92857rem !important; } .g-ma-14--lg { margin: 1rem !important; } .g-ma-15--lg { margin: 1.07143rem !important; } .g-ma-16--lg { margin: 1.14286rem !important; } .g-ma-17--lg { margin: 1.21429rem !important; } .g-ma-18--lg { margin: 1.28571rem !important; } .g-ma-19--lg { margin: 1.35714rem !important; } .g-ma-20--lg { margin: 1.42857rem !important; } .g-ma-25--lg { margin: 1.78571rem !important; } .g-ma-30--lg { margin: 2.14286rem !important; } .g-ma-35--lg { margin: 2.5rem !important; } .g-ma-40--lg { margin: 2.85714rem !important; } .g-ma-45--lg { margin: 3.21429rem !important; } .g-ma-50--lg { margin: 3.57143rem !important; } .g-ma-55--lg { margin: 3.92857rem !important; } .g-ma-60--lg { margin: 4.28571rem !important; } .g-ma-65--lg { margin: 4.64286rem !important; } .g-ma-70--lg { margin: 5rem !important; } .g-ma-75--lg { margin: 5.35714rem !important; } .g-ma-80--lg { margin: 5.71429rem !important; } .g-ma-85--lg { margin: 6.07143rem !important; } .g-ma-90--lg { margin: 6.42857rem !important; } .g-ma-95--lg { margin: 6.78571rem !important; } .g-ma-100--lg { margin: 7.14286rem !important; } .g-ma-105--lg { margin: 7.5rem !important; } .g-ma-110--lg { margin: 7.85714rem !important; } .g-ma-115--lg { margin: 8.21429rem !important; } .g-ma-120--lg { margin: 8.57143rem !important; } .g-ma-125--lg { margin: 8.92857rem !important; } .g-ma-130--lg { margin: 9.28571rem !important; } .g-ma-135--lg { margin: 9.64286rem !important; } .g-ma-140--lg { margin: 10rem !important; } .g-ma-145--lg { margin: 10.35714rem !important; } .g-ma-150--lg { margin: 10.71429rem !important; } .g-ma-155--lg { margin: 11.07143rem !important; } .g-ma-160--lg { margin: 11.42857rem !important; } .g-ma-165--lg { margin: 11.78571rem !important; } .g-ma-170--lg { margin: 12.14286rem !important; } .g-ma-200--lg { margin: 14.28571rem !important; } .g-ma-300--lg { margin: 21.42857rem !important; } .g-ma-400--lg { margin: 28.57143rem !important; } .g-ma-500--lg { margin: 35.71429rem !important; } /* margin X */ .g-mx-0--lg { margin-left: 0 !important; margin-right: 0 !important; } .g-mx-1--lg { margin-left: 0.07143rem !important; margin-right: 0.07143rem !important; } .g-mx-2--lg { margin-left: 0.14286rem !important; margin-right: 0.14286rem !important; } .g-mx-3--lg { margin-left: 0.21429rem !important; margin-right: 0.21429rem !important; } .g-mx-4--lg { margin-left: 0.28571rem !important; margin-right: 0.28571rem !important; } .g-mx-5--lg { margin-left: 0.35714rem !important; margin-right: 0.35714rem !important; } .g-mx-6--lg { margin-left: 0.42857rem !important; margin-right: 0.42857rem !important; } .g-mx-7--lg { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .g-mx-8--lg { margin-left: 0.57143rem !important; margin-right: 0.57143rem !important; } .g-mx-9--lg { margin-left: 0.64286rem !important; margin-right: 0.64286rem !important; } .g-mx-10--lg { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-11--lg { margin-left: 0.78571rem !important; margin-right: 0.78571rem !important; } .g-mx-12--lg { margin-left: 0.85714rem !important; margin-right: 0.85714rem !important; } .g-mx-13--lg { margin-left: 0.92857rem !important; margin-right: 0.92857rem !important; } .g-mx-14--lg { margin-left: 1rem !important; margin-right: 1rem !important; } .g-mx-15--lg { margin-left: 1.07143rem !important; margin-right: 1.07143rem !important; } .g-mx-16--lg { margin-left: 1.14286rem !important; margin-right: 1.14286rem !important; } .g-mx-17--lg { margin-left: 1.21429rem !important; margin-right: 1.21429rem !important; } .g-mx-18--lg { margin-left: 1.28571rem !important; margin-right: 1.28571rem !important; } .g-mx-19--lg { margin-left: 1.35714rem !important; margin-right: 1.35714rem !important; } .g-mx-20--lg { margin-left: 1.42857rem !important; margin-right: 1.42857rem !important; } .g-mx-25--lg { margin-left: 1.78571rem !important; margin-right: 1.78571rem !important; } .g-mx-30--lg { margin-left: 2.14286rem !important; margin-right: 2.14286rem !important; } .g-mx-35--lg { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .g-mx-40--lg { margin-left: 2.85714rem !important; margin-right: 2.85714rem !important; } .g-mx-45--lg { margin-left: 3.21429rem !important; margin-right: 3.21429rem !important; } .g-mx-50--lg { margin-left: 3.57143rem !important; margin-right: 3.57143rem !important; } .g-mx-55--lg { margin-left: 3.92857rem !important; margin-right: 3.92857rem !important; } .g-mx-60--lg { margin-left: 4.28571rem !important; margin-right: 4.28571rem !important; } .g-mx-65--lg { margin-left: 4.64286rem !important; margin-right: 4.64286rem !important; } .g-mx-70--lg { margin-left: 5rem !important; margin-right: 5rem !important; } .g-mx-75--lg { margin-left: 5.35714rem !important; margin-right: 5.35714rem !important; } .g-mx-80--lg { margin-left: 5.71429rem !important; margin-right: 5.71429rem !important; } .g-mx-85--lg { margin-left: 6.07143rem !important; margin-right: 6.07143rem !important; } .g-mx-90--lg { margin-left: 6.42857rem !important; margin-right: 6.42857rem !important; } .g-mx-95--lg { margin-left: 6.78571rem !important; margin-right: 6.78571rem !important; } .g-mx-100--lg { margin-left: 7.14286rem !important; margin-right: 7.14286rem !important; } .g-mx-105--lg { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .g-mx-110--lg { margin-left: 7.85714rem !important; margin-right: 7.85714rem !important; } .g-mx-115--lg { margin-left: 8.21429rem !important; margin-right: 8.21429rem !important; } .g-mx-120--lg { margin-left: 8.57143rem !important; margin-right: 8.57143rem !important; } .g-mx-125--lg { margin-left: 8.92857rem !important; margin-right: 8.92857rem !important; } .g-mx-130--lg { margin-left: 9.28571rem !important; margin-right: 9.28571rem !important; } .g-mx-135--lg { margin-left: 9.64286rem !important; margin-right: 9.64286rem !important; } .g-mx-140--lg { margin-left: 10rem !important; margin-right: 10rem !important; } .g-mx-145--lg { margin-left: 10.35714rem !important; margin-right: 10.35714rem !important; } .g-mx-150--lg { margin-left: 10.71429rem !important; margin-right: 10.71429rem !important; } .g-mx-155--lg { margin-left: 11.07143rem !important; margin-right: 11.07143rem !important; } .g-mx-160--lg { margin-left: 11.42857rem !important; margin-right: 11.42857rem !important; } .g-mx-165--lg { margin-left: 11.78571rem !important; margin-right: 11.78571rem !important; } .g-mx-170--lg { margin-left: 12.14286rem !important; margin-right: 12.14286rem !important; } .g-mx-200--lg { margin-left: 14.28571rem !important; margin-right: 14.28571rem !important; } .g-mx-300--lg { margin-left: 21.42857rem !important; margin-right: 21.42857rem !important; } .g-mx-400--lg { margin-left: 28.57143rem !important; margin-right: 28.57143rem !important; } .g-mx-500--lg { margin-left: 35.71429rem !important; margin-right: 35.71429rem !important; } /* margin Y */ .g-my-0--lg { margin-top: 0 !important; margin-bottom: 0 !important; } .g-my-1--lg { margin-top: 0.07143rem !important; margin-bottom: 0.07143rem !important; } .g-my-2--lg { margin-top: 0.14286rem !important; margin-bottom: 0.14286rem !important; } .g-my-3--lg { margin-top: 0.21429rem !important; margin-bottom: 0.21429rem !important; } .g-my-4--lg { margin-top: 0.28571rem !important; margin-bottom: 0.28571rem !important; } .g-my-5--lg { margin-top: 0.35714rem !important; margin-bottom: 0.35714rem !important; } .g-my-6--lg { margin-top: 0.42857rem !important; margin-bottom: 0.42857rem !important; } .g-my-7--lg { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .g-my-8--lg { margin-top: 0.57143rem !important; margin-bottom: 0.57143rem !important; } .g-my-9--lg { margin-top: 0.64286rem !important; margin-bottom: 0.64286rem !important; } .g-my-10--lg { margin-top: 0.71429rem !important; margin-bottom: 0.71429rem !important; } .g-my-11--lg { margin-top: 0.78571rem !important; margin-bottom: 0.78571rem !important; } .g-my-12--lg { margin-top: 0.85714rem !important; margin-bottom: 0.85714rem !important; } .g-my-13--lg { margin-top: 0.92857rem !important; margin-bottom: 0.92857rem !important; } .g-my-14--lg { margin-top: 1rem !important; margin-bottom: 1rem !important; } .g-my-15--lg { margin-top: 1.07143rem !important; margin-bottom: 1.07143rem !important; } .g-my-16--lg { margin-top: 1.14286rem !important; margin-bottom: 1.14286rem !important; } .g-my-17--lg { margin-top: 1.21429rem !important; margin-bottom: 1.21429rem !important; } .g-my-18--lg { margin-top: 1.28571rem !important; margin-bottom: 1.28571rem !important; } .g-my-19--lg { margin-top: 1.35714rem !important; margin-bottom: 1.35714rem !important; } .g-my-20--lg { margin-top: 1.42857rem !important; margin-bottom: 1.42857rem !important; } .g-my-25--lg { margin-top: 1.78571rem !important; margin-bottom: 1.78571rem !important; } .g-my-30--lg { margin-top: 2.14286rem !important; margin-bottom: 2.14286rem !important; } .g-my-35--lg { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .g-my-40--lg { margin-top: 2.85714rem !important; margin-bottom: 2.85714rem !important; } .g-my-45--lg { margin-top: 3.21429rem !important; margin-bottom: 3.21429rem !important; } .g-my-50--lg { margin-top: 3.57143rem !important; margin-bottom: 3.57143rem !important; } .g-my-55--lg { margin-top: 3.92857rem !important; margin-bottom: 3.92857rem !important; } .g-my-60--lg { margin-top: 4.28571rem !important; margin-bottom: 4.28571rem !important; } .g-my-65--lg { margin-top: 4.64286rem !important; margin-bottom: 4.64286rem !important; } .g-my-70--lg { margin-top: 5rem !important; margin-bottom: 5rem !important; } .g-my-75--lg { margin-top: 5.35714rem !important; margin-bottom: 5.35714rem !important; } .g-my-80--lg { margin-top: 5.71429rem !important; margin-bottom: 5.71429rem !important; } .g-my-85--lg { margin-top: 6.07143rem !important; margin-bottom: 6.07143rem !important; } .g-my-90--lg { margin-top: 6.42857rem !important; margin-bottom: 6.42857rem !important; } .g-my-95--lg { margin-top: 6.78571rem !important; margin-bottom: 6.78571rem !important; } .g-my-100--lg { margin-top: 7.14286rem !important; margin-bottom: 7.14286rem !important; } .g-my-105--lg { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .g-my-110--lg { margin-top: 7.85714rem !important; margin-bottom: 7.85714rem !important; } .g-my-115--lg { margin-top: 8.21429rem !important; margin-bottom: 8.21429rem !important; } .g-my-120--lg { margin-top: 8.57143rem !important; margin-bottom: 8.57143rem !important; } .g-my-125--lg { margin-top: 8.92857rem !important; margin-bottom: 8.92857rem !important; } .g-my-130--lg { margin-top: 9.28571rem !important; margin-bottom: 9.28571rem !important; } .g-my-135--lg { margin-top: 9.64286rem !important; margin-bottom: 9.64286rem !important; } .g-my-140--lg { margin-top: 10rem !important; margin-bottom: 10rem !important; } .g-my-145--lg { margin-top: 10.35714rem !important; margin-bottom: 10.35714rem !important; } .g-my-150--lg { margin-top: 10.71429rem !important; margin-bottom: 10.71429rem !important; } .g-my-155--lg { margin-top: 11.07143rem !important; margin-bottom: 11.07143rem !important; } .g-my-160--lg { margin-top: 11.42857rem !important; margin-bottom: 11.42857rem !important; } .g-my-165--lg { margin-top: 11.78571rem !important; margin-bottom: 11.78571rem !important; } .g-my-170--lg { margin-top: 12.14286rem !important; margin-bottom: 12.14286rem !important; } .g-my-200--lg { margin-top: 14.28571rem !important; margin-bottom: 14.28571rem !important; } .g-my-300--lg { margin-top: 21.42857rem !important; margin-bottom: 21.42857rem !important; } .g-my-400--lg { margin-top: 28.57143rem !important; margin-bottom: 28.57143rem !important; } .g-my-500--lg { margin-top: 35.71429rem !important; margin-bottom: 35.71429rem !important; } /* margin TOP */ .g-mt-0--lg { margin-top: 0 !important; } .g-mt-1--lg { margin-top: 0.07143rem !important; } .g-mt-2--lg { margin-top: 0.14286rem !important; } .g-mt-3--lg { margin-top: 0.21429rem !important; } .g-mt-4--lg { margin-top: 0.28571rem !important; } .g-mt-5--lg { margin-top: 0.35714rem !important; } .g-mt-6--lg { margin-top: 0.42857rem !important; } .g-mt-7--lg { margin-top: 0.5rem !important; } .g-mt-8--lg { margin-top: 0.57143rem !important; } .g-mt-9--lg { margin-top: 0.64286rem !important; } .g-mt-10--lg { margin-top: 0.71429rem !important; } .g-mt-11--lg { margin-top: 0.78571rem !important; } .g-mt-12--lg { margin-top: 0.85714rem !important; } .g-mt-13--lg { margin-top: 0.92857rem !important; } .g-mt-14--lg { margin-top: 1rem !important; } .g-mt-15--lg { margin-top: 1.07143rem !important; } .g-mt-16--lg { margin-top: 1.14286rem !important; } .g-mt-17--lg { margin-top: 1.21429rem !important; } .g-mt-18--lg { margin-top: 1.28571rem !important; } .g-mt-19--lg { margin-top: 1.35714rem !important; } .g-mt-20--lg { margin-top: 1.42857rem !important; } .g-mt-25--lg { margin-top: 1.78571rem !important; } .g-mt-30--lg { margin-top: 2.14286rem !important; } .g-mt-35--lg { margin-top: 2.5rem !important; } .g-mt-40--lg { margin-top: 2.85714rem !important; } .g-mt-45--lg { margin-top: 3.21429rem !important; } .g-mt-50--lg { margin-top: 3.57143rem !important; } .g-mt-55--lg { margin-top: 3.92857rem !important; } .g-mt-60--lg { margin-top: 4.28571rem !important; } .g-mt-65--lg { margin-top: 4.64286rem !important; } .g-mt-70--lg { margin-top: 5rem !important; } .g-mt-75--lg { margin-top: 5.35714rem !important; } .g-mt-80--lg { margin-top: 5.71429rem !important; } .g-mt-85--lg { margin-top: 6.07143rem !important; } .g-mt-90--lg { margin-top: 6.42857rem !important; } .g-mt-95--lg { margin-top: 6.78571rem !important; } .g-mt-100--lg { margin-top: 7.14286rem !important; } .g-mt-105--lg { margin-top: 7.5rem !important; } .g-mt-110--lg { margin-top: 7.85714rem !important; } .g-mt-115--lg { margin-top: 8.21429rem !important; } .g-mt-120--lg { margin-top: 8.57143rem !important; } .g-mt-125--lg { margin-top: 8.92857rem !important; } .g-mt-130--lg { margin-top: 9.28571rem !important; } .g-mt-135--lg { margin-top: 9.64286rem !important; } .g-mt-140--lg { margin-top: 10rem !important; } .g-mt-145--lg { margin-top: 10.35714rem !important; } .g-mt-150--lg { margin-top: 10.71429rem !important; } .g-mt-155--lg { margin-top: 11.07143rem !important; } .g-mt-160--lg { margin-top: 11.42857rem !important; } .g-mt-165--lg { margin-top: 11.78571rem !important; } .g-mt-170--lg { margin-top: 12.14286rem !important; } .g-mt-200--lg { margin-top: 14.28571rem !important; } .g-mt-300--lg { margin-top: 21.42857rem !important; } .g-mt-400--lg { margin-top: 28.57143rem !important; } .g-mt-500--lg { margin-top: 35.71429rem !important; } /* margin BOTTOM */ .g-mb-0--lg { margin-bottom: 0 !important; } .g-mb-1--lg { margin-bottom: 0.07143rem !important; } .g-mb-2--lg { margin-bottom: 0.14286rem !important; } .g-mb-3--lg { margin-bottom: 0.21429rem !important; } .g-mb-4--lg { margin-bottom: 0.28571rem !important; } .g-mb-5--lg { margin-bottom: 0.35714rem !important; } .g-mb-6--lg { margin-bottom: 0.42857rem !important; } .g-mb-7--lg { margin-bottom: 0.5rem !important; } .g-mb-8--lg { margin-bottom: 0.57143rem !important; } .g-mb-9--lg { margin-bottom: 0.64286rem !important; } .g-mb-10--lg { margin-bottom: 0.71429rem !important; } .g-mb-11--lg { margin-bottom: 0.78571rem !important; } .g-mb-12--lg { margin-bottom: 0.85714rem !important; } .g-mb-13--lg { margin-bottom: 0.92857rem !important; } .g-mb-14--lg { margin-bottom: 1rem !important; } .g-mb-15--lg { margin-bottom: 1.07143rem !important; } .g-mb-16--lg { margin-bottom: 1.14286rem !important; } .g-mb-17--lg { margin-bottom: 1.21429rem !important; } .g-mb-18--lg { margin-bottom: 1.28571rem !important; } .g-mb-19--lg { margin-bottom: 1.35714rem !important; } .g-mb-20--lg { margin-bottom: 1.42857rem !important; } .g-mb-25--lg { margin-bottom: 1.78571rem !important; } .g-mb-30--lg { margin-bottom: 2.14286rem !important; } .g-mb-35--lg { margin-bottom: 2.5rem !important; } .g-mb-40--lg { margin-bottom: 2.85714rem !important; } .g-mb-45--lg { margin-bottom: 3.21429rem !important; } .g-mb-50--lg { margin-bottom: 3.57143rem !important; } .g-mb-55--lg { margin-bottom: 3.92857rem !important; } .g-mb-60--lg { margin-bottom: 4.28571rem !important; } .g-mb-65--lg { margin-bottom: 4.64286rem !important; } .g-mb-70--lg { margin-bottom: 5rem !important; } .g-mb-75--lg { margin-bottom: 5.35714rem !important; } .g-mb-80--lg { margin-bottom: 5.71429rem !important; } .g-mb-85--lg { margin-bottom: 6.07143rem !important; } .g-mb-90--lg { margin-bottom: 6.42857rem !important; } .g-mb-95--lg { margin-bottom: 6.78571rem !important; } .g-mb-100--lg { margin-bottom: 7.14286rem !important; } .g-mb-105--lg { margin-bottom: 7.5rem !important; } .g-mb-110--lg { margin-bottom: 7.85714rem !important; } .g-mb-115--lg { margin-bottom: 8.21429rem !important; } .g-mb-120--lg { margin-bottom: 8.57143rem !important; } .g-mb-125--lg { margin-bottom: 8.92857rem !important; } .g-mb-130--lg { margin-bottom: 9.28571rem !important; } .g-mb-135--lg { margin-bottom: 9.64286rem !important; } .g-mb-140--lg { margin-bottom: 10rem !important; } .g-mb-145--lg { margin-bottom: 10.35714rem !important; } .g-mb-150--lg { margin-bottom: 10.71429rem !important; } .g-mb-155--lg { margin-bottom: 11.07143rem !important; } .g-mb-160--lg { margin-bottom: 11.42857rem !important; } .g-mb-165--lg { margin-bottom: 11.78571rem !important; } .g-mb-170--lg { margin-bottom: 12.14286rem !important; } .g-mb-200--lg { margin-bottom: 14.28571rem !important; } .g-mb-300--lg { margin-bottom: 21.42857rem !important; } .g-mb-400--lg { margin-bottom: 28.57143rem !important; } .g-mb-500--lg { margin-bottom: 35.71429rem !important; } /* margin LEFT */ .g-ml-0--lg { margin-left: 0 !important; } .g-ml-1--lg { margin-left: 0.07143rem !important; } .g-ml-2--lg { margin-left: 0.14286rem !important; } .g-ml-3--lg { margin-left: 0.21429rem !important; } .g-ml-4--lg { margin-left: 0.28571rem !important; } .g-ml-5--lg { margin-left: 0.35714rem !important; } .g-ml-6--lg { margin-left: 0.42857rem !important; } .g-ml-7--lg { margin-left: 0.5rem !important; } .g-ml-8--lg { margin-left: 0.57143rem !important; } .g-ml-9--lg { margin-left: 0.64286rem !important; } .g-ml-10--lg { margin-left: 0.71429rem !important; } .g-ml-11--lg { margin-left: 0.78571rem !important; } .g-ml-12--lg { margin-left: 0.85714rem !important; } .g-ml-13--lg { margin-left: 0.92857rem !important; } .g-ml-14--lg { margin-left: 1rem !important; } .g-ml-15--lg { margin-left: 1.07143rem !important; } .g-ml-16--lg { margin-left: 1.14286rem !important; } .g-ml-17--lg { margin-left: 1.21429rem !important; } .g-ml-18--lg { margin-left: 1.28571rem !important; } .g-ml-19--lg { margin-left: 1.35714rem !important; } .g-ml-20--lg { margin-left: 1.42857rem !important; } .g-ml-25--lg { margin-left: 1.78571rem !important; } .g-ml-30--lg { margin-left: 2.14286rem !important; } .g-ml-35--lg { margin-left: 2.5rem !important; } .g-ml-40--lg { margin-left: 2.85714rem !important; } .g-ml-45--lg { margin-left: 3.21429rem !important; } .g-ml-50--lg { margin-left: 3.57143rem !important; } .g-ml-55--lg { margin-left: 3.92857rem !important; } .g-ml-60--lg { margin-left: 4.28571rem !important; } .g-ml-65--lg { margin-left: 4.64286rem !important; } .g-ml-70--lg { margin-left: 5rem !important; } .g-ml-75--lg { margin-left: 5.35714rem !important; } .g-ml-80--lg { margin-left: 5.71429rem !important; } .g-ml-85--lg { margin-left: 6.07143rem !important; } .g-ml-90--lg { margin-left: 6.42857rem !important; } .g-ml-95--lg { margin-left: 6.78571rem !important; } .g-ml-100--lg { margin-left: 7.14286rem !important; } .g-ml-105--lg { margin-left: 7.5rem !important; } .g-ml-110--lg { margin-left: 7.85714rem !important; } .g-ml-115--lg { margin-left: 8.21429rem !important; } .g-ml-120--lg { margin-left: 8.57143rem !important; } .g-ml-125--lg { margin-left: 8.92857rem !important; } .g-ml-130--lg { margin-left: 9.28571rem !important; } .g-ml-135--lg { margin-left: 9.64286rem !important; } .g-ml-140--lg { margin-left: 10rem !important; } .g-ml-145--lg { margin-left: 10.35714rem !important; } .g-ml-150--lg { margin-left: 10.71429rem !important; } .g-ml-155--lg { margin-left: 11.07143rem !important; } .g-ml-160--lg { margin-left: 11.42857rem !important; } .g-ml-165--lg { margin-left: 11.78571rem !important; } .g-ml-170--lg { margin-left: 12.14286rem !important; } .g-ml-200--lg { margin-left: 14.28571rem !important; } .g-ml-300--lg { margin-left: 21.42857rem !important; } .g-ml-400--lg { margin-left: 28.57143rem !important; } .g-ml-500--lg { margin-left: 35.71429rem !important; } /* margin RIGHT */ .g-mr-0--lg { margin-right: 0 !important; } .g-mr-1--lg { margin-right: 0.07143rem !important; } .g-mr-2--lg { margin-right: 0.14286rem !important; } .g-mr-3--lg { margin-right: 0.21429rem !important; } .g-mr-4--lg { margin-right: 0.28571rem !important; } .g-mr-5--lg { margin-right: 0.35714rem !important; } .g-mr-6--lg { margin-right: 0.42857rem !important; } .g-mr-7--lg { margin-right: 0.5rem !important; } .g-mr-8--lg { margin-right: 0.57143rem !important; } .g-mr-9--lg { margin-right: 0.64286rem !important; } .g-mr-10--lg { margin-right: 0.71429rem !important; } .g-mr-11--lg { margin-right: 0.78571rem !important; } .g-mr-12--lg { margin-right: 0.85714rem !important; } .g-mr-13--lg { margin-right: 0.92857rem !important; } .g-mr-14--lg { margin-right: 1rem !important; } .g-mr-15--lg { margin-right: 1.07143rem !important; } .g-mr-16--lg { margin-right: 1.14286rem !important; } .g-mr-17--lg { margin-right: 1.21429rem !important; } .g-mr-18--lg { margin-right: 1.28571rem !important; } .g-mr-19--lg { margin-right: 1.35714rem !important; } .g-mr-20--lg { margin-right: 1.42857rem !important; } .g-mr-25--lg { margin-right: 1.78571rem !important; } .g-mr-30--lg { margin-right: 2.14286rem !important; } .g-mr-35--lg { margin-right: 2.5rem !important; } .g-mr-40--lg { margin-right: 2.85714rem !important; } .g-mr-45--lg { margin-right: 3.21429rem !important; } .g-mr-50--lg { margin-right: 3.57143rem !important; } .g-mr-55--lg { margin-right: 3.92857rem !important; } .g-mr-60--lg { margin-right: 4.28571rem !important; } .g-mr-65--lg { margin-right: 4.64286rem !important; } .g-mr-70--lg { margin-right: 5rem !important; } .g-mr-75--lg { margin-right: 5.35714rem !important; } .g-mr-80--lg { margin-right: 5.71429rem !important; } .g-mr-85--lg { margin-right: 6.07143rem !important; } .g-mr-90--lg { margin-right: 6.42857rem !important; } .g-mr-95--lg { margin-right: 6.78571rem !important; } .g-mr-100--lg { margin-right: 7.14286rem !important; } .g-mr-105--lg { margin-right: 7.5rem !important; } .g-mr-110--lg { margin-right: 7.85714rem !important; } .g-mr-115--lg { margin-right: 8.21429rem !important; } .g-mr-120--lg { margin-right: 8.57143rem !important; } .g-mr-125--lg { margin-right: 8.92857rem !important; } .g-mr-130--lg { margin-right: 9.28571rem !important; } .g-mr-135--lg { margin-right: 9.64286rem !important; } .g-mr-140--lg { margin-right: 10rem !important; } .g-mr-145--lg { margin-right: 10.35714rem !important; } .g-mr-150--lg { margin-right: 10.71429rem !important; } .g-mr-155--lg { margin-right: 11.07143rem !important; } .g-mr-160--lg { margin-right: 11.42857rem !important; } .g-mr-165--lg { margin-right: 11.78571rem !important; } .g-mr-170--lg { margin-right: 12.14286rem !important; } .g-mr-200--lg { margin-right: 14.28571rem !important; } .g-mr-300--lg { margin-right: 21.42857rem !important; } .g-mr-400--lg { margin-right: 28.57143rem !important; } .g-mr-500--lg { margin-right: 35.71429rem !important; } } /* Margin Spaces (xl) ------------------------------------*/ /* Margins */ @media (min-width: 1200px) { /* margin ALL */ .g-ma-0--xl { margin: 0 !important; } .g-ma-1--xl { margin: 0.07143rem !important; } .g-ma-2--xl { margin: 0.14286rem !important; } .g-ma-3--xl { margin: 0.21429rem !important; } .g-ma-4--xl { margin: 0.28571rem !important; } .g-ma-5--xl { margin: 0.35714rem !important; } .g-ma-6--xl { margin: 0.42857rem !important; } .g-ma-7--xl { margin: 0.5rem !important; } .g-ma-8--xl { margin: 0.57143rem !important; } .g-ma-9--xl { margin: 0.64286rem !important; } .g-ma-10--xl { margin: 0.71429rem !important; } .g-ma-11--xl { margin: 0.78571rem !important; } .g-ma-12--xl { margin: 0.85714rem !important; } .g-ma-13--xl { margin: 0.92857rem !important; } .g-ma-14--xl { margin: 1rem !important; } .g-ma-15--xl { margin: 1.07143rem !important; } .g-ma-16--xl { margin: 1.14286rem !important; } .g-ma-17--xl { margin: 1.21429rem !important; } .g-ma-18--xl { margin: 1.28571rem !important; } .g-ma-19--xl { margin: 1.35714rem !important; } .g-ma-20--xl { margin: 1.42857rem !important; } .g-ma-25--xl { margin: 1.78571rem !important; } .g-ma-30--xl { margin: 2.14286rem !important; } .g-ma-35--xl { margin: 2.5rem !important; } .g-ma-40--xl { margin: 2.85714rem !important; } .g-ma-45--xl { margin: 3.21429rem !important; } .g-ma-50--xl { margin: 3.57143rem !important; } .g-ma-55--xl { margin: 3.92857rem !important; } .g-ma-60--xl { margin: 4.28571rem !important; } .g-ma-65--xl { margin: 4.64286rem !important; } .g-ma-70--xl { margin: 5rem !important; } .g-ma-75--xl { margin: 5.35714rem !important; } .g-ma-80--xl { margin: 5.71429rem !important; } .g-ma-85--xl { margin: 6.07143rem !important; } .g-ma-90--xl { margin: 6.42857rem !important; } .g-ma-95--xl { margin: 6.78571rem !important; } .g-ma-100--xl { margin: 7.14286rem !important; } .g-ma-105--xl { margin: 7.5rem !important; } .g-ma-110--xl { margin: 7.85714rem !important; } .g-ma-115--xl { margin: 8.21429rem !important; } .g-ma-120--xl { margin: 8.57143rem !important; } .g-ma-125--xl { margin: 8.92857rem !important; } .g-ma-130--xl { margin: 9.28571rem !important; } .g-ma-135--xl { margin: 9.64286rem !important; } .g-ma-140--xl { margin: 10rem !important; } .g-ma-145--xl { margin: 10.35714rem !important; } .g-ma-150--xl { margin: 10.71429rem !important; } .g-ma-155--xl { margin: 11.07143rem !important; } .g-ma-160--xl { margin: 11.42857rem !important; } .g-ma-165--xl { margin: 11.78571rem !important; } .g-ma-170--xl { margin: 12.14286rem !important; } .g-ma-200--xl { margin: 14.28571rem !important; } .g-ma-300--xl { margin: 21.42857rem !important; } .g-ma-400--xl { margin: 28.57143rem !important; } .g-ma-500--xl { margin: 35.71429rem !important; } /* margin X */ .g-mx-0--xl { margin-left: 0 !important; margin-right: 0 !important; } .g-mx-1--xl { margin-left: 0.07143rem !important; margin-right: 0.07143rem !important; } .g-mx-2--xl { margin-left: 0.14286rem !important; margin-right: 0.14286rem !important; } .g-mx-3--xl { margin-left: 0.21429rem !important; margin-right: 0.21429rem !important; } .g-mx-4--xl { margin-left: 0.28571rem !important; margin-right: 0.28571rem !important; } .g-mx-5--xl { margin-left: 0.35714rem !important; margin-right: 0.35714rem !important; } .g-mx-6--xl { margin-left: 0.42857rem !important; margin-right: 0.42857rem !important; } .g-mx-7--xl { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .g-mx-8--xl { margin-left: 0.57143rem !important; margin-right: 0.57143rem !important; } .g-mx-9--xl { margin-left: 0.64286rem !important; margin-right: 0.64286rem !important; } .g-mx-10--xl { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-11--xl { margin-left: 0.78571rem !important; margin-right: 0.78571rem !important; } .g-mx-12--xl { margin-left: 0.85714rem !important; margin-right: 0.85714rem !important; } .g-mx-13--xl { margin-left: 0.92857rem !important; margin-right: 0.92857rem !important; } .g-mx-14--xl { margin-left: 1rem !important; margin-right: 1rem !important; } .g-mx-15--xl { margin-left: 1.07143rem !important; margin-right: 1.07143rem !important; } .g-mx-16--xl { margin-left: 1.14286rem !important; margin-right: 1.14286rem !important; } .g-mx-17--xl { margin-left: 1.21429rem !important; margin-right: 1.21429rem !important; } .g-mx-18--xl { margin-left: 1.28571rem !important; margin-right: 1.28571rem !important; } .g-mx-19--xl { margin-left: 1.35714rem !important; margin-right: 1.35714rem !important; } .g-mx-20--xl { margin-left: 1.42857rem !important; margin-right: 1.42857rem !important; } .g-mx-25--xl { margin-left: 1.78571rem !important; margin-right: 1.78571rem !important; } .g-mx-30--xl { margin-left: 2.14286rem !important; margin-right: 2.14286rem !important; } .g-mx-35--xl { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .g-mx-40--xl { margin-left: 2.85714rem !important; margin-right: 2.85714rem !important; } .g-mx-45--xl { margin-left: 3.21429rem !important; margin-right: 3.21429rem !important; } .g-mx-50--xl { margin-left: 3.57143rem !important; margin-right: 3.57143rem !important; } .g-mx-55--xl { margin-left: 3.92857rem !important; margin-right: 3.92857rem !important; } .g-mx-60--xl { margin-left: 4.28571rem !important; margin-right: 4.28571rem !important; } .g-mx-65--xl { margin-left: 4.64286rem !important; margin-right: 4.64286rem !important; } .g-mx-70--xl { margin-left: 5rem !important; margin-right: 5rem !important; } .g-mx-75--xl { margin-left: 5.35714rem !important; margin-right: 5.35714rem !important; } .g-mx-80--xl { margin-left: 5.71429rem !important; margin-right: 5.71429rem !important; } .g-mx-85--xl { margin-left: 6.07143rem !important; margin-right: 6.07143rem !important; } .g-mx-90--xl { margin-left: 6.42857rem !important; margin-right: 6.42857rem !important; } .g-mx-95--xl { margin-left: 6.78571rem !important; margin-right: 6.78571rem !important; } .g-mx-100--xl { margin-left: 7.14286rem !important; margin-right: 7.14286rem !important; } .g-mx-105--xl { margin-left: 7.5rem !important; margin-right: 7.5rem !important; } .g-mx-110--xl { margin-left: 7.85714rem !important; margin-right: 7.85714rem !important; } .g-mx-115--xl { margin-left: 8.21429rem !important; margin-right: 8.21429rem !important; } .g-mx-120--xl { margin-left: 8.57143rem !important; margin-right: 8.57143rem !important; } .g-mx-125--xl { margin-left: 8.92857rem !important; margin-right: 8.92857rem !important; } .g-mx-130--xl { margin-left: 9.28571rem !important; margin-right: 9.28571rem !important; } .g-mx-135--xl { margin-left: 9.64286rem !important; margin-right: 9.64286rem !important; } .g-mx-140--xl { margin-left: 10rem !important; margin-right: 10rem !important; } .g-mx-145--xl { margin-left: 10.35714rem !important; margin-right: 10.35714rem !important; } .g-mx-150--xl { margin-left: 10.71429rem !important; margin-right: 10.71429rem !important; } .g-mx-155--xl { margin-left: 11.07143rem !important; margin-right: 11.07143rem !important; } .g-mx-160--xl { margin-left: 11.42857rem !important; margin-right: 11.42857rem !important; } .g-mx-165--xl { margin-left: 11.78571rem !important; margin-right: 11.78571rem !important; } .g-mx-170--xl { margin-left: 12.14286rem !important; margin-right: 12.14286rem !important; } .g-mx-200--xl { margin-left: 14.28571rem !important; margin-right: 14.28571rem !important; } .g-mx-300--xl { margin-left: 21.42857rem !important; margin-right: 21.42857rem !important; } .g-mx-400--xl { margin-left: 28.57143rem !important; margin-right: 28.57143rem !important; } .g-mx-500--xl { margin-left: 35.71429rem !important; margin-right: 35.71429rem !important; } /* margin Y */ .g-my-0--xl { margin-top: 0 !important; margin-bottom: 0 !important; } .g-my-1--xl { margin-top: 0.07143rem !important; margin-bottom: 0.07143rem !important; } .g-my-2--xl { margin-top: 0.14286rem !important; margin-bottom: 0.14286rem !important; } .g-my-3--xl { margin-top: 0.21429rem !important; margin-bottom: 0.21429rem !important; } .g-my-4--xl { margin-top: 0.28571rem !important; margin-bottom: 0.28571rem !important; } .g-my-5--xl { margin-top: 0.35714rem !important; margin-bottom: 0.35714rem !important; } .g-my-6--xl { margin-top: 0.42857rem !important; margin-bottom: 0.42857rem !important; } .g-my-7--xl { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .g-my-8--xl { margin-top: 0.57143rem !important; margin-bottom: 0.57143rem !important; } .g-my-9--xl { margin-top: 0.64286rem !important; margin-bottom: 0.64286rem !important; } .g-my-10--xl { margin-top: 0.71429rem !important; margin-bottom: 0.71429rem !important; } .g-my-11--xl { margin-top: 0.78571rem !important; margin-bottom: 0.78571rem !important; } .g-my-12--xl { margin-top: 0.85714rem !important; margin-bottom: 0.85714rem !important; } .g-my-13--xl { margin-top: 0.92857rem !important; margin-bottom: 0.92857rem !important; } .g-my-14--xl { margin-top: 1rem !important; margin-bottom: 1rem !important; } .g-my-15--xl { margin-top: 1.07143rem !important; margin-bottom: 1.07143rem !important; } .g-my-16--xl { margin-top: 1.14286rem !important; margin-bottom: 1.14286rem !important; } .g-my-17--xl { margin-top: 1.21429rem !important; margin-bottom: 1.21429rem !important; } .g-my-18--xl { margin-top: 1.28571rem !important; margin-bottom: 1.28571rem !important; } .g-my-19--xl { margin-top: 1.35714rem !important; margin-bottom: 1.35714rem !important; } .g-my-20--xl { margin-top: 1.42857rem !important; margin-bottom: 1.42857rem !important; } .g-my-25--xl { margin-top: 1.78571rem !important; margin-bottom: 1.78571rem !important; } .g-my-30--xl { margin-top: 2.14286rem !important; margin-bottom: 2.14286rem !important; } .g-my-35--xl { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .g-my-40--xl { margin-top: 2.85714rem !important; margin-bottom: 2.85714rem !important; } .g-my-45--xl { margin-top: 3.21429rem !important; margin-bottom: 3.21429rem !important; } .g-my-50--xl { margin-top: 3.57143rem !important; margin-bottom: 3.57143rem !important; } .g-my-55--xl { margin-top: 3.92857rem !important; margin-bottom: 3.92857rem !important; } .g-my-60--xl { margin-top: 4.28571rem !important; margin-bottom: 4.28571rem !important; } .g-my-65--xl { margin-top: 4.64286rem !important; margin-bottom: 4.64286rem !important; } .g-my-70--xl { margin-top: 5rem !important; margin-bottom: 5rem !important; } .g-my-75--xl { margin-top: 5.35714rem !important; margin-bottom: 5.35714rem !important; } .g-my-80--xl { margin-top: 5.71429rem !important; margin-bottom: 5.71429rem !important; } .g-my-85--xl { margin-top: 6.07143rem !important; margin-bottom: 6.07143rem !important; } .g-my-90--xl { margin-top: 6.42857rem !important; margin-bottom: 6.42857rem !important; } .g-my-95--xl { margin-top: 6.78571rem !important; margin-bottom: 6.78571rem !important; } .g-my-100--xl { margin-top: 7.14286rem !important; margin-bottom: 7.14286rem !important; } .g-my-105--xl { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } .g-my-110--xl { margin-top: 7.85714rem !important; margin-bottom: 7.85714rem !important; } .g-my-115--xl { margin-top: 8.21429rem !important; margin-bottom: 8.21429rem !important; } .g-my-120--xl { margin-top: 8.57143rem !important; margin-bottom: 8.57143rem !important; } .g-my-125--xl { margin-top: 8.92857rem !important; margin-bottom: 8.92857rem !important; } .g-my-130--xl { margin-top: 9.28571rem !important; margin-bottom: 9.28571rem !important; } .g-my-135--xl { margin-top: 9.64286rem !important; margin-bottom: 9.64286rem !important; } .g-my-140--xl { margin-top: 10rem !important; margin-bottom: 10rem !important; } .g-my-145--xl { margin-top: 10.35714rem !important; margin-bottom: 10.35714rem !important; } .g-my-150--xl { margin-top: 10.71429rem !important; margin-bottom: 10.71429rem !important; } .g-my-155--xl { margin-top: 11.07143rem !important; margin-bottom: 11.07143rem !important; } .g-my-160--xl { margin-top: 11.42857rem !important; margin-bottom: 11.42857rem !important; } .g-my-165--xl { margin-top: 11.78571rem !important; margin-bottom: 11.78571rem !important; } .g-my-170--xl { margin-top: 12.14286rem !important; margin-bottom: 12.14286rem !important; } .g-my-200--xl { margin-top: 14.28571rem !important; margin-bottom: 14.28571rem !important; } .g-my-300--xl { margin-top: 21.42857rem !important; margin-bottom: 21.42857rem !important; } .g-my-400--xl { margin-top: 28.57143rem !important; margin-bottom: 28.57143rem !important; } .g-my-500--xl { margin-top: 35.71429rem !important; margin-bottom: 35.71429rem !important; } /* margin TOP */ .g-mt-0--xl { margin-top: 0 !important; } .g-mt-1--xl { margin-top: 0.07143rem !important; } .g-mt-2--xl { margin-top: 0.14286rem !important; } .g-mt-3--xl { margin-top: 0.21429rem !important; } .g-mt-4--xl { margin-top: 0.28571rem !important; } .g-mt-5--xl { margin-top: 0.35714rem !important; } .g-mt-6--xl { margin-top: 0.42857rem !important; } .g-mt-7--xl { margin-top: 0.5rem !important; } .g-mt-8--xl { margin-top: 0.57143rem !important; } .g-mt-9--xl { margin-top: 0.64286rem !important; } .g-mt-10--xl { margin-top: 0.71429rem !important; } .g-mt-11--xl { margin-top: 0.78571rem !important; } .g-mt-12--xl { margin-top: 0.85714rem !important; } .g-mt-13--xl { margin-top: 0.92857rem !important; } .g-mt-14--xl { margin-top: 1rem !important; } .g-mt-15--xl { margin-top: 1.07143rem !important; } .g-mt-16--xl { margin-top: 1.14286rem !important; } .g-mt-17--xl { margin-top: 1.21429rem !important; } .g-mt-18--xl { margin-top: 1.28571rem !important; } .g-mt-19--xl { margin-top: 1.35714rem !important; } .g-mt-20--xl { margin-top: 1.42857rem !important; } .g-mt-25--xl { margin-top: 1.78571rem !important; } .g-mt-30--xl { margin-top: 2.14286rem !important; } .g-mt-35--xl { margin-top: 2.5rem !important; } .g-mt-40--xl { margin-top: 2.85714rem !important; } .g-mt-45--xl { margin-top: 3.21429rem !important; } .g-mt-50--xl { margin-top: 3.57143rem !important; } .g-mt-55--xl { margin-top: 3.92857rem !important; } .g-mt-60--xl { margin-top: 4.28571rem !important; } .g-mt-65--xl { margin-top: 4.64286rem !important; } .g-mt-70--xl { margin-top: 5rem !important; } .g-mt-75--xl { margin-top: 5.35714rem !important; } .g-mt-80--xl { margin-top: 5.71429rem !important; } .g-mt-85--xl { margin-top: 6.07143rem !important; } .g-mt-90--xl { margin-top: 6.42857rem !important; } .g-mt-95--xl { margin-top: 6.78571rem !important; } .g-mt-100--xl { margin-top: 7.14286rem !important; } .g-mt-105--xl { margin-top: 7.5rem !important; } .g-mt-110--xl { margin-top: 7.85714rem !important; } .g-mt-115--xl { margin-top: 8.21429rem !important; } .g-mt-120--xl { margin-top: 8.57143rem !important; } .g-mt-125--xl { margin-top: 8.92857rem !important; } .g-mt-130--xl { margin-top: 9.28571rem !important; } .g-mt-135--xl { margin-top: 9.64286rem !important; } .g-mt-140--xl { margin-top: 10rem !important; } .g-mt-145--xl { margin-top: 10.35714rem !important; } .g-mt-150--xl { margin-top: 10.71429rem !important; } .g-mt-155--xl { margin-top: 11.07143rem !important; } .g-mt-160--xl { margin-top: 11.42857rem !important; } .g-mt-165--xl { margin-top: 11.78571rem !important; } .g-mt-170--xl { margin-top: 12.14286rem !important; } .g-mt-200--xl { margin-top: 14.28571rem !important; } .g-mt-300--xl { margin-top: 21.42857rem !important; } .g-mt-400--xl { margin-top: 28.57143rem !important; } .g-mt-500--xl { margin-top: 35.71429rem !important; } /* margin BOTTOM */ .g-mb-0--xl { margin-bottom: 0 !important; } .g-mb-1--xl { margin-bottom: 0.07143rem !important; } .g-mb-2--xl { margin-bottom: 0.14286rem !important; } .g-mb-3--xl { margin-bottom: 0.21429rem !important; } .g-mb-4--xl { margin-bottom: 0.28571rem !important; } .g-mb-5--xl { margin-bottom: 0.35714rem !important; } .g-mb-6--xl { margin-bottom: 0.42857rem !important; } .g-mb-7--xl { margin-bottom: 0.5rem !important; } .g-mb-8--xl { margin-bottom: 0.57143rem !important; } .g-mb-9--xl { margin-bottom: 0.64286rem !important; } .g-mb-10--xl { margin-bottom: 0.71429rem !important; } .g-mb-11--xl { margin-bottom: 0.78571rem !important; } .g-mb-12--xl { margin-bottom: 0.85714rem !important; } .g-mb-13--xl { margin-bottom: 0.92857rem !important; } .g-mb-14--xl { margin-bottom: 1rem !important; } .g-mb-15--xl { margin-bottom: 1.07143rem !important; } .g-mb-16--xl { margin-bottom: 1.14286rem !important; } .g-mb-17--xl { margin-bottom: 1.21429rem !important; } .g-mb-18--xl { margin-bottom: 1.28571rem !important; } .g-mb-19--xl { margin-bottom: 1.35714rem !important; } .g-mb-20--xl { margin-bottom: 1.42857rem !important; } .g-mb-25--xl { margin-bottom: 1.78571rem !important; } .g-mb-30--xl { margin-bottom: 2.14286rem !important; } .g-mb-35--xl { margin-bottom: 2.5rem !important; } .g-mb-40--xl { margin-bottom: 2.85714rem !important; } .g-mb-45--xl { margin-bottom: 3.21429rem !important; } .g-mb-50--xl { margin-bottom: 3.57143rem !important; } .g-mb-55--xl { margin-bottom: 3.92857rem !important; } .g-mb-60--xl { margin-bottom: 4.28571rem !important; } .g-mb-65--xl { margin-bottom: 4.64286rem !important; } .g-mb-70--xl { margin-bottom: 5rem !important; } .g-mb-75--xl { margin-bottom: 5.35714rem !important; } .g-mb-80--xl { margin-bottom: 5.71429rem !important; } .g-mb-85--xl { margin-bottom: 6.07143rem !important; } .g-mb-90--xl { margin-bottom: 6.42857rem !important; } .g-mb-95--xl { margin-bottom: 6.78571rem !important; } .g-mb-100--xl { margin-bottom: 7.14286rem !important; } .g-mb-105--xl { margin-bottom: 7.5rem !important; } .g-mb-110--xl { margin-bottom: 7.85714rem !important; } .g-mb-115--xl { margin-bottom: 8.21429rem !important; } .g-mb-120--xl { margin-bottom: 8.57143rem !important; } .g-mb-125--xl { margin-bottom: 8.92857rem !important; } .g-mb-130--xl { margin-bottom: 9.28571rem !important; } .g-mb-135--xl { margin-bottom: 9.64286rem !important; } .g-mb-140--xl { margin-bottom: 10rem !important; } .g-mb-145--xl { margin-bottom: 10.35714rem !important; } .g-mb-150--xl { margin-bottom: 10.71429rem !important; } .g-mb-155--xl { margin-bottom: 11.07143rem !important; } .g-mb-160--xl { margin-bottom: 11.42857rem !important; } .g-mb-165--xl { margin-bottom: 11.78571rem !important; } .g-mb-170--xl { margin-bottom: 12.14286rem !important; } .g-mb-200--xl { margin-bottom: 14.28571rem !important; } .g-mb-300--xl { margin-bottom: 21.42857rem !important; } .g-mb-400--xl { margin-bottom: 28.57143rem !important; } .g-mb-500--xl { margin-bottom: 35.71429rem !important; } /* margin LEFT */ .g-ml-0--xl { margin-left: 0 !important; } .g-ml-1--xl { margin-left: 0.07143rem !important; } .g-ml-2--xl { margin-left: 0.14286rem !important; } .g-ml-3--xl { margin-left: 0.21429rem !important; } .g-ml-4--xl { margin-left: 0.28571rem !important; } .g-ml-5--xl { margin-left: 0.35714rem !important; } .g-ml-6--xl { margin-left: 0.42857rem !important; } .g-ml-7--xl { margin-left: 0.5rem !important; } .g-ml-8--xl { margin-left: 0.57143rem !important; } .g-ml-9--xl { margin-left: 0.64286rem !important; } .g-ml-10--xl { margin-left: 0.71429rem !important; } .g-ml-11--xl { margin-left: 0.78571rem !important; } .g-ml-12--xl { margin-left: 0.85714rem !important; } .g-ml-13--xl { margin-left: 0.92857rem !important; } .g-ml-14--xl { margin-left: 1rem !important; } .g-ml-15--xl { margin-left: 1.07143rem !important; } .g-ml-16--xl { margin-left: 1.14286rem !important; } .g-ml-17--xl { margin-left: 1.21429rem !important; } .g-ml-18--xl { margin-left: 1.28571rem !important; } .g-ml-19--xl { margin-left: 1.35714rem !important; } .g-ml-20--xl { margin-left: 1.42857rem !important; } .g-ml-25--xl { margin-left: 1.78571rem !important; } .g-ml-30--xl { margin-left: 2.14286rem !important; } .g-ml-35--xl { margin-left: 2.5rem !important; } .g-ml-40--xl { margin-left: 2.85714rem !important; } .g-ml-45--xl { margin-left: 3.21429rem !important; } .g-ml-50--xl { margin-left: 3.57143rem !important; } .g-ml-55--xl { margin-left: 3.92857rem !important; } .g-ml-60--xl { margin-left: 4.28571rem !important; } .g-ml-65--xl { margin-left: 4.64286rem !important; } .g-ml-70--xl { margin-left: 5rem !important; } .g-ml-75--xl { margin-left: 5.35714rem !important; } .g-ml-80--xl { margin-left: 5.71429rem !important; } .g-ml-85--xl { margin-left: 6.07143rem !important; } .g-ml-90--xl { margin-left: 6.42857rem !important; } .g-ml-95--xl { margin-left: 6.78571rem !important; } .g-ml-100--xl { margin-left: 7.14286rem !important; } .g-ml-105--xl { margin-left: 7.5rem !important; } .g-ml-110--xl { margin-left: 7.85714rem !important; } .g-ml-115--xl { margin-left: 8.21429rem !important; } .g-ml-120--xl { margin-left: 8.57143rem !important; } .g-ml-125--xl { margin-left: 8.92857rem !important; } .g-ml-130--xl { margin-left: 9.28571rem !important; } .g-ml-135--xl { margin-left: 9.64286rem !important; } .g-ml-140--xl { margin-left: 10rem !important; } .g-ml-145--xl { margin-left: 10.35714rem !important; } .g-ml-150--xl { margin-left: 10.71429rem !important; } .g-ml-155--xl { margin-left: 11.07143rem !important; } .g-ml-160--xl { margin-left: 11.42857rem !important; } .g-ml-165--xl { margin-left: 11.78571rem !important; } .g-ml-170--xl { margin-left: 12.14286rem !important; } .g-ml-200--xl { margin-left: 14.28571rem !important; } .g-ml-300--xl { margin-left: 21.42857rem !important; } .g-ml-400--xl { margin-left: 28.57143rem !important; } .g-ml-500--xl { margin-left: 35.71429rem !important; } /* margin RIGHT */ .g-mr-0--xl { margin-right: 0 !important; } .g-mr-1--xl { margin-right: 0.07143rem !important; } .g-mr-2--xl { margin-right: 0.14286rem !important; } .g-mr-3--xl { margin-right: 0.21429rem !important; } .g-mr-4--xl { margin-right: 0.28571rem !important; } .g-mr-5--xl { margin-right: 0.35714rem !important; } .g-mr-6--xl { margin-right: 0.42857rem !important; } .g-mr-7--xl { margin-right: 0.5rem !important; } .g-mr-8--xl { margin-right: 0.57143rem !important; } .g-mr-9--xl { margin-right: 0.64286rem !important; } .g-mr-10--xl { margin-right: 0.71429rem !important; } .g-mr-11--xl { margin-right: 0.78571rem !important; } .g-mr-12--xl { margin-right: 0.85714rem !important; } .g-mr-13--xl { margin-right: 0.92857rem !important; } .g-mr-14--xl { margin-right: 1rem !important; } .g-mr-15--xl { margin-right: 1.07143rem !important; } .g-mr-16--xl { margin-right: 1.14286rem !important; } .g-mr-17--xl { margin-right: 1.21429rem !important; } .g-mr-18--xl { margin-right: 1.28571rem !important; } .g-mr-19--xl { margin-right: 1.35714rem !important; } .g-mr-20--xl { margin-right: 1.42857rem !important; } .g-mr-25--xl { margin-right: 1.78571rem !important; } .g-mr-30--xl { margin-right: 2.14286rem !important; } .g-mr-35--xl { margin-right: 2.5rem !important; } .g-mr-40--xl { margin-right: 2.85714rem !important; } .g-mr-45--xl { margin-right: 3.21429rem !important; } .g-mr-50--xl { margin-right: 3.57143rem !important; } .g-mr-55--xl { margin-right: 3.92857rem !important; } .g-mr-60--xl { margin-right: 4.28571rem !important; } .g-mr-65--xl { margin-right: 4.64286rem !important; } .g-mr-70--xl { margin-right: 5rem !important; } .g-mr-75--xl { margin-right: 5.35714rem !important; } .g-mr-80--xl { margin-right: 5.71429rem !important; } .g-mr-85--xl { margin-right: 6.07143rem !important; } .g-mr-90--xl { margin-right: 6.42857rem !important; } .g-mr-95--xl { margin-right: 6.78571rem !important; } .g-mr-100--xl { margin-right: 7.14286rem !important; } .g-mr-105--xl { margin-right: 7.5rem !important; } .g-mr-110--xl { margin-right: 7.85714rem !important; } .g-mr-115--xl { margin-right: 8.21429rem !important; } .g-mr-120--xl { margin-right: 8.57143rem !important; } .g-mr-125--xl { margin-right: 8.92857rem !important; } .g-mr-130--xl { margin-right: 9.28571rem !important; } .g-mr-135--xl { margin-right: 9.64286rem !important; } .g-mr-140--xl { margin-right: 10rem !important; } .g-mr-145--xl { margin-right: 10.35714rem !important; } .g-mr-150--xl { margin-right: 10.71429rem !important; } .g-mr-155--xl { margin-right: 11.07143rem !important; } .g-mr-160--xl { margin-right: 11.42857rem !important; } .g-mr-165--xl { margin-right: 11.78571rem !important; } .g-mr-170--xl { margin-right: 12.14286rem !important; } .g-mr-200--xl { margin-right: 14.28571rem !important; } .g-mr-300--xl { margin-right: 21.42857rem !important; } .g-mr-400--xl { margin-right: 28.57143rem !important; } .g-mr-500--xl { margin-right: 35.71429rem !important; } } /* Additional -----------------------------------*/ .g-mb-auto { margin-bottom: auto; } .g-mt-auto { margin-top: auto; } .g-ml-auto { margin-left: auto; } .g-mr-auto { margin-right: auto; } /* Margins custom ------------------------------------*/ .g-ml-37 { margin-left: 2.64286rem; } .g-ml-43 { margin-left: 3.07143rem; } .g-ml-105 { margin-left: 7.5rem; } .g-mr-63 { margin-right: 4.5rem; } .g-my-minus-2 { margin-top: -0.14286rem; margin-bottom: -0.14286rem; } .g-mx-minus-2 { margin-left: -0.14286rem; margin-right: -0.14286rem; } .g-mx-minus-5 { margin-left: -0.35714rem; margin-right: -0.35714rem; } .g-mx-minus-15 { margin-left: -1.07143rem; margin-right: -1.07143rem; } .g-mx-minus-25 { margin-left: -1.78571rem; margin-right: -1.78571rem; } .g-mt-minus-5 { margin-top: -0.35714rem; } .g-mt-minus-10 { margin-top: -0.71429rem; } .g-mt-minus-20 { margin-top: -1.42857rem; } .g-mt-minus-25 { margin-top: -1.78571rem; } .g-mt-minus-35 { margin-top: -2.5rem; } .g-mt-minus-110 { margin-top: -7.85714rem; } .g-mt-minus-200 { margin-top: -14.28571rem; } .g-mb-minus-5 { margin-bottom: -0.35714rem; } .g-mb-minus-10 { margin-bottom: -0.71429rem; } .g-mb-minus-15 { margin-bottom: -1.07143rem; } .g-mb-minus-20 { margin-bottom: -1.42857rem; } .g-mb-minus-140 { margin-bottom: -10rem; } .g-ml-minus-1 { margin-left: -0.07143rem; } .g-ml-minus-5 { margin-left: -0.35714rem; } .g-ml-minus-8 { margin-left: -0.57143rem; } .g-ml-minus-10 { margin-left: -0.71429rem; } .g-ml-minus-15 { margin-left: -1.07143rem; } .g-ml-minus-20 { margin-left: -1.42857rem; } .g-ml-minus-30 { margin-left: -2.14286rem; } .g-ml-minus-82 { margin-left: -5.85714rem; } .g-mr-minus-1 { margin-right: -0.07143rem; } .g-mr-minus-5 { margin-right: -0.35714rem; } .g-mr-minus-10 { margin-right: -0.71429rem; } @media (min-width: 768px) { .g-mr-63--md { margin-right: 4.5rem !important; } .g-ml-minus-40--md { margin-left: -2.85714rem !important; } .g-ml-minus-50--md { margin-left: -3.57143rem !important; } .g-ml-minus-82--md { margin-left: -5.85714rem !important; } .g-mr-minus-50--md { margin-right: -3.57143rem !important; } } @media (min-width: 992px) { .g-ml-minus-15--lg { margin-left: -1.07143rem !important; } } /*------------------------------------ Padding Spaces ------------------------------------*/ /* Padding Spaces (xs) ------------------------------------*/ /* Paddings */ @media (min-width: 0) { /* padding ALL */ .g-pa-0 { padding: 0 !important; } .g-pa-1 { padding: 0.07143rem !important; } .g-pa-2 { padding: 0.14286rem !important; } .g-pa-3 { padding: 0.21429rem !important; } .g-pa-4 { padding: 0.28571rem !important; } .g-pa-5 { padding: 0.35714rem !important; } .g-pa-6 { padding: 0.42857rem !important; } .g-pa-7 { padding: 0.5rem !important; } .g-pa-8 { padding: 0.57143rem !important; } .g-pa-9 { padding: 0.64286rem !important; } .g-pa-10 { padding: 0.71429rem !important; } .g-pa-11 { padding: 0.78571rem !important; } .g-pa-12 { padding: 0.85714rem !important; } .g-pa-13 { padding: 0.92857rem !important; } .g-pa-14 { padding: 1rem !important; } .g-pa-15 { padding: 1.07143rem !important; } .g-pa-16 { padding: 1.14286rem !important; } .g-pa-17 { padding: 1.21429rem !important; } .g-pa-18 { padding: 1.28571rem !important; } .g-pa-19 { padding: 1.35714rem !important; } .g-pa-20 { padding: 1.42857rem !important; } .g-pa-25 { padding: 1.78571rem !important; } .g-pa-30 { padding: 2.14286rem !important; } .g-pa-35 { padding: 2.5rem !important; } .g-pa-40 { padding: 2.85714rem !important; } .g-pa-45 { padding: 3.21429rem !important; } .g-pa-50 { padding: 3.57143rem !important; } .g-pa-55 { padding: 3.92857rem !important; } .g-pa-60 { padding: 4.28571rem !important; } .g-pa-65 { padding: 4.64286rem !important; } .g-pa-70 { padding: 5rem !important; } .g-pa-75 { padding: 5.35714rem !important; } .g-pa-80 { padding: 5.71429rem !important; } .g-pa-85 { padding: 6.07143rem !important; } .g-pa-90 { padding: 6.42857rem !important; } .g-pa-95 { padding: 6.78571rem !important; } .g-pa-100 { padding: 7.14286rem !important; } .g-pa-105 { padding: 7.5rem !important; } .g-pa-110 { padding: 7.85714rem !important; } .g-pa-115 { padding: 8.21429rem !important; } .g-pa-120 { padding: 8.57143rem !important; } .g-pa-125 { padding: 8.92857rem !important; } .g-pa-130 { padding: 9.28571rem !important; } .g-pa-135 { padding: 9.64286rem !important; } .g-pa-140 { padding: 10rem !important; } .g-pa-145 { padding: 10.35714rem !important; } .g-pa-150 { padding: 10.71429rem !important; } .g-pa-155 { padding: 11.07143rem !important; } .g-pa-160 { padding: 11.42857rem !important; } .g-pa-165 { padding: 11.78571rem !important; } .g-pa-170 { padding: 12.14286rem !important; } .g-pa-200 { padding: 14.28571rem !important; } .g-pa-300 { padding: 21.42857rem !important; } .g-pa-400 { padding: 28.57143rem !important; } .g-pa-500 { padding: 35.71429rem !important; } /* padding X */ .g-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .g-px-1 { padding-left: 0.07143rem !important; padding-right: 0.07143rem !important; } .g-px-2 { padding-left: 0.14286rem !important; padding-right: 0.14286rem !important; } .g-px-3 { padding-left: 0.21429rem !important; padding-right: 0.21429rem !important; } .g-px-4 { padding-left: 0.28571rem !important; padding-right: 0.28571rem !important; } .g-px-5 { padding-left: 0.35714rem !important; padding-right: 0.35714rem !important; } .g-px-6 { padding-left: 0.42857rem !important; padding-right: 0.42857rem !important; } .g-px-7 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .g-px-8 { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-px-9 { padding-left: 0.64286rem !important; padding-right: 0.64286rem !important; } .g-px-10 { padding-left: 0.71429rem !important; padding-right: 0.71429rem !important; } .g-px-11 { padding-left: 0.78571rem !important; padding-right: 0.78571rem !important; } .g-px-12 { padding-left: 0.85714rem !important; padding-right: 0.85714rem !important; } .g-px-13 { padding-left: 0.92857rem !important; padding-right: 0.92857rem !important; } .g-px-14 { padding-left: 1rem !important; padding-right: 1rem !important; } .g-px-15 { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-px-16 { padding-left: 1.14286rem !important; padding-right: 1.14286rem !important; } .g-px-17 { padding-left: 1.21429rem !important; padding-right: 1.21429rem !important; } .g-px-18 { padding-left: 1.28571rem !important; padding-right: 1.28571rem !important; } .g-px-19 { padding-left: 1.35714rem !important; padding-right: 1.35714rem !important; } .g-px-20 { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-px-25 { padding-left: 1.78571rem !important; padding-right: 1.78571rem !important; } .g-px-30 { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-px-35 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-px-40 { padding-left: 2.85714rem !important; padding-right: 2.85714rem !important; } .g-px-45 { padding-left: 3.21429rem !important; padding-right: 3.21429rem !important; } .g-px-50 { padding-left: 3.57143rem !important; padding-right: 3.57143rem !important; } .g-px-55 { padding-left: 3.92857rem !important; padding-right: 3.92857rem !important; } .g-px-60 { padding-left: 4.28571rem !important; padding-right: 4.28571rem !important; } .g-px-65 { padding-left: 4.64286rem !important; padding-right: 4.64286rem !important; } .g-px-70 { padding-left: 5rem !important; padding-right: 5rem !important; } .g-px-75 { padding-left: 5.35714rem !important; padding-right: 5.35714rem !important; } .g-px-80 { padding-left: 5.71429rem !important; padding-right: 5.71429rem !important; } .g-px-85 { padding-left: 6.07143rem !important; padding-right: 6.07143rem !important; } .g-px-90 { padding-left: 6.42857rem !important; padding-right: 6.42857rem !important; } .g-px-95 { padding-left: 6.78571rem !important; padding-right: 6.78571rem !important; } .g-px-100 { padding-left: 7.14286rem !important; padding-right: 7.14286rem !important; } .g-px-105 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .g-px-110 { padding-left: 7.85714rem !important; padding-right: 7.85714rem !important; } .g-px-115 { padding-left: 8.21429rem !important; padding-right: 8.21429rem !important; } .g-px-120 { padding-left: 8.57143rem !important; padding-right: 8.57143rem !important; } .g-px-125 { padding-left: 8.92857rem !important; padding-right: 8.92857rem !important; } .g-px-130 { padding-left: 9.28571rem !important; padding-right: 9.28571rem !important; } .g-px-135 { padding-left: 9.64286rem !important; padding-right: 9.64286rem !important; } .g-px-140 { padding-left: 10rem !important; padding-right: 10rem !important; } .g-px-145 { padding-left: 10.35714rem !important; padding-right: 10.35714rem !important; } .g-px-150 { padding-left: 10.71429rem !important; padding-right: 10.71429rem !important; } .g-px-155 { padding-left: 11.07143rem !important; padding-right: 11.07143rem !important; } .g-px-160 { padding-left: 11.42857rem !important; padding-right: 11.42857rem !important; } .g-px-165 { padding-left: 11.78571rem !important; padding-right: 11.78571rem !important; } .g-px-170 { padding-left: 12.14286rem !important; padding-right: 12.14286rem !important; } .g-px-200 { padding-left: 14.28571rem !important; padding-right: 14.28571rem !important; } .g-px-300 { padding-left: 21.42857rem !important; padding-right: 21.42857rem !important; } .g-px-400 { padding-left: 28.57143rem !important; padding-right: 28.57143rem !important; } .g-px-500 { padding-left: 35.71429rem !important; padding-right: 35.71429rem !important; } /* padding Y */ .g-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .g-py-1 { padding-top: 0.07143rem !important; padding-bottom: 0.07143rem !important; } .g-py-2 { padding-top: 0.14286rem !important; padding-bottom: 0.14286rem !important; } .g-py-3 { padding-top: 0.21429rem !important; padding-bottom: 0.21429rem !important; } .g-py-4 { padding-top: 0.28571rem !important; padding-bottom: 0.28571rem !important; } .g-py-5 { padding-top: 0.35714rem !important; padding-bottom: 0.35714rem !important; } .g-py-6 { padding-top: 0.42857rem !important; padding-bottom: 0.42857rem !important; } .g-py-7 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .g-py-8 { padding-top: 0.57143rem !important; padding-bottom: 0.57143rem !important; } .g-py-9 { padding-top: 0.64286rem !important; padding-bottom: 0.64286rem !important; } .g-py-10 { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-py-11 { padding-top: 0.78571rem !important; padding-bottom: 0.78571rem !important; } .g-py-12 { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } .g-py-13 { padding-top: 0.92857rem !important; padding-bottom: 0.92857rem !important; } .g-py-14 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .g-py-15 { padding-top: 1.07143rem !important; padding-bottom: 1.07143rem !important; } .g-py-16 { padding-top: 1.14286rem !important; padding-bottom: 1.14286rem !important; } .g-py-17 { padding-top: 1.21429rem !important; padding-bottom: 1.21429rem !important; } .g-py-18 { padding-top: 1.28571rem !important; padding-bottom: 1.28571rem !important; } .g-py-19 { padding-top: 1.35714rem !important; padding-bottom: 1.35714rem !important; } .g-py-20 { padding-top: 1.42857rem !important; padding-bottom: 1.42857rem !important; } .g-py-25 { padding-top: 1.78571rem !important; padding-bottom: 1.78571rem !important; } .g-py-30 { padding-top: 2.14286rem !important; padding-bottom: 2.14286rem !important; } .g-py-35 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .g-py-40 { padding-top: 2.85714rem !important; padding-bottom: 2.85714rem !important; } .g-py-45 { padding-top: 3.21429rem !important; padding-bottom: 3.21429rem !important; } .g-py-50 { padding-top: 3.57143rem !important; padding-bottom: 3.57143rem !important; } .g-py-55 { padding-top: 3.92857rem !important; padding-bottom: 3.92857rem !important; } .g-py-60 { padding-top: 4.28571rem !important; padding-bottom: 4.28571rem !important; } .g-py-65 { padding-top: 4.64286rem !important; padding-bottom: 4.64286rem !important; } .g-py-70 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .g-py-75 { padding-top: 5.35714rem !important; padding-bottom: 5.35714rem !important; } .g-py-80 { padding-top: 5.71429rem !important; padding-bottom: 5.71429rem !important; } .g-py-85 { padding-top: 6.07143rem !important; padding-bottom: 6.07143rem !important; } .g-py-90 { padding-top: 6.42857rem !important; padding-bottom: 6.42857rem !important; } .g-py-95 { padding-top: 6.78571rem !important; padding-bottom: 6.78571rem !important; } .g-py-100 { padding-top: 7.14286rem !important; padding-bottom: 7.14286rem !important; } .g-py-105 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .g-py-110 { padding-top: 7.85714rem !important; padding-bottom: 7.85714rem !important; } .g-py-115 { padding-top: 8.21429rem !important; padding-bottom: 8.21429rem !important; } .g-py-120 { padding-top: 8.57143rem !important; padding-bottom: 8.57143rem !important; } .g-py-125 { padding-top: 8.92857rem !important; padding-bottom: 8.92857rem !important; } .g-py-130 { padding-top: 9.28571rem !important; padding-bottom: 9.28571rem !important; } .g-py-135 { padding-top: 9.64286rem !important; padding-bottom: 9.64286rem !important; } .g-py-140 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .g-py-145 { padding-top: 10.35714rem !important; padding-bottom: 10.35714rem !important; } .g-py-150 { padding-top: 10.71429rem !important; padding-bottom: 10.71429rem !important; } .g-py-155 { padding-top: 11.07143rem !important; padding-bottom: 11.07143rem !important; } .g-py-160 { padding-top: 11.42857rem !important; padding-bottom: 11.42857rem !important; } .g-py-165 { padding-top: 11.78571rem !important; padding-bottom: 11.78571rem !important; } .g-py-170 { padding-top: 12.14286rem !important; padding-bottom: 12.14286rem !important; } .g-py-200 { padding-top: 14.28571rem !important; padding-bottom: 14.28571rem !important; } .g-py-300 { padding-top: 21.42857rem !important; padding-bottom: 21.42857rem !important; } .g-py-400 { padding-top: 28.57143rem !important; padding-bottom: 28.57143rem !important; } .g-py-500 { padding-top: 35.71429rem !important; padding-bottom: 35.71429rem !important; } /* padding TOP */ .g-pt-0 { padding-top: 0 !important; } .g-pt-1 { padding-top: 0.07143rem !important; } .g-pt-2 { padding-top: 0.14286rem !important; } .g-pt-3 { padding-top: 0.21429rem !important; } .g-pt-4 { padding-top: 0.28571rem !important; } .g-pt-5 { padding-top: 0.35714rem !important; } .g-pt-6 { padding-top: 0.42857rem !important; } .g-pt-7 { padding-top: 0.5rem !important; } .g-pt-8 { padding-top: 0.57143rem !important; } .g-pt-9 { padding-top: 0.64286rem !important; } .g-pt-10 { padding-top: 0.71429rem !important; } .g-pt-11 { padding-top: 0.78571rem !important; } .g-pt-12 { padding-top: 0.85714rem !important; } .g-pt-13 { padding-top: 0.92857rem !important; } .g-pt-14 { padding-top: 1rem !important; } .g-pt-15 { padding-top: 1.07143rem !important; } .g-pt-16 { padding-top: 1.14286rem !important; } .g-pt-17 { padding-top: 1.21429rem !important; } .g-pt-18 { padding-top: 1.28571rem !important; } .g-pt-19 { padding-top: 1.35714rem !important; } .g-pt-20 { padding-top: 1.42857rem !important; } .g-pt-25 { padding-top: 1.78571rem !important; } .g-pt-30 { padding-top: 2.14286rem !important; } .g-pt-35 { padding-top: 2.5rem !important; } .g-pt-40 { padding-top: 2.85714rem !important; } .g-pt-45 { padding-top: 3.21429rem !important; } .g-pt-50 { padding-top: 3.57143rem !important; } .g-pt-55 { padding-top: 3.92857rem !important; } .g-pt-60 { padding-top: 4.28571rem !important; } .g-pt-65 { padding-top: 4.64286rem !important; } .g-pt-70 { padding-top: 5rem !important; } .g-pt-75 { padding-top: 5.35714rem !important; } .g-pt-80 { padding-top: 5.71429rem !important; } .g-pt-85 { padding-top: 6.07143rem !important; } .g-pt-90 { padding-top: 6.42857rem !important; } .g-pt-95 { padding-top: 6.78571rem !important; } .g-pt-100 { padding-top: 7.14286rem !important; } .g-pt-105 { padding-top: 7.5rem !important; } .g-pt-110 { padding-top: 7.85714rem !important; } .g-pt-115 { padding-top: 8.21429rem !important; } .g-pt-120 { padding-top: 8.57143rem !important; } .g-pt-125 { padding-top: 8.92857rem !important; } .g-pt-130 { padding-top: 9.28571rem !important; } .g-pt-135 { padding-top: 9.64286rem !important; } .g-pt-140 { padding-top: 10rem !important; } .g-pt-145 { padding-top: 10.35714rem !important; } .g-pt-150 { padding-top: 10.71429rem !important; } .g-pt-155 { padding-top: 11.07143rem !important; } .g-pt-160 { padding-top: 11.42857rem !important; } .g-pt-165 { padding-top: 11.78571rem !important; } .g-pt-170 { padding-top: 12.14286rem !important; } .g-pt-200 { padding-top: 14.28571rem !important; } .g-pt-300 { padding-top: 21.42857rem !important; } .g-pt-400 { padding-top: 28.57143rem !important; } .g-pt-500 { padding-top: 35.71429rem !important; } /* padding BOTTOM */ .g-pb-0 { padding-bottom: 0 !important; } .g-pb-1 { padding-bottom: 0.07143rem !important; } .g-pb-2 { padding-bottom: 0.14286rem !important; } .g-pb-3 { padding-bottom: 0.21429rem !important; } .g-pb-4 { padding-bottom: 0.28571rem !important; } .g-pb-5 { padding-bottom: 0.35714rem !important; } .g-pb-6 { padding-bottom: 0.42857rem !important; } .g-pb-7 { padding-bottom: 0.5rem !important; } .g-pb-8 { padding-bottom: 0.57143rem !important; } .g-pb-9 { padding-bottom: 0.64286rem !important; } .g-pb-10 { padding-bottom: 0.71429rem !important; } .g-pb-11 { padding-bottom: 0.78571rem !important; } .g-pb-12 { padding-bottom: 0.85714rem !important; } .g-pb-13 { padding-bottom: 0.92857rem !important; } .g-pb-14 { padding-bottom: 1rem !important; } .g-pb-15 { padding-bottom: 1.07143rem !important; } .g-pb-16 { padding-bottom: 1.14286rem !important; } .g-pb-17 { padding-bottom: 1.21429rem !important; } .g-pb-18 { padding-bottom: 1.28571rem !important; } .g-pb-19 { padding-bottom: 1.35714rem !important; } .g-pb-20 { padding-bottom: 1.42857rem !important; } .g-pb-25 { padding-bottom: 1.78571rem !important; } .g-pb-30 { padding-bottom: 2.14286rem !important; } .g-pb-35 { padding-bottom: 2.5rem !important; } .g-pb-40 { padding-bottom: 2.85714rem !important; } .g-pb-45 { padding-bottom: 3.21429rem !important; } .g-pb-50 { padding-bottom: 3.57143rem !important; } .g-pb-55 { padding-bottom: 3.92857rem !important; } .g-pb-60 { padding-bottom: 4.28571rem !important; } .g-pb-65 { padding-bottom: 4.64286rem !important; } .g-pb-70 { padding-bottom: 5rem !important; } .g-pb-75 { padding-bottom: 5.35714rem !important; } .g-pb-80 { padding-bottom: 5.71429rem !important; } .g-pb-85 { padding-bottom: 6.07143rem !important; } .g-pb-90 { padding-bottom: 6.42857rem !important; } .g-pb-95 { padding-bottom: 6.78571rem !important; } .g-pb-100 { padding-bottom: 7.14286rem !important; } .g-pb-105 { padding-bottom: 7.5rem !important; } .g-pb-110 { padding-bottom: 7.85714rem !important; } .g-pb-115 { padding-bottom: 8.21429rem !important; } .g-pb-120 { padding-bottom: 8.57143rem !important; } .g-pb-125 { padding-bottom: 8.92857rem !important; } .g-pb-130 { padding-bottom: 9.28571rem !important; } .g-pb-135 { padding-bottom: 9.64286rem !important; } .g-pb-140 { padding-bottom: 10rem !important; } .g-pb-145 { padding-bottom: 10.35714rem !important; } .g-pb-150 { padding-bottom: 10.71429rem !important; } .g-pb-155 { padding-bottom: 11.07143rem !important; } .g-pb-160 { padding-bottom: 11.42857rem !important; } .g-pb-165 { padding-bottom: 11.78571rem !important; } .g-pb-170 { padding-bottom: 12.14286rem !important; } .g-pb-200 { padding-bottom: 14.28571rem !important; } .g-pb-300 { padding-bottom: 21.42857rem !important; } .g-pb-400 { padding-bottom: 28.57143rem !important; } .g-pb-500 { padding-bottom: 35.71429rem !important; } /* padding LEFT */ .g-pl-0 { padding-left: 0 !important; } .g-pl-1 { padding-left: 0.07143rem !important; } .g-pl-2 { padding-left: 0.14286rem !important; } .g-pl-3 { padding-left: 0.21429rem !important; } .g-pl-4 { padding-left: 0.28571rem !important; } .g-pl-5 { padding-left: 0.35714rem !important; } .g-pl-6 { padding-left: 0.42857rem !important; } .g-pl-7 { padding-left: 0.5rem !important; } .g-pl-8 { padding-left: 0.57143rem !important; } .g-pl-9 { padding-left: 0.64286rem !important; } .g-pl-10 { padding-left: 0.71429rem !important; } .g-pl-11 { padding-left: 0.78571rem !important; } .g-pl-12 { padding-left: 0.85714rem !important; } .g-pl-13 { padding-left: 0.92857rem !important; } .g-pl-14 { padding-left: 1rem !important; } .g-pl-15 { padding-left: 1.07143rem !important; } .g-pl-16 { padding-left: 1.14286rem !important; } .g-pl-17 { padding-left: 1.21429rem !important; } .g-pl-18 { padding-left: 1.28571rem !important; } .g-pl-19 { padding-left: 1.35714rem !important; } .g-pl-20 { padding-left: 1.42857rem !important; } .g-pl-25 { padding-left: 1.78571rem !important; } .g-pl-30 { padding-left: 2.14286rem !important; } .g-pl-35 { padding-left: 2.5rem !important; } .g-pl-40 { padding-left: 2.85714rem !important; } .g-pl-45 { padding-left: 3.21429rem !important; } .g-pl-50 { padding-left: 3.57143rem !important; } .g-pl-55 { padding-left: 3.92857rem !important; } .g-pl-60 { padding-left: 4.28571rem !important; } .g-pl-65 { padding-left: 4.64286rem !important; } .g-pl-70 { padding-left: 5rem !important; } .g-pl-75 { padding-left: 5.35714rem !important; } .g-pl-80 { padding-left: 5.71429rem !important; } .g-pl-85 { padding-left: 6.07143rem !important; } .g-pl-90 { padding-left: 6.42857rem !important; } .g-pl-95 { padding-left: 6.78571rem !important; } .g-pl-100 { padding-left: 7.14286rem !important; } .g-pl-105 { padding-left: 7.5rem !important; } .g-pl-110 { padding-left: 7.85714rem !important; } .g-pl-115 { padding-left: 8.21429rem !important; } .g-pl-120 { padding-left: 8.57143rem !important; } .g-pl-125 { padding-left: 8.92857rem !important; } .g-pl-130 { padding-left: 9.28571rem !important; } .g-pl-135 { padding-left: 9.64286rem !important; } .g-pl-140 { padding-left: 10rem !important; } .g-pl-145 { padding-left: 10.35714rem !important; } .g-pl-150 { padding-left: 10.71429rem !important; } .g-pl-155 { padding-left: 11.07143rem !important; } .g-pl-160 { padding-left: 11.42857rem !important; } .g-pl-165 { padding-left: 11.78571rem !important; } .g-pl-170 { padding-left: 12.14286rem !important; } .g-pl-200 { padding-left: 14.28571rem !important; } .g-pl-300 { padding-left: 21.42857rem !important; } .g-pl-400 { padding-left: 28.57143rem !important; } .g-pl-500 { padding-left: 35.71429rem !important; } /* padding RIGHT */ .g-pr-0 { padding-right: 0 !important; } .g-pr-1 { padding-right: 0.07143rem !important; } .g-pr-2 { padding-right: 0.14286rem !important; } .g-pr-3 { padding-right: 0.21429rem !important; } .g-pr-4 { padding-right: 0.28571rem !important; } .g-pr-5 { padding-right: 0.35714rem !important; } .g-pr-6 { padding-right: 0.42857rem !important; } .g-pr-7 { padding-right: 0.5rem !important; } .g-pr-8 { padding-right: 0.57143rem !important; } .g-pr-9 { padding-right: 0.64286rem !important; } .g-pr-10 { padding-right: 0.71429rem !important; } .g-pr-11 { padding-right: 0.78571rem !important; } .g-pr-12 { padding-right: 0.85714rem !important; } .g-pr-13 { padding-right: 0.92857rem !important; } .g-pr-14 { padding-right: 1rem !important; } .g-pr-15 { padding-right: 1.07143rem !important; } .g-pr-16 { padding-right: 1.14286rem !important; } .g-pr-17 { padding-right: 1.21429rem !important; } .g-pr-18 { padding-right: 1.28571rem !important; } .g-pr-19 { padding-right: 1.35714rem !important; } .g-pr-20 { padding-right: 1.42857rem !important; } .g-pr-25 { padding-right: 1.78571rem !important; } .g-pr-30 { padding-right: 2.14286rem !important; } .g-pr-35 { padding-right: 2.5rem !important; } .g-pr-40 { padding-right: 2.85714rem !important; } .g-pr-45 { padding-right: 3.21429rem !important; } .g-pr-50 { padding-right: 3.57143rem !important; } .g-pr-55 { padding-right: 3.92857rem !important; } .g-pr-60 { padding-right: 4.28571rem !important; } .g-pr-65 { padding-right: 4.64286rem !important; } .g-pr-70 { padding-right: 5rem !important; } .g-pr-75 { padding-right: 5.35714rem !important; } .g-pr-80 { padding-right: 5.71429rem !important; } .g-pr-85 { padding-right: 6.07143rem !important; } .g-pr-90 { padding-right: 6.42857rem !important; } .g-pr-95 { padding-right: 6.78571rem !important; } .g-pr-100 { padding-right: 7.14286rem !important; } .g-pr-105 { padding-right: 7.5rem !important; } .g-pr-110 { padding-right: 7.85714rem !important; } .g-pr-115 { padding-right: 8.21429rem !important; } .g-pr-120 { padding-right: 8.57143rem !important; } .g-pr-125 { padding-right: 8.92857rem !important; } .g-pr-130 { padding-right: 9.28571rem !important; } .g-pr-135 { padding-right: 9.64286rem !important; } .g-pr-140 { padding-right: 10rem !important; } .g-pr-145 { padding-right: 10.35714rem !important; } .g-pr-150 { padding-right: 10.71429rem !important; } .g-pr-155 { padding-right: 11.07143rem !important; } .g-pr-160 { padding-right: 11.42857rem !important; } .g-pr-165 { padding-right: 11.78571rem !important; } .g-pr-170 { padding-right: 12.14286rem !important; } .g-pr-200 { padding-right: 14.28571rem !important; } .g-pr-300 { padding-right: 21.42857rem !important; } .g-pr-400 { padding-right: 28.57143rem !important; } .g-pr-500 { padding-right: 35.71429rem !important; } } /* Padding Spaces (sm) ------------------------------------*/ /* Paddings */ @media (min-width: 576px) { /* padding ALL */ .g-pa-0--sm { padding: 0 !important; } .g-pa-1--sm { padding: 0.07143rem !important; } .g-pa-2--sm { padding: 0.14286rem !important; } .g-pa-3--sm { padding: 0.21429rem !important; } .g-pa-4--sm { padding: 0.28571rem !important; } .g-pa-5--sm { padding: 0.35714rem !important; } .g-pa-6--sm { padding: 0.42857rem !important; } .g-pa-7--sm { padding: 0.5rem !important; } .g-pa-8--sm { padding: 0.57143rem !important; } .g-pa-9--sm { padding: 0.64286rem !important; } .g-pa-10--sm { padding: 0.71429rem !important; } .g-pa-11--sm { padding: 0.78571rem !important; } .g-pa-12--sm { padding: 0.85714rem !important; } .g-pa-13--sm { padding: 0.92857rem !important; } .g-pa-14--sm { padding: 1rem !important; } .g-pa-15--sm { padding: 1.07143rem !important; } .g-pa-16--sm { padding: 1.14286rem !important; } .g-pa-17--sm { padding: 1.21429rem !important; } .g-pa-18--sm { padding: 1.28571rem !important; } .g-pa-19--sm { padding: 1.35714rem !important; } .g-pa-20--sm { padding: 1.42857rem !important; } .g-pa-25--sm { padding: 1.78571rem !important; } .g-pa-30--sm { padding: 2.14286rem !important; } .g-pa-35--sm { padding: 2.5rem !important; } .g-pa-40--sm { padding: 2.85714rem !important; } .g-pa-45--sm { padding: 3.21429rem !important; } .g-pa-50--sm { padding: 3.57143rem !important; } .g-pa-55--sm { padding: 3.92857rem !important; } .g-pa-60--sm { padding: 4.28571rem !important; } .g-pa-65--sm { padding: 4.64286rem !important; } .g-pa-70--sm { padding: 5rem !important; } .g-pa-75--sm { padding: 5.35714rem !important; } .g-pa-80--sm { padding: 5.71429rem !important; } .g-pa-85--sm { padding: 6.07143rem !important; } .g-pa-90--sm { padding: 6.42857rem !important; } .g-pa-95--sm { padding: 6.78571rem !important; } .g-pa-100--sm { padding: 7.14286rem !important; } .g-pa-105--sm { padding: 7.5rem !important; } .g-pa-110--sm { padding: 7.85714rem !important; } .g-pa-115--sm { padding: 8.21429rem !important; } .g-pa-120--sm { padding: 8.57143rem !important; } .g-pa-125--sm { padding: 8.92857rem !important; } .g-pa-130--sm { padding: 9.28571rem !important; } .g-pa-135--sm { padding: 9.64286rem !important; } .g-pa-140--sm { padding: 10rem !important; } .g-pa-145--sm { padding: 10.35714rem !important; } .g-pa-150--sm { padding: 10.71429rem !important; } .g-pa-155--sm { padding: 11.07143rem !important; } .g-pa-160--sm { padding: 11.42857rem !important; } .g-pa-165--sm { padding: 11.78571rem !important; } .g-pa-170--sm { padding: 12.14286rem !important; } .g-pa-200--sm { padding: 14.28571rem !important; } .g-pa-300--sm { padding: 21.42857rem !important; } .g-pa-400--sm { padding: 28.57143rem !important; } .g-pa-500--sm { padding: 35.71429rem !important; } /* padding X */ .g-px-0--sm { padding-left: 0 !important; padding-right: 0 !important; } .g-px-1--sm { padding-left: 0.07143rem !important; padding-right: 0.07143rem !important; } .g-px-2--sm { padding-left: 0.14286rem !important; padding-right: 0.14286rem !important; } .g-px-3--sm { padding-left: 0.21429rem !important; padding-right: 0.21429rem !important; } .g-px-4--sm { padding-left: 0.28571rem !important; padding-right: 0.28571rem !important; } .g-px-5--sm { padding-left: 0.35714rem !important; padding-right: 0.35714rem !important; } .g-px-6--sm { padding-left: 0.42857rem !important; padding-right: 0.42857rem !important; } .g-px-7--sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .g-px-8--sm { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-px-9--sm { padding-left: 0.64286rem !important; padding-right: 0.64286rem !important; } .g-px-10--sm { padding-left: 0.71429rem !important; padding-right: 0.71429rem !important; } .g-px-11--sm { padding-left: 0.78571rem !important; padding-right: 0.78571rem !important; } .g-px-12--sm { padding-left: 0.85714rem !important; padding-right: 0.85714rem !important; } .g-px-13--sm { padding-left: 0.92857rem !important; padding-right: 0.92857rem !important; } .g-px-14--sm { padding-left: 1rem !important; padding-right: 1rem !important; } .g-px-15--sm { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-px-16--sm { padding-left: 1.14286rem !important; padding-right: 1.14286rem !important; } .g-px-17--sm { padding-left: 1.21429rem !important; padding-right: 1.21429rem !important; } .g-px-18--sm { padding-left: 1.28571rem !important; padding-right: 1.28571rem !important; } .g-px-19--sm { padding-left: 1.35714rem !important; padding-right: 1.35714rem !important; } .g-px-20--sm { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-px-25--sm { padding-left: 1.78571rem !important; padding-right: 1.78571rem !important; } .g-px-30--sm { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-px-35--sm { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-px-40--sm { padding-left: 2.85714rem !important; padding-right: 2.85714rem !important; } .g-px-45--sm { padding-left: 3.21429rem !important; padding-right: 3.21429rem !important; } .g-px-50--sm { padding-left: 3.57143rem !important; padding-right: 3.57143rem !important; } .g-px-55--sm { padding-left: 3.92857rem !important; padding-right: 3.92857rem !important; } .g-px-60--sm { padding-left: 4.28571rem !important; padding-right: 4.28571rem !important; } .g-px-65--sm { padding-left: 4.64286rem !important; padding-right: 4.64286rem !important; } .g-px-70--sm { padding-left: 5rem !important; padding-right: 5rem !important; } .g-px-75--sm { padding-left: 5.35714rem !important; padding-right: 5.35714rem !important; } .g-px-80--sm { padding-left: 5.71429rem !important; padding-right: 5.71429rem !important; } .g-px-85--sm { padding-left: 6.07143rem !important; padding-right: 6.07143rem !important; } .g-px-90--sm { padding-left: 6.42857rem !important; padding-right: 6.42857rem !important; } .g-px-95--sm { padding-left: 6.78571rem !important; padding-right: 6.78571rem !important; } .g-px-100--sm { padding-left: 7.14286rem !important; padding-right: 7.14286rem !important; } .g-px-105--sm { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .g-px-110--sm { padding-left: 7.85714rem !important; padding-right: 7.85714rem !important; } .g-px-115--sm { padding-left: 8.21429rem !important; padding-right: 8.21429rem !important; } .g-px-120--sm { padding-left: 8.57143rem !important; padding-right: 8.57143rem !important; } .g-px-125--sm { padding-left: 8.92857rem !important; padding-right: 8.92857rem !important; } .g-px-130--sm { padding-left: 9.28571rem !important; padding-right: 9.28571rem !important; } .g-px-135--sm { padding-left: 9.64286rem !important; padding-right: 9.64286rem !important; } .g-px-140--sm { padding-left: 10rem !important; padding-right: 10rem !important; } .g-px-145--sm { padding-left: 10.35714rem !important; padding-right: 10.35714rem !important; } .g-px-150--sm { padding-left: 10.71429rem !important; padding-right: 10.71429rem !important; } .g-px-155--sm { padding-left: 11.07143rem !important; padding-right: 11.07143rem !important; } .g-px-160--sm { padding-left: 11.42857rem !important; padding-right: 11.42857rem !important; } .g-px-165--sm { padding-left: 11.78571rem !important; padding-right: 11.78571rem !important; } .g-px-170--sm { padding-left: 12.14286rem !important; padding-right: 12.14286rem !important; } .g-px-200--sm { padding-left: 14.28571rem !important; padding-right: 14.28571rem !important; } .g-px-300--sm { padding-left: 21.42857rem !important; padding-right: 21.42857rem !important; } .g-px-400--sm { padding-left: 28.57143rem !important; padding-right: 28.57143rem !important; } .g-px-500--sm { padding-left: 35.71429rem !important; padding-right: 35.71429rem !important; } /* padding Y */ .g-py-0--sm { padding-top: 0 !important; padding-bottom: 0 !important; } .g-py-1--sm { padding-top: 0.07143rem !important; padding-bottom: 0.07143rem !important; } .g-py-2--sm { padding-top: 0.14286rem !important; padding-bottom: 0.14286rem !important; } .g-py-3--sm { padding-top: 0.21429rem !important; padding-bottom: 0.21429rem !important; } .g-py-4--sm { padding-top: 0.28571rem !important; padding-bottom: 0.28571rem !important; } .g-py-5--sm { padding-top: 0.35714rem !important; padding-bottom: 0.35714rem !important; } .g-py-6--sm { padding-top: 0.42857rem !important; padding-bottom: 0.42857rem !important; } .g-py-7--sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .g-py-8--sm { padding-top: 0.57143rem !important; padding-bottom: 0.57143rem !important; } .g-py-9--sm { padding-top: 0.64286rem !important; padding-bottom: 0.64286rem !important; } .g-py-10--sm { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-py-11--sm { padding-top: 0.78571rem !important; padding-bottom: 0.78571rem !important; } .g-py-12--sm { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } .g-py-13--sm { padding-top: 0.92857rem !important; padding-bottom: 0.92857rem !important; } .g-py-14--sm { padding-top: 1rem !important; padding-bottom: 1rem !important; } .g-py-15--sm { padding-top: 1.07143rem !important; padding-bottom: 1.07143rem !important; } .g-py-16--sm { padding-top: 1.14286rem !important; padding-bottom: 1.14286rem !important; } .g-py-17--sm { padding-top: 1.21429rem !important; padding-bottom: 1.21429rem !important; } .g-py-18--sm { padding-top: 1.28571rem !important; padding-bottom: 1.28571rem !important; } .g-py-19--sm { padding-top: 1.35714rem !important; padding-bottom: 1.35714rem !important; } .g-py-20--sm { padding-top: 1.42857rem !important; padding-bottom: 1.42857rem !important; } .g-py-25--sm { padding-top: 1.78571rem !important; padding-bottom: 1.78571rem !important; } .g-py-30--sm { padding-top: 2.14286rem !important; padding-bottom: 2.14286rem !important; } .g-py-35--sm { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .g-py-40--sm { padding-top: 2.85714rem !important; padding-bottom: 2.85714rem !important; } .g-py-45--sm { padding-top: 3.21429rem !important; padding-bottom: 3.21429rem !important; } .g-py-50--sm { padding-top: 3.57143rem !important; padding-bottom: 3.57143rem !important; } .g-py-55--sm { padding-top: 3.92857rem !important; padding-bottom: 3.92857rem !important; } .g-py-60--sm { padding-top: 4.28571rem !important; padding-bottom: 4.28571rem !important; } .g-py-65--sm { padding-top: 4.64286rem !important; padding-bottom: 4.64286rem !important; } .g-py-70--sm { padding-top: 5rem !important; padding-bottom: 5rem !important; } .g-py-75--sm { padding-top: 5.35714rem !important; padding-bottom: 5.35714rem !important; } .g-py-80--sm { padding-top: 5.71429rem !important; padding-bottom: 5.71429rem !important; } .g-py-85--sm { padding-top: 6.07143rem !important; padding-bottom: 6.07143rem !important; } .g-py-90--sm { padding-top: 6.42857rem !important; padding-bottom: 6.42857rem !important; } .g-py-95--sm { padding-top: 6.78571rem !important; padding-bottom: 6.78571rem !important; } .g-py-100--sm { padding-top: 7.14286rem !important; padding-bottom: 7.14286rem !important; } .g-py-105--sm { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .g-py-110--sm { padding-top: 7.85714rem !important; padding-bottom: 7.85714rem !important; } .g-py-115--sm { padding-top: 8.21429rem !important; padding-bottom: 8.21429rem !important; } .g-py-120--sm { padding-top: 8.57143rem !important; padding-bottom: 8.57143rem !important; } .g-py-125--sm { padding-top: 8.92857rem !important; padding-bottom: 8.92857rem !important; } .g-py-130--sm { padding-top: 9.28571rem !important; padding-bottom: 9.28571rem !important; } .g-py-135--sm { padding-top: 9.64286rem !important; padding-bottom: 9.64286rem !important; } .g-py-140--sm { padding-top: 10rem !important; padding-bottom: 10rem !important; } .g-py-145--sm { padding-top: 10.35714rem !important; padding-bottom: 10.35714rem !important; } .g-py-150--sm { padding-top: 10.71429rem !important; padding-bottom: 10.71429rem !important; } .g-py-155--sm { padding-top: 11.07143rem !important; padding-bottom: 11.07143rem !important; } .g-py-160--sm { padding-top: 11.42857rem !important; padding-bottom: 11.42857rem !important; } .g-py-165--sm { padding-top: 11.78571rem !important; padding-bottom: 11.78571rem !important; } .g-py-170--sm { padding-top: 12.14286rem !important; padding-bottom: 12.14286rem !important; } .g-py-200--sm { padding-top: 14.28571rem !important; padding-bottom: 14.28571rem !important; } .g-py-300--sm { padding-top: 21.42857rem !important; padding-bottom: 21.42857rem !important; } .g-py-400--sm { padding-top: 28.57143rem !important; padding-bottom: 28.57143rem !important; } .g-py-500--sm { padding-top: 35.71429rem !important; padding-bottom: 35.71429rem !important; } /* padding TOP */ .g-pt-0--sm { padding-top: 0 !important; } .g-pt-1--sm { padding-top: 0.07143rem !important; } .g-pt-2--sm { padding-top: 0.14286rem !important; } .g-pt-3--sm { padding-top: 0.21429rem !important; } .g-pt-4--sm { padding-top: 0.28571rem !important; } .g-pt-5--sm { padding-top: 0.35714rem !important; } .g-pt-6--sm { padding-top: 0.42857rem !important; } .g-pt-7--sm { padding-top: 0.5rem !important; } .g-pt-8--sm { padding-top: 0.57143rem !important; } .g-pt-9--sm { padding-top: 0.64286rem !important; } .g-pt-10--sm { padding-top: 0.71429rem !important; } .g-pt-11--sm { padding-top: 0.78571rem !important; } .g-pt-12--sm { padding-top: 0.85714rem !important; } .g-pt-13--sm { padding-top: 0.92857rem !important; } .g-pt-14--sm { padding-top: 1rem !important; } .g-pt-15--sm { padding-top: 1.07143rem !important; } .g-pt-16--sm { padding-top: 1.14286rem !important; } .g-pt-17--sm { padding-top: 1.21429rem !important; } .g-pt-18--sm { padding-top: 1.28571rem !important; } .g-pt-19--sm { padding-top: 1.35714rem !important; } .g-pt-20--sm { padding-top: 1.42857rem !important; } .g-pt-25--sm { padding-top: 1.78571rem !important; } .g-pt-30--sm { padding-top: 2.14286rem !important; } .g-pt-35--sm { padding-top: 2.5rem !important; } .g-pt-40--sm { padding-top: 2.85714rem !important; } .g-pt-45--sm { padding-top: 3.21429rem !important; } .g-pt-50--sm { padding-top: 3.57143rem !important; } .g-pt-55--sm { padding-top: 3.92857rem !important; } .g-pt-60--sm { padding-top: 4.28571rem !important; } .g-pt-65--sm { padding-top: 4.64286rem !important; } .g-pt-70--sm { padding-top: 5rem !important; } .g-pt-75--sm { padding-top: 5.35714rem !important; } .g-pt-80--sm { padding-top: 5.71429rem !important; } .g-pt-85--sm { padding-top: 6.07143rem !important; } .g-pt-90--sm { padding-top: 6.42857rem !important; } .g-pt-95--sm { padding-top: 6.78571rem !important; } .g-pt-100--sm { padding-top: 7.14286rem !important; } .g-pt-105--sm { padding-top: 7.5rem !important; } .g-pt-110--sm { padding-top: 7.85714rem !important; } .g-pt-115--sm { padding-top: 8.21429rem !important; } .g-pt-120--sm { padding-top: 8.57143rem !important; } .g-pt-125--sm { padding-top: 8.92857rem !important; } .g-pt-130--sm { padding-top: 9.28571rem !important; } .g-pt-135--sm { padding-top: 9.64286rem !important; } .g-pt-140--sm { padding-top: 10rem !important; } .g-pt-145--sm { padding-top: 10.35714rem !important; } .g-pt-150--sm { padding-top: 10.71429rem !important; } .g-pt-155--sm { padding-top: 11.07143rem !important; } .g-pt-160--sm { padding-top: 11.42857rem !important; } .g-pt-165--sm { padding-top: 11.78571rem !important; } .g-pt-170--sm { padding-top: 12.14286rem !important; } .g-pt-200--sm { padding-top: 14.28571rem !important; } .g-pt-300--sm { padding-top: 21.42857rem !important; } .g-pt-400--sm { padding-top: 28.57143rem !important; } .g-pt-500--sm { padding-top: 35.71429rem !important; } /* padding BOTTOM */ .g-pb-0--sm { padding-bottom: 0 !important; } .g-pb-1--sm { padding-bottom: 0.07143rem !important; } .g-pb-2--sm { padding-bottom: 0.14286rem !important; } .g-pb-3--sm { padding-bottom: 0.21429rem !important; } .g-pb-4--sm { padding-bottom: 0.28571rem !important; } .g-pb-5--sm { padding-bottom: 0.35714rem !important; } .g-pb-6--sm { padding-bottom: 0.42857rem !important; } .g-pb-7--sm { padding-bottom: 0.5rem !important; } .g-pb-8--sm { padding-bottom: 0.57143rem !important; } .g-pb-9--sm { padding-bottom: 0.64286rem !important; } .g-pb-10--sm { padding-bottom: 0.71429rem !important; } .g-pb-11--sm { padding-bottom: 0.78571rem !important; } .g-pb-12--sm { padding-bottom: 0.85714rem !important; } .g-pb-13--sm { padding-bottom: 0.92857rem !important; } .g-pb-14--sm { padding-bottom: 1rem !important; } .g-pb-15--sm { padding-bottom: 1.07143rem !important; } .g-pb-16--sm { padding-bottom: 1.14286rem !important; } .g-pb-17--sm { padding-bottom: 1.21429rem !important; } .g-pb-18--sm { padding-bottom: 1.28571rem !important; } .g-pb-19--sm { padding-bottom: 1.35714rem !important; } .g-pb-20--sm { padding-bottom: 1.42857rem !important; } .g-pb-25--sm { padding-bottom: 1.78571rem !important; } .g-pb-30--sm { padding-bottom: 2.14286rem !important; } .g-pb-35--sm { padding-bottom: 2.5rem !important; } .g-pb-40--sm { padding-bottom: 2.85714rem !important; } .g-pb-45--sm { padding-bottom: 3.21429rem !important; } .g-pb-50--sm { padding-bottom: 3.57143rem !important; } .g-pb-55--sm { padding-bottom: 3.92857rem !important; } .g-pb-60--sm { padding-bottom: 4.28571rem !important; } .g-pb-65--sm { padding-bottom: 4.64286rem !important; } .g-pb-70--sm { padding-bottom: 5rem !important; } .g-pb-75--sm { padding-bottom: 5.35714rem !important; } .g-pb-80--sm { padding-bottom: 5.71429rem !important; } .g-pb-85--sm { padding-bottom: 6.07143rem !important; } .g-pb-90--sm { padding-bottom: 6.42857rem !important; } .g-pb-95--sm { padding-bottom: 6.78571rem !important; } .g-pb-100--sm { padding-bottom: 7.14286rem !important; } .g-pb-105--sm { padding-bottom: 7.5rem !important; } .g-pb-110--sm { padding-bottom: 7.85714rem !important; } .g-pb-115--sm { padding-bottom: 8.21429rem !important; } .g-pb-120--sm { padding-bottom: 8.57143rem !important; } .g-pb-125--sm { padding-bottom: 8.92857rem !important; } .g-pb-130--sm { padding-bottom: 9.28571rem !important; } .g-pb-135--sm { padding-bottom: 9.64286rem !important; } .g-pb-140--sm { padding-bottom: 10rem !important; } .g-pb-145--sm { padding-bottom: 10.35714rem !important; } .g-pb-150--sm { padding-bottom: 10.71429rem !important; } .g-pb-155--sm { padding-bottom: 11.07143rem !important; } .g-pb-160--sm { padding-bottom: 11.42857rem !important; } .g-pb-165--sm { padding-bottom: 11.78571rem !important; } .g-pb-170--sm { padding-bottom: 12.14286rem !important; } .g-pb-200--sm { padding-bottom: 14.28571rem !important; } .g-pb-300--sm { padding-bottom: 21.42857rem !important; } .g-pb-400--sm { padding-bottom: 28.57143rem !important; } .g-pb-500--sm { padding-bottom: 35.71429rem !important; } /* padding LEFT */ .g-pl-0--sm { padding-left: 0 !important; } .g-pl-1--sm { padding-left: 0.07143rem !important; } .g-pl-2--sm { padding-left: 0.14286rem !important; } .g-pl-3--sm { padding-left: 0.21429rem !important; } .g-pl-4--sm { padding-left: 0.28571rem !important; } .g-pl-5--sm { padding-left: 0.35714rem !important; } .g-pl-6--sm { padding-left: 0.42857rem !important; } .g-pl-7--sm { padding-left: 0.5rem !important; } .g-pl-8--sm { padding-left: 0.57143rem !important; } .g-pl-9--sm { padding-left: 0.64286rem !important; } .g-pl-10--sm { padding-left: 0.71429rem !important; } .g-pl-11--sm { padding-left: 0.78571rem !important; } .g-pl-12--sm { padding-left: 0.85714rem !important; } .g-pl-13--sm { padding-left: 0.92857rem !important; } .g-pl-14--sm { padding-left: 1rem !important; } .g-pl-15--sm { padding-left: 1.07143rem !important; } .g-pl-16--sm { padding-left: 1.14286rem !important; } .g-pl-17--sm { padding-left: 1.21429rem !important; } .g-pl-18--sm { padding-left: 1.28571rem !important; } .g-pl-19--sm { padding-left: 1.35714rem !important; } .g-pl-20--sm { padding-left: 1.42857rem !important; } .g-pl-25--sm { padding-left: 1.78571rem !important; } .g-pl-30--sm { padding-left: 2.14286rem !important; } .g-pl-35--sm { padding-left: 2.5rem !important; } .g-pl-40--sm { padding-left: 2.85714rem !important; } .g-pl-45--sm { padding-left: 3.21429rem !important; } .g-pl-50--sm { padding-left: 3.57143rem !important; } .g-pl-55--sm { padding-left: 3.92857rem !important; } .g-pl-60--sm { padding-left: 4.28571rem !important; } .g-pl-65--sm { padding-left: 4.64286rem !important; } .g-pl-70--sm { padding-left: 5rem !important; } .g-pl-75--sm { padding-left: 5.35714rem !important; } .g-pl-80--sm { padding-left: 5.71429rem !important; } .g-pl-85--sm { padding-left: 6.07143rem !important; } .g-pl-90--sm { padding-left: 6.42857rem !important; } .g-pl-95--sm { padding-left: 6.78571rem !important; } .g-pl-100--sm { padding-left: 7.14286rem !important; } .g-pl-105--sm { padding-left: 7.5rem !important; } .g-pl-110--sm { padding-left: 7.85714rem !important; } .g-pl-115--sm { padding-left: 8.21429rem !important; } .g-pl-120--sm { padding-left: 8.57143rem !important; } .g-pl-125--sm { padding-left: 8.92857rem !important; } .g-pl-130--sm { padding-left: 9.28571rem !important; } .g-pl-135--sm { padding-left: 9.64286rem !important; } .g-pl-140--sm { padding-left: 10rem !important; } .g-pl-145--sm { padding-left: 10.35714rem !important; } .g-pl-150--sm { padding-left: 10.71429rem !important; } .g-pl-155--sm { padding-left: 11.07143rem !important; } .g-pl-160--sm { padding-left: 11.42857rem !important; } .g-pl-165--sm { padding-left: 11.78571rem !important; } .g-pl-170--sm { padding-left: 12.14286rem !important; } .g-pl-200--sm { padding-left: 14.28571rem !important; } .g-pl-300--sm { padding-left: 21.42857rem !important; } .g-pl-400--sm { padding-left: 28.57143rem !important; } .g-pl-500--sm { padding-left: 35.71429rem !important; } /* padding RIGHT */ .g-pr-0--sm { padding-right: 0 !important; } .g-pr-1--sm { padding-right: 0.07143rem !important; } .g-pr-2--sm { padding-right: 0.14286rem !important; } .g-pr-3--sm { padding-right: 0.21429rem !important; } .g-pr-4--sm { padding-right: 0.28571rem !important; } .g-pr-5--sm { padding-right: 0.35714rem !important; } .g-pr-6--sm { padding-right: 0.42857rem !important; } .g-pr-7--sm { padding-right: 0.5rem !important; } .g-pr-8--sm { padding-right: 0.57143rem !important; } .g-pr-9--sm { padding-right: 0.64286rem !important; } .g-pr-10--sm { padding-right: 0.71429rem !important; } .g-pr-11--sm { padding-right: 0.78571rem !important; } .g-pr-12--sm { padding-right: 0.85714rem !important; } .g-pr-13--sm { padding-right: 0.92857rem !important; } .g-pr-14--sm { padding-right: 1rem !important; } .g-pr-15--sm { padding-right: 1.07143rem !important; } .g-pr-16--sm { padding-right: 1.14286rem !important; } .g-pr-17--sm { padding-right: 1.21429rem !important; } .g-pr-18--sm { padding-right: 1.28571rem !important; } .g-pr-19--sm { padding-right: 1.35714rem !important; } .g-pr-20--sm { padding-right: 1.42857rem !important; } .g-pr-25--sm { padding-right: 1.78571rem !important; } .g-pr-30--sm { padding-right: 2.14286rem !important; } .g-pr-35--sm { padding-right: 2.5rem !important; } .g-pr-40--sm { padding-right: 2.85714rem !important; } .g-pr-45--sm { padding-right: 3.21429rem !important; } .g-pr-50--sm { padding-right: 3.57143rem !important; } .g-pr-55--sm { padding-right: 3.92857rem !important; } .g-pr-60--sm { padding-right: 4.28571rem !important; } .g-pr-65--sm { padding-right: 4.64286rem !important; } .g-pr-70--sm { padding-right: 5rem !important; } .g-pr-75--sm { padding-right: 5.35714rem !important; } .g-pr-80--sm { padding-right: 5.71429rem !important; } .g-pr-85--sm { padding-right: 6.07143rem !important; } .g-pr-90--sm { padding-right: 6.42857rem !important; } .g-pr-95--sm { padding-right: 6.78571rem !important; } .g-pr-100--sm { padding-right: 7.14286rem !important; } .g-pr-105--sm { padding-right: 7.5rem !important; } .g-pr-110--sm { padding-right: 7.85714rem !important; } .g-pr-115--sm { padding-right: 8.21429rem !important; } .g-pr-120--sm { padding-right: 8.57143rem !important; } .g-pr-125--sm { padding-right: 8.92857rem !important; } .g-pr-130--sm { padding-right: 9.28571rem !important; } .g-pr-135--sm { padding-right: 9.64286rem !important; } .g-pr-140--sm { padding-right: 10rem !important; } .g-pr-145--sm { padding-right: 10.35714rem !important; } .g-pr-150--sm { padding-right: 10.71429rem !important; } .g-pr-155--sm { padding-right: 11.07143rem !important; } .g-pr-160--sm { padding-right: 11.42857rem !important; } .g-pr-165--sm { padding-right: 11.78571rem !important; } .g-pr-170--sm { padding-right: 12.14286rem !important; } .g-pr-200--sm { padding-right: 14.28571rem !important; } .g-pr-300--sm { padding-right: 21.42857rem !important; } .g-pr-400--sm { padding-right: 28.57143rem !important; } .g-pr-500--sm { padding-right: 35.71429rem !important; } } /* Padding Spaces (md) ------------------------------------*/ /* Paddings */ @media (min-width: 768px) { /* padding ALL */ .g-pa-0--md { padding: 0 !important; } .g-pa-1--md { padding: 0.07143rem !important; } .g-pa-2--md { padding: 0.14286rem !important; } .g-pa-3--md { padding: 0.21429rem !important; } .g-pa-4--md { padding: 0.28571rem !important; } .g-pa-5--md { padding: 0.35714rem !important; } .g-pa-6--md { padding: 0.42857rem !important; } .g-pa-7--md { padding: 0.5rem !important; } .g-pa-8--md { padding: 0.57143rem !important; } .g-pa-9--md { padding: 0.64286rem !important; } .g-pa-10--md { padding: 0.71429rem !important; } .g-pa-11--md { padding: 0.78571rem !important; } .g-pa-12--md { padding: 0.85714rem !important; } .g-pa-13--md { padding: 0.92857rem !important; } .g-pa-14--md { padding: 1rem !important; } .g-pa-15--md { padding: 1.07143rem !important; } .g-pa-16--md { padding: 1.14286rem !important; } .g-pa-17--md { padding: 1.21429rem !important; } .g-pa-18--md { padding: 1.28571rem !important; } .g-pa-19--md { padding: 1.35714rem !important; } .g-pa-20--md { padding: 1.42857rem !important; } .g-pa-25--md { padding: 1.78571rem !important; } .g-pa-30--md { padding: 2.14286rem !important; } .g-pa-35--md { padding: 2.5rem !important; } .g-pa-40--md { padding: 2.85714rem !important; } .g-pa-45--md { padding: 3.21429rem !important; } .g-pa-50--md { padding: 3.57143rem !important; } .g-pa-55--md { padding: 3.92857rem !important; } .g-pa-60--md { padding: 4.28571rem !important; } .g-pa-65--md { padding: 4.64286rem !important; } .g-pa-70--md { padding: 5rem !important; } .g-pa-75--md { padding: 5.35714rem !important; } .g-pa-80--md { padding: 5.71429rem !important; } .g-pa-85--md { padding: 6.07143rem !important; } .g-pa-90--md { padding: 6.42857rem !important; } .g-pa-95--md { padding: 6.78571rem !important; } .g-pa-100--md { padding: 7.14286rem !important; } .g-pa-105--md { padding: 7.5rem !important; } .g-pa-110--md { padding: 7.85714rem !important; } .g-pa-115--md { padding: 8.21429rem !important; } .g-pa-120--md { padding: 8.57143rem !important; } .g-pa-125--md { padding: 8.92857rem !important; } .g-pa-130--md { padding: 9.28571rem !important; } .g-pa-135--md { padding: 9.64286rem !important; } .g-pa-140--md { padding: 10rem !important; } .g-pa-145--md { padding: 10.35714rem !important; } .g-pa-150--md { padding: 10.71429rem !important; } .g-pa-155--md { padding: 11.07143rem !important; } .g-pa-160--md { padding: 11.42857rem !important; } .g-pa-165--md { padding: 11.78571rem !important; } .g-pa-170--md { padding: 12.14286rem !important; } .g-pa-200--md { padding: 14.28571rem !important; } .g-pa-300--md { padding: 21.42857rem !important; } .g-pa-400--md { padding: 28.57143rem !important; } .g-pa-500--md { padding: 35.71429rem !important; } /* padding X */ .g-px-0--md { padding-left: 0 !important; padding-right: 0 !important; } .g-px-1--md { padding-left: 0.07143rem !important; padding-right: 0.07143rem !important; } .g-px-2--md { padding-left: 0.14286rem !important; padding-right: 0.14286rem !important; } .g-px-3--md { padding-left: 0.21429rem !important; padding-right: 0.21429rem !important; } .g-px-4--md { padding-left: 0.28571rem !important; padding-right: 0.28571rem !important; } .g-px-5--md { padding-left: 0.35714rem !important; padding-right: 0.35714rem !important; } .g-px-6--md { padding-left: 0.42857rem !important; padding-right: 0.42857rem !important; } .g-px-7--md { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .g-px-8--md { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-px-9--md { padding-left: 0.64286rem !important; padding-right: 0.64286rem !important; } .g-px-10--md { padding-left: 0.71429rem !important; padding-right: 0.71429rem !important; } .g-px-11--md { padding-left: 0.78571rem !important; padding-right: 0.78571rem !important; } .g-px-12--md { padding-left: 0.85714rem !important; padding-right: 0.85714rem !important; } .g-px-13--md { padding-left: 0.92857rem !important; padding-right: 0.92857rem !important; } .g-px-14--md { padding-left: 1rem !important; padding-right: 1rem !important; } .g-px-15--md { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-px-16--md { padding-left: 1.14286rem !important; padding-right: 1.14286rem !important; } .g-px-17--md { padding-left: 1.21429rem !important; padding-right: 1.21429rem !important; } .g-px-18--md { padding-left: 1.28571rem !important; padding-right: 1.28571rem !important; } .g-px-19--md { padding-left: 1.35714rem !important; padding-right: 1.35714rem !important; } .g-px-20--md { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-px-25--md { padding-left: 1.78571rem !important; padding-right: 1.78571rem !important; } .g-px-30--md { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-px-35--md { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-px-40--md { padding-left: 2.85714rem !important; padding-right: 2.85714rem !important; } .g-px-45--md { padding-left: 3.21429rem !important; padding-right: 3.21429rem !important; } .g-px-50--md { padding-left: 3.57143rem !important; padding-right: 3.57143rem !important; } .g-px-55--md { padding-left: 3.92857rem !important; padding-right: 3.92857rem !important; } .g-px-60--md { padding-left: 4.28571rem !important; padding-right: 4.28571rem !important; } .g-px-65--md { padding-left: 4.64286rem !important; padding-right: 4.64286rem !important; } .g-px-70--md { padding-left: 5rem !important; padding-right: 5rem !important; } .g-px-75--md { padding-left: 5.35714rem !important; padding-right: 5.35714rem !important; } .g-px-80--md { padding-left: 5.71429rem !important; padding-right: 5.71429rem !important; } .g-px-85--md { padding-left: 6.07143rem !important; padding-right: 6.07143rem !important; } .g-px-90--md { padding-left: 6.42857rem !important; padding-right: 6.42857rem !important; } .g-px-95--md { padding-left: 6.78571rem !important; padding-right: 6.78571rem !important; } .g-px-100--md { padding-left: 7.14286rem !important; padding-right: 7.14286rem !important; } .g-px-105--md { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .g-px-110--md { padding-left: 7.85714rem !important; padding-right: 7.85714rem !important; } .g-px-115--md { padding-left: 8.21429rem !important; padding-right: 8.21429rem !important; } .g-px-120--md { padding-left: 8.57143rem !important; padding-right: 8.57143rem !important; } .g-px-125--md { padding-left: 8.92857rem !important; padding-right: 8.92857rem !important; } .g-px-130--md { padding-left: 9.28571rem !important; padding-right: 9.28571rem !important; } .g-px-135--md { padding-left: 9.64286rem !important; padding-right: 9.64286rem !important; } .g-px-140--md { padding-left: 10rem !important; padding-right: 10rem !important; } .g-px-145--md { padding-left: 10.35714rem !important; padding-right: 10.35714rem !important; } .g-px-150--md { padding-left: 10.71429rem !important; padding-right: 10.71429rem !important; } .g-px-155--md { padding-left: 11.07143rem !important; padding-right: 11.07143rem !important; } .g-px-160--md { padding-left: 11.42857rem !important; padding-right: 11.42857rem !important; } .g-px-165--md { padding-left: 11.78571rem !important; padding-right: 11.78571rem !important; } .g-px-170--md { padding-left: 12.14286rem !important; padding-right: 12.14286rem !important; } .g-px-200--md { padding-left: 14.28571rem !important; padding-right: 14.28571rem !important; } .g-px-300--md { padding-left: 21.42857rem !important; padding-right: 21.42857rem !important; } .g-px-400--md { padding-left: 28.57143rem !important; padding-right: 28.57143rem !important; } .g-px-500--md { padding-left: 35.71429rem !important; padding-right: 35.71429rem !important; } /* padding Y */ .g-py-0--md { padding-top: 0 !important; padding-bottom: 0 !important; } .g-py-1--md { padding-top: 0.07143rem !important; padding-bottom: 0.07143rem !important; } .g-py-2--md { padding-top: 0.14286rem !important; padding-bottom: 0.14286rem !important; } .g-py-3--md { padding-top: 0.21429rem !important; padding-bottom: 0.21429rem !important; } .g-py-4--md { padding-top: 0.28571rem !important; padding-bottom: 0.28571rem !important; } .g-py-5--md { padding-top: 0.35714rem !important; padding-bottom: 0.35714rem !important; } .g-py-6--md { padding-top: 0.42857rem !important; padding-bottom: 0.42857rem !important; } .g-py-7--md { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .g-py-8--md { padding-top: 0.57143rem !important; padding-bottom: 0.57143rem !important; } .g-py-9--md { padding-top: 0.64286rem !important; padding-bottom: 0.64286rem !important; } .g-py-10--md { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-py-11--md { padding-top: 0.78571rem !important; padding-bottom: 0.78571rem !important; } .g-py-12--md { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } .g-py-13--md { padding-top: 0.92857rem !important; padding-bottom: 0.92857rem !important; } .g-py-14--md { padding-top: 1rem !important; padding-bottom: 1rem !important; } .g-py-15--md { padding-top: 1.07143rem !important; padding-bottom: 1.07143rem !important; } .g-py-16--md { padding-top: 1.14286rem !important; padding-bottom: 1.14286rem !important; } .g-py-17--md { padding-top: 1.21429rem !important; padding-bottom: 1.21429rem !important; } .g-py-18--md { padding-top: 1.28571rem !important; padding-bottom: 1.28571rem !important; } .g-py-19--md { padding-top: 1.35714rem !important; padding-bottom: 1.35714rem !important; } .g-py-20--md { padding-top: 1.42857rem !important; padding-bottom: 1.42857rem !important; } .g-py-25--md { padding-top: 1.78571rem !important; padding-bottom: 1.78571rem !important; } .g-py-30--md { padding-top: 2.14286rem !important; padding-bottom: 2.14286rem !important; } .g-py-35--md { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .g-py-40--md { padding-top: 2.85714rem !important; padding-bottom: 2.85714rem !important; } .g-py-45--md { padding-top: 3.21429rem !important; padding-bottom: 3.21429rem !important; } .g-py-50--md { padding-top: 3.57143rem !important; padding-bottom: 3.57143rem !important; } .g-py-55--md { padding-top: 3.92857rem !important; padding-bottom: 3.92857rem !important; } .g-py-60--md { padding-top: 4.28571rem !important; padding-bottom: 4.28571rem !important; } .g-py-65--md { padding-top: 4.64286rem !important; padding-bottom: 4.64286rem !important; } .g-py-70--md { padding-top: 5rem !important; padding-bottom: 5rem !important; } .g-py-75--md { padding-top: 5.35714rem !important; padding-bottom: 5.35714rem !important; } .g-py-80--md { padding-top: 5.71429rem !important; padding-bottom: 5.71429rem !important; } .g-py-85--md { padding-top: 6.07143rem !important; padding-bottom: 6.07143rem !important; } .g-py-90--md { padding-top: 6.42857rem !important; padding-bottom: 6.42857rem !important; } .g-py-95--md { padding-top: 6.78571rem !important; padding-bottom: 6.78571rem !important; } .g-py-100--md { padding-top: 7.14286rem !important; padding-bottom: 7.14286rem !important; } .g-py-105--md { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .g-py-110--md { padding-top: 7.85714rem !important; padding-bottom: 7.85714rem !important; } .g-py-115--md { padding-top: 8.21429rem !important; padding-bottom: 8.21429rem !important; } .g-py-120--md { padding-top: 8.57143rem !important; padding-bottom: 8.57143rem !important; } .g-py-125--md { padding-top: 8.92857rem !important; padding-bottom: 8.92857rem !important; } .g-py-130--md { padding-top: 9.28571rem !important; padding-bottom: 9.28571rem !important; } .g-py-135--md { padding-top: 9.64286rem !important; padding-bottom: 9.64286rem !important; } .g-py-140--md { padding-top: 10rem !important; padding-bottom: 10rem !important; } .g-py-145--md { padding-top: 10.35714rem !important; padding-bottom: 10.35714rem !important; } .g-py-150--md { padding-top: 10.71429rem !important; padding-bottom: 10.71429rem !important; } .g-py-155--md { padding-top: 11.07143rem !important; padding-bottom: 11.07143rem !important; } .g-py-160--md { padding-top: 11.42857rem !important; padding-bottom: 11.42857rem !important; } .g-py-165--md { padding-top: 11.78571rem !important; padding-bottom: 11.78571rem !important; } .g-py-170--md { padding-top: 12.14286rem !important; padding-bottom: 12.14286rem !important; } .g-py-200--md { padding-top: 14.28571rem !important; padding-bottom: 14.28571rem !important; } .g-py-300--md { padding-top: 21.42857rem !important; padding-bottom: 21.42857rem !important; } .g-py-400--md { padding-top: 28.57143rem !important; padding-bottom: 28.57143rem !important; } .g-py-500--md { padding-top: 35.71429rem !important; padding-bottom: 35.71429rem !important; } /* padding TOP */ .g-pt-0--md { padding-top: 0 !important; } .g-pt-1--md { padding-top: 0.07143rem !important; } .g-pt-2--md { padding-top: 0.14286rem !important; } .g-pt-3--md { padding-top: 0.21429rem !important; } .g-pt-4--md { padding-top: 0.28571rem !important; } .g-pt-5--md { padding-top: 0.35714rem !important; } .g-pt-6--md { padding-top: 0.42857rem !important; } .g-pt-7--md { padding-top: 0.5rem !important; } .g-pt-8--md { padding-top: 0.57143rem !important; } .g-pt-9--md { padding-top: 0.64286rem !important; } .g-pt-10--md { padding-top: 0.71429rem !important; } .g-pt-11--md { padding-top: 0.78571rem !important; } .g-pt-12--md { padding-top: 0.85714rem !important; } .g-pt-13--md { padding-top: 0.92857rem !important; } .g-pt-14--md { padding-top: 1rem !important; } .g-pt-15--md { padding-top: 1.07143rem !important; } .g-pt-16--md { padding-top: 1.14286rem !important; } .g-pt-17--md { padding-top: 1.21429rem !important; } .g-pt-18--md { padding-top: 1.28571rem !important; } .g-pt-19--md { padding-top: 1.35714rem !important; } .g-pt-20--md { padding-top: 1.42857rem !important; } .g-pt-25--md { padding-top: 1.78571rem !important; } .g-pt-30--md { padding-top: 2.14286rem !important; } .g-pt-35--md { padding-top: 2.5rem !important; } .g-pt-40--md { padding-top: 2.85714rem !important; } .g-pt-45--md { padding-top: 3.21429rem !important; } .g-pt-50--md { padding-top: 3.57143rem !important; } .g-pt-55--md { padding-top: 3.92857rem !important; } .g-pt-60--md { padding-top: 4.28571rem !important; } .g-pt-65--md { padding-top: 4.64286rem !important; } .g-pt-70--md { padding-top: 5rem !important; } .g-pt-75--md { padding-top: 5.35714rem !important; } .g-pt-80--md { padding-top: 5.71429rem !important; } .g-pt-85--md { padding-top: 6.07143rem !important; } .g-pt-90--md { padding-top: 6.42857rem !important; } .g-pt-95--md { padding-top: 6.78571rem !important; } .g-pt-100--md { padding-top: 7.14286rem !important; } .g-pt-105--md { padding-top: 7.5rem !important; } .g-pt-110--md { padding-top: 7.85714rem !important; } .g-pt-115--md { padding-top: 8.21429rem !important; } .g-pt-120--md { padding-top: 8.57143rem !important; } .g-pt-125--md { padding-top: 8.92857rem !important; } .g-pt-130--md { padding-top: 9.28571rem !important; } .g-pt-135--md { padding-top: 9.64286rem !important; } .g-pt-140--md { padding-top: 10rem !important; } .g-pt-145--md { padding-top: 10.35714rem !important; } .g-pt-150--md { padding-top: 10.71429rem !important; } .g-pt-155--md { padding-top: 11.07143rem !important; } .g-pt-160--md { padding-top: 11.42857rem !important; } .g-pt-165--md { padding-top: 11.78571rem !important; } .g-pt-170--md { padding-top: 12.14286rem !important; } .g-pt-200--md { padding-top: 14.28571rem !important; } .g-pt-300--md { padding-top: 21.42857rem !important; } .g-pt-400--md { padding-top: 28.57143rem !important; } .g-pt-500--md { padding-top: 35.71429rem !important; } /* padding BOTTOM */ .g-pb-0--md { padding-bottom: 0 !important; } .g-pb-1--md { padding-bottom: 0.07143rem !important; } .g-pb-2--md { padding-bottom: 0.14286rem !important; } .g-pb-3--md { padding-bottom: 0.21429rem !important; } .g-pb-4--md { padding-bottom: 0.28571rem !important; } .g-pb-5--md { padding-bottom: 0.35714rem !important; } .g-pb-6--md { padding-bottom: 0.42857rem !important; } .g-pb-7--md { padding-bottom: 0.5rem !important; } .g-pb-8--md { padding-bottom: 0.57143rem !important; } .g-pb-9--md { padding-bottom: 0.64286rem !important; } .g-pb-10--md { padding-bottom: 0.71429rem !important; } .g-pb-11--md { padding-bottom: 0.78571rem !important; } .g-pb-12--md { padding-bottom: 0.85714rem !important; } .g-pb-13--md { padding-bottom: 0.92857rem !important; } .g-pb-14--md { padding-bottom: 1rem !important; } .g-pb-15--md { padding-bottom: 1.07143rem !important; } .g-pb-16--md { padding-bottom: 1.14286rem !important; } .g-pb-17--md { padding-bottom: 1.21429rem !important; } .g-pb-18--md { padding-bottom: 1.28571rem !important; } .g-pb-19--md { padding-bottom: 1.35714rem !important; } .g-pb-20--md { padding-bottom: 1.42857rem !important; } .g-pb-25--md { padding-bottom: 1.78571rem !important; } .g-pb-30--md { padding-bottom: 2.14286rem !important; } .g-pb-35--md { padding-bottom: 2.5rem !important; } .g-pb-40--md { padding-bottom: 2.85714rem !important; } .g-pb-45--md { padding-bottom: 3.21429rem !important; } .g-pb-50--md { padding-bottom: 3.57143rem !important; } .g-pb-55--md { padding-bottom: 3.92857rem !important; } .g-pb-60--md { padding-bottom: 4.28571rem !important; } .g-pb-65--md { padding-bottom: 4.64286rem !important; } .g-pb-70--md { padding-bottom: 5rem !important; } .g-pb-75--md { padding-bottom: 5.35714rem !important; } .g-pb-80--md { padding-bottom: 5.71429rem !important; } .g-pb-85--md { padding-bottom: 6.07143rem !important; } .g-pb-90--md { padding-bottom: 6.42857rem !important; } .g-pb-95--md { padding-bottom: 6.78571rem !important; } .g-pb-100--md { padding-bottom: 7.14286rem !important; } .g-pb-105--md { padding-bottom: 7.5rem !important; } .g-pb-110--md { padding-bottom: 7.85714rem !important; } .g-pb-115--md { padding-bottom: 8.21429rem !important; } .g-pb-120--md { padding-bottom: 8.57143rem !important; } .g-pb-125--md { padding-bottom: 8.92857rem !important; } .g-pb-130--md { padding-bottom: 9.28571rem !important; } .g-pb-135--md { padding-bottom: 9.64286rem !important; } .g-pb-140--md { padding-bottom: 10rem !important; } .g-pb-145--md { padding-bottom: 10.35714rem !important; } .g-pb-150--md { padding-bottom: 10.71429rem !important; } .g-pb-155--md { padding-bottom: 11.07143rem !important; } .g-pb-160--md { padding-bottom: 11.42857rem !important; } .g-pb-165--md { padding-bottom: 11.78571rem !important; } .g-pb-170--md { padding-bottom: 12.14286rem !important; } .g-pb-200--md { padding-bottom: 14.28571rem !important; } .g-pb-300--md { padding-bottom: 21.42857rem !important; } .g-pb-400--md { padding-bottom: 28.57143rem !important; } .g-pb-500--md { padding-bottom: 35.71429rem !important; } /* padding LEFT */ .g-pl-0--md { padding-left: 0 !important; } .g-pl-1--md { padding-left: 0.07143rem !important; } .g-pl-2--md { padding-left: 0.14286rem !important; } .g-pl-3--md { padding-left: 0.21429rem !important; } .g-pl-4--md { padding-left: 0.28571rem !important; } .g-pl-5--md { padding-left: 0.35714rem !important; } .g-pl-6--md { padding-left: 0.42857rem !important; } .g-pl-7--md { padding-left: 0.5rem !important; } .g-pl-8--md { padding-left: 0.57143rem !important; } .g-pl-9--md { padding-left: 0.64286rem !important; } .g-pl-10--md { padding-left: 0.71429rem !important; } .g-pl-11--md { padding-left: 0.78571rem !important; } .g-pl-12--md { padding-left: 0.85714rem !important; } .g-pl-13--md { padding-left: 0.92857rem !important; } .g-pl-14--md { padding-left: 1rem !important; } .g-pl-15--md { padding-left: 1.07143rem !important; } .g-pl-16--md { padding-left: 1.14286rem !important; } .g-pl-17--md { padding-left: 1.21429rem !important; } .g-pl-18--md { padding-left: 1.28571rem !important; } .g-pl-19--md { padding-left: 1.35714rem !important; } .g-pl-20--md { padding-left: 1.42857rem !important; } .g-pl-25--md { padding-left: 1.78571rem !important; } .g-pl-30--md { padding-left: 2.14286rem !important; } .g-pl-35--md { padding-left: 2.5rem !important; } .g-pl-40--md { padding-left: 2.85714rem !important; } .g-pl-45--md { padding-left: 3.21429rem !important; } .g-pl-50--md { padding-left: 3.57143rem !important; } .g-pl-55--md { padding-left: 3.92857rem !important; } .g-pl-60--md { padding-left: 4.28571rem !important; } .g-pl-65--md { padding-left: 4.64286rem !important; } .g-pl-70--md { padding-left: 5rem !important; } .g-pl-75--md { padding-left: 5.35714rem !important; } .g-pl-80--md { padding-left: 5.71429rem !important; } .g-pl-85--md { padding-left: 6.07143rem !important; } .g-pl-90--md { padding-left: 6.42857rem !important; } .g-pl-95--md { padding-left: 6.78571rem !important; } .g-pl-100--md { padding-left: 7.14286rem !important; } .g-pl-105--md { padding-left: 7.5rem !important; } .g-pl-110--md { padding-left: 7.85714rem !important; } .g-pl-115--md { padding-left: 8.21429rem !important; } .g-pl-120--md { padding-left: 8.57143rem !important; } .g-pl-125--md { padding-left: 8.92857rem !important; } .g-pl-130--md { padding-left: 9.28571rem !important; } .g-pl-135--md { padding-left: 9.64286rem !important; } .g-pl-140--md { padding-left: 10rem !important; } .g-pl-145--md { padding-left: 10.35714rem !important; } .g-pl-150--md { padding-left: 10.71429rem !important; } .g-pl-155--md { padding-left: 11.07143rem !important; } .g-pl-160--md { padding-left: 11.42857rem !important; } .g-pl-165--md { padding-left: 11.78571rem !important; } .g-pl-170--md { padding-left: 12.14286rem !important; } .g-pl-200--md { padding-left: 14.28571rem !important; } .g-pl-300--md { padding-left: 21.42857rem !important; } .g-pl-400--md { padding-left: 28.57143rem !important; } .g-pl-500--md { padding-left: 35.71429rem !important; } /* padding RIGHT */ .g-pr-0--md { padding-right: 0 !important; } .g-pr-1--md { padding-right: 0.07143rem !important; } .g-pr-2--md { padding-right: 0.14286rem !important; } .g-pr-3--md { padding-right: 0.21429rem !important; } .g-pr-4--md { padding-right: 0.28571rem !important; } .g-pr-5--md { padding-right: 0.35714rem !important; } .g-pr-6--md { padding-right: 0.42857rem !important; } .g-pr-7--md { padding-right: 0.5rem !important; } .g-pr-8--md { padding-right: 0.57143rem !important; } .g-pr-9--md { padding-right: 0.64286rem !important; } .g-pr-10--md { padding-right: 0.71429rem !important; } .g-pr-11--md { padding-right: 0.78571rem !important; } .g-pr-12--md { padding-right: 0.85714rem !important; } .g-pr-13--md { padding-right: 0.92857rem !important; } .g-pr-14--md { padding-right: 1rem !important; } .g-pr-15--md { padding-right: 1.07143rem !important; } .g-pr-16--md { padding-right: 1.14286rem !important; } .g-pr-17--md { padding-right: 1.21429rem !important; } .g-pr-18--md { padding-right: 1.28571rem !important; } .g-pr-19--md { padding-right: 1.35714rem !important; } .g-pr-20--md { padding-right: 1.42857rem !important; } .g-pr-25--md { padding-right: 1.78571rem !important; } .g-pr-30--md { padding-right: 2.14286rem !important; } .g-pr-35--md { padding-right: 2.5rem !important; } .g-pr-40--md { padding-right: 2.85714rem !important; } .g-pr-45--md { padding-right: 3.21429rem !important; } .g-pr-50--md { padding-right: 3.57143rem !important; } .g-pr-55--md { padding-right: 3.92857rem !important; } .g-pr-60--md { padding-right: 4.28571rem !important; } .g-pr-65--md { padding-right: 4.64286rem !important; } .g-pr-70--md { padding-right: 5rem !important; } .g-pr-75--md { padding-right: 5.35714rem !important; } .g-pr-80--md { padding-right: 5.71429rem !important; } .g-pr-85--md { padding-right: 6.07143rem !important; } .g-pr-90--md { padding-right: 6.42857rem !important; } .g-pr-95--md { padding-right: 6.78571rem !important; } .g-pr-100--md { padding-right: 7.14286rem !important; } .g-pr-105--md { padding-right: 7.5rem !important; } .g-pr-110--md { padding-right: 7.85714rem !important; } .g-pr-115--md { padding-right: 8.21429rem !important; } .g-pr-120--md { padding-right: 8.57143rem !important; } .g-pr-125--md { padding-right: 8.92857rem !important; } .g-pr-130--md { padding-right: 9.28571rem !important; } .g-pr-135--md { padding-right: 9.64286rem !important; } .g-pr-140--md { padding-right: 10rem !important; } .g-pr-145--md { padding-right: 10.35714rem !important; } .g-pr-150--md { padding-right: 10.71429rem !important; } .g-pr-155--md { padding-right: 11.07143rem !important; } .g-pr-160--md { padding-right: 11.42857rem !important; } .g-pr-165--md { padding-right: 11.78571rem !important; } .g-pr-170--md { padding-right: 12.14286rem !important; } .g-pr-200--md { padding-right: 14.28571rem !important; } .g-pr-300--md { padding-right: 21.42857rem !important; } .g-pr-400--md { padding-right: 28.57143rem !important; } .g-pr-500--md { padding-right: 35.71429rem !important; } } /* Padding Spaces (lg) P ------------------------------------*/ /* Paddings */ @media (min-width: 992px) { /* padding ALL */ .g-pa-0--lg { padding: 0 !important; } .g-pa-1--lg { padding: 0.07143rem !important; } .g-pa-2--lg { padding: 0.14286rem !important; } .g-pa-3--lg { padding: 0.21429rem !important; } .g-pa-4--lg { padding: 0.28571rem !important; } .g-pa-5--lg { padding: 0.35714rem !important; } .g-pa-6--lg { padding: 0.42857rem !important; } .g-pa-7--lg { padding: 0.5rem !important; } .g-pa-8--lg { padding: 0.57143rem !important; } .g-pa-9--lg { padding: 0.64286rem !important; } .g-pa-10--lg { padding: 0.71429rem !important; } .g-pa-11--lg { padding: 0.78571rem !important; } .g-pa-12--lg { padding: 0.85714rem !important; } .g-pa-13--lg { padding: 0.92857rem !important; } .g-pa-14--lg { padding: 1rem !important; } .g-pa-15--lg { padding: 1.07143rem !important; } .g-pa-16--lg { padding: 1.14286rem !important; } .g-pa-17--lg { padding: 1.21429rem !important; } .g-pa-18--lg { padding: 1.28571rem !important; } .g-pa-19--lg { padding: 1.35714rem !important; } .g-pa-20--lg { padding: 1.42857rem !important; } .g-pa-25--lg { padding: 1.78571rem !important; } .g-pa-30--lg { padding: 2.14286rem !important; } .g-pa-35--lg { padding: 2.5rem !important; } .g-pa-40--lg { padding: 2.85714rem !important; } .g-pa-45--lg { padding: 3.21429rem !important; } .g-pa-50--lg { padding: 3.57143rem !important; } .g-pa-55--lg { padding: 3.92857rem !important; } .g-pa-60--lg { padding: 4.28571rem !important; } .g-pa-65--lg { padding: 4.64286rem !important; } .g-pa-70--lg { padding: 5rem !important; } .g-pa-75--lg { padding: 5.35714rem !important; } .g-pa-80--lg { padding: 5.71429rem !important; } .g-pa-85--lg { padding: 6.07143rem !important; } .g-pa-90--lg { padding: 6.42857rem !important; } .g-pa-95--lg { padding: 6.78571rem !important; } .g-pa-100--lg { padding: 7.14286rem !important; } .g-pa-105--lg { padding: 7.5rem !important; } .g-pa-110--lg { padding: 7.85714rem !important; } .g-pa-115--lg { padding: 8.21429rem !important; } .g-pa-120--lg { padding: 8.57143rem !important; } .g-pa-125--lg { padding: 8.92857rem !important; } .g-pa-130--lg { padding: 9.28571rem !important; } .g-pa-135--lg { padding: 9.64286rem !important; } .g-pa-140--lg { padding: 10rem !important; } .g-pa-145--lg { padding: 10.35714rem !important; } .g-pa-150--lg { padding: 10.71429rem !important; } .g-pa-155--lg { padding: 11.07143rem !important; } .g-pa-160--lg { padding: 11.42857rem !important; } .g-pa-165--lg { padding: 11.78571rem !important; } .g-pa-170--lg { padding: 12.14286rem !important; } .g-pa-200--lg { padding: 14.28571rem !important; } .g-pa-300--lg { padding: 21.42857rem !important; } .g-pa-400--lg { padding: 28.57143rem !important; } .g-pa-500--lg { padding: 35.71429rem !important; } /* padding X */ .g-px-0--lg { padding-left: 0 !important; padding-right: 0 !important; } .g-px-1--lg { padding-left: 0.07143rem !important; padding-right: 0.07143rem !important; } .g-px-2--lg { padding-left: 0.14286rem !important; padding-right: 0.14286rem !important; } .g-px-3--lg { padding-left: 0.21429rem !important; padding-right: 0.21429rem !important; } .g-px-4--lg { padding-left: 0.28571rem !important; padding-right: 0.28571rem !important; } .g-px-5--lg { padding-left: 0.35714rem !important; padding-right: 0.35714rem !important; } .g-px-6--lg { padding-left: 0.42857rem !important; padding-right: 0.42857rem !important; } .g-px-7--lg { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .g-px-8--lg { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-px-9--lg { padding-left: 0.64286rem !important; padding-right: 0.64286rem !important; } .g-px-10--lg { padding-left: 0.71429rem !important; padding-right: 0.71429rem !important; } .g-px-11--lg { padding-left: 0.78571rem !important; padding-right: 0.78571rem !important; } .g-px-12--lg { padding-left: 0.85714rem !important; padding-right: 0.85714rem !important; } .g-px-13--lg { padding-left: 0.92857rem !important; padding-right: 0.92857rem !important; } .g-px-14--lg { padding-left: 1rem !important; padding-right: 1rem !important; } .g-px-15--lg { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-px-16--lg { padding-left: 1.14286rem !important; padding-right: 1.14286rem !important; } .g-px-17--lg { padding-left: 1.21429rem !important; padding-right: 1.21429rem !important; } .g-px-18--lg { padding-left: 1.28571rem !important; padding-right: 1.28571rem !important; } .g-px-19--lg { padding-left: 1.35714rem !important; padding-right: 1.35714rem !important; } .g-px-20--lg { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-px-25--lg { padding-left: 1.78571rem !important; padding-right: 1.78571rem !important; } .g-px-30--lg { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-px-35--lg { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-px-40--lg { padding-left: 2.85714rem !important; padding-right: 2.85714rem !important; } .g-px-45--lg { padding-left: 3.21429rem !important; padding-right: 3.21429rem !important; } .g-px-50--lg { padding-left: 3.57143rem !important; padding-right: 3.57143rem !important; } .g-px-55--lg { padding-left: 3.92857rem !important; padding-right: 3.92857rem !important; } .g-px-60--lg { padding-left: 4.28571rem !important; padding-right: 4.28571rem !important; } .g-px-65--lg { padding-left: 4.64286rem !important; padding-right: 4.64286rem !important; } .g-px-70--lg { padding-left: 5rem !important; padding-right: 5rem !important; } .g-px-75--lg { padding-left: 5.35714rem !important; padding-right: 5.35714rem !important; } .g-px-80--lg { padding-left: 5.71429rem !important; padding-right: 5.71429rem !important; } .g-px-85--lg { padding-left: 6.07143rem !important; padding-right: 6.07143rem !important; } .g-px-90--lg { padding-left: 6.42857rem !important; padding-right: 6.42857rem !important; } .g-px-95--lg { padding-left: 6.78571rem !important; padding-right: 6.78571rem !important; } .g-px-100--lg { padding-left: 7.14286rem !important; padding-right: 7.14286rem !important; } .g-px-105--lg { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .g-px-110--lg { padding-left: 7.85714rem !important; padding-right: 7.85714rem !important; } .g-px-115--lg { padding-left: 8.21429rem !important; padding-right: 8.21429rem !important; } .g-px-120--lg { padding-left: 8.57143rem !important; padding-right: 8.57143rem !important; } .g-px-125--lg { padding-left: 8.92857rem !important; padding-right: 8.92857rem !important; } .g-px-130--lg { padding-left: 9.28571rem !important; padding-right: 9.28571rem !important; } .g-px-135--lg { padding-left: 9.64286rem !important; padding-right: 9.64286rem !important; } .g-px-140--lg { padding-left: 10rem !important; padding-right: 10rem !important; } .g-px-145--lg { padding-left: 10.35714rem !important; padding-right: 10.35714rem !important; } .g-px-150--lg { padding-left: 10.71429rem !important; padding-right: 10.71429rem !important; } .g-px-155--lg { padding-left: 11.07143rem !important; padding-right: 11.07143rem !important; } .g-px-160--lg { padding-left: 11.42857rem !important; padding-right: 11.42857rem !important; } .g-px-165--lg { padding-left: 11.78571rem !important; padding-right: 11.78571rem !important; } .g-px-170--lg { padding-left: 12.14286rem !important; padding-right: 12.14286rem !important; } .g-px-200--lg { padding-left: 14.28571rem !important; padding-right: 14.28571rem !important; } .g-px-300--lg { padding-left: 21.42857rem !important; padding-right: 21.42857rem !important; } .g-px-400--lg { padding-left: 28.57143rem !important; padding-right: 28.57143rem !important; } .g-px-500--lg { padding-left: 35.71429rem !important; padding-right: 35.71429rem !important; } /* padding Y */ .g-py-0--lg { padding-top: 0 !important; padding-bottom: 0 !important; } .g-py-1--lg { padding-top: 0.07143rem !important; padding-bottom: 0.07143rem !important; } .g-py-2--lg { padding-top: 0.14286rem !important; padding-bottom: 0.14286rem !important; } .g-py-3--lg { padding-top: 0.21429rem !important; padding-bottom: 0.21429rem !important; } .g-py-4--lg { padding-top: 0.28571rem !important; padding-bottom: 0.28571rem !important; } .g-py-5--lg { padding-top: 0.35714rem !important; padding-bottom: 0.35714rem !important; } .g-py-6--lg { padding-top: 0.42857rem !important; padding-bottom: 0.42857rem !important; } .g-py-7--lg { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .g-py-8--lg { padding-top: 0.57143rem !important; padding-bottom: 0.57143rem !important; } .g-py-9--lg { padding-top: 0.64286rem !important; padding-bottom: 0.64286rem !important; } .g-py-10--lg { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-py-11--lg { padding-top: 0.78571rem !important; padding-bottom: 0.78571rem !important; } .g-py-12--lg { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } .g-py-13--lg { padding-top: 0.92857rem !important; padding-bottom: 0.92857rem !important; } .g-py-14--lg { padding-top: 1rem !important; padding-bottom: 1rem !important; } .g-py-15--lg { padding-top: 1.07143rem !important; padding-bottom: 1.07143rem !important; } .g-py-16--lg { padding-top: 1.14286rem !important; padding-bottom: 1.14286rem !important; } .g-py-17--lg { padding-top: 1.21429rem !important; padding-bottom: 1.21429rem !important; } .g-py-18--lg { padding-top: 1.28571rem !important; padding-bottom: 1.28571rem !important; } .g-py-19--lg { padding-top: 1.35714rem !important; padding-bottom: 1.35714rem !important; } .g-py-20--lg { padding-top: 1.42857rem !important; padding-bottom: 1.42857rem !important; } .g-py-25--lg { padding-top: 1.78571rem !important; padding-bottom: 1.78571rem !important; } .g-py-30--lg { padding-top: 2.14286rem !important; padding-bottom: 2.14286rem !important; } .g-py-35--lg { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .g-py-40--lg { padding-top: 2.85714rem !important; padding-bottom: 2.85714rem !important; } .g-py-45--lg { padding-top: 3.21429rem !important; padding-bottom: 3.21429rem !important; } .g-py-50--lg { padding-top: 3.57143rem !important; padding-bottom: 3.57143rem !important; } .g-py-55--lg { padding-top: 3.92857rem !important; padding-bottom: 3.92857rem !important; } .g-py-60--lg { padding-top: 4.28571rem !important; padding-bottom: 4.28571rem !important; } .g-py-65--lg { padding-top: 4.64286rem !important; padding-bottom: 4.64286rem !important; } .g-py-70--lg { padding-top: 5rem !important; padding-bottom: 5rem !important; } .g-py-75--lg { padding-top: 5.35714rem !important; padding-bottom: 5.35714rem !important; } .g-py-80--lg { padding-top: 5.71429rem !important; padding-bottom: 5.71429rem !important; } .g-py-85--lg { padding-top: 6.07143rem !important; padding-bottom: 6.07143rem !important; } .g-py-90--lg { padding-top: 6.42857rem !important; padding-bottom: 6.42857rem !important; } .g-py-95--lg { padding-top: 6.78571rem !important; padding-bottom: 6.78571rem !important; } .g-py-100--lg { padding-top: 7.14286rem !important; padding-bottom: 7.14286rem !important; } .g-py-105--lg { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .g-py-110--lg { padding-top: 7.85714rem !important; padding-bottom: 7.85714rem !important; } .g-py-115--lg { padding-top: 8.21429rem !important; padding-bottom: 8.21429rem !important; } .g-py-120--lg { padding-top: 8.57143rem !important; padding-bottom: 8.57143rem !important; } .g-py-125--lg { padding-top: 8.92857rem !important; padding-bottom: 8.92857rem !important; } .g-py-130--lg { padding-top: 9.28571rem !important; padding-bottom: 9.28571rem !important; } .g-py-135--lg { padding-top: 9.64286rem !important; padding-bottom: 9.64286rem !important; } .g-py-140--lg { padding-top: 10rem !important; padding-bottom: 10rem !important; } .g-py-145--lg { padding-top: 10.35714rem !important; padding-bottom: 10.35714rem !important; } .g-py-150--lg { padding-top: 10.71429rem !important; padding-bottom: 10.71429rem !important; } .g-py-155--lg { padding-top: 11.07143rem !important; padding-bottom: 11.07143rem !important; } .g-py-160--lg { padding-top: 11.42857rem !important; padding-bottom: 11.42857rem !important; } .g-py-165--lg { padding-top: 11.78571rem !important; padding-bottom: 11.78571rem !important; } .g-py-170--lg { padding-top: 12.14286rem !important; padding-bottom: 12.14286rem !important; } .g-py-200--lg { padding-top: 14.28571rem !important; padding-bottom: 14.28571rem !important; } .g-py-300--lg { padding-top: 21.42857rem !important; padding-bottom: 21.42857rem !important; } .g-py-400--lg { padding-top: 28.57143rem !important; padding-bottom: 28.57143rem !important; } .g-py-500--lg { padding-top: 35.71429rem !important; padding-bottom: 35.71429rem !important; } /* padding TOP */ .g-pt-0--lg { padding-top: 0 !important; } .g-pt-1--lg { padding-top: 0.07143rem !important; } .g-pt-2--lg { padding-top: 0.14286rem !important; } .g-pt-3--lg { padding-top: 0.21429rem !important; } .g-pt-4--lg { padding-top: 0.28571rem !important; } .g-pt-5--lg { padding-top: 0.35714rem !important; } .g-pt-6--lg { padding-top: 0.42857rem !important; } .g-pt-7--lg { padding-top: 0.5rem !important; } .g-pt-8--lg { padding-top: 0.57143rem !important; } .g-pt-9--lg { padding-top: 0.64286rem !important; } .g-pt-10--lg { padding-top: 0.71429rem !important; } .g-pt-11--lg { padding-top: 0.78571rem !important; } .g-pt-12--lg { padding-top: 0.85714rem !important; } .g-pt-13--lg { padding-top: 0.92857rem !important; } .g-pt-14--lg { padding-top: 1rem !important; } .g-pt-15--lg { padding-top: 1.07143rem !important; } .g-pt-16--lg { padding-top: 1.14286rem !important; } .g-pt-17--lg { padding-top: 1.21429rem !important; } .g-pt-18--lg { padding-top: 1.28571rem !important; } .g-pt-19--lg { padding-top: 1.35714rem !important; } .g-pt-20--lg { padding-top: 1.42857rem !important; } .g-pt-25--lg { padding-top: 1.78571rem !important; } .g-pt-30--lg { padding-top: 2.14286rem !important; } .g-pt-35--lg { padding-top: 2.5rem !important; } .g-pt-40--lg { padding-top: 2.85714rem !important; } .g-pt-45--lg { padding-top: 3.21429rem !important; } .g-pt-50--lg { padding-top: 3.57143rem !important; } .g-pt-55--lg { padding-top: 3.92857rem !important; } .g-pt-60--lg { padding-top: 4.28571rem !important; } .g-pt-65--lg { padding-top: 4.64286rem !important; } .g-pt-70--lg { padding-top: 5rem !important; } .g-pt-75--lg { padding-top: 5.35714rem !important; } .g-pt-80--lg { padding-top: 5.71429rem !important; } .g-pt-85--lg { padding-top: 6.07143rem !important; } .g-pt-90--lg { padding-top: 6.42857rem !important; } .g-pt-95--lg { padding-top: 6.78571rem !important; } .g-pt-100--lg { padding-top: 7.14286rem !important; } .g-pt-105--lg { padding-top: 7.5rem !important; } .g-pt-110--lg { padding-top: 7.85714rem !important; } .g-pt-115--lg { padding-top: 8.21429rem !important; } .g-pt-120--lg { padding-top: 8.57143rem !important; } .g-pt-125--lg { padding-top: 8.92857rem !important; } .g-pt-130--lg { padding-top: 9.28571rem !important; } .g-pt-135--lg { padding-top: 9.64286rem !important; } .g-pt-140--lg { padding-top: 10rem !important; } .g-pt-145--lg { padding-top: 10.35714rem !important; } .g-pt-150--lg { padding-top: 10.71429rem !important; } .g-pt-155--lg { padding-top: 11.07143rem !important; } .g-pt-160--lg { padding-top: 11.42857rem !important; } .g-pt-165--lg { padding-top: 11.78571rem !important; } .g-pt-170--lg { padding-top: 12.14286rem !important; } .g-pt-200--lg { padding-top: 14.28571rem !important; } .g-pt-300--lg { padding-top: 21.42857rem !important; } .g-pt-400--lg { padding-top: 28.57143rem !important; } .g-pt-500--lg { padding-top: 35.71429rem !important; } /* padding BOTTOM */ .g-pb-0--lg { padding-bottom: 0 !important; } .g-pb-1--lg { padding-bottom: 0.07143rem !important; } .g-pb-2--lg { padding-bottom: 0.14286rem !important; } .g-pb-3--lg { padding-bottom: 0.21429rem !important; } .g-pb-4--lg { padding-bottom: 0.28571rem !important; } .g-pb-5--lg { padding-bottom: 0.35714rem !important; } .g-pb-6--lg { padding-bottom: 0.42857rem !important; } .g-pb-7--lg { padding-bottom: 0.5rem !important; } .g-pb-8--lg { padding-bottom: 0.57143rem !important; } .g-pb-9--lg { padding-bottom: 0.64286rem !important; } .g-pb-10--lg { padding-bottom: 0.71429rem !important; } .g-pb-11--lg { padding-bottom: 0.78571rem !important; } .g-pb-12--lg { padding-bottom: 0.85714rem !important; } .g-pb-13--lg { padding-bottom: 0.92857rem !important; } .g-pb-14--lg { padding-bottom: 1rem !important; } .g-pb-15--lg { padding-bottom: 1.07143rem !important; } .g-pb-16--lg { padding-bottom: 1.14286rem !important; } .g-pb-17--lg { padding-bottom: 1.21429rem !important; } .g-pb-18--lg { padding-bottom: 1.28571rem !important; } .g-pb-19--lg { padding-bottom: 1.35714rem !important; } .g-pb-20--lg { padding-bottom: 1.42857rem !important; } .g-pb-25--lg { padding-bottom: 1.78571rem !important; } .g-pb-30--lg { padding-bottom: 2.14286rem !important; } .g-pb-35--lg { padding-bottom: 2.5rem !important; } .g-pb-40--lg { padding-bottom: 2.85714rem !important; } .g-pb-45--lg { padding-bottom: 3.21429rem !important; } .g-pb-50--lg { padding-bottom: 3.57143rem !important; } .g-pb-55--lg { padding-bottom: 3.92857rem !important; } .g-pb-60--lg { padding-bottom: 4.28571rem !important; } .g-pb-65--lg { padding-bottom: 4.64286rem !important; } .g-pb-70--lg { padding-bottom: 5rem !important; } .g-pb-75--lg { padding-bottom: 5.35714rem !important; } .g-pb-80--lg { padding-bottom: 5.71429rem !important; } .g-pb-85--lg { padding-bottom: 6.07143rem !important; } .g-pb-90--lg { padding-bottom: 6.42857rem !important; } .g-pb-95--lg { padding-bottom: 6.78571rem !important; } .g-pb-100--lg { padding-bottom: 7.14286rem !important; } .g-pb-105--lg { padding-bottom: 7.5rem !important; } .g-pb-110--lg { padding-bottom: 7.85714rem !important; } .g-pb-115--lg { padding-bottom: 8.21429rem !important; } .g-pb-120--lg { padding-bottom: 8.57143rem !important; } .g-pb-125--lg { padding-bottom: 8.92857rem !important; } .g-pb-130--lg { padding-bottom: 9.28571rem !important; } .g-pb-135--lg { padding-bottom: 9.64286rem !important; } .g-pb-140--lg { padding-bottom: 10rem !important; } .g-pb-145--lg { padding-bottom: 10.35714rem !important; } .g-pb-150--lg { padding-bottom: 10.71429rem !important; } .g-pb-155--lg { padding-bottom: 11.07143rem !important; } .g-pb-160--lg { padding-bottom: 11.42857rem !important; } .g-pb-165--lg { padding-bottom: 11.78571rem !important; } .g-pb-170--lg { padding-bottom: 12.14286rem !important; } .g-pb-200--lg { padding-bottom: 14.28571rem !important; } .g-pb-300--lg { padding-bottom: 21.42857rem !important; } .g-pb-400--lg { padding-bottom: 28.57143rem !important; } .g-pb-500--lg { padding-bottom: 35.71429rem !important; } /* padding LEFT */ .g-pl-0--lg { padding-left: 0 !important; } .g-pl-1--lg { padding-left: 0.07143rem !important; } .g-pl-2--lg { padding-left: 0.14286rem !important; } .g-pl-3--lg { padding-left: 0.21429rem !important; } .g-pl-4--lg { padding-left: 0.28571rem !important; } .g-pl-5--lg { padding-left: 0.35714rem !important; } .g-pl-6--lg { padding-left: 0.42857rem !important; } .g-pl-7--lg { padding-left: 0.5rem !important; } .g-pl-8--lg { padding-left: 0.57143rem !important; } .g-pl-9--lg { padding-left: 0.64286rem !important; } .g-pl-10--lg { padding-left: 0.71429rem !important; } .g-pl-11--lg { padding-left: 0.78571rem !important; } .g-pl-12--lg { padding-left: 0.85714rem !important; } .g-pl-13--lg { padding-left: 0.92857rem !important; } .g-pl-14--lg { padding-left: 1rem !important; } .g-pl-15--lg { padding-left: 1.07143rem !important; } .g-pl-16--lg { padding-left: 1.14286rem !important; } .g-pl-17--lg { padding-left: 1.21429rem !important; } .g-pl-18--lg { padding-left: 1.28571rem !important; } .g-pl-19--lg { padding-left: 1.35714rem !important; } .g-pl-20--lg { padding-left: 1.42857rem !important; } .g-pl-25--lg { padding-left: 1.78571rem !important; } .g-pl-30--lg { padding-left: 2.14286rem !important; } .g-pl-35--lg { padding-left: 2.5rem !important; } .g-pl-40--lg { padding-left: 2.85714rem !important; } .g-pl-45--lg { padding-left: 3.21429rem !important; } .g-pl-50--lg { padding-left: 3.57143rem !important; } .g-pl-55--lg { padding-left: 3.92857rem !important; } .g-pl-60--lg { padding-left: 4.28571rem !important; } .g-pl-65--lg { padding-left: 4.64286rem !important; } .g-pl-70--lg { padding-left: 5rem !important; } .g-pl-75--lg { padding-left: 5.35714rem !important; } .g-pl-80--lg { padding-left: 5.71429rem !important; } .g-pl-85--lg { padding-left: 6.07143rem !important; } .g-pl-90--lg { padding-left: 6.42857rem !important; } .g-pl-95--lg { padding-left: 6.78571rem !important; } .g-pl-100--lg { padding-left: 7.14286rem !important; } .g-pl-105--lg { padding-left: 7.5rem !important; } .g-pl-110--lg { padding-left: 7.85714rem !important; } .g-pl-115--lg { padding-left: 8.21429rem !important; } .g-pl-120--lg { padding-left: 8.57143rem !important; } .g-pl-125--lg { padding-left: 8.92857rem !important; } .g-pl-130--lg { padding-left: 9.28571rem !important; } .g-pl-135--lg { padding-left: 9.64286rem !important; } .g-pl-140--lg { padding-left: 10rem !important; } .g-pl-145--lg { padding-left: 10.35714rem !important; } .g-pl-150--lg { padding-left: 10.71429rem !important; } .g-pl-155--lg { padding-left: 11.07143rem !important; } .g-pl-160--lg { padding-left: 11.42857rem !important; } .g-pl-165--lg { padding-left: 11.78571rem !important; } .g-pl-170--lg { padding-left: 12.14286rem !important; } .g-pl-200--lg { padding-left: 14.28571rem !important; } .g-pl-300--lg { padding-left: 21.42857rem !important; } .g-pl-400--lg { padding-left: 28.57143rem !important; } .g-pl-500--lg { padding-left: 35.71429rem !important; } /* padding RIGHT */ .g-pr-0--lg { padding-right: 0 !important; } .g-pr-1--lg { padding-right: 0.07143rem !important; } .g-pr-2--lg { padding-right: 0.14286rem !important; } .g-pr-3--lg { padding-right: 0.21429rem !important; } .g-pr-4--lg { padding-right: 0.28571rem !important; } .g-pr-5--lg { padding-right: 0.35714rem !important; } .g-pr-6--lg { padding-right: 0.42857rem !important; } .g-pr-7--lg { padding-right: 0.5rem !important; } .g-pr-8--lg { padding-right: 0.57143rem !important; } .g-pr-9--lg { padding-right: 0.64286rem !important; } .g-pr-10--lg { padding-right: 0.71429rem !important; } .g-pr-11--lg { padding-right: 0.78571rem !important; } .g-pr-12--lg { padding-right: 0.85714rem !important; } .g-pr-13--lg { padding-right: 0.92857rem !important; } .g-pr-14--lg { padding-right: 1rem !important; } .g-pr-15--lg { padding-right: 1.07143rem !important; } .g-pr-16--lg { padding-right: 1.14286rem !important; } .g-pr-17--lg { padding-right: 1.21429rem !important; } .g-pr-18--lg { padding-right: 1.28571rem !important; } .g-pr-19--lg { padding-right: 1.35714rem !important; } .g-pr-20--lg { padding-right: 1.42857rem !important; } .g-pr-25--lg { padding-right: 1.78571rem !important; } .g-pr-30--lg { padding-right: 2.14286rem !important; } .g-pr-35--lg { padding-right: 2.5rem !important; } .g-pr-40--lg { padding-right: 2.85714rem !important; } .g-pr-45--lg { padding-right: 3.21429rem !important; } .g-pr-50--lg { padding-right: 3.57143rem !important; } .g-pr-55--lg { padding-right: 3.92857rem !important; } .g-pr-60--lg { padding-right: 4.28571rem !important; } .g-pr-65--lg { padding-right: 4.64286rem !important; } .g-pr-70--lg { padding-right: 5rem !important; } .g-pr-75--lg { padding-right: 5.35714rem !important; } .g-pr-80--lg { padding-right: 5.71429rem !important; } .g-pr-85--lg { padding-right: 6.07143rem !important; } .g-pr-90--lg { padding-right: 6.42857rem !important; } .g-pr-95--lg { padding-right: 6.78571rem !important; } .g-pr-100--lg { padding-right: 7.14286rem !important; } .g-pr-105--lg { padding-right: 7.5rem !important; } .g-pr-110--lg { padding-right: 7.85714rem !important; } .g-pr-115--lg { padding-right: 8.21429rem !important; } .g-pr-120--lg { padding-right: 8.57143rem !important; } .g-pr-125--lg { padding-right: 8.92857rem !important; } .g-pr-130--lg { padding-right: 9.28571rem !important; } .g-pr-135--lg { padding-right: 9.64286rem !important; } .g-pr-140--lg { padding-right: 10rem !important; } .g-pr-145--lg { padding-right: 10.35714rem !important; } .g-pr-150--lg { padding-right: 10.71429rem !important; } .g-pr-155--lg { padding-right: 11.07143rem !important; } .g-pr-160--lg { padding-right: 11.42857rem !important; } .g-pr-165--lg { padding-right: 11.78571rem !important; } .g-pr-170--lg { padding-right: 12.14286rem !important; } .g-pr-200--lg { padding-right: 14.28571rem !important; } .g-pr-300--lg { padding-right: 21.42857rem !important; } .g-pr-400--lg { padding-right: 28.57143rem !important; } .g-pr-500--lg { padding-right: 35.71429rem !important; } } /* Padding Spaces (xl) P ------------------------------------*/ /* Paddings */ @media (min-width: 1200px) { /* padding ALL */ .g-pa-0--xl { padding: 0 !important; } .g-pa-1--xl { padding: 0.07143rem !important; } .g-pa-2--xl { padding: 0.14286rem !important; } .g-pa-3--xl { padding: 0.21429rem !important; } .g-pa-4--xl { padding: 0.28571rem !important; } .g-pa-5--xl { padding: 0.35714rem !important; } .g-pa-6--xl { padding: 0.42857rem !important; } .g-pa-7--xl { padding: 0.5rem !important; } .g-pa-8--xl { padding: 0.57143rem !important; } .g-pa-9--xl { padding: 0.64286rem !important; } .g-pa-10--xl { padding: 0.71429rem !important; } .g-pa-11--xl { padding: 0.78571rem !important; } .g-pa-12--xl { padding: 0.85714rem !important; } .g-pa-13--xl { padding: 0.92857rem !important; } .g-pa-14--xl { padding: 1rem !important; } .g-pa-15--xl { padding: 1.07143rem !important; } .g-pa-16--xl { padding: 1.14286rem !important; } .g-pa-17--xl { padding: 1.21429rem !important; } .g-pa-18--xl { padding: 1.28571rem !important; } .g-pa-19--xl { padding: 1.35714rem !important; } .g-pa-20--xl { padding: 1.42857rem !important; } .g-pa-25--xl { padding: 1.78571rem !important; } .g-pa-30--xl { padding: 2.14286rem !important; } .g-pa-35--xl { padding: 2.5rem !important; } .g-pa-40--xl { padding: 2.85714rem !important; } .g-pa-45--xl { padding: 3.21429rem !important; } .g-pa-50--xl { padding: 3.57143rem !important; } .g-pa-55--xl { padding: 3.92857rem !important; } .g-pa-60--xl { padding: 4.28571rem !important; } .g-pa-65--xl { padding: 4.64286rem !important; } .g-pa-70--xl { padding: 5rem !important; } .g-pa-75--xl { padding: 5.35714rem !important; } .g-pa-80--xl { padding: 5.71429rem !important; } .g-pa-85--xl { padding: 6.07143rem !important; } .g-pa-90--xl { padding: 6.42857rem !important; } .g-pa-95--xl { padding: 6.78571rem !important; } .g-pa-100--xl { padding: 7.14286rem !important; } .g-pa-105--xl { padding: 7.5rem !important; } .g-pa-110--xl { padding: 7.85714rem !important; } .g-pa-115--xl { padding: 8.21429rem !important; } .g-pa-120--xl { padding: 8.57143rem !important; } .g-pa-125--xl { padding: 8.92857rem !important; } .g-pa-130--xl { padding: 9.28571rem !important; } .g-pa-135--xl { padding: 9.64286rem !important; } .g-pa-140--xl { padding: 10rem !important; } .g-pa-145--xl { padding: 10.35714rem !important; } .g-pa-150--xl { padding: 10.71429rem !important; } .g-pa-155--xl { padding: 11.07143rem !important; } .g-pa-160--xl { padding: 11.42857rem !important; } .g-pa-165--xl { padding: 11.78571rem !important; } .g-pa-170--xl { padding: 12.14286rem !important; } .g-pa-200--xl { padding: 14.28571rem !important; } .g-pa-300--xl { padding: 21.42857rem !important; } .g-pa-400--xl { padding: 28.57143rem !important; } .g-pa-500--xl { padding: 35.71429rem !important; } /* padding X */ .g-px-0--xl { padding-left: 0 !important; padding-right: 0 !important; } .g-px-1--xl { padding-left: 0.07143rem !important; padding-right: 0.07143rem !important; } .g-px-2--xl { padding-left: 0.14286rem !important; padding-right: 0.14286rem !important; } .g-px-3--xl { padding-left: 0.21429rem !important; padding-right: 0.21429rem !important; } .g-px-4--xl { padding-left: 0.28571rem !important; padding-right: 0.28571rem !important; } .g-px-5--xl { padding-left: 0.35714rem !important; padding-right: 0.35714rem !important; } .g-px-6--xl { padding-left: 0.42857rem !important; padding-right: 0.42857rem !important; } .g-px-7--xl { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .g-px-8--xl { padding-left: 0.57143rem !important; padding-right: 0.57143rem !important; } .g-px-9--xl { padding-left: 0.64286rem !important; padding-right: 0.64286rem !important; } .g-px-10--xl { padding-left: 0.71429rem !important; padding-right: 0.71429rem !important; } .g-px-11--xl { padding-left: 0.78571rem !important; padding-right: 0.78571rem !important; } .g-px-12--xl { padding-left: 0.85714rem !important; padding-right: 0.85714rem !important; } .g-px-13--xl { padding-left: 0.92857rem !important; padding-right: 0.92857rem !important; } .g-px-14--xl { padding-left: 1rem !important; padding-right: 1rem !important; } .g-px-15--xl { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } .g-px-16--xl { padding-left: 1.14286rem !important; padding-right: 1.14286rem !important; } .g-px-17--xl { padding-left: 1.21429rem !important; padding-right: 1.21429rem !important; } .g-px-18--xl { padding-left: 1.28571rem !important; padding-right: 1.28571rem !important; } .g-px-19--xl { padding-left: 1.35714rem !important; padding-right: 1.35714rem !important; } .g-px-20--xl { padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .g-px-25--xl { padding-left: 1.78571rem !important; padding-right: 1.78571rem !important; } .g-px-30--xl { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } .g-px-35--xl { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .g-px-40--xl { padding-left: 2.85714rem !important; padding-right: 2.85714rem !important; } .g-px-45--xl { padding-left: 3.21429rem !important; padding-right: 3.21429rem !important; } .g-px-50--xl { padding-left: 3.57143rem !important; padding-right: 3.57143rem !important; } .g-px-55--xl { padding-left: 3.92857rem !important; padding-right: 3.92857rem !important; } .g-px-60--xl { padding-left: 4.28571rem !important; padding-right: 4.28571rem !important; } .g-px-65--xl { padding-left: 4.64286rem !important; padding-right: 4.64286rem !important; } .g-px-70--xl { padding-left: 5rem !important; padding-right: 5rem !important; } .g-px-75--xl { padding-left: 5.35714rem !important; padding-right: 5.35714rem !important; } .g-px-80--xl { padding-left: 5.71429rem !important; padding-right: 5.71429rem !important; } .g-px-85--xl { padding-left: 6.07143rem !important; padding-right: 6.07143rem !important; } .g-px-90--xl { padding-left: 6.42857rem !important; padding-right: 6.42857rem !important; } .g-px-95--xl { padding-left: 6.78571rem !important; padding-right: 6.78571rem !important; } .g-px-100--xl { padding-left: 7.14286rem !important; padding-right: 7.14286rem !important; } .g-px-105--xl { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } .g-px-110--xl { padding-left: 7.85714rem !important; padding-right: 7.85714rem !important; } .g-px-115--xl { padding-left: 8.21429rem !important; padding-right: 8.21429rem !important; } .g-px-120--xl { padding-left: 8.57143rem !important; padding-right: 8.57143rem !important; } .g-px-125--xl { padding-left: 8.92857rem !important; padding-right: 8.92857rem !important; } .g-px-130--xl { padding-left: 9.28571rem !important; padding-right: 9.28571rem !important; } .g-px-135--xl { padding-left: 9.64286rem !important; padding-right: 9.64286rem !important; } .g-px-140--xl { padding-left: 10rem !important; padding-right: 10rem !important; } .g-px-145--xl { padding-left: 10.35714rem !important; padding-right: 10.35714rem !important; } .g-px-150--xl { padding-left: 10.71429rem !important; padding-right: 10.71429rem !important; } .g-px-155--xl { padding-left: 11.07143rem !important; padding-right: 11.07143rem !important; } .g-px-160--xl { padding-left: 11.42857rem !important; padding-right: 11.42857rem !important; } .g-px-165--xl { padding-left: 11.78571rem !important; padding-right: 11.78571rem !important; } .g-px-170--xl { padding-left: 12.14286rem !important; padding-right: 12.14286rem !important; } .g-px-200--xl { padding-left: 14.28571rem !important; padding-right: 14.28571rem !important; } .g-px-300--xl { padding-left: 21.42857rem !important; padding-right: 21.42857rem !important; } .g-px-400--xl { padding-left: 28.57143rem !important; padding-right: 28.57143rem !important; } .g-px-500--xl { padding-left: 35.71429rem !important; padding-right: 35.71429rem !important; } /* padding Y */ .g-py-0--xl { padding-top: 0 !important; padding-bottom: 0 !important; } .g-py-1--xl { padding-top: 0.07143rem !important; padding-bottom: 0.07143rem !important; } .g-py-2--xl { padding-top: 0.14286rem !important; padding-bottom: 0.14286rem !important; } .g-py-3--xl { padding-top: 0.21429rem !important; padding-bottom: 0.21429rem !important; } .g-py-4--xl { padding-top: 0.28571rem !important; padding-bottom: 0.28571rem !important; } .g-py-5--xl { padding-top: 0.35714rem !important; padding-bottom: 0.35714rem !important; } .g-py-6--xl { padding-top: 0.42857rem !important; padding-bottom: 0.42857rem !important; } .g-py-7--xl { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .g-py-8--xl { padding-top: 0.57143rem !important; padding-bottom: 0.57143rem !important; } .g-py-9--xl { padding-top: 0.64286rem !important; padding-bottom: 0.64286rem !important; } .g-py-10--xl { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-py-11--xl { padding-top: 0.78571rem !important; padding-bottom: 0.78571rem !important; } .g-py-12--xl { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } .g-py-13--xl { padding-top: 0.92857rem !important; padding-bottom: 0.92857rem !important; } .g-py-14--xl { padding-top: 1rem !important; padding-bottom: 1rem !important; } .g-py-15--xl { padding-top: 1.07143rem !important; padding-bottom: 1.07143rem !important; } .g-py-16--xl { padding-top: 1.14286rem !important; padding-bottom: 1.14286rem !important; } .g-py-17--xl { padding-top: 1.21429rem !important; padding-bottom: 1.21429rem !important; } .g-py-18--xl { padding-top: 1.28571rem !important; padding-bottom: 1.28571rem !important; } .g-py-19--xl { padding-top: 1.35714rem !important; padding-bottom: 1.35714rem !important; } .g-py-20--xl { padding-top: 1.42857rem !important; padding-bottom: 1.42857rem !important; } .g-py-25--xl { padding-top: 1.78571rem !important; padding-bottom: 1.78571rem !important; } .g-py-30--xl { padding-top: 2.14286rem !important; padding-bottom: 2.14286rem !important; } .g-py-35--xl { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .g-py-40--xl { padding-top: 2.85714rem !important; padding-bottom: 2.85714rem !important; } .g-py-45--xl { padding-top: 3.21429rem !important; padding-bottom: 3.21429rem !important; } .g-py-50--xl { padding-top: 3.57143rem !important; padding-bottom: 3.57143rem !important; } .g-py-55--xl { padding-top: 3.92857rem !important; padding-bottom: 3.92857rem !important; } .g-py-60--xl { padding-top: 4.28571rem !important; padding-bottom: 4.28571rem !important; } .g-py-65--xl { padding-top: 4.64286rem !important; padding-bottom: 4.64286rem !important; } .g-py-70--xl { padding-top: 5rem !important; padding-bottom: 5rem !important; } .g-py-75--xl { padding-top: 5.35714rem !important; padding-bottom: 5.35714rem !important; } .g-py-80--xl { padding-top: 5.71429rem !important; padding-bottom: 5.71429rem !important; } .g-py-85--xl { padding-top: 6.07143rem !important; padding-bottom: 6.07143rem !important; } .g-py-90--xl { padding-top: 6.42857rem !important; padding-bottom: 6.42857rem !important; } .g-py-95--xl { padding-top: 6.78571rem !important; padding-bottom: 6.78571rem !important; } .g-py-100--xl { padding-top: 7.14286rem !important; padding-bottom: 7.14286rem !important; } .g-py-105--xl { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .g-py-110--xl { padding-top: 7.85714rem !important; padding-bottom: 7.85714rem !important; } .g-py-115--xl { padding-top: 8.21429rem !important; padding-bottom: 8.21429rem !important; } .g-py-120--xl { padding-top: 8.57143rem !important; padding-bottom: 8.57143rem !important; } .g-py-125--xl { padding-top: 8.92857rem !important; padding-bottom: 8.92857rem !important; } .g-py-130--xl { padding-top: 9.28571rem !important; padding-bottom: 9.28571rem !important; } .g-py-135--xl { padding-top: 9.64286rem !important; padding-bottom: 9.64286rem !important; } .g-py-140--xl { padding-top: 10rem !important; padding-bottom: 10rem !important; } .g-py-145--xl { padding-top: 10.35714rem !important; padding-bottom: 10.35714rem !important; } .g-py-150--xl { padding-top: 10.71429rem !important; padding-bottom: 10.71429rem !important; } .g-py-155--xl { padding-top: 11.07143rem !important; padding-bottom: 11.07143rem !important; } .g-py-160--xl { padding-top: 11.42857rem !important; padding-bottom: 11.42857rem !important; } .g-py-165--xl { padding-top: 11.78571rem !important; padding-bottom: 11.78571rem !important; } .g-py-170--xl { padding-top: 12.14286rem !important; padding-bottom: 12.14286rem !important; } .g-py-200--xl { padding-top: 14.28571rem !important; padding-bottom: 14.28571rem !important; } .g-py-300--xl { padding-top: 21.42857rem !important; padding-bottom: 21.42857rem !important; } .g-py-400--xl { padding-top: 28.57143rem !important; padding-bottom: 28.57143rem !important; } .g-py-500--xl { padding-top: 35.71429rem !important; padding-bottom: 35.71429rem !important; } /* padding TOP */ .g-pt-0--xl { padding-top: 0 !important; } .g-pt-1--xl { padding-top: 0.07143rem !important; } .g-pt-2--xl { padding-top: 0.14286rem !important; } .g-pt-3--xl { padding-top: 0.21429rem !important; } .g-pt-4--xl { padding-top: 0.28571rem !important; } .g-pt-5--xl { padding-top: 0.35714rem !important; } .g-pt-6--xl { padding-top: 0.42857rem !important; } .g-pt-7--xl { padding-top: 0.5rem !important; } .g-pt-8--xl { padding-top: 0.57143rem !important; } .g-pt-9--xl { padding-top: 0.64286rem !important; } .g-pt-10--xl { padding-top: 0.71429rem !important; } .g-pt-11--xl { padding-top: 0.78571rem !important; } .g-pt-12--xl { padding-top: 0.85714rem !important; } .g-pt-13--xl { padding-top: 0.92857rem !important; } .g-pt-14--xl { padding-top: 1rem !important; } .g-pt-15--xl { padding-top: 1.07143rem !important; } .g-pt-16--xl { padding-top: 1.14286rem !important; } .g-pt-17--xl { padding-top: 1.21429rem !important; } .g-pt-18--xl { padding-top: 1.28571rem !important; } .g-pt-19--xl { padding-top: 1.35714rem !important; } .g-pt-20--xl { padding-top: 1.42857rem !important; } .g-pt-25--xl { padding-top: 1.78571rem !important; } .g-pt-30--xl { padding-top: 2.14286rem !important; } .g-pt-35--xl { padding-top: 2.5rem !important; } .g-pt-40--xl { padding-top: 2.85714rem !important; } .g-pt-45--xl { padding-top: 3.21429rem !important; } .g-pt-50--xl { padding-top: 3.57143rem !important; } .g-pt-55--xl { padding-top: 3.92857rem !important; } .g-pt-60--xl { padding-top: 4.28571rem !important; } .g-pt-65--xl { padding-top: 4.64286rem !important; } .g-pt-70--xl { padding-top: 5rem !important; } .g-pt-75--xl { padding-top: 5.35714rem !important; } .g-pt-80--xl { padding-top: 5.71429rem !important; } .g-pt-85--xl { padding-top: 6.07143rem !important; } .g-pt-90--xl { padding-top: 6.42857rem !important; } .g-pt-95--xl { padding-top: 6.78571rem !important; } .g-pt-100--xl { padding-top: 7.14286rem !important; } .g-pt-105--xl { padding-top: 7.5rem !important; } .g-pt-110--xl { padding-top: 7.85714rem !important; } .g-pt-115--xl { padding-top: 8.21429rem !important; } .g-pt-120--xl { padding-top: 8.57143rem !important; } .g-pt-125--xl { padding-top: 8.92857rem !important; } .g-pt-130--xl { padding-top: 9.28571rem !important; } .g-pt-135--xl { padding-top: 9.64286rem !important; } .g-pt-140--xl { padding-top: 10rem !important; } .g-pt-145--xl { padding-top: 10.35714rem !important; } .g-pt-150--xl { padding-top: 10.71429rem !important; } .g-pt-155--xl { padding-top: 11.07143rem !important; } .g-pt-160--xl { padding-top: 11.42857rem !important; } .g-pt-165--xl { padding-top: 11.78571rem !important; } .g-pt-170--xl { padding-top: 12.14286rem !important; } .g-pt-200--xl { padding-top: 14.28571rem !important; } .g-pt-300--xl { padding-top: 21.42857rem !important; } .g-pt-400--xl { padding-top: 28.57143rem !important; } .g-pt-500--xl { padding-top: 35.71429rem !important; } /* padding BOTTOM */ .g-pb-0--xl { padding-bottom: 0 !important; } .g-pb-1--xl { padding-bottom: 0.07143rem !important; } .g-pb-2--xl { padding-bottom: 0.14286rem !important; } .g-pb-3--xl { padding-bottom: 0.21429rem !important; } .g-pb-4--xl { padding-bottom: 0.28571rem !important; } .g-pb-5--xl { padding-bottom: 0.35714rem !important; } .g-pb-6--xl { padding-bottom: 0.42857rem !important; } .g-pb-7--xl { padding-bottom: 0.5rem !important; } .g-pb-8--xl { padding-bottom: 0.57143rem !important; } .g-pb-9--xl { padding-bottom: 0.64286rem !important; } .g-pb-10--xl { padding-bottom: 0.71429rem !important; } .g-pb-11--xl { padding-bottom: 0.78571rem !important; } .g-pb-12--xl { padding-bottom: 0.85714rem !important; } .g-pb-13--xl { padding-bottom: 0.92857rem !important; } .g-pb-14--xl { padding-bottom: 1rem !important; } .g-pb-15--xl { padding-bottom: 1.07143rem !important; } .g-pb-16--xl { padding-bottom: 1.14286rem !important; } .g-pb-17--xl { padding-bottom: 1.21429rem !important; } .g-pb-18--xl { padding-bottom: 1.28571rem !important; } .g-pb-19--xl { padding-bottom: 1.35714rem !important; } .g-pb-20--xl { padding-bottom: 1.42857rem !important; } .g-pb-25--xl { padding-bottom: 1.78571rem !important; } .g-pb-30--xl { padding-bottom: 2.14286rem !important; } .g-pb-35--xl { padding-bottom: 2.5rem !important; } .g-pb-40--xl { padding-bottom: 2.85714rem !important; } .g-pb-45--xl { padding-bottom: 3.21429rem !important; } .g-pb-50--xl { padding-bottom: 3.57143rem !important; } .g-pb-55--xl { padding-bottom: 3.92857rem !important; } .g-pb-60--xl { padding-bottom: 4.28571rem !important; } .g-pb-65--xl { padding-bottom: 4.64286rem !important; } .g-pb-70--xl { padding-bottom: 5rem !important; } .g-pb-75--xl { padding-bottom: 5.35714rem !important; } .g-pb-80--xl { padding-bottom: 5.71429rem !important; } .g-pb-85--xl { padding-bottom: 6.07143rem !important; } .g-pb-90--xl { padding-bottom: 6.42857rem !important; } .g-pb-95--xl { padding-bottom: 6.78571rem !important; } .g-pb-100--xl { padding-bottom: 7.14286rem !important; } .g-pb-105--xl { padding-bottom: 7.5rem !important; } .g-pb-110--xl { padding-bottom: 7.85714rem !important; } .g-pb-115--xl { padding-bottom: 8.21429rem !important; } .g-pb-120--xl { padding-bottom: 8.57143rem !important; } .g-pb-125--xl { padding-bottom: 8.92857rem !important; } .g-pb-130--xl { padding-bottom: 9.28571rem !important; } .g-pb-135--xl { padding-bottom: 9.64286rem !important; } .g-pb-140--xl { padding-bottom: 10rem !important; } .g-pb-145--xl { padding-bottom: 10.35714rem !important; } .g-pb-150--xl { padding-bottom: 10.71429rem !important; } .g-pb-155--xl { padding-bottom: 11.07143rem !important; } .g-pb-160--xl { padding-bottom: 11.42857rem !important; } .g-pb-165--xl { padding-bottom: 11.78571rem !important; } .g-pb-170--xl { padding-bottom: 12.14286rem !important; } .g-pb-200--xl { padding-bottom: 14.28571rem !important; } .g-pb-300--xl { padding-bottom: 21.42857rem !important; } .g-pb-400--xl { padding-bottom: 28.57143rem !important; } .g-pb-500--xl { padding-bottom: 35.71429rem !important; } /* padding LEFT */ .g-pl-0--xl { padding-left: 0 !important; } .g-pl-1--xl { padding-left: 0.07143rem !important; } .g-pl-2--xl { padding-left: 0.14286rem !important; } .g-pl-3--xl { padding-left: 0.21429rem !important; } .g-pl-4--xl { padding-left: 0.28571rem !important; } .g-pl-5--xl { padding-left: 0.35714rem !important; } .g-pl-6--xl { padding-left: 0.42857rem !important; } .g-pl-7--xl { padding-left: 0.5rem !important; } .g-pl-8--xl { padding-left: 0.57143rem !important; } .g-pl-9--xl { padding-left: 0.64286rem !important; } .g-pl-10--xl { padding-left: 0.71429rem !important; } .g-pl-11--xl { padding-left: 0.78571rem !important; } .g-pl-12--xl { padding-left: 0.85714rem !important; } .g-pl-13--xl { padding-left: 0.92857rem !important; } .g-pl-14--xl { padding-left: 1rem !important; } .g-pl-15--xl { padding-left: 1.07143rem !important; } .g-pl-16--xl { padding-left: 1.14286rem !important; } .g-pl-17--xl { padding-left: 1.21429rem !important; } .g-pl-18--xl { padding-left: 1.28571rem !important; } .g-pl-19--xl { padding-left: 1.35714rem !important; } .g-pl-20--xl { padding-left: 1.42857rem !important; } .g-pl-25--xl { padding-left: 1.78571rem !important; } .g-pl-30--xl { padding-left: 2.14286rem !important; } .g-pl-35--xl { padding-left: 2.5rem !important; } .g-pl-40--xl { padding-left: 2.85714rem !important; } .g-pl-45--xl { padding-left: 3.21429rem !important; } .g-pl-50--xl { padding-left: 3.57143rem !important; } .g-pl-55--xl { padding-left: 3.92857rem !important; } .g-pl-60--xl { padding-left: 4.28571rem !important; } .g-pl-65--xl { padding-left: 4.64286rem !important; } .g-pl-70--xl { padding-left: 5rem !important; } .g-pl-75--xl { padding-left: 5.35714rem !important; } .g-pl-80--xl { padding-left: 5.71429rem !important; } .g-pl-85--xl { padding-left: 6.07143rem !important; } .g-pl-90--xl { padding-left: 6.42857rem !important; } .g-pl-95--xl { padding-left: 6.78571rem !important; } .g-pl-100--xl { padding-left: 7.14286rem !important; } .g-pl-105--xl { padding-left: 7.5rem !important; } .g-pl-110--xl { padding-left: 7.85714rem !important; } .g-pl-115--xl { padding-left: 8.21429rem !important; } .g-pl-120--xl { padding-left: 8.57143rem !important; } .g-pl-125--xl { padding-left: 8.92857rem !important; } .g-pl-130--xl { padding-left: 9.28571rem !important; } .g-pl-135--xl { padding-left: 9.64286rem !important; } .g-pl-140--xl { padding-left: 10rem !important; } .g-pl-145--xl { padding-left: 10.35714rem !important; } .g-pl-150--xl { padding-left: 10.71429rem !important; } .g-pl-155--xl { padding-left: 11.07143rem !important; } .g-pl-160--xl { padding-left: 11.42857rem !important; } .g-pl-165--xl { padding-left: 11.78571rem !important; } .g-pl-170--xl { padding-left: 12.14286rem !important; } .g-pl-200--xl { padding-left: 14.28571rem !important; } .g-pl-300--xl { padding-left: 21.42857rem !important; } .g-pl-400--xl { padding-left: 28.57143rem !important; } .g-pl-500--xl { padding-left: 35.71429rem !important; } /* padding RIGHT */ .g-pr-0--xl { padding-right: 0 !important; } .g-pr-1--xl { padding-right: 0.07143rem !important; } .g-pr-2--xl { padding-right: 0.14286rem !important; } .g-pr-3--xl { padding-right: 0.21429rem !important; } .g-pr-4--xl { padding-right: 0.28571rem !important; } .g-pr-5--xl { padding-right: 0.35714rem !important; } .g-pr-6--xl { padding-right: 0.42857rem !important; } .g-pr-7--xl { padding-right: 0.5rem !important; } .g-pr-8--xl { padding-right: 0.57143rem !important; } .g-pr-9--xl { padding-right: 0.64286rem !important; } .g-pr-10--xl { padding-right: 0.71429rem !important; } .g-pr-11--xl { padding-right: 0.78571rem !important; } .g-pr-12--xl { padding-right: 0.85714rem !important; } .g-pr-13--xl { padding-right: 0.92857rem !important; } .g-pr-14--xl { padding-right: 1rem !important; } .g-pr-15--xl { padding-right: 1.07143rem !important; } .g-pr-16--xl { padding-right: 1.14286rem !important; } .g-pr-17--xl { padding-right: 1.21429rem !important; } .g-pr-18--xl { padding-right: 1.28571rem !important; } .g-pr-19--xl { padding-right: 1.35714rem !important; } .g-pr-20--xl { padding-right: 1.42857rem !important; } .g-pr-25--xl { padding-right: 1.78571rem !important; } .g-pr-30--xl { padding-right: 2.14286rem !important; } .g-pr-35--xl { padding-right: 2.5rem !important; } .g-pr-40--xl { padding-right: 2.85714rem !important; } .g-pr-45--xl { padding-right: 3.21429rem !important; } .g-pr-50--xl { padding-right: 3.57143rem !important; } .g-pr-55--xl { padding-right: 3.92857rem !important; } .g-pr-60--xl { padding-right: 4.28571rem !important; } .g-pr-65--xl { padding-right: 4.64286rem !important; } .g-pr-70--xl { padding-right: 5rem !important; } .g-pr-75--xl { padding-right: 5.35714rem !important; } .g-pr-80--xl { padding-right: 5.71429rem !important; } .g-pr-85--xl { padding-right: 6.07143rem !important; } .g-pr-90--xl { padding-right: 6.42857rem !important; } .g-pr-95--xl { padding-right: 6.78571rem !important; } .g-pr-100--xl { padding-right: 7.14286rem !important; } .g-pr-105--xl { padding-right: 7.5rem !important; } .g-pr-110--xl { padding-right: 7.85714rem !important; } .g-pr-115--xl { padding-right: 8.21429rem !important; } .g-pr-120--xl { padding-right: 8.57143rem !important; } .g-pr-125--xl { padding-right: 8.92857rem !important; } .g-pr-130--xl { padding-right: 9.28571rem !important; } .g-pr-135--xl { padding-right: 9.64286rem !important; } .g-pr-140--xl { padding-right: 10rem !important; } .g-pr-145--xl { padding-right: 10.35714rem !important; } .g-pr-150--xl { padding-right: 10.71429rem !important; } .g-pr-155--xl { padding-right: 11.07143rem !important; } .g-pr-160--xl { padding-right: 11.42857rem !important; } .g-pr-165--xl { padding-right: 11.78571rem !important; } .g-pr-170--xl { padding-right: 12.14286rem !important; } .g-pr-200--xl { padding-right: 14.28571rem !important; } .g-pr-300--xl { padding-right: 21.42857rem !important; } .g-pr-400--xl { padding-right: 28.57143rem !important; } .g-pr-500--xl { padding-right: 35.71429rem !important; } } /* Additional -----------------------------------*/ /* Custom Paddings (xs) ------------------------------------*/ .g-pa-0-20-20 { padding: 0 1.42857rem 1.42857rem !important; } .g-pa-15-20-10 { padding: 1.07143rem 1.42857rem 0.71429rem !important; } .g-pa-15-20 { padding: 1.07143rem 1.42857rem !important; } .g-pa-40-30-30 { padding: 2.85714rem 2.14286rem 2.14286rem !important; } .g-py-23 { padding-top: 1.64286rem !important; padding-bottom: 1.64286rem !important; } .g-parent:hover .g-pt-25--parent-hover { padding-top: 1.78571rem !important; } .g-pb-250 { padding-bottom: 17.85714rem !important; } /* Custom Paddings (sm) ------------------------------------*/ @media (min-width: 576px) { .g-pa-0-35-35--sm { padding: 0 2.5rem 2.5rem !important; } .g-pa-100-30--sm { padding: 7.14286rem 2.14286rem !important; } } /* Custom Paddings (md) ------------------------------------*/ @media (min-width: 768px) { .g-py-23--md { padding-top: 1.64286rem !important; padding-bottom: 1.64286rem !important; } } /* Custom Paddings (lg down) */ @media (max-width: 991px) { .g-pt-0--lg-down { padding-top: 0 !important; } } /*------------------------------------ Block Hidden ------------------------------------*/ .g-hidden-xs-up { display: none !important; } @media (max-width: 575px) { .g-hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .g-hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .g-hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .g-hidden-md-up { display: none !important; } } @media (max-width: 991px) { .g-hidden-md-down { display: none !important; } } @media (min-width: 992px) { .g-hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .g-hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .g-hidden-xl-up { display: none !important; } } .g-hidden-xl-down { display: none !important; } /* CUSTOM COLORS for THEMES */ /*ARCHITECTURE*/ .u-theme-architecture-shadow-v1 { box-shadow: 0 0 3px #b5b5b5; } /*EVENT*/ .g-theme-event-color-gray-dark-v1 { color: #979aa7 !important; } .g-theme-event-color-gray-dark-v1--hover:hover { color: #979aa7 !important; } /*BITRIX*/ .g-theme-bitrix-color-v4 { color: #60E7F5 !important; } .g-theme-bitrix-color-v4 * { color: #60E7F5; } .g-theme-bitrix-color-v4 p { color: #60E7F5; } .g-theme-bitrix-color-v4--hover:active, .g-theme-bitrix-color-v4--hover:focus, .g-theme-bitrix-color-v4--hover.active { color: #60E7F5 !important; } .g-theme-bitrix-color-v4--hover:hover { color: #60E7F5 !important; } .g-theme-bitrix-color-v4--hover:hover * { color: #60E7F5 !important; } /* CUSTOM BG COLORS for THEMES */ /* PHOTOGRAPHY*/ .g-theme-photography-bg-gray-dark-v2 { background-color: #1d1d1d !important; } .g-theme-photography-bg-gray-dark-v2--hover:hover { background-color: #1d1d1d !important; } .g-theme-photography-bg-gray-dark-v3 { background-color: #222 !important; } .g-theme-photography-bg-gray-dark-v3--hover:hover { background-color: #222 !important; } .g-theme-photography-bg-gray-dark-v4 { background-color: #272727 !important; } .g-theme-photography-bg-gray-dark-v4--hover:hover { background-color: #272727 !important; } /* BUSINESS */ .g-theme-business-bg-blue-dark-v1 { background-color: #14112c !important; } .g-theme-business-bg-blue-dark-v1--hover:hover { background-color: #14112c !important; } .g-theme-business-bg-blue-dark-v1-opacity-0_9 { background-color: rgba(20, 17, 44, 0.9) !important; } .g-theme-business-bg-blue-dark-v1-opacity-0_9--hover:hover { background-color: rgba(20, 17, 44, 0.9) !important; } .g-theme-business-bg-blue-dark-v2 { background-color: #1d1a37 !important; } .g-theme-business-bg-blue-dark-v2--hover:hover { background-color: #1d1a37 !important; } .g-theme-business-bg-blue-dark-v3 { background-color: #211e3f !important; } .g-theme-business-bg-blue-dark-v3--hover:hover { background-color: #211e3f !important; } /*ARCHITECTURE*/ .g-theme-architecture-bg-blue-dark-v1 { background-color: #2d2d37 !important; } .g-theme-architecture-bg-blue-dark-v1--hover:hover { background-color: #2d2d37 !important; } .g-theme-architecture-bg-blue-dark-v3 { background-color: #363643 !important; } .g-theme-architecture-bg-blue-dark-v3--hover:hover { background-color: #363643 !important; } .g-theme-architecture-bg-blue-dark-v4 { background-color: #33333f !important; } .g-theme-architecture-bg-blue-dark-v4--hover:hover { background-color: #33333f !important; } /*EVENT*/ .g-theme-event-bg-blue-dark-v2 { background-color: #151826 !important; } .g-theme-event-bg-blue-dark-v2--hover:hover { background-color: #151826 !important; } /* TRAVEL */ .g-theme-travel-bg-black-v1 { background-color: #31353e !important; } .g-theme-travel-bg-black-v1--hover:hover { background-color: #31353e !important; } .g-theme-travel-bg-black-v1-opacity-0_8 { background-color: rgba(49, 53, 62, 0.8) !important; } .g-theme-travel-bg-black-v1-opacity-0_8--hover:hover { background-color: rgba(49, 53, 62, 0.8) !important; } /* LAWYER */ .g-theme-lawyer-bg-gray-dark-v1 { background-color: #4e4353 !important; } .g-theme-lawyer-bg-gray-dark-v1--hover:hover { background-color: #4e4353 !important; } /*GYM*/ .g-theme-gym-bg-gray-dark-v1 { background-color: #3b3e47 !important; } .g-theme-gym-bg-gray-dark-v1--hover:hover { background-color: #3b3e47 !important; } /*BITRIX*/ .g-theme-bitrix-bg-dark-v1 { background-color: #393945 !important; } .g-theme-bitrix-bg-dark-v1--hover:hover { background-color: #393945 !important; } .g-theme-bitrix-bg-dark-v2 { background-color: #2C2C2C !important; } .g-theme-bitrix-bg-dark-v2--hover:hover { background-color: #2C2C2C !important; } .g-theme-bitrix-bg-dark-v3 { background-color: #242426 !important; } .g-theme-bitrix-bg-dark-v3--hover:hover { background-color: #242426 !important; } .g-theme-bitrix-bg-v3 { background-color: #3330D9 !important; } .g-theme-bitrix-bg-v3--hover:hover { background-color: #3330D9 !important; } /* CUSTOM BG COLORS for THEMES */ /*BITRIX*/ .g-theme-bitrix-brd-v3 { border-color: #3330D9 !important; } .g-theme-bitrix-brd-v3--hover:hover { border-color: #3330D9 !important; } .g-theme-bitrix-brd-v3-top { border-top-color: #3330D9 !important; } .g-theme-bitrix-brd-v3-top[class*=g-brd-] { border-top-color: #3330D9 !important; } .g-theme-bitrix-brd-v4 { border-color: #60E7F5 !important; } .g-theme-bitrix-brd-v4--hover:hover { border-color: #60E7F5 !important; } .g-theme-bitrix-brd-v4-top { border-top-color: #60E7F5 !important; } .g-theme-bitrix-brd-v4-top[class*=g-brd-] { border-top-color: #60E7F5 !important; } /* Add here all your css styles (customizations) */ /* Special border for html-block*/ .g-landing-alert { padding: 0.71429rem !important; border: 1px dashed rgba(68, 68, 68, 0.5); background-color: rgba(255, 255, 255, 0.75); color: #777; } .g-landing-alert p:last-child { margin-bottom: 0; } .g-landing-alert-v2 { font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); background-color: #fff; padding: 30px; margin: 0 auto; border: 1px solid #eee; } .g-landing-alert-v2 .g-landing-alert-title { font-size: 2rem; color: black; line-height: 1.4; font-weight: 500; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjA5MSAyMDkxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMTczLjMzMyAxNjMxdi0xOTBxMC0xNC05LjUtMjMuNXQtMjIuNS05LjVoLTE5MnEtMTMgMC0yMi41IDkuNXQtOS41IDIzLjV2MTkwcTAgMTQgOS41IDIzLjV0MjIuNSA5LjVoMTkycTEzIDAgMjIuNS05LjV0OS41LTIzLjV6bS0yLTM3NGwxOC00NTlxMC0xMi0xMC0xOS0xMy0xMS0yNC0xMWgtMjIwcS0xMSAwLTI0IDExLTEwIDctMTAgMjFsMTcgNDU3cTAgMTAgMTAgMTYuNXQyNCA2LjVoMTg1cTE0IDAgMjMuNS02LjV0MTAuNS0xNi41em0tMTQtOTM0bDc2OCAxNDA4cTM1IDYzLTIgMTI2LTE3IDI5LTQ2LjUgNDZ0LTYzLjUgMTdoLTE1MzZxLTM0IDAtNjMuNS0xN3QtNDYuNS00NnEtMzctNjMtMi0xMjZsNzY4LTE0MDhxMTctMzEgNDctNDl0NjUtMTggNjUgMTggNDcgNDl6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-position: left 6px; background-size: 28px; padding-left: 3.21429rem !important; padding-bottom: 1.07143rem !important; margin-bottom: 1.07143rem !important; border-bottom: 1px solid #eee; } .g-landing-alert-v2 .g-landing-alert-text { font-size: 1rem; color: #999; } .g-landing-alert-v2 .g-landing-alert-button { font-size: 1rem; color: #000; border: 1px solid #eee; display: block; } .g-landing-alert-v2 .g-landing-alert-button:hover, .g-landing-alert-v2 .g-landing-alert-button:focus, .g-landing-alert-v2 .g-landing-alert-button:active { background-color: #eee; } .g-landing-alert-v3 { border-radius: 10px; background: #8a9199; color: #fff; padding: 13px 19px; margin-left: 60px; position: relative; font-size: 12px; } .g-landing-alert-v3::before { content: ""; display: block; height: 10px; width: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #8a9199; border-right: none; border-top: none; position: absolute; left: -5px; top: 15px; } .g-landing-alert-v3::after { content: ""; display: block; height: 40px; width: 40px; border: 2px solid var(--primary); border-radius: 50%; background-image: url(/bitrix/images/landing/marta.jpg); background-size: contain; position: absolute; top: 0; left: -55px; } /* FORM ALERT if form not found */ .u-form-alert-title, .u-form-alert-text { text-align: left; } .u-form-alert-v1 .u-form-alert, .u-form-alert-v3 .u-form-alert { padding: 2.14286rem; } .u-form-alert-v1 .u-form-alert-title, .u-form-alert-v3 .u-form-alert-title { color: #fff; } .u-form-alert-v1 .u-form-alert-divider, .u-form-alert-v3 .u-form-alert-divider { background-color: rgba(255, 255, 255, 0.6); } .u-form-alert-v1 .u-form-alert-text, .u-form-alert-v3 .u-form-alert-text { color: rgba(255, 255, 255, 0.6); } .u-form-alert-v1 a, .u-form-alert-v3 a { text-decoration: underline; color: rgba(255, 255, 255, 0.6); } .u-form-alert-v1 a:hover, .u-form-alert-v3 a:hover { color: rgba(255, 255, 255, 0.5); } .u-form-alert-v1 a:active, .u-form-alert-v3 a:active, .u-form-alert-v1 a:focus, .u-form-alert-v3 a:focus { color: rgba(255, 255, 255, 0.5); } .u-form-alert-v2 .u-form-alert, .u-form-alert-v4 .u-form-alert { padding: 3.57143rem; } .u-form-alert-v2 .u-form-alert-title, .u-form-alert-v4 .u-form-alert-title { color: #000; } .u-form-alert-v2 .u-form-alert-divider, .u-form-alert-v4 .u-form-alert-divider { background-color: #eee; } .u-form-alert-v2 .u-form-alert-text, .u-form-alert-v4 .u-form-alert-text { color: #999; } .u-form-alert-v2 a, .u-form-alert-v4 a { text-decoration: underline; color: #999; } .u-form-alert-v2 a:hover, .u-form-alert-v4 a:hover { color: #777; } .u-form-alert-v2 a:active, .u-form-alert-v4 a:active, .u-form-alert-v2 a:focus, .u-form-alert-v4 a:focus { color: #777; } .u-form-alert-v3 .u-form-alert { border: solid 1px rgba(255, 255, 255, 0.6); padding: 3.57143rem; } .u-form-alert-v4 .u-form-alert { border: solid 1px #eee; } /* CUSTOM COLORS for THEMES */ .u-block-border { border-width: 0px; } .u-block-border-none { border-radius: 0 !important; margin: 0 !important; } .u-block-border-none[class*=g-rounded-] { border-radius: 0 !important; } .u-block-border.u-block-border-margin-sm { margin-top: 5px; margin-bottom: 5px !important; margin-left: 5px !important; margin-right: 5px !important; } .u-block-border.u-block-border-margin-md { margin-top: 10px; margin-bottom: 10px !important; margin-left: 10px !important; margin-right: 10px !important; } .u-block-border.u-block-border-margin-lg { margin-top: 20px; margin-bottom: 20px !important; margin-left: 20px !important; margin-right: 20px !important; } @media (min-width: 576px) { .u-block-border.u-block-border-margin-sm { margin-top: 10px; margin-bottom: 10px !important; margin-left: 10px !important; margin-right: 10px !important; } .u-block-border.u-block-border-margin-md { margin-top: 20px; margin-bottom: 20px !important; margin-left: 20px !important; margin-right: 20px !important; } .u-block-border.u-block-border-margin-lg { margin-top: 50px; margin-bottom: 50px !important; margin-left: 50px !important; margin-right: 50px !important; } } .u-block-border.u-block-border-first { margin-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .u-block-border.u-block-border-middle { margin-bottom: 0 !important; margin-top: 0 !important; border-radius: 0 !important; } .u-block-border.u-block-border-end { margin-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } div.g-video-preview { background: #000 no-repeat center center; background-size: 101%; cursor: pointer; } div.g-video-preview::after { display: block; height: 100%; width: 100%; content: ""; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='68'><path d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23212121' fill-opacity='0.8'></path><path d='M 45,24 27,14 27,34' fill='%23fff'></path></svg>") center center no-repeat; } div.g-video-preview:hover::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='68'><path d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'></path><path d='M 45,24 27,14 27,34' fill='%23fff'></path></svg>"); } div.g-video-preview.--loader { cursor: auto; pointer-events: none; } div.g-video-preview.--loader::after, div.g-video-preview.--loader:hover::after { background: rgba(0, 0, 0, 0.5); pointer-events: none; } .g-video-preview-error { display: flex; align-items: center; justify-content: center; background: none !important; } .landing-edit-mode .g-video-preview { margin-left: 2%; margin-right: 2%; width: 96% !important; } :root { --color: inherit; --color-hover: inherit; --bg: inherit; --bg--hover: inherit; --bg--after: inherit; --bg--before: inherit; --bg-url: inherit; --bg-url-2x: inherit; --bg-overlay: transparent; --bg-size: cover; --bg-attachment: scroll; --border-color: inherit; --border-color--hover: inherit; --border-color--top: inherit; --navbar-color: inherit; --navbar-color--hover: inherit; --navbar-color--fix-moment: inherit; --navbar-color--fix-moment--hover: inherit; --navbar-bg-color: inherit; --navbar-bg-color--hover: inherit; --navbar-collapse-bg-color: inherit; --fill-first: inherit; --fill-second: inherit; --button-color: inherit; --button-color-contrast: inherit; --button-color-light: inherit; } :root { --landing-font-family: ""; } .text-primary { color: var(--primary) !important; } .text-secondary { color: var(--theme-color-secondary) !important; } .text-success { color: #5cb85c !important; } .text-danger { color: #d9534f !important; } .text-warning { color: #f0ad4e !important; } .text-info { color: #5bc0de !important; } .bg-primary { background-color: var(--primary) !important; } .bg-secondary { background-color: var(--theme-color-secondary) !important; } .bg-success { background-color: #5cb85c !important; } .bg-danger { background-color: #d9534f !important; } .bg-warning { background-color: #f0ad4e !important; } .bg-info { background-color: #5bc0de !important; } .bd-callout-primary { border-left-color: var(--primary) !important; } .bd-callout-secondary { border-left-color: var(--theme-color-secondary) !important; } .bd-callout-success { border-left-color: #5cb85c !important; } .bd-callout-danger { border-left-color: #d9534f !important; } .bd-callout-warning { border-left-color: #f0ad4e !important; } .bd-callout-info { border-left-color: #5bc0de !important; } .border-primary { border-color: var(--primary) !important; } .border-secondary { border-color: var(--theme-color-secondary) !important; } .border-success { border-color: #5cb85c !important; } .border-danger { border-color: #d9534f !important; } .border-warning { border-color: #f0ad4e !important; } .border-info { border-color: #5bc0de !important; } /* Widget - B24 BUTTON */ .landing-b24button-use-style .b24-widget-button-popup, .landing-b24button-use-style .b24-widget-button-popup-triangle, .landing-b24button-use-style .b24-widget-button-pulse { border-color: var(--theme-color-b24button) !important; } .landing-b24button-use-style .b24-widget-button-inner-block, .landing-b24button-use-style .b24-widget-button-inner-mask { background-color: var(--theme-color-b24button) !important; } .landing-b24button-use-style .b24-widget-button-social-item { background-color: var(--theme-color-b24button) !important; } .b24-widget-button-wrapper { z-index: 190 !important; } .b24-widget-button-shadow { z-index: 180 !important; } .landing-mode-preview .bx-livechat-wrapper { right: 0; bottom: 0; width: 100% !important; height: 100% !important; border-radius: 0; } .landing-mode-preview .bx-livechat-box { border-radius: 0; } .landing-mode-preview .b24-widget-button-popup { padding: 10px 22px 10px 15px; } .landing-mode-preview .b24-widget-button-popup { width: 230px; } .landing-mode-preview .b24-widget-button-position-bottom-left .b24-widget-button-popup { bottom: 90px; left: 0; } .landing-mode-preview .b24-widget-button-popup-image { margin: 0 auto 10px auto; } .landing-mode-preview .b24-widget-button-popup-content { text-align: center; } .landing-mode-preview .b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle { bottom: -6px; left: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .landing-mode-preview .b24-widget-button-position-bottom-left .b24-widget-button-popup { bottom: 90px; left: 0; } .landing-mode-preview .b24-widget-button-position-bottom-right .b24-widget-button-popup { bottom: 90px; left: -160px; } .landing-mode-preview .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle { bottom: -6px; right: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .landing-mode-preview .b24-widget-button-position-bottom-middle .b24-widget-button-popup { bottom: 90px; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .landing-mode-preview .b24-widget-button-position-bottom-middle .b24-widget-button-popup-triangle { bottom: -6px; left: 108px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .landing-mode-preview .b24-widget-button-position-top-middle .b24-widget-button-popup { top: 90px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .landing-mode-preview .b24-widget-button-position-top-middle .b24-widget-button-popup-triangle { top: -7px; left: auto; right: 108px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .landing-mode-preview .b24-widget-button-position-top-left .b24-widget-button-popup { top: 90px; left: 0; } .landing-mode-preview .b24-widget-button-position-top-left .b24-widget-button-popup-triangle { left: 25px; top: -6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .landing-mode-preview .b24-widget-button-position-top-right .b24-widget-button-popup { top: 90px; left: -150px; } .landing-mode-preview .b24-widget-button-position-top-right .b24-widget-button-popup-triangle { top: -7px; right: 40px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } /* VIEW types */ .landing-viewtype--mobile .landing-public-mode { outline: 1px solid rgba(0, 0, 0, 0.1); } .landing-viewtype--mobile .bitrix-footer { width: 100%; max-width: 768px; margin: 0 auto; } @media (min-width: 768px) { .landing-viewtype--mobile main { max-width: 768px; } } @media (min-width: 576px) { .landing-viewtype--mobile .container { max-width: 768px; } } .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-left, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-left { left: 16px; } @media (min-width: 768px) { .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-left, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-left { left: calc((100% - 768px) / 2 + 16px); } } .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-right { right: 16px; } @media (min-width: 768px) { .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-right { right: calc((100% - 768px) / 2 + 16px); } } .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-left, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle { bottom: 16px; } .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-right, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-left, .landing-viewtype--mobile .b24-widget-button-wrapper.b24-widget-button-position-top-middle { top: 16px; } .landing-viewtype--mobile .bx-livechat-position-bottom-right:not(.bx-livechat-mobile) { right: 16px; } @media (min-width: 768px) { .landing-viewtype--mobile .bx-livechat-position-bottom-right:not(.bx-livechat-mobile) { right: calc((100% - 768px) / 2 + 16px); } } .landing-viewtype--mobile .bx-livechat-position-top-right:not(.bx-livechat-mobile) { right: 16px; } @media (min-width: 768px) { .landing-viewtype--mobile .bx-livechat-position-top-right:not(.bx-livechat-mobile) { right: calc((100% - 768px) / 2 + 16px); } } .landing-viewtype--mobile .bx-livechat-position-bottom-left:not(.bx-livechat-mobile) { left: 16px; } @media (min-width: 768px) { .landing-viewtype--mobile .bx-livechat-position-bottom-left:not(.bx-livechat-mobile) { left: calc((100% - 768px) / 2 + 16px); } } .landing-viewtype--mobile .bx-livechat-position-top-left:not(.bx-livechat-mobile) { left: 16px; } @media (min-width: 768px) { .landing-viewtype--mobile .bx-livechat-position-top-left:not(.bx-livechat-mobile) { left: calc((100% - 768px) / 2 + 16px); } } @media (min-width: 768px) { .landing-viewtype--mobile .b24-window-panel-pos-right { right: calc((100% - 768px) / 2); } } @media (min-width: 768px) { .landing-viewtype--mobile .b24-window-panel-pos-left { left: calc((100% - 768px) / 2); } } .landing-viewtype--mobile .catalog-cart-block { left: calc((100% - 768px) / 2 + 16px); bottom: 20px; } @media (max-width: 768px) { .landing-viewtype--mobile .catalog-cart-block { left: 20px; } } @media (min-width: 768px) { .landing-viewtype--mobile .u-header--sticky.js-header-fix-moment, .landing-viewtype--mobile .u-header--sticky.js-header-on-top { max-width: 768px; left: calc((100% - 768px) / 2); right: calc((100% - 768px) / 2); } } .landing-viewtype--adaptive .landing-layout-flex, .landing-viewtype--adaptive .landing-header + .landing-main { width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .landing-viewtype--adaptive .landing-layout-flex, .landing-viewtype--adaptive .u-header--sticky .landing-header + .landing-main { max-width: 540px; } } @media (min-width: 768px) { .landing-viewtype--adaptive .landing-layout-flex, .landing-viewtype--adaptive .landing-header + .landing-main { max-width: 720px; } } @media (min-width: 992px) { .landing-viewtype--adaptive .landing-layout-flex, .landing-viewtype--adaptive .landing-header + .landing-main { max-width: 960px; } } @media (min-width: 1200px) { .landing-viewtype--adaptive .landing-layout-flex, .landing-viewtype--adaptive .landing-header + .landing-main { max-width: 1140px; } } /*------------------------------------ Components ------------------------------------*/ /*------------------------------------ Arrows ------------------------------------*/ .u-arrow-v1::before { display: inline-block; position: relative; top: 50%; left: 50%; vertical-align: top; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .u-arrow-v1[class*=abs]::before { position: absolute; } .u-arrow-v1-1 { position: absolute; width: 40px; height: 40px; bottom: 3px; left: 50%; -webkit-transform: translateX(-40px); transform: translateX(-40px); } .u-arrow-v1-1.js-next { margin-left: 43px; } @media (min-width: 768px) { .u-arrow-v1-1 { width: 60px; height: 60px; top: 50%; bottom: auto; left: auto; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .u-arrow-v1-1.js-next { margin-left: 0; } .u-arrow-v1-1.js-prev { margin-right: 63px; } } /*------------------------------------ Go To v1 ------------------------------------*/ [class*=u-go-to] { display: none; } .u-go-to-v1 { width: 3.57143rem; height: 3.57143rem; display: block; border-radius: 50%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); transition: 0.3s ease-out; z-index: 11; position: fixed; bottom: 15px; left: 15px; } .u-go-to-v1:before { content: ""; position: absolute; top: calc(50% - 4px); left: calc(50% - 5px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; height: 12px; border: 2px solid transparent; border-color: inherit; border-bottom: none; border-right: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .u-go-to-v1:hover, .u-go-to-v1:focus:hover { cursor: pointer; text-decoration: none; } @media (max-width: 575px) { .u-go-to-v1 { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } } /*------------------------------------ Headers ------------------------------------*/ .u-header { position: relative; left: 0; right: 0; width: 100%; font-size: 0.92857rem; z-index: 101; transition-property: background-color, margin, padding, height, opacity; transition-duration: 0.2s; transition-timing-function: ease; } .u-header [class*=u-header__section] { transition: 0.3s ease; } .u-header__section--hidden { position: relative; } .u-header--float { position: absolute; left: 0; right: 0; } .u-header--float.js-header-fix-moment .navbar { padding-left: 0; padding-right: 0; } .u-header--sticky.js-header-on-top { position: fixed; left: 0; right: 0; } .u-header--sticky.js-header-in-flow { right: 0; left: 0; top: 0; position: relative; } .u-header--sticky.js-header-in-flow.u-header--float { position: absolute; } .landing-edit-mode .u-header--float { position: relative; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; } .u-header__section { position: relative; z-index: 1; } .u-header__section:nth-child(1) { z-index: 5; } .u-header__section:nth-child(2) { z-index: 4; } .u-header__section:nth-child(3) { z-index: 3; } .u-header__section:nth-child(4) { z-index: 2; } .u-header__section:nth-child(5) { z-index: 1; } .u-header__logo { position: relative; z-index: 1; } .u-header__logo-img { top: 0; left: 0; } .u-header__logo-img:not(.u-header__logo-img--main) { position: absolute; opacity: 0; } /*------------------------------------ Multilevel menus ------------------------------------*/ .g-menu-multilevel .g-menu-sublevel { overflow: hidden; transition: all 0.2s; height: auto; opacity: 1; font-size: 0.9em; } .g-menu-multilevel .g-menu-sublevel .g-menu-sublevel { font-size: 0.9em; } .g-menu-multilevel .g-menu-sublevel .g-menu-sublevel .g-menu-sublevel { font-size: 0.9em; } .g-menu-multilevel .g-menu-sublevel .g-menu-sublevel .g-menu-sublevel .g-menu-sublevel { font-size: 1em; } .g-menu-multilevel .g-menu-sublevel--hide { height: 0; opacity: 0; } .g-menu-sublevel .g-menu-sublevel { margin-top: -0.07143rem; } .landing-edit-mode .g-menu-multilevel .g-menu-sublevel { height: auto; opacity: 1; } .g-menu-sublevel-toggler { padding: 0.35714rem; text-transform: uppercase; font-size: 0.7em; } .g-menu-sublevel-toggler:hover span { border-bottom: 1px dashed; } .g-menu-sublevel-toggler--parent { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; scrollbar-width: none; overflow-x: auto; } .g-menu-sublevel-toggler--parent:not(.g-menu-sublevel-toggler--parent-hide) .is-hide-text { display: none; } .g-menu-sublevel-toggler--parent-hide .is-show-text { display: none; } .g-menu-sublevel-toggler--parent::-webkit-scrollbar { width: 0; } /* NAVBAR menus */ .navbar .navbar-collapse { width: 100%; order: 10; } @media all and (max-width: 1199px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { justify-content: flex-start; } } @media all and (max-width: 991px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { justify-content: flex-start; } .navbar-expand-lg .navbar-collapse { max-height: 80vh; overflow-y: auto; } } @media all and (max-width: 767px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { justify-content: flex-start; } .navbar-expand-md .navbar-collapse { max-height: 80vh; overflow-y: auto; } } @media all and (max-width: 575px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { justify-content: flex-start; } } .navbar-nav { flex-wrap: wrap; } .navbar-nav .nav-item { max-width: 100%; } .navbar-nav .nav-item.list-group-item { background: transparent; } .navbar.u-navbar-modal .navbar-collapse { position: absolute !important; top: 0px; left: 0px; width: calc(100% + 30px); background: rgba(0, 0, 0, 0.25); } .landing-public-mode .navbar.u-navbar-modal .navbar-collapse { max-height: 90vh; } .navbar.u-navbar-modal .navbar-collapse.show { overflow: auto; } .navbar.u-navbar-modal .navbar-toggler:not(.collapsed)::before { content: ""; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background: rgba(0, 0, 0, 0.45); } .navbar.u-navbar-modal .navbar-nav { position: relative; z-index: 1; } .navbar.u-navbar-slider .navbar-collapse { position: fixed !important; left: auto !important; top: 0 !important; right: -80% !important; width: 80% !important; max-width: 80% !important; height: 100%; transition: none !important; } .navbar.u-navbar-slider .navbar-collapse.show { transition: right 0.3s ease !important; right: 0 !important; } .navbar.u-navbar-slider .u-navbar-slider--close { opacity: 0; } .navbar.u-navbar-slider .show .u-navbar-slider--close { position: fixed; right: 85%; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; border-radius: 50%; top: 15px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 1; transition: opacity 1s ease; cursor: pointer; } @media (max-width: 767px) { .landing-sidebar .navbar.u-navbar-modal .navbar-collapse { position: static !important; padding-top: 30px !important; } } @media (min-width: 768px) { .navbar.u-navbar-modal .navbar-collapse { width: 50%; max-width: 50%; } .landing-sidebar .u-header:not(.js-header-fix-moment) .navbar.u-navbar-modal .navbar-collapse { width: calc(100% + 30px); max-width: calc(100% + 30px); } } @media (min-width: 992px) { .navbar.u-navbar-modal .navbar-collapse { width: 33%; max-width: 33%; } } /* ALIGNS */ .u-navbar-align-left .navbar-nav { width: 100%; justify-content: flex-start; } .u-navbar-align-right .navbar-nav { width: 100%; justify-content: flex-end; } .u-navbar-align-center .navbar-nav { width: 100%; justify-content: center; } .u-navbar-align-around .navbar-nav { width: 100%; justify-content: space-around; } .u-navbar-marker--arrow .nav-link { position: relative; padding-left: 35px !important; } .u-navbar-marker--arrow .nav-link::before { position: absolute; top: 55%; left: 15px; display: block; box-sizing: border-box; margin-top: -1.5px; margin-right: 15px; width: 9px; height: 9px; border-bottom: 2px solid; border-left: 2px solid; content: ""; -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } .u-navbar-marker--arrow .nav-item.open > .nav-link::before { top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .u-navbar-pointer--arrow .nav-link { position: relative; padding-right: 35px !important; } .u-navbar-pointer--arrow .nav-link::before { position: absolute; top: 55%; right: 5px; display: block; box-sizing: border-box; margin-top: -1.5px; margin-right: 15px; width: 9px; height: 9px; border-bottom: 2px solid; border-left: 2px solid; content: ""; -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } /* COLORS */ .u-navbar-color-black { color: #000 !important; } .u-navbar-color-black a { color: #000 !important; } .js-header-fix-moment .u-navbar-color-black--fix-moment, .js-header-fix-moment .u-navbar-color-black--fix-moment a { color: #000 !important; } .u-navbar-color-black .hamburger-inner { background-color: #000 !important; } .js-header-fix-moment .u-navbar-color-black--fix-moment .hamburger-inner { background-color: #000 !important; } .u-navbar-color-black--hover:hover { color: #000 !important; } .js-header-fix-moment .u-navbar-color-black--fix-moment--hover:hover { color: #000 !important; } .u-navbar-color-black--hover .navbar-nav .nav-item.active > a, .u-navbar-color-black--hover .navbar-nav a:hover { color: #000 !important; } .js-header-fix-moment .u-navbar-color-black--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-black--fix-moment--hover .navbar-nav a:hover { color: #000 !important; } .u-navbar-color-white { color: #fff !important; } .u-navbar-color-white a { color: #fff !important; } .js-header-fix-moment .u-navbar-color-white--fix-moment, .js-header-fix-moment .u-navbar-color-white--fix-moment a { color: #fff !important; } .u-navbar-color-white .hamburger-inner { background-color: #fff !important; } .js-header-fix-moment .u-navbar-color-white--fix-moment .hamburger-inner { background-color: #fff !important; } .u-navbar-color-white--hover:hover { color: #fff !important; } .js-header-fix-moment .u-navbar-color-white--fix-moment--hover:hover { color: #fff !important; } .u-navbar-color-white--hover .navbar-nav .nav-item.active > a, .u-navbar-color-white--hover .navbar-nav a:hover { color: #fff !important; } .js-header-fix-moment .u-navbar-color-white--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-white--fix-moment--hover .navbar-nav a:hover { color: #fff !important; } .u-navbar-color-gray-light-v1 { color: #bbb !important; } .u-navbar-color-gray-light-v1 a { color: #bbb !important; } .js-header-fix-moment .u-navbar-color-gray-light-v1--fix-moment, .js-header-fix-moment .u-navbar-color-gray-light-v1--fix-moment a { color: #bbb !important; } .u-navbar-color-gray-light-v1 .hamburger-inner { background-color: #bbb !important; } .js-header-fix-moment .u-navbar-color-gray-light-v1--fix-moment .hamburger-inner { background-color: #bbb !important; } .u-navbar-color-gray-light-v1--hover:hover { color: #bbb !important; } .js-header-fix-moment .u-navbar-color-gray-light-v1--fix-moment--hover:hover { color: #bbb !important; } .u-navbar-color-gray-light-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-light-v1--hover .navbar-nav a:hover { color: #bbb !important; } .js-header-fix-moment .u-navbar-color-gray-light-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-light-v1--fix-moment--hover .navbar-nav a:hover { color: #bbb !important; } .u-navbar-color-gray-light-v2 { color: #ccc !important; } .u-navbar-color-gray-light-v2 a { color: #ccc !important; } .js-header-fix-moment .u-navbar-color-gray-light-v2--fix-moment, .js-header-fix-moment .u-navbar-color-gray-light-v2--fix-moment a { color: #ccc !important; } .u-navbar-color-gray-light-v2 .hamburger-inner { background-color: #ccc !important; } .js-header-fix-moment .u-navbar-color-gray-light-v2--fix-moment .hamburger-inner { background-color: #ccc !important; } .u-navbar-color-gray-light-v2--hover:hover { color: #ccc !important; } .js-header-fix-moment .u-navbar-color-gray-light-v2--fix-moment--hover:hover { color: #ccc !important; } .u-navbar-color-gray-light-v2--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-light-v2--hover .navbar-nav a:hover { color: #ccc !important; } .js-header-fix-moment .u-navbar-color-gray-light-v2--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-light-v2--fix-moment--hover .navbar-nav a:hover { color: #ccc !important; } .u-navbar-color-gray-light-v3 { color: #ddd !important; } .u-navbar-color-gray-light-v3 a { color: #ddd !important; } .js-header-fix-moment .u-navbar-color-gray-light-v3--fix-moment, .js-header-fix-moment .u-navbar-color-gray-light-v3--fix-moment a { color: #ddd !important; } .u-navbar-color-gray-light-v3 .hamburger-inner { background-color: #ddd !important; } .js-header-fix-moment .u-navbar-color-gray-light-v3--fix-moment .hamburger-inner { background-color: #ddd !important; } .u-navbar-color-gray-light-v3--hover:hover { color: #ddd !important; } .js-header-fix-moment .u-navbar-color-gray-light-v3--fix-moment--hover:hover { color: #ddd !important; } .u-navbar-color-gray-light-v3--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-light-v3--hover .navbar-nav a:hover { color: #ddd !important; } .js-header-fix-moment .u-navbar-color-gray-light-v3--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-light-v3--fix-moment--hover .navbar-nav a:hover { color: #ddd !important; } .u-navbar-color-gray-light-v4 { color: #eee !important; } .u-navbar-color-gray-light-v4 a { color: #eee !important; } .js-header-fix-moment .u-navbar-color-gray-light-v4--fix-moment, .js-header-fix-moment .u-navbar-color-gray-light-v4--fix-moment a { color: #eee !important; } .u-navbar-color-gray-light-v4 .hamburger-inner { background-color: #eee !important; } .js-header-fix-moment .u-navbar-color-gray-light-v4--fix-moment .hamburger-inner { background-color: #eee !important; } .u-navbar-color-gray-light-v4--hover:hover { color: #eee !important; } .js-header-fix-moment .u-navbar-color-gray-light-v4--fix-moment--hover:hover { color: #eee !important; } .u-navbar-color-gray-light-v4--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-light-v4--hover .navbar-nav a:hover { color: #eee !important; } .js-header-fix-moment .u-navbar-color-gray-light-v4--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-light-v4--fix-moment--hover .navbar-nav a:hover { color: #eee !important; } .u-navbar-color-gray-light-v5 { color: #f7f7f7 !important; } .u-navbar-color-gray-light-v5 a { color: #f7f7f7 !important; } .js-header-fix-moment .u-navbar-color-gray-light-v5--fix-moment, .js-header-fix-moment .u-navbar-color-gray-light-v5--fix-moment a { color: #f7f7f7 !important; } .u-navbar-color-gray-light-v5 .hamburger-inner { background-color: #f7f7f7 !important; } .js-header-fix-moment .u-navbar-color-gray-light-v5--fix-moment .hamburger-inner { background-color: #f7f7f7 !important; } .u-navbar-color-gray-light-v5--hover:hover { color: #f7f7f7 !important; } .js-header-fix-moment .u-navbar-color-gray-light-v5--fix-moment--hover:hover { color: #f7f7f7 !important; } .u-navbar-color-gray-light-v5--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-light-v5--hover .navbar-nav a:hover { color: #f7f7f7 !important; } .js-header-fix-moment .u-navbar-color-gray-light-v5--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-light-v5--fix-moment--hover .navbar-nav a:hover { color: #f7f7f7 !important; } .u-navbar-color-gray-dark-v1 { color: #111 !important; } .u-navbar-color-gray-dark-v1 a { color: #111 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v1--fix-moment, .js-header-fix-moment .u-navbar-color-gray-dark-v1--fix-moment a { color: #111 !important; } .u-navbar-color-gray-dark-v1 .hamburger-inner { background-color: #111 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v1--fix-moment .hamburger-inner { background-color: #111 !important; } .u-navbar-color-gray-dark-v1--hover:hover { color: #111 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v1--fix-moment--hover:hover { color: #111 !important; } .u-navbar-color-gray-dark-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-dark-v1--hover .navbar-nav a:hover { color: #111 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-dark-v1--fix-moment--hover .navbar-nav a:hover { color: #111 !important; } .u-navbar-color-gray-dark-v2 { color: #333 !important; } .u-navbar-color-gray-dark-v2 a { color: #333 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v2--fix-moment, .js-header-fix-moment .u-navbar-color-gray-dark-v2--fix-moment a { color: #333 !important; } .u-navbar-color-gray-dark-v2 .hamburger-inner { background-color: #333 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v2--fix-moment .hamburger-inner { background-color: #333 !important; } .u-navbar-color-gray-dark-v2--hover:hover { color: #333 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v2--fix-moment--hover:hover { color: #333 !important; } .u-navbar-color-gray-dark-v2--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-dark-v2--hover .navbar-nav a:hover { color: #333 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v2--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-dark-v2--fix-moment--hover .navbar-nav a:hover { color: #333 !important; } .u-navbar-color-gray-dark-v3 { color: #555 !important; } .u-navbar-color-gray-dark-v3 a { color: #555 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v3--fix-moment, .js-header-fix-moment .u-navbar-color-gray-dark-v3--fix-moment a { color: #555 !important; } .u-navbar-color-gray-dark-v3 .hamburger-inner { background-color: #555 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v3--fix-moment .hamburger-inner { background-color: #555 !important; } .u-navbar-color-gray-dark-v3--hover:hover { color: #555 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v3--fix-moment--hover:hover { color: #555 !important; } .u-navbar-color-gray-dark-v3--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-dark-v3--hover .navbar-nav a:hover { color: #555 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v3--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-dark-v3--fix-moment--hover .navbar-nav a:hover { color: #555 !important; } .u-navbar-color-gray-dark-v4 { color: #777 !important; } .u-navbar-color-gray-dark-v4 a { color: #777 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v4--fix-moment, .js-header-fix-moment .u-navbar-color-gray-dark-v4--fix-moment a { color: #777 !important; } .u-navbar-color-gray-dark-v4 .hamburger-inner { background-color: #777 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v4--fix-moment .hamburger-inner { background-color: #777 !important; } .u-navbar-color-gray-dark-v4--hover:hover { color: #777 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v4--fix-moment--hover:hover { color: #777 !important; } .u-navbar-color-gray-dark-v4--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-dark-v4--hover .navbar-nav a:hover { color: #777 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v4--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-dark-v4--fix-moment--hover .navbar-nav a:hover { color: #777 !important; } .u-navbar-color-gray-dark-v5 { color: #999 !important; } .u-navbar-color-gray-dark-v5 a { color: #999 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v5--fix-moment, .js-header-fix-moment .u-navbar-color-gray-dark-v5--fix-moment a { color: #999 !important; } .u-navbar-color-gray-dark-v5 .hamburger-inner { background-color: #999 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v5--fix-moment .hamburger-inner { background-color: #999 !important; } .u-navbar-color-gray-dark-v5--hover:hover { color: #999 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v5--fix-moment--hover:hover { color: #999 !important; } .u-navbar-color-gray-dark-v5--hover .navbar-nav .nav-item.active > a, .u-navbar-color-gray-dark-v5--hover .navbar-nav a:hover { color: #999 !important; } .js-header-fix-moment .u-navbar-color-gray-dark-v5--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-gray-dark-v5--fix-moment--hover .navbar-nav a:hover { color: #999 !important; } .u-navbar-color-green { color: #72c02c !important; } .u-navbar-color-green a { color: #72c02c !important; } .js-header-fix-moment .u-navbar-color-green--fix-moment, .js-header-fix-moment .u-navbar-color-green--fix-moment a { color: #72c02c !important; } .u-navbar-color-green .hamburger-inner { background-color: #72c02c !important; } .js-header-fix-moment .u-navbar-color-green--fix-moment .hamburger-inner { background-color: #72c02c !important; } .u-navbar-color-green--hover:hover { color: #72c02c !important; } .js-header-fix-moment .u-navbar-color-green--fix-moment--hover:hover { color: #72c02c !important; } .u-navbar-color-green--hover .navbar-nav .nav-item.active > a, .u-navbar-color-green--hover .navbar-nav a:hover { color: #72c02c !important; } .js-header-fix-moment .u-navbar-color-green--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-green--fix-moment--hover .navbar-nav a:hover { color: #72c02c !important; } .u-navbar-color-blue { color: #3398dc !important; } .u-navbar-color-blue a { color: #3398dc !important; } .js-header-fix-moment .u-navbar-color-blue--fix-moment, .js-header-fix-moment .u-navbar-color-blue--fix-moment a { color: #3398dc !important; } .u-navbar-color-blue .hamburger-inner { background-color: #3398dc !important; } .js-header-fix-moment .u-navbar-color-blue--fix-moment .hamburger-inner { background-color: #3398dc !important; } .u-navbar-color-blue--hover:hover { color: #3398dc !important; } .js-header-fix-moment .u-navbar-color-blue--fix-moment--hover:hover { color: #3398dc !important; } .u-navbar-color-blue--hover .navbar-nav .nav-item.active > a, .u-navbar-color-blue--hover .navbar-nav a:hover { color: #3398dc !important; } .js-header-fix-moment .u-navbar-color-blue--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-blue--fix-moment--hover .navbar-nav a:hover { color: #3398dc !important; } .u-navbar-color-blue-dark-v1 { color: #175a88 !important; } .u-navbar-color-blue-dark-v1 a { color: #175a88 !important; } .js-header-fix-moment .u-navbar-color-blue-dark-v1--fix-moment, .js-header-fix-moment .u-navbar-color-blue-dark-v1--fix-moment a { color: #175a88 !important; } .u-navbar-color-blue-dark-v1 .hamburger-inner { background-color: #175a88 !important; } .js-header-fix-moment .u-navbar-color-blue-dark-v1--fix-moment .hamburger-inner { background-color: #175a88 !important; } .u-navbar-color-blue-dark-v1--hover:hover { color: #175a88 !important; } .js-header-fix-moment .u-navbar-color-blue-dark-v1--fix-moment--hover:hover { color: #175a88 !important; } .u-navbar-color-blue-dark-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-blue-dark-v1--hover .navbar-nav a:hover { color: #175a88 !important; } .js-header-fix-moment .u-navbar-color-blue-dark-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-blue-dark-v1--fix-moment--hover .navbar-nav a:hover { color: #175a88 !important; } .u-navbar-color-lightblue { color: #edf2f8 !important; } .u-navbar-color-lightblue a { color: #edf2f8 !important; } .js-header-fix-moment .u-navbar-color-lightblue--fix-moment, .js-header-fix-moment .u-navbar-color-lightblue--fix-moment a { color: #edf2f8 !important; } .u-navbar-color-lightblue .hamburger-inner { background-color: #edf2f8 !important; } .js-header-fix-moment .u-navbar-color-lightblue--fix-moment .hamburger-inner { background-color: #edf2f8 !important; } .u-navbar-color-lightblue--hover:hover { color: #edf2f8 !important; } .js-header-fix-moment .u-navbar-color-lightblue--fix-moment--hover:hover { color: #edf2f8 !important; } .u-navbar-color-lightblue--hover .navbar-nav .nav-item.active > a, .u-navbar-color-lightblue--hover .navbar-nav a:hover { color: #edf2f8 !important; } .js-header-fix-moment .u-navbar-color-lightblue--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-lightblue--fix-moment--hover .navbar-nav a:hover { color: #edf2f8 !important; } .u-navbar-color-lightblue-v1 { color: #d6e2ee !important; } .u-navbar-color-lightblue-v1 a { color: #d6e2ee !important; } .js-header-fix-moment .u-navbar-color-lightblue-v1--fix-moment, .js-header-fix-moment .u-navbar-color-lightblue-v1--fix-moment a { color: #d6e2ee !important; } .u-navbar-color-lightblue-v1 .hamburger-inner { background-color: #d6e2ee !important; } .js-header-fix-moment .u-navbar-color-lightblue-v1--fix-moment .hamburger-inner { background-color: #d6e2ee !important; } .u-navbar-color-lightblue-v1--hover:hover { color: #d6e2ee !important; } .js-header-fix-moment .u-navbar-color-lightblue-v1--fix-moment--hover:hover { color: #d6e2ee !important; } .u-navbar-color-lightblue-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-lightblue-v1--hover .navbar-nav a:hover { color: #d6e2ee !important; } .js-header-fix-moment .u-navbar-color-lightblue-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-lightblue-v1--fix-moment--hover .navbar-nav a:hover { color: #d6e2ee !important; } .u-navbar-color-darkblue { color: #009 !important; } .u-navbar-color-darkblue a { color: #009 !important; } .js-header-fix-moment .u-navbar-color-darkblue--fix-moment, .js-header-fix-moment .u-navbar-color-darkblue--fix-moment a { color: #009 !important; } .u-navbar-color-darkblue .hamburger-inner { background-color: #009 !important; } .js-header-fix-moment .u-navbar-color-darkblue--fix-moment .hamburger-inner { background-color: #009 !important; } .u-navbar-color-darkblue--hover:hover { color: #009 !important; } .js-header-fix-moment .u-navbar-color-darkblue--fix-moment--hover:hover { color: #009 !important; } .u-navbar-color-darkblue--hover .navbar-nav .nav-item.active > a, .u-navbar-color-darkblue--hover .navbar-nav a:hover { color: #009 !important; } .js-header-fix-moment .u-navbar-color-darkblue--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-darkblue--fix-moment--hover .navbar-nav a:hover { color: #009 !important; } .u-navbar-color-indigo { color: #4263a3 !important; } .u-navbar-color-indigo a { color: #4263a3 !important; } .js-header-fix-moment .u-navbar-color-indigo--fix-moment, .js-header-fix-moment .u-navbar-color-indigo--fix-moment a { color: #4263a3 !important; } .u-navbar-color-indigo .hamburger-inner { background-color: #4263a3 !important; } .js-header-fix-moment .u-navbar-color-indigo--fix-moment .hamburger-inner { background-color: #4263a3 !important; } .u-navbar-color-indigo--hover:hover { color: #4263a3 !important; } .js-header-fix-moment .u-navbar-color-indigo--fix-moment--hover:hover { color: #4263a3 !important; } .u-navbar-color-indigo--hover .navbar-nav .nav-item.active > a, .u-navbar-color-indigo--hover .navbar-nav a:hover { color: #4263a3 !important; } .js-header-fix-moment .u-navbar-color-indigo--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-indigo--fix-moment--hover .navbar-nav a:hover { color: #4263a3 !important; } .u-navbar-color-red { color: #f00 !important; } .u-navbar-color-red a { color: #f00 !important; } .js-header-fix-moment .u-navbar-color-red--fix-moment, .js-header-fix-moment .u-navbar-color-red--fix-moment a { color: #f00 !important; } .u-navbar-color-red .hamburger-inner { background-color: #f00 !important; } .js-header-fix-moment .u-navbar-color-red--fix-moment .hamburger-inner { background-color: #f00 !important; } .u-navbar-color-red--hover:hover { color: #f00 !important; } .js-header-fix-moment .u-navbar-color-red--fix-moment--hover:hover { color: #f00 !important; } .u-navbar-color-red--hover .navbar-nav .nav-item.active > a, .u-navbar-color-red--hover .navbar-nav a:hover { color: #f00 !important; } .js-header-fix-moment .u-navbar-color-red--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-red--fix-moment--hover .navbar-nav a:hover { color: #f00 !important; } .u-navbar-color-lightred { color: #e64b3b !important; } .u-navbar-color-lightred a { color: #e64b3b !important; } .js-header-fix-moment .u-navbar-color-lightred--fix-moment, .js-header-fix-moment .u-navbar-color-lightred--fix-moment a { color: #e64b3b !important; } .u-navbar-color-lightred .hamburger-inner { background-color: #e64b3b !important; } .js-header-fix-moment .u-navbar-color-lightred--fix-moment .hamburger-inner { background-color: #e64b3b !important; } .u-navbar-color-lightred--hover:hover { color: #e64b3b !important; } .js-header-fix-moment .u-navbar-color-lightred--fix-moment--hover:hover { color: #e64b3b !important; } .u-navbar-color-lightred--hover .navbar-nav .nav-item.active > a, .u-navbar-color-lightred--hover .navbar-nav a:hover { color: #e64b3b !important; } .js-header-fix-moment .u-navbar-color-lightred--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-lightred--fix-moment--hover .navbar-nav a:hover { color: #e64b3b !important; } .u-navbar-color-darkred { color: #a10f2b !important; } .u-navbar-color-darkred a { color: #a10f2b !important; } .js-header-fix-moment .u-navbar-color-darkred--fix-moment, .js-header-fix-moment .u-navbar-color-darkred--fix-moment a { color: #a10f2b !important; } .u-navbar-color-darkred .hamburger-inner { background-color: #a10f2b !important; } .js-header-fix-moment .u-navbar-color-darkred--fix-moment .hamburger-inner { background-color: #a10f2b !important; } .u-navbar-color-darkred--hover:hover { color: #a10f2b !important; } .js-header-fix-moment .u-navbar-color-darkred--fix-moment--hover:hover { color: #a10f2b !important; } .u-navbar-color-darkred--hover .navbar-nav .nav-item.active > a, .u-navbar-color-darkred--hover .navbar-nav a:hover { color: #a10f2b !important; } .js-header-fix-moment .u-navbar-color-darkred--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-darkred--fix-moment--hover .navbar-nav a:hover { color: #a10f2b !important; } .u-navbar-color-purple { color: #9a69cb !important; } .u-navbar-color-purple a { color: #9a69cb !important; } .js-header-fix-moment .u-navbar-color-purple--fix-moment, .js-header-fix-moment .u-navbar-color-purple--fix-moment a { color: #9a69cb !important; } .u-navbar-color-purple .hamburger-inner { background-color: #9a69cb !important; } .js-header-fix-moment .u-navbar-color-purple--fix-moment .hamburger-inner { background-color: #9a69cb !important; } .u-navbar-color-purple--hover:hover { color: #9a69cb !important; } .js-header-fix-moment .u-navbar-color-purple--fix-moment--hover:hover { color: #9a69cb !important; } .u-navbar-color-purple--hover .navbar-nav .nav-item.active > a, .u-navbar-color-purple--hover .navbar-nav a:hover { color: #9a69cb !important; } .js-header-fix-moment .u-navbar-color-purple--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-purple--fix-moment--hover .navbar-nav a:hover { color: #9a69cb !important; } .u-navbar-color-purple-dark-v1 { color: #552c7e !important; } .u-navbar-color-purple-dark-v1 a { color: #552c7e !important; } .js-header-fix-moment .u-navbar-color-purple-dark-v1--fix-moment, .js-header-fix-moment .u-navbar-color-purple-dark-v1--fix-moment a { color: #552c7e !important; } .u-navbar-color-purple-dark-v1 .hamburger-inner { background-color: #552c7e !important; } .js-header-fix-moment .u-navbar-color-purple-dark-v1--fix-moment .hamburger-inner { background-color: #552c7e !important; } .u-navbar-color-purple-dark-v1--hover:hover { color: #552c7e !important; } .js-header-fix-moment .u-navbar-color-purple-dark-v1--fix-moment--hover:hover { color: #552c7e !important; } .u-navbar-color-purple-dark-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-purple-dark-v1--hover .navbar-nav a:hover { color: #552c7e !important; } .js-header-fix-moment .u-navbar-color-purple-dark-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-purple-dark-v1--fix-moment--hover .navbar-nav a:hover { color: #552c7e !important; } .u-navbar-color-darkpurple { color: #6639b6 !important; } .u-navbar-color-darkpurple a { color: #6639b6 !important; } .js-header-fix-moment .u-navbar-color-darkpurple--fix-moment, .js-header-fix-moment .u-navbar-color-darkpurple--fix-moment a { color: #6639b6 !important; } .u-navbar-color-darkpurple .hamburger-inner { background-color: #6639b6 !important; } .js-header-fix-moment .u-navbar-color-darkpurple--fix-moment .hamburger-inner { background-color: #6639b6 !important; } .u-navbar-color-darkpurple--hover:hover { color: #6639b6 !important; } .js-header-fix-moment .u-navbar-color-darkpurple--fix-moment--hover:hover { color: #6639b6 !important; } .u-navbar-color-darkpurple--hover .navbar-nav .nav-item.active > a, .u-navbar-color-darkpurple--hover .navbar-nav a:hover { color: #6639b6 !important; } .js-header-fix-moment .u-navbar-color-darkpurple--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-darkpurple--fix-moment--hover .navbar-nav a:hover { color: #6639b6 !important; } .u-navbar-color-pink { color: #e81c62 !important; } .u-navbar-color-pink a { color: #e81c62 !important; } .js-header-fix-moment .u-navbar-color-pink--fix-moment, .js-header-fix-moment .u-navbar-color-pink--fix-moment a { color: #e81c62 !important; } .u-navbar-color-pink .hamburger-inner { background-color: #e81c62 !important; } .js-header-fix-moment .u-navbar-color-pink--fix-moment .hamburger-inner { background-color: #e81c62 !important; } .u-navbar-color-pink--hover:hover { color: #e81c62 !important; } .js-header-fix-moment .u-navbar-color-pink--fix-moment--hover:hover { color: #e81c62 !important; } .u-navbar-color-pink--hover .navbar-nav .nav-item.active > a, .u-navbar-color-pink--hover .navbar-nav a:hover { color: #e81c62 !important; } .js-header-fix-moment .u-navbar-color-pink--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-pink--fix-moment--hover .navbar-nav a:hover { color: #e81c62 !important; } .u-navbar-color-pink-dark-v1 { color: #6f0b2d !important; } .u-navbar-color-pink-dark-v1 a { color: #6f0b2d !important; } .js-header-fix-moment .u-navbar-color-pink-dark-v1--fix-moment, .js-header-fix-moment .u-navbar-color-pink-dark-v1--fix-moment a { color: #6f0b2d !important; } .u-navbar-color-pink-dark-v1 .hamburger-inner { background-color: #6f0b2d !important; } .js-header-fix-moment .u-navbar-color-pink-dark-v1--fix-moment .hamburger-inner { background-color: #6f0b2d !important; } .u-navbar-color-pink-dark-v1--hover:hover { color: #6f0b2d !important; } .js-header-fix-moment .u-navbar-color-pink-dark-v1--fix-moment--hover:hover { color: #6f0b2d !important; } .u-navbar-color-pink-dark-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-pink-dark-v1--hover .navbar-nav a:hover { color: #6f0b2d !important; } .js-header-fix-moment .u-navbar-color-pink-dark-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-pink-dark-v1--fix-moment--hover .navbar-nav a:hover { color: #6f0b2d !important; } .u-navbar-color-orange { color: #e57d20 !important; } .u-navbar-color-orange a { color: #e57d20 !important; } .js-header-fix-moment .u-navbar-color-orange--fix-moment, .js-header-fix-moment .u-navbar-color-orange--fix-moment a { color: #e57d20 !important; } .u-navbar-color-orange .hamburger-inner { background-color: #e57d20 !important; } .js-header-fix-moment .u-navbar-color-orange--fix-moment .hamburger-inner { background-color: #e57d20 !important; } .u-navbar-color-orange--hover:hover { color: #e57d20 !important; } .js-header-fix-moment .u-navbar-color-orange--fix-moment--hover:hover { color: #e57d20 !important; } .u-navbar-color-orange--hover .navbar-nav .nav-item.active > a, .u-navbar-color-orange--hover .navbar-nav a:hover { color: #e57d20 !important; } .js-header-fix-moment .u-navbar-color-orange--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-orange--fix-moment--hover .navbar-nav a:hover { color: #e57d20 !important; } .u-navbar-color-deeporange { color: #fe541e !important; } .u-navbar-color-deeporange a { color: #fe541e !important; } .js-header-fix-moment .u-navbar-color-deeporange--fix-moment, .js-header-fix-moment .u-navbar-color-deeporange--fix-moment a { color: #fe541e !important; } .u-navbar-color-deeporange .hamburger-inner { background-color: #fe541e !important; } .js-header-fix-moment .u-navbar-color-deeporange--fix-moment .hamburger-inner { background-color: #fe541e !important; } .u-navbar-color-deeporange--hover:hover { color: #fe541e !important; } .js-header-fix-moment .u-navbar-color-deeporange--fix-moment--hover:hover { color: #fe541e !important; } .u-navbar-color-deeporange--hover .navbar-nav .nav-item.active > a, .u-navbar-color-deeporange--hover .navbar-nav a:hover { color: #fe541e !important; } .js-header-fix-moment .u-navbar-color-deeporange--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-deeporange--fix-moment--hover .navbar-nav a:hover { color: #fe541e !important; } .u-navbar-color-yellow { color: #ebc71d !important; } .u-navbar-color-yellow a { color: #ebc71d !important; } .js-header-fix-moment .u-navbar-color-yellow--fix-moment, .js-header-fix-moment .u-navbar-color-yellow--fix-moment a { color: #ebc71d !important; } .u-navbar-color-yellow .hamburger-inner { background-color: #ebc71d !important; } .js-header-fix-moment .u-navbar-color-yellow--fix-moment .hamburger-inner { background-color: #ebc71d !important; } .u-navbar-color-yellow--hover:hover { color: #ebc71d !important; } .js-header-fix-moment .u-navbar-color-yellow--fix-moment--hover:hover { color: #ebc71d !important; } .u-navbar-color-yellow--hover .navbar-nav .nav-item.active > a, .u-navbar-color-yellow--hover .navbar-nav a:hover { color: #ebc71d !important; } .js-header-fix-moment .u-navbar-color-yellow--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-yellow--fix-moment--hover .navbar-nav a:hover { color: #ebc71d !important; } .u-navbar-color-aqua { color: #29d6e6 !important; } .u-navbar-color-aqua a { color: #29d6e6 !important; } .js-header-fix-moment .u-navbar-color-aqua--fix-moment, .js-header-fix-moment .u-navbar-color-aqua--fix-moment a { color: #29d6e6 !important; } .u-navbar-color-aqua .hamburger-inner { background-color: #29d6e6 !important; } .js-header-fix-moment .u-navbar-color-aqua--fix-moment .hamburger-inner { background-color: #29d6e6 !important; } .u-navbar-color-aqua--hover:hover { color: #29d6e6 !important; } .js-header-fix-moment .u-navbar-color-aqua--fix-moment--hover:hover { color: #29d6e6 !important; } .u-navbar-color-aqua--hover .navbar-nav .nav-item.active > a, .u-navbar-color-aqua--hover .navbar-nav a:hover { color: #29d6e6 !important; } .js-header-fix-moment .u-navbar-color-aqua--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-aqua--fix-moment--hover .navbar-nav a:hover { color: #29d6e6 !important; } .u-navbar-color-aqua-dark-v1 { color: #11848e !important; } .u-navbar-color-aqua-dark-v1 a { color: #11848e !important; } .js-header-fix-moment .u-navbar-color-aqua-dark-v1--fix-moment, .js-header-fix-moment .u-navbar-color-aqua-dark-v1--fix-moment a { color: #11848e !important; } .u-navbar-color-aqua-dark-v1 .hamburger-inner { background-color: #11848e !important; } .js-header-fix-moment .u-navbar-color-aqua-dark-v1--fix-moment .hamburger-inner { background-color: #11848e !important; } .u-navbar-color-aqua-dark-v1--hover:hover { color: #11848e !important; } .js-header-fix-moment .u-navbar-color-aqua-dark-v1--fix-moment--hover:hover { color: #11848e !important; } .u-navbar-color-aqua-dark-v1--hover .navbar-nav .nav-item.active > a, .u-navbar-color-aqua-dark-v1--hover .navbar-nav a:hover { color: #11848e !important; } .js-header-fix-moment .u-navbar-color-aqua-dark-v1--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-aqua-dark-v1--fix-moment--hover .navbar-nav a:hover { color: #11848e !important; } .u-navbar-color-cyan { color: #00bed6 !important; } .u-navbar-color-cyan a { color: #00bed6 !important; } .js-header-fix-moment .u-navbar-color-cyan--fix-moment, .js-header-fix-moment .u-navbar-color-cyan--fix-moment a { color: #00bed6 !important; } .u-navbar-color-cyan .hamburger-inner { background-color: #00bed6 !important; } .js-header-fix-moment .u-navbar-color-cyan--fix-moment .hamburger-inner { background-color: #00bed6 !important; } .u-navbar-color-cyan--hover:hover { color: #00bed6 !important; } .js-header-fix-moment .u-navbar-color-cyan--fix-moment--hover:hover { color: #00bed6 !important; } .u-navbar-color-cyan--hover .navbar-nav .nav-item.active > a, .u-navbar-color-cyan--hover .navbar-nav a:hover { color: #00bed6 !important; } .js-header-fix-moment .u-navbar-color-cyan--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-cyan--fix-moment--hover .navbar-nav a:hover { color: #00bed6 !important; } .u-navbar-color-teal { color: #18ba9b !important; } .u-navbar-color-teal a { color: #18ba9b !important; } .js-header-fix-moment .u-navbar-color-teal--fix-moment, .js-header-fix-moment .u-navbar-color-teal--fix-moment a { color: #18ba9b !important; } .u-navbar-color-teal .hamburger-inner { background-color: #18ba9b !important; } .js-header-fix-moment .u-navbar-color-teal--fix-moment .hamburger-inner { background-color: #18ba9b !important; } .u-navbar-color-teal--hover:hover { color: #18ba9b !important; } .js-header-fix-moment .u-navbar-color-teal--fix-moment--hover:hover { color: #18ba9b !important; } .u-navbar-color-teal--hover .navbar-nav .nav-item.active > a, .u-navbar-color-teal--hover .navbar-nav a:hover { color: #18ba9b !important; } .js-header-fix-moment .u-navbar-color-teal--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-teal--fix-moment--hover .navbar-nav a:hover { color: #18ba9b !important; } .u-navbar-color-brown { color: #9c8061 !important; } .u-navbar-color-brown a { color: #9c8061 !important; } .js-header-fix-moment .u-navbar-color-brown--fix-moment, .js-header-fix-moment .u-navbar-color-brown--fix-moment a { color: #9c8061 !important; } .u-navbar-color-brown .hamburger-inner { background-color: #9c8061 !important; } .js-header-fix-moment .u-navbar-color-brown--fix-moment .hamburger-inner { background-color: #9c8061 !important; } .u-navbar-color-brown--hover:hover { color: #9c8061 !important; } .js-header-fix-moment .u-navbar-color-brown--fix-moment--hover:hover { color: #9c8061 !important; } .u-navbar-color-brown--hover .navbar-nav .nav-item.active > a, .u-navbar-color-brown--hover .navbar-nav a:hover { color: #9c8061 !important; } .js-header-fix-moment .u-navbar-color-brown--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-brown--fix-moment--hover .navbar-nav a:hover { color: #9c8061 !important; } .u-navbar-color-bluegray { color: #585f69 !important; } .u-navbar-color-bluegray a { color: #585f69 !important; } .js-header-fix-moment .u-navbar-color-bluegray--fix-moment, .js-header-fix-moment .u-navbar-color-bluegray--fix-moment a { color: #585f69 !important; } .u-navbar-color-bluegray .hamburger-inner { background-color: #585f69 !important; } .js-header-fix-moment .u-navbar-color-bluegray--fix-moment .hamburger-inner { background-color: #585f69 !important; } .u-navbar-color-bluegray--hover:hover { color: #585f69 !important; } .js-header-fix-moment .u-navbar-color-bluegray--fix-moment--hover:hover { color: #585f69 !important; } .u-navbar-color-bluegray--hover .navbar-nav .nav-item.active > a, .u-navbar-color-bluegray--hover .navbar-nav a:hover { color: #585f69 !important; } .js-header-fix-moment .u-navbar-color-bluegray--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-bluegray--fix-moment--hover .navbar-nav a:hover { color: #585f69 !important; } .u-navbar-bg-black .navbar-nav .nav-item > a { background-color: #000 !important; } .u-navbar-bg-black--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-black--hover .navbar-nav .nav-item.active > a { background-color: #000 !important; } .u-navbar-bg-white .navbar-nav .nav-item > a { background-color: #fff !important; } .u-navbar-bg-white--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-white--hover .navbar-nav .nav-item.active > a { background-color: #fff !important; } .u-navbar-bg-gray-light-v1 .navbar-nav .nav-item > a { background-color: #bbb !important; } .u-navbar-bg-gray-light-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-light-v1--hover .navbar-nav .nav-item.active > a { background-color: #bbb !important; } .u-navbar-bg-gray-light-v2 .navbar-nav .nav-item > a { background-color: #ccc !important; } .u-navbar-bg-gray-light-v2--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-light-v2--hover .navbar-nav .nav-item.active > a { background-color: #ccc !important; } .u-navbar-bg-gray-light-v3 .navbar-nav .nav-item > a { background-color: #ddd !important; } .u-navbar-bg-gray-light-v3--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-light-v3--hover .navbar-nav .nav-item.active > a { background-color: #ddd !important; } .u-navbar-bg-gray-light-v4 .navbar-nav .nav-item > a { background-color: #eee !important; } .u-navbar-bg-gray-light-v4--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-light-v4--hover .navbar-nav .nav-item.active > a { background-color: #eee !important; } .u-navbar-bg-gray-light-v5 .navbar-nav .nav-item > a { background-color: #f7f7f7 !important; } .u-navbar-bg-gray-light-v5--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-light-v5--hover .navbar-nav .nav-item.active > a { background-color: #f7f7f7 !important; } .u-navbar-bg-gray-dark-v1 .navbar-nav .nav-item > a { background-color: #111 !important; } .u-navbar-bg-gray-dark-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-dark-v1--hover .navbar-nav .nav-item.active > a { background-color: #111 !important; } .u-navbar-bg-gray-dark-v2 .navbar-nav .nav-item > a { background-color: #333 !important; } .u-navbar-bg-gray-dark-v2--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-dark-v2--hover .navbar-nav .nav-item.active > a { background-color: #333 !important; } .u-navbar-bg-gray-dark-v3 .navbar-nav .nav-item > a { background-color: #555 !important; } .u-navbar-bg-gray-dark-v3--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-dark-v3--hover .navbar-nav .nav-item.active > a { background-color: #555 !important; } .u-navbar-bg-gray-dark-v4 .navbar-nav .nav-item > a { background-color: #777 !important; } .u-navbar-bg-gray-dark-v4--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-dark-v4--hover .navbar-nav .nav-item.active > a { background-color: #777 !important; } .u-navbar-bg-gray-dark-v5 .navbar-nav .nav-item > a { background-color: #999 !important; } .u-navbar-bg-gray-dark-v5--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-gray-dark-v5--hover .navbar-nav .nav-item.active > a { background-color: #999 !important; } .u-navbar-bg-green .navbar-nav .nav-item > a { background-color: #72c02c !important; } .u-navbar-bg-green--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-green--hover .navbar-nav .nav-item.active > a { background-color: #72c02c !important; } .u-navbar-bg-blue .navbar-nav .nav-item > a { background-color: #3398dc !important; } .u-navbar-bg-blue--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-blue--hover .navbar-nav .nav-item.active > a { background-color: #3398dc !important; } .u-navbar-bg-blue-dark-v1 .navbar-nav .nav-item > a { background-color: #175a88 !important; } .u-navbar-bg-blue-dark-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-blue-dark-v1--hover .navbar-nav .nav-item.active > a { background-color: #175a88 !important; } .u-navbar-bg-lightblue .navbar-nav .nav-item > a { background-color: #edf2f8 !important; } .u-navbar-bg-lightblue--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-lightblue--hover .navbar-nav .nav-item.active > a { background-color: #edf2f8 !important; } .u-navbar-bg-lightblue-v1 .navbar-nav .nav-item > a { background-color: #d6e2ee !important; } .u-navbar-bg-lightblue-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-lightblue-v1--hover .navbar-nav .nav-item.active > a { background-color: #d6e2ee !important; } .u-navbar-bg-darkblue .navbar-nav .nav-item > a { background-color: #009 !important; } .u-navbar-bg-darkblue--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-darkblue--hover .navbar-nav .nav-item.active > a { background-color: #009 !important; } .u-navbar-bg-indigo .navbar-nav .nav-item > a { background-color: #4263a3 !important; } .u-navbar-bg-indigo--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-indigo--hover .navbar-nav .nav-item.active > a { background-color: #4263a3 !important; } .u-navbar-bg-red .navbar-nav .nav-item > a { background-color: #f00 !important; } .u-navbar-bg-red--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-red--hover .navbar-nav .nav-item.active > a { background-color: #f00 !important; } .u-navbar-bg-lightred .navbar-nav .nav-item > a { background-color: #e64b3b !important; } .u-navbar-bg-lightred--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-lightred--hover .navbar-nav .nav-item.active > a { background-color: #e64b3b !important; } .u-navbar-bg-darkred .navbar-nav .nav-item > a { background-color: #a10f2b !important; } .u-navbar-bg-darkred--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-darkred--hover .navbar-nav .nav-item.active > a { background-color: #a10f2b !important; } .u-navbar-bg-purple .navbar-nav .nav-item > a { background-color: #9a69cb !important; } .u-navbar-bg-purple--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-purple--hover .navbar-nav .nav-item.active > a { background-color: #9a69cb !important; } .u-navbar-bg-purple-dark-v1 .navbar-nav .nav-item > a { background-color: #552c7e !important; } .u-navbar-bg-purple-dark-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-purple-dark-v1--hover .navbar-nav .nav-item.active > a { background-color: #552c7e !important; } .u-navbar-bg-darkpurple .navbar-nav .nav-item > a { background-color: #6639b6 !important; } .u-navbar-bg-darkpurple--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-darkpurple--hover .navbar-nav .nav-item.active > a { background-color: #6639b6 !important; } .u-navbar-bg-pink .navbar-nav .nav-item > a { background-color: #e81c62 !important; } .u-navbar-bg-pink--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-pink--hover .navbar-nav .nav-item.active > a { background-color: #e81c62 !important; } .u-navbar-bg-pink-dark-v1 .navbar-nav .nav-item > a { background-color: #6f0b2d !important; } .u-navbar-bg-pink-dark-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-pink-dark-v1--hover .navbar-nav .nav-item.active > a { background-color: #6f0b2d !important; } .u-navbar-bg-orange .navbar-nav .nav-item > a { background-color: #e57d20 !important; } .u-navbar-bg-orange--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-orange--hover .navbar-nav .nav-item.active > a { background-color: #e57d20 !important; } .u-navbar-bg-deeporange .navbar-nav .nav-item > a { background-color: #fe541e !important; } .u-navbar-bg-deeporange--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-deeporange--hover .navbar-nav .nav-item.active > a { background-color: #fe541e !important; } .u-navbar-bg-yellow .navbar-nav .nav-item > a { background-color: #ebc71d !important; } .u-navbar-bg-yellow--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-yellow--hover .navbar-nav .nav-item.active > a { background-color: #ebc71d !important; } .u-navbar-bg-aqua .navbar-nav .nav-item > a { background-color: #29d6e6 !important; } .u-navbar-bg-aqua--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-aqua--hover .navbar-nav .nav-item.active > a { background-color: #29d6e6 !important; } .u-navbar-bg-aqua-dark-v1 .navbar-nav .nav-item > a { background-color: #11848e !important; } .u-navbar-bg-aqua-dark-v1--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-aqua-dark-v1--hover .navbar-nav .nav-item.active > a { background-color: #11848e !important; } .u-navbar-bg-cyan .navbar-nav .nav-item > a { background-color: #00bed6 !important; } .u-navbar-bg-cyan--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-cyan--hover .navbar-nav .nav-item.active > a { background-color: #00bed6 !important; } .u-navbar-bg-teal .navbar-nav .nav-item > a { background-color: #18ba9b !important; } .u-navbar-bg-teal--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-teal--hover .navbar-nav .nav-item.active > a { background-color: #18ba9b !important; } .u-navbar-bg-brown .navbar-nav .nav-item > a { background-color: #9c8061 !important; } .u-navbar-bg-brown--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-brown--hover .navbar-nav .nav-item.active > a { background-color: #9c8061 !important; } .u-navbar-bg-bluegray .navbar-nav .nav-item > a { background-color: #585f69 !important; } .u-navbar-bg-bluegray--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-bluegray--hover .navbar-nav .nav-item.active > a { background-color: #585f69 !important; } .u-navbar-bg-transparent .navbar-nav .nav-item > a { background-color: transparent !important; } .u-navbar-bg-transparent--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-transparent--hover .navbar-nav .nav-item.active > a { background-color: transparent !important; } /* NAVBAR menus */ .navbar a { color: #fff; } .navbar .hamburger-inner { background-color: #fff; } .navbar .active > a, .navbar a:hover { color: var(--primary) !important; } .u-header__section--light .navbar a { color: var(--theme-color-main); } .u-header__section--light .navbar .hamburger-inner { background-color: var(--theme-color-main); } .u-navbar-color-primary { color: var(--primary) !important; } .u-navbar-color-primary a { color: var(--primary) !important; } .js-header-fix-moment .u-navbar-color-primary--fix-moment, .js-header-fix-moment .u-navbar-color-primary--fix-moment a { color: var(--primary) !important; } .u-navbar-color-primary .hamburger-inner { background-color: var(--primary) !important; } .js-header-fix-moment .u-navbar-color-primary--fix-moment .hamburger-inner { background-color: var(--primary) !important; } .u-navbar-color-primary--hover:hover { color: var(--primary) !important; } .js-header-fix-moment .u-navbar-color-primary--fix-moment--hover:hover { color: var(--primary) !important; } .u-navbar-color-primary--hover .navbar-nav .nav-item.active > a, .u-navbar-color-primary--hover .navbar-nav a:hover { color: var(--primary) !important; } .js-header-fix-moment .u-navbar-color-primary--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-primary--fix-moment--hover .navbar-nav a:hover { color: var(--primary) !important; } .u-navbar-color-main { color: var(--theme-color-main) !important; } .u-navbar-color-main a { color: var(--theme-color-main) !important; } .js-header-fix-moment .u-navbar-color-main--fix-moment, .js-header-fix-moment .u-navbar-color-main--fix-moment a { color: var(--theme-color-main) !important; } .u-navbar-color-main .hamburger-inner { background-color: var(--theme-color-main) !important; } .js-header-fix-moment .u-navbar-color-main--fix-moment .hamburger-inner { background-color: var(--theme-color-main) !important; } .u-navbar-color-main--hover:hover { color: var(--theme-color-main) !important; } .js-header-fix-moment .u-navbar-color-main--fix-moment--hover:hover { color: var(--theme-color-main) !important; } .u-navbar-color-main--hover .navbar-nav .nav-item.active > a, .u-navbar-color-main--hover .navbar-nav a:hover { color: var(--theme-color-main) !important; } .js-header-fix-moment .u-navbar-color-main--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color-main--fix-moment--hover .navbar-nav a:hover { color: var(--theme-color-main) !important; } .u-navbar-color { color: var(--navbar-color) !important; } .u-navbar-color a { color: var(--navbar-color) !important; } .js-header-fix-moment .u-navbar-color--fix-moment, .js-header-fix-moment .u-navbar-color--fix-moment a { color: var(--navbar-color--fix-moment) !important; } .u-navbar-color .hamburger-inner { background-color: var(--navbar-color) !important; } .js-header-fix-moment .u-navbar-color--fix-moment .hamburger-inner { background-color: var(--navbar-color--fix-moment) !important; } .u-navbar-color--hover:hover { color: var(--navbar-color--hover) !important; } .js-header-fix-moment .u-navbar-color--fix-moment--hover:hover { color: var(--navbar-color--fix-moment--hover) !important; } .u-navbar-color--hover .navbar-nav .nav-item.active > a, .u-navbar-color--hover .navbar-nav a:hover { color: var(--navbar-color--hover) !important; } .js-header-fix-moment .u-navbar-color--fix-moment--hover .navbar-nav .nav-item.active > a, .js-header-fix-moment .u-navbar-color--fix-moment--hover .navbar-nav a:hover { color: var(--navbar-color--fix-moment--hover) !important; } .u-navbar-bg-primary .navbar-nav .nav-item > a { background-color: var(--primary) !important; } .u-navbar-bg-primary--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-primary--hover .navbar-nav .nav-item.active > a { background-color: var(--primary) !important; } .u-navbar-bg-main .navbar-nav .nav-item > a { background-color: var(--theme-color-main) !important; } .u-navbar-bg-main--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg-main--hover .navbar-nav .nav-item.active > a { background-color: var(--theme-color-main) !important; } .u-navbar-bg .navbar-nav .nav-item > a { background-color: var(--navbar-bg-color) !important; } .u-navbar-bg--hover .navbar-nav .nav-item > a:hover, .u-navbar-bg--hover .navbar-nav .nav-item.active > a { background-color: var(--navbar-bg-color--hover) !important; } .u-navbar-collapse-bg .navbar-collapse { background: var(--navbar-collapse-bg-color) !important; } /*------------------------------------ Icons Styles ------------------------------------*/ .u-icon-v1, .u-icon-v2, .u-icon-v3, .u-icon-v4 { position: relative; display: flex !important; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; } .u-icon-v1:hover, .u-icon-v2:hover, .u-icon-v3:hover, .u-icon-v4:hover { text-decoration: none; } .u-icon-v1 > i, .u-icon-v2 > i, .u-icon-v3 > i, .u-icon-v4 > span > i { z-index: 2; } /*------------------------------------ Icon-v1 ------------------------------------*/ .u-icon-v1, .u-icon-v1 .u-icon__elem-regular, .u-icon-v1 .u-icon__elem-hover { width: 2.57143rem; height: 2.57143rem; font-size: 1.42857rem; } .u-icon-v1.u-icon-size--xs, .u-icon-v1.u-icon-size--xs .u-icon__elem-regular, .u-icon-v1.u-icon-size--xs .u-icon__elem-hover { width: 1.64286rem; height: 1.64286rem; font-size: 0.92857rem; } .u-icon-v1.u-icon-size--sm, .u-icon-v1.u-icon-size--sm .u-icon__elem-regular, .u-icon-v1.u-icon-size--sm .u-icon__elem-hover { width: 2.28571rem; height: 2.28571rem; font-size: 1.28571rem; } .u-icon-v1.u-icon-size--lg, .u-icon-v1.u-icon-size--lg .u-icon__elem-regular, .u-icon-v1.u-icon-size--lg .u-icon__elem-hover { width: 4.5rem; height: 4.5rem; font-size: 2.5rem; } .u-icon-v1.u-icon-size--xl, .u-icon-v1.u-icon-size--xl .u-icon__elem-regular, .u-icon-v1.u-icon-size--xl .u-icon__elem-hover { width: 5.14286rem; height: 5.14286rem; font-size: 2.85714rem; } .u-icon-v1.u-icon-size--2xl, .u-icon-v1.u-icon-size--2xl .u-icon__elem-regular, .u-icon-v1.u-icon-size--2xl .u-icon__elem-hover { width: 5.85714rem; height: 5.85714rem; font-size: 3.57143rem; } .u-icon-v1.u-icon-size--3xl, .u-icon-v1.u-icon-size--3xl .u-icon__elem-regular, .u-icon-v1.u-icon-size--3xl .u-icon__elem-hover { width: 8rem; height: 8rem; font-size: 5.71429rem; } /*------------------------------------ Icon-v2 ------------------------------------*/ .u-icon-v3 .u-icon__elem-regular, .u-icon-v3 .u-icon__elem-hover, .u-icon-v3, .u-icon-v2 .u-icon__elem-regular, .u-icon-v2 .u-icon__elem-hover, .u-icon-v2 { width: 3.92857rem; height: 3.92857rem; font-size: 1.57143rem; } .u-icon-v3.u-icon-size--xs, .u-icon-v3.u-icon-size--xs .u-icon__elem-regular, .u-icon-v3.u-icon-size--xs .u-icon__elem-hover, .u-icon-v2.u-icon-size--xs, .u-icon-v2.u-icon-size--xs .u-icon__elem-regular, .u-icon-v2.u-icon-size--xs .u-icon__elem-hover { width: 2.14286rem; height: 2.14286rem; font-size: 0.92857rem; } .u-icon-v3.u-icon-size--sm, .u-icon-v3.u-icon-size--sm .u-icon__elem-regular, .u-icon-v3.u-icon-size--sm .u-icon__elem-hover, .u-icon-v2.u-icon-size--sm, .u-icon-v2.u-icon-size--sm .u-icon__elem-regular, .u-icon-v2.u-icon-size--sm .u-icon__elem-hover { width: 2.85714rem; height: 2.85714rem; font-size: 1.28571rem; } .u-icon-v3.u-icon-size--lg, .u-icon-v3.u-icon-size--lg .u-icon__elem-regular, .u-icon-v3.u-icon-size--lg .u-icon__elem-hover, .u-icon-v2.u-icon-size--lg, .u-icon-v2.u-icon-size--lg .u-icon__elem-regular, .u-icon-v2.u-icon-size--lg .u-icon__elem-hover { width: 5rem; height: 5rem; font-size: 2.14286rem; } .u-icon-v3.u-icon-size--xl, .u-icon-v3.u-icon-size--xl .u-icon__elem-regular, .u-icon-v3.u-icon-size--xl .u-icon__elem-hover, .u-icon-v2.u-icon-size--xl, .u-icon-v2.u-icon-size--xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--xl .u-icon__elem-hover { width: 6.42857rem; height: 6.42857rem; font-size: 2.85714rem; } .u-icon-v3.u-icon-size--2xl, .u-icon-v3.u-icon-size--2xl .u-icon__elem-regular, .u-icon-v3.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v2.u-icon-size--2xl, .u-icon-v2.u-icon-size--2xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--2xl .u-icon__elem-hover { width: 7.14286rem; height: 7.14286rem; font-size: 3.21429rem; } .u-icon-v3.u-icon-size--3xl, .u-icon-v3.u-icon-size--3xl .u-icon__elem-regular, .u-icon-v3.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v2.u-icon-size--3xl, .u-icon-v2.u-icon-size--3xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--3xl .u-icon__elem-hover { width: 9.28571rem; height: 9.28571rem; font-size: 3.57143rem; } .u-icon-v2 { border-width: 1px; border-style: solid; } .u-icon-v2.u-icon-size--2xl, .u-icon-v2.u-icon-size--2xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--2xl .u-icon__elem-hover { border-width: 1.5px; } .u-icon-v2.u-icon-size--3xl, .u-icon-v2.u-icon-size--3xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--3xl .u-icon__elem-hover { border-width: 1.5px; } /*------------------------------------ Icon-v3 ------------------------------------*/ .u-icon-v3 .u-icon__elem-regular, .u-icon-v3 .u-icon__elem-hover, .u-icon-v3, .u-icon-v2, .u-icon-v2 .u-icon__elem-regular, .u-icon-v2 .u-icon__elem-hover { width: 3.92857rem; height: 3.92857rem; font-size: 1.57143rem; } .u-icon-v3.u-icon-size--xs, .u-icon-v3.u-icon-size--xs .u-icon__elem-regular, .u-icon-v3.u-icon-size--xs .u-icon__elem-hover, .u-icon-v2.u-icon-size--xs, .u-icon-v2.u-icon-size--xs .u-icon__elem-regular, .u-icon-v2.u-icon-size--xs .u-icon__elem-hover { width: 2.14286rem; height: 2.14286rem; font-size: 0.92857rem; } .u-icon-v3.u-icon-size--sm, .u-icon-v3.u-icon-size--sm .u-icon__elem-regular, .u-icon-v3.u-icon-size--sm .u-icon__elem-hover, .u-icon-v2.u-icon-size--sm, .u-icon-v2.u-icon-size--sm .u-icon__elem-regular, .u-icon-v2.u-icon-size--sm .u-icon__elem-hover { width: 2.85714rem; height: 2.85714rem; font-size: 1.28571rem; } .u-icon-v3.u-icon-size--lg, .u-icon-v3.u-icon-size--lg .u-icon__elem-regular, .u-icon-v3.u-icon-size--lg .u-icon__elem-hover, .u-icon-v2.u-icon-size--lg, .u-icon-v2.u-icon-size--lg .u-icon__elem-regular, .u-icon-v2.u-icon-size--lg .u-icon__elem-hover { width: 5rem; height: 5rem; font-size: 2.14286rem; } .u-icon-v3.u-icon-size--xl, .u-icon-v3.u-icon-size--xl .u-icon__elem-regular, .u-icon-v3.u-icon-size--xl .u-icon__elem-hover, .u-icon-v2.u-icon-size--xl, .u-icon-v2.u-icon-size--xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--xl .u-icon__elem-hover { width: 6.42857rem; height: 6.42857rem; font-size: 2.85714rem; } .u-icon-v3.u-icon-size--2xl, .u-icon-v3.u-icon-size--2xl .u-icon__elem-regular, .u-icon-v3.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v2.u-icon-size--2xl, .u-icon-v2.u-icon-size--2xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--2xl .u-icon__elem-hover { width: 7.14286rem; height: 7.14286rem; font-size: 3.21429rem; } .u-icon-v3.u-icon-size--3xl, .u-icon-v3.u-icon-size--3xl .u-icon__elem-regular, .u-icon-v3.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v2.u-icon-size--3xl, .u-icon-v2.u-icon-size--3xl .u-icon__elem-regular, .u-icon-v2.u-icon-size--3xl .u-icon__elem-hover { width: 9.28571rem; height: 9.28571rem; font-size: 3.57143rem; } .u-icon-v3 { background-color: #eee; } /*------------------------------------ Box-shadows Styles ------------------------------------*/ .u-shadow-none { box-shadow: none !important; } .u-shadow-none--focus:focus { box-shadow: none !important; } .g-parent:hover .u-shadow-none--parent-hover { box-shadow: none !important; } /*------------------------------------ Box-shadows-v1 ------------------------------------*/ .u-shadow-custom-v1 { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.19); } /*------------------------------------ Box-shadows-v1 ------------------------------------*/ .u-shadow-v1-1 { box-shadow: 0 0 5px #999; } .u-shadow-v1-2 { box-shadow: 0 0 10px #999; } .u-shadow-v1-2--hover:hover { box-shadow: 0 0 10px #999; } .g-parent:hover .u-shadow-v1-2--hover-parent { box-shadow: 0 0 10px #999; } .u-shadow-v1-3 { box-shadow: 0 0 5px #ddd; } .u-shadow-v1-4 { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .u-shadow-v1-5 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .u-shadow-v1-5--hover:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } *:hover > .u-shadow-v1-5--hover-parent { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .u-shadow-v1-6 { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .u-shadow-v1-6--hover:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } *:hover > .u-shadow-v1-6--hover-parent { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .u-shadow-v1-7 { box-shadow: 0 0 8px #eee; } .u-shadow-v1-7--hover:hover { box-shadow: 0 0 8px #eee; } *:hover > .u-shadow-v1-7--hover-parent { box-shadow: 0 0 8px #eee; } /*------------------------------------ Box-shadows-v2 ------------------------------------*/ .u-shadow-v2 { box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v3-v4-v5 ------------------------------------*/ .u-shadow-v3, .u-shadow-v4, .u-shadow-v5 { position: relative; } .u-shadow-v3::after, .u-shadow-v3::before, .u-shadow-v4::before, .u-shadow-v5::after { content: ""; position: absolute; top: 80%; left: 0.35714rem; bottom: 1.07143rem; width: 50%; max-width: 21.42857rem; background: rgba(0, 0, 0, 0.2); z-index: -1; } .u-shadow-v3::after, .u-shadow-v3::before, .u-shadow-v4::before, .u-shadow-v5::after { box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .u-shadow-v3::after, .u-shadow-v5::after { left: auto; right: 0.35714rem; -webkit-transform: rotate(3deg); transform: rotate(3deg); } /*------------------------------------ Box-shadows-v6 ------------------------------------*/ .u-shadow-v6 { box-shadow: 0 8px 6px -6px #555; } /*------------------------------------ Box-shadows-v7 ------------------------------------*/ .u-shadow-v7 { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v8 ------------------------------------*/ .u-shadow-v8 { box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05); } .u-shadow-v8--hover:hover { box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05); } .u-shadow-v8-1 { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } /*------------------------------------ Box-shadows-v9 ------------------------------------*/ .u-shadow-v9 { box-shadow: 1px 1px 1px #eee; } /*------------------------------------ Box-shadows-v10 ------------------------------------*/ .u-shadow-v10 { box-shadow: 2px 2px 2px #eee; } /*------------------------------------ Box-shadows-v11 ------------------------------------*/ .u-shadow-v11 { box-shadow: 0 0 2px #ccc; } /*------------------------------------ Box-shadows-v12 ------------------------------------*/ .u-shadow-v12 { box-shadow: inset 2px 2px 2px 0 #ccc; } /*------------------------------------ Box-shadows-v13 ------------------------------------*/ .u-shadow-v13 { box-shadow: inset 2px 2px 2px 0 var(--primary); } /*------------------------------------ Box-shadows-v14 ------------------------------------*/ .u-shadow-v14 { box-shadow: 2px 2px 2px 0 #eee; } /*------------------------------------ Box-shadows-v15 ------------------------------------*/ .u-shadow-v15 { box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3); } /*------------------------------------ Box-shadows-v16 ------------------------------------*/ .u-shadow-v16 { box-shadow: inset 5px 5px 5px 0 rgba(17, 17, 17, 0.5); } /*------------------------------------ Box-shadows-v17 ------------------------------------*/ .u-shadow-v17 { box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, 0.17); } /*------------------------------------ Box-shadows-v18 ------------------------------------*/ .u-shadow-v18 { box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15); } /*------------------------------------ Box-shadows-v19 ------------------------------------*/ .u-shadow-v19 { box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v20 ------------------------------------*/ .u-shadow-v20 { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); } .u-shadow-v20--hover:hover { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); } /*------------------------------------ Box-shadows-v21 ------------------------------------*/ .u-shadow-v21 { box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09); transition-property: all; transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.3s; } .u-shadow-v21--hover:hover { box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15); } /*------------------------------------ Box-shadows-v22 ------------------------------------*/ .u-shadow-v22 { box-shadow: 0 2px 5px #eee; } /*------------------------------------ Box-shadows-v23 ------------------------------------*/ .u-shadow-v23 { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v24 ------------------------------------*/ .u-shadow-v24 { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } .g-parent.active .u-shadow-v24--active { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } /*------------------------------------ Box-shadows-v25 ------------------------------------*/ .u-shadow-v25 { box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07); } /*------------------------------------ Box-shadows-v26 ------------------------------------*/ .u-shadow-v26 { box-shadow: inset 5px 0 10px rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v27 ------------------------------------*/ .u-shadow-v27 { box-shadow: 0 0 3px #b5b5b5; } /*------------------------------------ Box-shadows-v28 ------------------------------------*/ .u-shadow-v28 { box-shadow: 0 10px 45px -5px rgba(0, 0, 0, 0.04); } /*------------------------------------ Box-shadows-v29 ------------------------------------*/ .u-shadow-v29 { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v30 ------------------------------------*/ .u-shadow-v30 { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } /*------------------------------------ Box-shadows-v31 ------------------------------------*/ .u-shadow-v31 { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.075); } /*------------------------------------ Box-shadows-v32 ------------------------------------*/ .u-shadow-v32 { box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v33 ------------------------------------*/ .u-shadow-v33 { box-shadow: 0 6px 15px -6px rgba(var(--primary), 0.3); } /*------------------------------------ Box-shadows-v34 ------------------------------------*/ .u-shadow-v34 { box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v35 ------------------------------------*/ .u-shadow-v35 { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045); } .u-shadow-v35--active.active { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045); transition-duration: 0.2s; } .u-shadow-v35.g-bg-teal-opacity-0_1 { box-shadow: 0 4px 7px 0 rgba(24, 186, 155, 0.175); } .u-shadow-v35.g-bg-purple-opacity-0_1 { box-shadow: 0 4px 7px 0 rgba(154, 105, 203, 0.175); } .u-shadow-v35.g-bg-blue-opacity-0_1 { box-shadow: 0 4px 7px 0 rgba(51, 152, 220, 0.175); } /*------------------------------------ Box-shadows-v36 ------------------------------------*/ .u-shadow-v36 { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.14); } /*------------------------------------ Box-shadows-v37 ------------------------------------*/ .u-shadow-v37 { box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7); } .u-shadow-v37--hover:hover { box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7); transition-duration: 0.2s; } /*------------------------------------ Box-shadows-v38 ------------------------------------*/ .u-shadow-v38 { box-shadow: 0 2px 35px 0 rgba(235, 237, 242, 0.7); } /*------------------------------------ Box-shadows-v39 ------------------------------------*/ .u-shadow-v39 { box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v40 ------------------------------------*/ .u-shadow-v40 { box-shadow: -9px -9px 20px -9px rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v41 ------------------------------------*/ [class*=u-shadow-v41--header] { border-bottom: 1px solid #ddd !important; } @media (min-width: 575px) { .u-shadow-v41--header--sm { border-bottom: none !important; } .u-shadow-v41--header--sm.js-header-fix-moment { box-shadow: 0 1px 3px #ddd; } } @media (min-width: 991px) { .u-shadow-v41--header--lg { border-bottom: none !important; } .u-shadow-v41--header--lg.js-header-fix-moment { box-shadow: 0 1px 3px #ddd; } } /*------------------------------------ States ------------------------------------*/ /*------------------------------------ Focus state color ------------------------------------*/ /* Primary Colors */ .g-color-primary:focus { color: var(--primary); } /* Black Colors */ .g-color-black--focus:focus { color: #000; } /* White Colors */ .g-color-white--focus:focus { color: #fff !important; } /* Gray Colors */ .g-color-gray-light-v4:focus { color: #eee !important; } /*------------------------------------ Checked state background ------------------------------------*/ /* Primary Colors */ input[type=checkbox]:checked + .g-bg-primary--checked, input[type=radio]:checked + .g-bg-primary--checked, input[type=checkbox]:checked + * .g-bg-primary--checked, input[type=radio]:checked + * .g-bg-primary--checked { background-color: var(--primary) !important; } .g-bg-primary--checked.g-checked, .g-checked .g-bg-primary--checked { background-color: var(--primary) !important; } /* Black Colors */ input[type=checkbox]:checked + .g-bg-black--checked, input[type=radio]:checked + .g-bg-black--checked, input[type=checkbox]:checked + * .g-bg-black--checked, input[type=radio]:checked + * .g-bg-black--checked { background-color: #000 !important; } .g-bg-black--checked.g-checked, .g-checked .g-bg-black--checked { background-color: #000 !important; } /* White Colors */ input[type=checkbox]:checked + .g-bg-white--checked, input[type=radio]:checked + .g-bg-white--checked, input[type=checkbox]:checked + * .g-bg-white--checked, input[type=radio]:checked + * .g-bg-white--checked { background-color: #fff !important; } .g-bg-white--checked.g-checked, .g-checked .g-bg-white--checked { background-color: #fff !important; } /* Gray Colors */ input[type=checkbox]:checked + .g-bg-dark-dark-v1--checked, input[type=radio]:checked + .g-bg-dark-dark-v1--checked, input[type=checkbox]:checked + * .g-bg-dark-dark-v1--checked, input[type=radio]:checked + * .g-bg-dark-dark-v1--checked { background-color: #111 !important; } .g-bg-dark-dark-v1--checked.g-checked, .g-checked .g-bg-dark-dark-v1--checked { background-color: #111 !important; } input[type=checkbox]:checked + .g-bg-dark-dark-v2--checked, input[type=radio]:checked + .g-bg-dark-dark-v2--checked, input[type=checkbox]:checked + * .g-bg-dark-dark-v2--checked, input[type=radio]:checked + * .g-bg-dark-dark-v2--checked { background-color: #333 !important; } .g-bg-dark-dark-v2--checked.g-checked, .g-checked .g-bg-dark-dark-v2--checked { background-color: #333 !important; } input[type=checkbox]:checked + .g-bg-dark-dark-v3--checked, input[type=radio]:checked + .g-bg-dark-dark-v3--checked, input[type=checkbox]:checked + * .g-bg-dark-dark-v3--checked, input[type=radio]:checked + * .g-bg-dark-dark-v3--checked { background-color: #555 !important; } .g-bg-dark-dark-v3--checked.g-checked, .g-checked .g-bg-dark-dark-v3--checked { background-color: #555 !important; } input[type=checkbox]:checked + .g-bg-dark-dark-v4--checked, input[type=radio]:checked + .g-bg-dark-dark-v4--checked, input[type=checkbox]:checked + * .g-bg-dark-dark-v4--checked, input[type=radio]:checked + * .g-bg-dark-dark-v4--checked { background-color: #777 !important; } .g-bg-dark-dark-v4--checked.g-checked, .g-checked .g-bg-dark-dark-v4--checked { background-color: #777 !important; } input[type=checkbox]:checked + .g-bg-dark-dark-v5--checked, input[type=radio]:checked + .g-bg-dark-dark-v5--checked, input[type=checkbox]:checked + * .g-bg-dark-dark-v5--checked, input[type=radio]:checked + * .g-bg-dark-dark-v5--checked { background-color: #999 !important; } .g-bg-dark-dark-v5--checked.g-checked, .g-checked .g-bg-dark-dark-v5--checked { background-color: #999 !important; } input[type=checkbox]:checked + .g-bg-dark-light-v1--checked, input[type=radio]:checked + .g-bg-dark-light-v1--checked, input[type=checkbox]:checked + * .g-bg-dark-light-v1--checked, input[type=radio]:checked + * .g-bg-dark-light-v1--checked { background-color: #bbb !important; } .g-bg-dark-light-v1--checked.g-checked, .g-checked .g-bg-dark-light-v1--checked { background-color: #bbb !important; } input[type=checkbox]:checked + .g-bg-dark-light-v2--checked, input[type=radio]:checked + .g-bg-dark-light-v2--checked, input[type=checkbox]:checked + * .g-bg-dark-light-v2--checked, input[type=radio]:checked + * .g-bg-dark-light-v2--checked { background-color: #ccc !important; } .g-bg-dark-light-v2--checked.g-checked, .g-checked .g-bg-dark-light-v2--checked { background-color: #ccc !important; } input[type=checkbox]:checked + .g-bg-dark-light-v3--checked, input[type=radio]:checked + .g-bg-dark-light-v3--checked, input[type=checkbox]:checked + * .g-bg-dark-light-v3--checked, input[type=radio]:checked + * .g-bg-dark-light-v3--checked { background-color: #ddd !important; } .g-bg-dark-light-v3--checked.g-checked, .g-checked .g-bg-dark-light-v3--checked { background-color: #ddd !important; } input[type=checkbox]:checked + .g-bg-dark-light-v4--checked, input[type=radio]:checked + .g-bg-dark-light-v4--checked, input[type=checkbox]:checked + * .g-bg-dark-light-v4--checked, input[type=radio]:checked + * .g-bg-dark-light-v4--checked { background-color: #eee !important; } .g-bg-dark-light-v4--checked.g-checked, .g-checked .g-bg-dark-light-v4--checked { background-color: #eee !important; } input[type=checkbox]:checked + .g-bg-dark-light-v5--checked, input[type=radio]:checked + .g-bg-dark-light-v5--checked, input[type=checkbox]:checked + * .g-bg-dark-light-v5--checked, input[type=radio]:checked + * .g-bg-dark-light-v5--checked { background-color: #f7f7f7 !important; } .g-bg-dark-light-v5--checked.g-checked, .g-checked .g-bg-dark-light-v5--checked { background-color: #f7f7f7 !important; } /* Transparent */ input[type=checkbox]:checked + .g-bg-transparent--checked, input[type=radio]:checked + .g-bg-transparent--checked, input[type=checkbox]:checked + * .g-bg-transparent--checked, input[type=radio]:checked + * .g-bg-transparent--checked { background-color: transparent !important; } .g-bg-transparent--checked.g-checked, .g-checked .g-bg-transparent--checked { background-color: transparent !important; } /* Color Red */ input[type=checkbox]:checked + .g-bg-red--checked, input[type=radio]:checked + .g-bg-red--checked, input[type=checkbox]:checked + * .g-bg-red--checked, input[type=radio]:checked + * .g-bg-red--checked { background-color: #f00 !important; } .g-bg-red--checked.g-checked, .g-checked .g-bg-red--checked { background-color: #f00 !important; } /*------------------------------------ Checked state Colors ------------------------------------*/ /* Primary Colors */ input[type=checkbox]:checked + .g-color-primary--checked, input[type=radio]:checked + .g-color-primary--checked, input[type=checkbox]:checked + * .g-color-primary--checked, input[type=radio]:checked + * .g-color-primary--checked { color: var(--primary) !important; } .g-color-primary--checked.g-checked, .g-checked .g-color-primary--checked { color: var(--primary) !important; } /*------------------------------------ Focus state background ------------------------------------*/ /* Black Colors */ .g-bg-black--focus:focus { background-color: #000 !important; } .g-bg-black-opacity-0_2--focus:focus { background-color: rgba(0, 0, 0, 0.2) !important; } .g-bg-black-opacity-0_4--focus:focus { background-color: rgba(0, 0, 0, 0.4) !important; } /* Gray Colors */ .g-bg-gray-dark-v1--focus:focus { background-color: #111 !important; } .g-bg-gray-dark-v2--focus:focus { background-color: #333 !important; } .g-bg-gray-dark-v3--focus:focus { background-color: #555 !important; } .g-bg-gray-light-v4--focus:focus { background-color: #eee !important; } .g-bg-gray-light-v5--focus:focus { background-color: #f7f7f7 !important; } /* Transparent */ .g-bg-transparent--focus:focus { background-color: transparent; } /*------------------------------------ Checked state border ------------------------------------*/ /* Primary Colors */ input[type=checkbox]:checked + .g-brd-primary--checked, input[type=radio]:checked + .g-brd-primary--checked, input[type=checkbox]:checked + * .g-brd-primary--checked, input[type=radio]:checked + * .g-brd-primary--checked { border-color: var(--primary) !important; } .g-brd-primary--checked.g-checked, .g-checked .g-brd-primary--checked { border-color: var(--primary) !important; } /* Black Colors */ input[type=checkbox]:checked + .g-brd-black--checked, input[type=radio]:checked + .g-brd-black--checked, input[type=checkbox]:checked + * .g-brd-black--checked, input[type=radio]:checked + * .g-brd-black--checked { border-color: #000 !important; } .g-brd-black--checked.g-checked, .g-checked .g-brd-black--checked { border-color: #000 !important; } /* White */ input[type=checkbox]:checked + .g-brd-white--checked, input[type=radio]:checked + .g-brd-white--checked, input[type=checkbox]:checked + * .g-brd-white--checked, input[type=radio]:checked + * .g-brd-white--checked { border-color: #fff !important; } .g-brd-white--checked.g-checked, .g-checked .g-brd-white--checked { border-color: #fff !important; } /* Gray Colors */ input[type=checkbox]:checked + .g-brd-gray-dark-v1--checked, input[type=radio]:checked + .g-brd-gray-dark-v1--checked, input[type=checkbox]:checked + * .g-brd-gray-dark-v1--checked, input[type=radio]:checked + * .g-brd-gray-dark-v1--checked { border-color: #111 !important; } .g-brd-gray-dark-v1--checked.g-checked, .g-checked .g-brd-gray-dark-v1--checked { border-color: #111 !important; } input[type=checkbox]:checked + .g-brd-gray-dark-v2--checked, input[type=radio]:checked + .g-brd-gray-dark-v2--checked, input[type=checkbox]:checked + * .g-brd-gray-dark-v2--checked, input[type=radio]:checked + * .g-brd-gray-dark-v2--checked { border-color: #333 !important; } .g-brd-gray-dark-v2--checked.g-checked, .g-checked .g-brd-gray-dark-v2--checked { border-color: #333 !important; } input[type=checkbox]:checked + .g-brd-gray-dark-v3--checked, input[type=radio]:checked + .g-brd-gray-dark-v3--checked, input[type=checkbox]:checked + * .g-brd-gray-dark-v3--checked, input[type=radio]:checked + * .g-brd-gray-dark-v3--checked { border-color: #555 !important; } .g-brd-gray-dark-v3--checked.g-checked, .g-checked .g-brd-gray-dark-v3--checked { border-color: #555 !important; } input[type=checkbox]:checked + .g-brd-gray-dark-v4--checked, input[type=radio]:checked + .g-brd-gray-dark-v4--checked, input[type=checkbox]:checked + * .g-brd-gray-dark-v4--checked, input[type=radio]:checked + * .g-brd-gray-dark-v4--checked { border-color: #777 !important; } .g-brd-gray-dark-v4--checked.g-checked, .g-checked .g-brd-gray-dark-v4--checked { border-color: #777 !important; } input[type=checkbox]:checked + .g-brd-gray-dark-v5--checked, input[type=radio]:checked + .g-brd-gray-dark-v5--checked, input[type=checkbox]:checked + * .g-brd-gray-dark-v5--checked, input[type=radio]:checked + * .g-brd-gray-dark-v5--checked { border-color: #999 !important; } .g-brd-gray-dark-v5--checked.g-checked, .g-checked .g-brd-gray-dark-v5--checked { border-color: #999 !important; } input[type=checkbox]:checked + .g-brd-gray-light-v1--checked, input[type=radio]:checked + .g-brd-gray-light-v1--checked, input[type=checkbox]:checked + * .g-brd-gray-light-v1--checked, input[type=radio]:checked + * .g-brd-gray-light-v1--checked { border-color: #bbb !important; } .g-brd-gray-light-v1--checked.g-checked, .g-checked .g-brd-gray-light-v1--checked { border-color: #bbb !important; } input[type=checkbox]:checked + .g-brd-gray-light-v2--checked, input[type=radio]:checked + .g-brd-gray-light-v2--checked, input[type=checkbox]:checked + * .g-brd-gray-light-v2--checked, input[type=radio]:checked + * .g-brd-gray-light-v2--checked { border-color: #ccc !important; } .g-brd-gray-light-v2--checked.g-checked, .g-checked .g-brd-gray-light-v2--checked { border-color: #ccc !important; } input[type=checkbox]:checked + .g-brd-gray-light-v3--checked, input[type=radio]:checked + .g-brd-gray-light-v3--checked, input[type=checkbox]:checked + * .g-brd-gray-light-v3--checked, input[type=radio]:checked + * .g-brd-gray-light-v3--checked { border-color: #ddd !important; } .g-brd-gray-light-v3--checked.g-checked, .g-checked .g-brd-gray-light-v3--checked { border-color: #ddd !important; } input[type=checkbox]:checked + .g-brd-gray-light-v4--checked, input[type=radio]:checked + .g-brd-gray-light-v4--checked, input[type=checkbox]:checked + * .g-brd-gray-light-v4--checked, input[type=radio]:checked + * .g-brd-gray-light-v4--checked { border-color: #eee !important; } .g-brd-gray-light-v4--checked.g-checked, .g-checked .g-brd-gray-light-v4--checked { border-color: #eee !important; } input[type=checkbox]:checked + .g-brd-gray-light-v5--checked, input[type=radio]:checked + .g-brd-gray-light-v5--checked, input[type=checkbox]:checked + * .g-brd-gray-light-v5--checked, input[type=radio]:checked + * .g-brd-gray-light-v5--checked { border-color: #f7f7f7 !important; } .g-brd-gray-light-v5--checked.g-checked, .g-checked .g-brd-gray-light-v5--checked { border-color: #f7f7f7 !important; } /* Transparent */ input[type=checkbox]:checked + .g-brd-transparent--checked, input[type=radio]:checked + .g-brd-transparent--checked, input[type=checkbox]:checked + * .g-brd-transparent--checked, input[type=radio]:checked + * .g-brd-transparent--checked { border-color: transparent !important; } .g-brd-transparent--checked.g-checked, .g-checked .g-brd-transparent--checked { border-color: transparent !important; } /* Color Red */ input[type=checkbox]:checked + .g-brd-red--checked, input[type=radio]:checked + .g-brd-red--checked, input[type=checkbox]:checked + * .g-brd-red--checked, input[type=radio]:checked + * .g-brd-red--checked { border-color: #f00 !important; } .g-brd-red--checked.g-checked, .g-checked .g-brd-red--checked { border-color: #f00 !important; } /*------------------------------------ Focus state border ------------------------------------*/ /* Primary Colors */ .g-brd-primary--focus:focus, .g-brd-primary--focus.g-state-focus *, .g-brd-primary--focus.g-state-focus *:focus { border-color: var(--primary) !important; } /* Black Colors */ .g-brd-black--focus:focus, .g-brd-black--focus.g-state-focus *, .g-brd-black--focus.g-state-focus *:focus { border-color: #000 !important; } /* White */ .g-brd-white--focus:focus, .g-brd-white--focus.g-state-focus *, .g-brd-white--focus.g-state-focus *:focus { border-color: #fff !important; } /* Gray Colors */ .g-brd-gray-dark-v1--focus:focus, .g-brd-gray-dark-v1--focus.g-state-focus *, .g-brd-gray-dark-v1--focus.g-state-focus *:focus { border-color: #111 !important; } .g-brd-gray-dark-v2--focus:focus, .g-brd-gray-dark-v2--focus.g-state-focus *, .g-brd-gray-dark-v2--focus.g-state-focus *:focus { border-color: #333 !important; } .g-brd-gray-dark-v3--focus:focus, .g-brd-gray-dark-v3--focus.g-state-focus *, .g-brd-gray-dark-v3--focus.g-state-focus *:focus { border-color: #555 !important; } .g-brd-gray-dark-v4--focus:focus, .g-brd-gray-dark-v4--focus.g-state-focus *, .g-brd-gray-dark-v4--focus.g-state-focus *:focus { border-color: #777 !important; } .g-brd-gray-dark-v5--focus:focus, .g-brd-gray-dark-v5--focus.g-state-focus *, .g-brd-gray-dark-v5--focus.g-state-focus *:focus { border-color: #999 !important; } .g-brd-gray-dark-light-v1--focus:focus, .g-brd-gray-dark-light-v1--focus.g-state-focus *, .g-brd-gray-dark-light-v1--focus.g-state-focus *:focus { border-color: #bbb !important; } .g-brd-gray-dark-light-v2--focus:focus, .g-brd-gray-dark-light-v2--focus.g-state-focus *, .g-brd-gray-dark-light-v2--focus.g-state-focus *:focus { border-color: #ccc !important; } .g-brd-gray-dark-light-v3--focus:focus, .g-brd-gray-dark-light-v3--focus.g-state-focus *, .g-brd-gray-dark-light-v3--focus.g-state-focus *:focus { border-color: #ddd !important; } .g-brd-gray-dark-light-v4--focus:focus, .g-brd-gray-dark-light-v4--focus.g-state-focus *, .g-brd-gray-dark-light-v4--focus.g-state-focus *:focus { border-color: #eee !important; } .g-brd-gray-dark-light-v5--focus:focus, .g-brd-gray-dark-light-v5--focus.g-state-focus *, .g-brd-gray-dark-light-v5--focus.g-state-focus *:focus { border-color: #f7f7f7 !important; } /* Transparent */ .g-brd-transparent--focus:focus, .g-brd-transparent--focus.g-state-focus *, .g-brd-transparent--focus.g-state-focus *:focus { border-color: transparent !important; } /* Color Red */ .g-brd-red--focus:focus, .g-brd-red--focus.g-state-focus *, .g-brd-red--focus.g-state-focus *:focus { border-color: #f00 !important; } /*------------------------------------ Breadcrumbs for landing ------------------------------------*/ /* Default style */ .landing-breadcrumb-arrow:before { content: "\f105"; color: #ccc; } .landing-breadcrumb-link { color: #bbb; } .landing-breadcrumb-link:hover { color: #999; } .landing-breadcrumb-name--last { color: var(--primary); } /* Dark bg, white crumbs, divider -, center align */ .landing-breadcrumb-v1 .landing-breadcrumb-arrow:before { content: "\f068"; color: #fff; } .landing-breadcrumb-v1 .landing-breadcrumb-link { color: #fff; } .landing-breadcrumb-v1 .landing-breadcrumb-link:hover { color: var(--primary); } .landing-breadcrumb-v1 .landing-breadcrumb-name--last { color: var(--primary); } /*------------------------------------ Heading-v1 ------------------------------------*/ [class*=u-heading-v1-] { position: relative; } [class*=u-heading-v1-]::before, [class*=u-heading-v1-]::after { content: ""; position: absolute; left: auto; right: 0; width: 100%; height: 0; border-top-width: 1px; border-color: inherit; } [class*=u-heading-v1-].text-center::before, [class*=u-heading-v1-].text-center::after { left: 0; right: 0; } [class*=u-heading-v1-].text-right::before, [class*=u-heading-v1-].text-right::after { left: 0; right: auto; } .u-heading-v1__title { position: relative; display: inline-block; margin-bottom: 0; padding-right: 1.07143rem; background-color: inherit; z-index: 2; } .text-right .u-heading-v1__title { padding-left: 1.07143rem; padding-right: 0; } .text-center .u-heading-v1__title { padding-left: 1.07143rem; padding-right: 1.07143rem; } /*------------------------------------ Heading-v1-1 ------------------------------------*/ .u-heading-v1-1::before { top: 48%; border-top-style: solid; } .u-heading-v1-1::after { top: 58%; border-top-style: solid; } /*------------------------------------ Heading-v1-2 ------------------------------------*/ .u-heading-v1-2::before { top: 48%; border-top-style: dashed; } .u-heading-v1-2::after { top: 58%; border-top-style: dashed; } /*------------------------------------ Heading-v1-3 ------------------------------------*/ .u-heading-v1-3::before { top: 48%; border-top-style: dotted; } .u-heading-v1-3::after { top: 58%; border-top-style: dotted; } /*------------------------------------ Heading-v1-4 ------------------------------------*/ .u-heading-v1-4::before { top: 50%; border-top-style: solid; } /*------------------------------------ Heading-v1-5 ------------------------------------*/ .u-heading-v1-5::before { top: 50%; border-top-style: dashed; } /*------------------------------------ Heading-v1-6 ------------------------------------*/ .u-heading-v1-6::before { top: 50%; border-top-style: dotted; } /*------------------------------------ Heading-v1-7 ------------------------------------*/ .u-heading-v1-7 { background: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="9px" height="6px"><polygon opacity="0.2" points="4.5,4.5 0,0 0,1.208 4.5,5.708 9,1.208 9,0 "/></svg>') 0 50% repeat-x; } /*------------------------------------ Heading-v2 ------------------------------------*/ .u-heading-v2-8-3--bottom::after, .u-heading-v2-8-3--top::before, .u-heading-v2-8-2--top::before, .u-heading-v2-8-2--bottom::after, .u-heading-v2-8--top::before, .u-heading-v2-8--bottom::after, .u-heading-v2-6--top::before, .u-heading-v2-6--bottom::after, .u-heading-v2-4--top::before, .u-heading-v2-4--bottom::after, .u-heading-v2-3--top::before, .u-heading-v2-3--bottom::after, .u-heading-v2-2--bottom::after { content: ""; display: inline-block; border-top-style: solid; border-color: inherit; } /*------------------------------------ Heading-v2-2 ------------------------------------*/ .u-heading-v2-2--bottom::after { width: 2.71429rem; border-top-width: 5px; } .u-heading-v2-2--bottom::after { display: block; margin-top: 1.07143rem; } .text-left .u-heading-v2-2--bottom::after { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-2--bottom::after { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-2--bottom::after { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-2--bottom::after { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-2--bottom::after { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-2--bottom::after { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-3 ------------------------------------*/ .u-heading-v2-3--top::before, .u-heading-v2-3--bottom::after { width: 5rem; border-top-width: 1px; } .u-heading-v2-3--bottom::after { display: block; margin-top: 1.07143rem; } .u-heading-v2-3--top::before { display: block; margin-bottom: 1.07143rem; } .text-left .u-heading-v2-3--bottom::after { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-3--bottom::after { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-3--bottom::after { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-3--bottom::after { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-3--bottom::after { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-3--bottom::after { margin-left: auto; margin-right: 0; } .text-left .u-heading-v2-3--top::before { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-3--top::before { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-3--top::before { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-3--top::before { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-3--top::before { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-3--top::before { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-4 ------------------------------------*/ .u-heading-v2-4--top::before, .u-heading-v2-4--bottom::after { width: 5rem; border-top-width: 10px; } .u-heading-v2-4--bottom::after { display: block; margin-top: 2.14286rem; } .u-heading-v2-4--top::before { display: block; margin-bottom: 2.14286rem; } .text-left .u-heading-v2-4--bottom::after { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-4--bottom::after { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-4--bottom::after { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-4--bottom::after { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-4--bottom::after { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-4--bottom::after { margin-left: auto; margin-right: 0; } .text-left .u-heading-v2-4--top::before { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-4--top::before { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-4--top::before { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-4--top::before { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-4--top::before { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-4--top::before { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-6 ------------------------------------*/ .u-heading-v2-6--top::before, .u-heading-v2-6--bottom::after { width: 2.14286rem; border-top-width: 1px; } .u-heading-v2-6--bottom::after { display: block; margin-top: 1.07143rem; } .u-heading-v2-6--top::before { display: block; margin-bottom: 1.07143rem; } .text-left .u-heading-v2-6--bottom::after { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-6--bottom::after { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-6--bottom::after { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-6--bottom::after { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-6--bottom::after { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-6--bottom::after { margin-left: auto; margin-right: 0; } .text-left .u-heading-v2-6--top::before { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-6--top::before { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-6--top::before { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-6--top::before { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-6--top::before { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-6--top::before { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-8 ------------------------------------*/ .u-heading-v2-8--top::before, .u-heading-v2-8--bottom::after { width: 75%; border-top-width: 2px; } .u-heading-v2-8--bottom::after { display: block; margin-top: 1.07143rem; } .u-heading-v2-8--top::before { display: block; margin-bottom: 1.07143rem; } .text-left .u-heading-v2-8--bottom::after { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-8--bottom::after { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-8--bottom::after { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-8--bottom::after { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-8--bottom::after { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-8--bottom::after { margin-left: auto; margin-right: 0; } .text-left .u-heading-v2-8--top::before { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-8--top::before { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-8--top::before { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-8--top::before { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-8--top::before { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-8--top::before { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-8--2 ------------------------------------*/ .u-heading-v2-8-2--bottom::after { display: block; width: 100%; border-top-width: 4px; margin-top: 0; } .u-heading-v2-8-2--top::before { display: block; width: 100%; border-top-width: 4px; margin-bottom: 0; } /*------------------------------------ Heading-v2-8--3 ------------------------------------*/ .u-heading-v2-8-3--top { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .u-heading-v2-8-3--top::before { display: block; width: 100%; border-top-width: 4px; margin-bottom: 0; } .u-heading-v2-8-3--bottom { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .u-heading-v2-8-3--bottom::after { display: block; width: 100%; border-top-width: 4px; margin-top: 0; } .text-left .u-heading-v2-8-3--bottom { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-8-3--bottom { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-8-3--bottom { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-8-3--bottom { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-8-3--bottom { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-8-3--bottom { margin-left: auto; margin-right: 0; } .text-left .u-heading-v2-8-3--top { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-8-3--top { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-8-3--top { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-8-3--top { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-8-3--top { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-8-3--top { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-9 ------------------------------------*/ .u-heading-v2-9--1, .u-heading-v2-9--2 { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 15px auto; } /*------------------------------------ Heading-v2-9--1 ------------------------------------*/ .u-heading-v2-9--1:before { content: ""; position: absolute; top: -10%; left: -25px; width: 30px; height: 20px; border-top-width: 2px; border-top-style: solid; border-left-width: 2px; border-left-style: solid; border-color: inherit; } .u-heading-v2-9--1:after { content: ""; position: absolute; bottom: -10%; right: -25px; width: 30px; height: 20px; border-bottom-width: 2px; border-bottom-style: solid; border-right-width: 2px; border-right-style: solid; border-color: inherit; } /*------------------------------------ Heading-v2-9--2 ------------------------------------*/ .u-heading-v2-9--2:before { content: ""; position: absolute; top: -0.5em; right: -0.8em; width: 1em; height: 0.6em; border-top-width: 0.1em; border-top-style: solid; border-right-width: 0.1em; border-right-style: solid; border-color: inherit; } .u-heading-v2-9--2:after { content: ""; position: absolute; bottom: -0.5em; left: -0.8em; width: 1em; height: 0.6em; border-bottom-width: 0.1em; border-bottom-style: solid; border-left-width: 0.1em; border-left-style: solid; border-color: inherit; } /*------------------------------------ Heading-v2-9--3 ------------------------------------*/ /* .u-heading-v2-9--3 { &:before { content: ""; position: absolute; top: -10%; left: -25px; width: 30px; height: 20px; border-top-width: 5px; border-top-style: solid; border-left-width: 5px; border-left-style: solid; border-color: inherit; } &:after { content: ""; position: absolute; bottom: -10%; right: -25px; width: 30px; height: 20px; border-bottom-width: 5px; border-bottom-style: solid; border-right-width: 5px; border-right-style: solid; border-color: inherit; } } */ /*------------------------------------ Heading-v2-9--4 ------------------------------------*/ /* .u-heading-v2-9--4 { &:before { content: ""; position: absolute; top: -10%; right: -25px; width: 30px; height: 20px; border-top-width: 5px; border-top-style: solid; border-right-width: 5px; border-right-style: solid; border-color: inherit; } &:after { content: ""; position: absolute; bottom: -10%; left: -25px; width: 30px; height: 20px; border-bottom-width: 5px; border-bottom-style: solid; border-left-width: 5px; border-left-style: solid; border-color: inherit; } } */ /*------------------------------------ Align with text ------------------------------------*/ .text-left.u-heading-v2-9--1, .text-left.u-heading-v2-9--2 { margin-left: 0; } .text-right.u-heading-v2-9--1, .text-right.u-heading-v2-9--2 { margin-right: 0; } /*------------------------------------ Heading-v2-10 ------------------------------------*/ .u-heading-v2-10 { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; padding: 15px 7px 15px 15px; letter-spacing: 2px; border-width: 2px; border-style: solid; } .u-heading-v2-10:after { content: ""; position: absolute; top: 6px; left: 6px; width: calc(100% + 4px); height: calc(100% + 4px); border-width: 2px; border-style: solid; border-color: inherit; } .text-left.u-heading-v2-10 { margin-left: 0; margin-right: auto; } .text-right.u-heading-v2-10 { margin-left: auto; margin-right: 0; } /* .u-heading-v2-10--2 { position: relative; width: fit-content; margin: 0 auto; padding: 15px; 7px 15px 15px letter-spacing: 2px; border-width: 2px; border-style: solid; &:after{ content: ''; position: absolute; top: 6px; left: -10px; width: calc(100% + 4px); height: calc(100% + 4px); border-width: 2px; border-style: solid; border-color: inherit; } } .u-heading-v2-10--3 { position: relative; width: fit-content; margin: 0 auto; padding: 15px; 7px 15px 15px letter-spacing: 2px; border-width: 2px; border-style: solid; &:after{ content: ''; position: absolute; top: -8px; left: -10px; width: calc(100% + 4px); height: calc(100% + 4px); border-width: 2px; border-style: solid; border-color: inherit; } } .u-heading-v2-10--4 { position: relative; width: fit-content; margin: 0 auto; padding: 15px; 7px 15px 15px letter-spacing: 2px; border-width: 2px; border-style: solid; &:after{ content: ''; position: absolute; top: -8px; left: 6px; width: calc(100% + 4px); height: calc(100% + 4px); border-width: 2px; border-style: solid; border-color: inherit; } } */ .u-heading-v2-10--5 { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; padding: 15px 7px 15px 15px; letter-spacing: 2px; border-width: 2px; border-style: solid; } .text-left.u-heading-v2-10--5 { margin-left: 0; margin-right: auto; } .text-right.u-heading-v2-10--5 { margin-left: auto; margin-right: 0; } /* .u-heading-v2-10--6 { position: relative; width: fit-content; margin: 0 auto; padding: 10px; letter-spacing: 2px; border-width: 2px; border-style: solid; } .u-heading-v2-10--7 { position: relative; width: fit-content; margin: 0 auto; padding: 5px; letter-spacing: 2px; border-width: 2px; border-style: solid; } */ /*------------------------------------ Heading-v2-12 ------------------------------------*/ .u-heading-v2-12--1::after { content: ""; margin-top: 15px; display: block; width: 14px; border-top-width: 14px; border-top-style: solid; border-color: inherit; border-radius: 50%; } .text-left .u-heading-v2-12--1::after { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-12--1::after { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-12--1::after { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-12--1::after { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-12--1::after { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-12--1::after { margin-left: auto; margin-right: 0; } .u-heading-v2-12--2::before { content: ""; margin-bottom: 15px; display: block; width: 14px; border-top-width: 14px; border-top-style: solid; border-color: inherit; border-radius: 50%; } .text-left .u-heading-v2-12--2::before { margin-left: 0; margin-right: auto; } .text-center .u-heading-v2-12--2::before { margin-left: auto; margin-right: auto; } .text-right .u-heading-v2-12--2::before { margin-left: auto; margin-right: 0; } .text-left.u-heading-v2-12--2::before { margin-left: 0; margin-right: auto; } .text-center.u-heading-v2-12--2::before { margin-left: auto; margin-right: auto; } .text-right.u-heading-v2-12--2::before { margin-left: auto; margin-right: 0; } /*------------------------------------ Heading-v2-13 ------------------------------------*/ /* .u-heading-v2-13-1 { &--left { padding-left: 10px; border-left-width: 2px; border-left-style: solid; } &--right { padding-right: 10px; border-right-width: 2px; border-right-style: solid; } } */ .u-heading-v2-13-2--left { padding-left: 10px; border-left-width: 5px; border-left-style: solid; } .u-heading-v2-13-2--right { padding-right: 10px; border-right-width: 5px; border-right-style: solid; } /*------------------------------------ Heading-v3 ------------------------------------*/ [class*=u-heading-v3-] { border-bottom: 1px dotted #ccc; } .u-heading-v3__title { position: relative; top: 1px; display: inline-block; margin: 0; padding-bottom: 0.71429rem; border-bottom: 1px solid #555; } /*------------------------------------ Heading-v4 ------------------------------------*/ [class*=u-heading-v4-] { padding: 0.14286rem 0 0.21429rem 1.42857rem; border-left-width: 4px; border-left-style: solid; border-color: inherit; } [class*=u-heading-v4-].text-right { padding: 0.14286rem 1.42857rem 0.21429rem 0; border-left-width: 0; border-right-width: 4px; border-right-style: solid; } /*------------------------------------ Heading-v5 ------------------------------------*/ .u-heading-v5__title { position: relative; display: inline-block; line-height: 1; } .u-heading-v5__title::before { content: ""; position: absolute; display: inline-block; width: 0.85714rem; height: 0.85714rem; background: var(--theme-color-main); } .u-heading-v5-color-primary .u-heading-v5__title::before { background: var(--primary); } .u-heading-v5-color-gray-light-v2 .u-heading-v5__title::before { background: #ccc; } .u-heading-v5-color-white .u-heading-v5__title::before { background: #fff; } .u-heading-v5-rounded-50x .u-heading-v5__title::before { border-radius: 50%; } /*------------------------------------ Heading-v5-1 ------------------------------------*/ .u-heading-v5-1 .u-heading-v5__title { padding-top: 1.78571rem; } .u-heading-v5-1 .u-heading-v5__title::before { top: 0; left: 2px; } .u-heading-v5-1.text-center .u-heading-v5__title::before { left: 50%; margin-left: -6px; } .u-heading-v5-1.text-right .u-heading-v5__title::before { left: auto; right: 2px; } /*------------------------------------ Heading-v5-2 ------------------------------------*/ .u-heading-v5-2 .u-heading-v5__title::before { left: 0; bottom: 3px; } .u-heading-v5-2.text-right .u-heading-v5__title::before { left: auto; right: 0; } .u-heading-v5-2 .u-heading-v5__title { padding-left: 1.78571rem; } .u-heading-v5-2.text-right .u-heading-v5__title { padding-right: 1.78571rem; } /*------------------------------------ Heading-v5-3 ------------------------------------*/ .u-heading-v5-3 .u-heading-v5__title::before { left: 2px; bottom: 0; } .u-heading-v5-3.text-center .u-heading-v5__title::before { left: 50%; margin-left: -6px; } .u-heading-v5-3.text-right .u-heading-v5__title::before { left: auto; right: 2px; } .u-heading-v5-3 .u-heading-v5__title { padding-bottom: 1.78571rem; } /*------------------------------------ Heading-v6 ------------------------------------*/ .u-heading-v6__title { display: inline-block; position: relative; } .u-heading-v6-2.text-right .u-heading-v6__title::before, .u-heading-v6-2.text-center .u-heading-v6__title::before, .u-heading-v6-2 .u-heading-v6__title::after, .u-heading-v6-1.text-right .u-heading-v6__title::before, .u-heading-v6-1.text-center .u-heading-v6__title::before, .u-heading-v6-1 .u-heading-v6__title::after { content: ""; position: absolute; top: 50%; display: inline-block; width: 5rem; border-top-width: 1px; border-top-style: solid; border-color: inherit; } /*------------------------------------ Heading-v6-1 ------------------------------------*/ .u-heading-v6-1 .u-heading-v6__title, .u-heading-v6-1 .u-heading-v6__subtitle { padding-right: 6.42857rem; } .u-heading-v6-1.text-center .u-heading-v6__title, .u-heading-v6-1.text-right .u-heading-v6__title, .u-heading-v6-1.text-center .u-heading-v6__subtitle, .u-heading-v6-1.text-right .u-heading-v6__subtitle { padding-left: 6.42857rem; } .u-heading-v6-1.text-right .u-heading-v6__title, .u-heading-v6-1.text-right .u-heading-v6__subtitle { padding-right: 0; } .u-heading-v6-1 .u-heading-v6__title::after { right: 0; } .u-heading-v6-1.text-center .u-heading-v6__title::before { left: 0; } .u-heading-v6-1.text-right .u-heading-v6__title::before { left: 0; } .u-heading-v6-1.text-right .u-heading-v6__title::after { display: none; } /*------------------------------------ Heading-v6-1 ------------------------------------*/ .u-heading-v6-2 .u-heading-v6__title, .u-heading-v6-2 .u-heading-v6__subtitle { padding-left: 6.42857rem; } .u-heading-v6-2.text-center .u-heading-v6__title, .u-heading-v6-2.text-right .u-heading-v6__title, .u-heading-v6-2.text-center .u-heading-v6__subtitle, .u-heading-v6-2.text-right .u-heading-v6__subtitle { padding-right: 6.42857rem; } .u-heading-v6-2.text-right .u-heading-v6__title, .u-heading-v6-2.text-right .u-heading-v6__subtitle { padding-left: 0; } .u-heading-v6-2 .u-heading-v6__title::after { left: 0; } .u-heading-v6-2.text-center .u-heading-v6__title::before { right: 0; } .u-heading-v6-2.text-right .u-heading-v6__title::before { right: 0; } .u-heading-v6-2.text-right .u-heading-v6__title::after { display: none; } /*------------------------------------ Heading-v7 ------------------------------------*/ .text-right .u-heading-v7-divider::before, .text-center .u-heading-v7-divider::before, .u-heading-v7-divider::after { content: ""; position: absolute; top: 52%; display: inline-block; width: 2.85714rem; border-top-width: 1px; border-top-style: solid; border-color: inherit; } .u-heading-v7-divider { position: relative; display: inline-block; } .u-heading-v7-divider::after { right: -3.92857rem; } .text-center .u-heading-v7-divider::before { left: -3.92857rem; } .text-right .u-heading-v7-divider::before { left: -3.92857rem; } .text-right .u-heading-v7-divider::after { display: none; } .u-heading-v7-divider__icon { display: inline-block; font-size: 1.4rem; } /*------------------------------------ Heading-v7-1 ------------------------------------*/ .u-heading-v7-1 .u-heading-v7-divider__icon { font-size: 0.6rem; } /*------------------------------------ Heading-v7-3 ------------------------------------*/ .u-heading-v7-3 .u-heading-v7-divider::after, .u-heading-v7-3 .u-heading-v7-divider::before { display: none; } /*------------------------------------ Heading-v8 ------------------------------------*/ .u-heading-v8-2 .u-heading-v8__title strong, .u-heading-v8-1 .u-heading-v8__title strong { display: inline-block; font-weight: inherit; } /*------------------------------------ Heading-v8-1 ------------------------------------*/ .u-heading-v8-1 .u-heading-v8__title strong { padding: 0.07143rem 0.5rem; } /*------------------------------------ Heading-v8-2 ------------------------------------*/ .u-heading-v8-2 .u-heading-v8__title strong { padding: 0.71429rem 1.07143rem; } /*------------------------------------ Heading-v9 ------------------------------------*/ .u-heading-v9 { position: relative; text-align: center; } .u-heading-v9::before { content: ""; position: absolute; left: 50%; display: block; margin-left: -35px; width: 70px; height: 96px; border: 2px solid var(--primary); } .u-heading-v9--left { padding-left: 35px; text-align: left; } .u-heading-v9--left::before { left: 0; margin-left: 0; } .u-heading-v9--right { padding-right: 35px; text-align: right; } .u-heading-v9--right::before { left: auto; right: 0; margin-left: 0; } .u-heading-v9 * { position: relative; z-index: 3; } /*------------------------------------ Heading-v10 ------------------------------------*/ .u-heading-v10 { position: relative; text-align: center; } .u-heading-v10__downer { font-size: 115px; line-height: 1; opacity: 0.04; } .u-heading-v10__upper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 34px; color: var(--primary); } /*------------------------------------ Headings ------------------------------------*/ /* Massive Underline */ .u-heading-massive-underline { position: relative; } .u-heading-massive-underline::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.3em; background-color: var(--primary-lighten-1); z-index: -1; } /* Heading With Dot */ .u-header-title-dot::after { content: "."; color: var(--primary); display: inline-block; font-size: 35px; } /*------------------------------------ Nonstandard-bg ------------------------------------*/ [class*=u-ns-bg-v] { position: relative; } [class*=u-ns-bg-v]::before { content: ""; position: absolute; display: block; z-index: 3; } /*------------------------------------ Nonstandard Background v1 ------------------------------------*/ [class*=u-ns-bg-v1] { position: relative; } [class*=u-ns-bg-v1]::before { content: ""; position: absolute; z-index: 3; width: 0; height: 0; border-style: solid; border-color: transparent; } .u-ns-bg-v1-top::before, .u-ns-bg-v1-bottom::before { left: 50%; margin-left: -20px; } .u-ns-bg-v1-left::before, .u-ns-bg-v1-right::before { top: 50%; margin-top: -20px; } .u-ns-bg-v1-top::before { top: -25px; border-width: 0 20px 25px 20px; } .u-ns-bg-v1-top.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-top::before { border-bottom-color: var(--primary); } .u-ns-bg-v1-top.g-bg-white::before, .g-parent.g-bg-white .u-ns-bg-v1-top::before { border-bottom-color: #fff; } .u-ns-bg-v1-top.g-bg-gray-light-v2::before, .g-parent.g-bg-gray-light-v2 .u-ns-bg-v1-top::before { border-bottom-color: #ccc; } .u-ns-bg-v1-top.g-bg-black::before, .g-parent.g-bg-black .u-ns-bg-v1-top::before { border-bottom-color: #000; } .u-ns-bg-v1-bottom::before { bottom: -25px; border-width: 25px 20px 0 20px; } .u-ns-bg-v1-bottom.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-bottom::before { border-top-color: var(--primary); } .u-ns-bg-v1-bottom.g-bg-white::before, .g-parent.g-bg-white .u-ns-bg-v1-bottom::before { border-top-color: #fff; } .u-ns-bg-v1-bottom.g-bg-gray-light-v2::before, .g-parent.g-bg-gray-light-v2 .u-ns-bg-v1-bottom::before { border-top-color: #ccc; } .u-ns-bg-v1-bottom.g-bg-black::before, .g-parent.g-bg-black .u-ns-bg-v1-bottom::before { border-top-color: #000; } .u-ns-bg-v1-left::before { left: -25px; border-width: 20px 25px 20px 0; } .u-ns-bg-v1-left.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-left::before { border-right-color: var(--primary); } .u-ns-bg-v1-left.g-bg-white::before, .g-parent.g-bg-white .u-ns-bg-v1-left::before { border-right-color: #fff; } .u-ns-bg-v1-left.g-bg-gray-light-v2::before, .g-parent.g-bg-gray-light-v2 .u-ns-bg-v1-left::before { border-right-color: #ccc; } .u-ns-bg-v1-left.g-bg-black::before, .g-parent.g-bg-black .u-ns-bg-v1-left::before { border-right-color: #000; } .u-ns-bg-v1-right::before { right: -25px; border-width: 20px 0 20px 25px; } .u-ns-bg-v1-right.g-bg-primary::before, .g-parent.g-bg-primary .u-ns-bg-v1-right::before { border-left-color: var(--primary); } .u-ns-bg-v1-right.g-bg-white::before, .g-parent.g-bg-white .u-ns-bg-v1-right::before { border-left-color: #fff; } .u-ns-bg-v1-right.g-bg-gray-light-v2::before, .g-parent.g-bg-gray-light-v2 .u-ns-bg-v1-right::before { border-left-color: #ccc; } .u-ns-bg-v1-right.g-bg-black::before, .g-parent.g-bg-black .u-ns-bg-v1-right::before { border-left-color: #000; } @media (min-width: 768px) { .u-ns-bg-v1-top--md::before, .u-ns-bg-v1-bottom--md::before, .u-ns-bg-v1-left--md::before, .u-ns-bg-v1-right--md::before { top: auto; bottom: auto; left: auto; right: auto; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } .u-ns-bg-v1-top--md.g-bg-primary::before, .u-ns-bg-v1-top--md.g-bg-white::before, .u-ns-bg-v1-top--md.g-bg-gray-light-v2::before, .u-ns-bg-v1-top--md.g-bg-black::before, .u-ns-bg-v1-bottom--md.g-bg-primary::before, .u-ns-bg-v1-bottom--md.g-bg-white::before, .u-ns-bg-v1-bottom--md.g-bg-gray-light-v2::before, .u-ns-bg-v1-bottom--md.g-bg-black::before, .u-ns-bg-v1-left--md.g-bg-primary::before, .u-ns-bg-v1-left--md.g-bg-white::before, .u-ns-bg-v1-left--md.g-bg-gray-light-v2::before, .u-ns-bg-v1-left--md.g-bg-black::before, .u-ns-bg-v1-right--md.g-bg-primary::before, .u-ns-bg-v1-right--md.g-bg-white::before, .u-ns-bg-v1-right--md.g-bg-gray-light-v2::before, .u-ns-bg-v1-right--md.g-bg-black::before { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .u-ns-bg-v1-top--md::before, .u-ns-bg-v1-bottom--md::before { left: 50%; margin-left: -20px; } .u-ns-bg-v1-left--md::before, .u-ns-bg-v1-right--md::before { top: 50%; margin-top: -20px; } .u-ns-bg-v1-top--md::before { top: -25px; border-width: 0 20px 25px 20px; } .u-ns-bg-v1-top--md.g-bg-primary::before { border-bottom-color: var(--primary); } .u-ns-bg-v1-top--md.g-bg-white::before { border-bottom-color: #fff; } .u-ns-bg-v1-top--md.g-bg-gray-light-v2::before { border-bottom-color: #ccc; } .u-ns-bg-v1-top--md.g-bg-black::before { border-bottom-color: #000; } .u-ns-bg-v1-bottom--md::before { bottom: -25px; border-width: 25px 20px 0 20px; } .u-ns-bg-v1-bottom--md.g-bg-primary::before { border-top-color: var(--primary); } .u-ns-bg-v1-bottom--md.g-bg-white::before { border-top-color: #fff; } .u-ns-bg-v1-bottom--md.g-bg-gray-light-v2::before { border-top-color: #ccc; } .u-ns-bg-v1-bottom--md.g-bg-black::before { border-top-color: #000; } .u-ns-bg-v1-left--md::before { left: -25px; border-width: 20px 25px 20px 0; } .u-ns-bg-v1-left--md.g-bg-primary::before { border-right-color: var(--primary); } .u-ns-bg-v1-left--md.g-bg-white::before { border-right-color: #fff; } .u-ns-bg-v1-left--md.g-bg-gray-light-v2::before { border-right-color: #ccc; } .u-ns-bg-v1-left--md.g-bg-black::before { border-right-color: #000; } .u-ns-bg-v1-right--md::before { right: -25px; border-width: 20px 0 20px 25px; } .u-ns-bg-v1-right--md.g-bg-primary::before { border-left-color: var(--primary); } .u-ns-bg-v1-right--md.g-bg-white::before { border-left-color: #fff; } .u-ns-bg-v1-right--md.g-bg-gray-light-v2::before { border-left-color: #ccc; } .u-ns-bg-v1-right--md.g-bg-black::before { border-left-color: #000; } } /*------------------------------------ Nonstandard Background v7 ------------------------------------*/ [class*=u-ns-bg-v7] { position: relative; } [class*=u-ns-bg-v7]::before { content: ""; position: absolute; z-index: 3; width: 0; height: 0; border-style: solid; border-color: transparent; } .u-ns-bg-v7-top::before, .u-ns-bg-v7-bottom::before { left: 50%; margin-left: -5px; } .u-ns-bg-v7-left::before, .u-ns-bg-v7-right::before { top: 50%; margin-top: -5px; } .u-ns-bg-v7-top::before { top: -5px; border-width: 0 5px 5px 5px; } .u-ns-bg-v7-top.g-bg-primary::before { border-bottom-color: var(--primary); } .u-ns-bg-v7-top.g-bg-white::before { border-bottom-color: #fff; } .u-ns-bg-v7-top.g-bg-gray-light-v2::before { border-bottom-color: #ccc; } .u-ns-bg-v7-top.g-bg-black::before { border-bottom-color: #000; } .u-ns-bg-v7-bottom::before { bottom: -5px; border-width: 5px 5px 0 5px; } .u-ns-bg-v7-bottom.g-bg-primary::before { border-top-color: var(--primary); } .u-ns-bg-v7-bottom.g-bg-white::before { border-top-color: #fff; } .u-ns-bg-v7-bottom.g-bg-gray-light-v2::before { border-top-color: #ccc; } .u-ns-bg-v7-bottom.g-bg-black::before { border-top-color: #000; } .u-ns-bg-v7-left::before { left: -5px; border-width: 5px 5px 5px 0; } .u-ns-bg-v7-left.g-bg-primary::before { border-right-color: var(--primary); } .u-ns-bg-v7-left.g-bg-white::before { border-right-color: #fff; } .u-ns-bg-v7-left.g-bg-gray-light-v2::before { border-right-color: #ccc; } .u-ns-bg-v7-left.g-bg-black::before { border-right-color: #000; } .u-ns-bg-v7-right::before { right: -5px; border-width: 5px 0 5px 5px; } .u-ns-bg-v7-right.g-bg-primary::before { border-left-color: var(--primary); } .u-ns-bg-v7-right.g-bg-white::before { border-left-color: #fff; } .u-ns-bg-v7-right.g-bg-gray-light-v2::before { border-left-color: #ccc; } .u-ns-bg-v7-right.g-bg-black::before { border-left-color: #000; } /*------------------------------------ Progress Bars ------------------------------------*/ .progress-bar { min-height: 0 !important; } .u-progress__pointer-v1 { position: absolute; top: 50%; right: 0; width: 42px; height: 42px; margin: -21px -21px 0 0; background-color: transparent; line-height: 42px; z-index: 1; } .u-progress__pointer-v2 { position: absolute; bottom: 100%; right: 0; min-width: 46px; white-space: nowrap; padding-left: 5px; padding-right: 5px; -webkit-transform: translateX(50%); transform: translateX(50%); margin-bottom: 5px; background-color: transparent; z-index: 1; } .u-progress__pointer-v2::after { content: ""; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; border-style: solid; border-color: var(--primary) transparent; border-width: 5px 5px 0; } .u-progress__pointer-v3 { position: relative; float: right; white-space: nowrap; } .u-progress__pointer-v3::after { content: ""; position: absolute; top: 0; right: 0; margin-top: -10px; margin-right: -5px; border-style: solid; border-color: var(--primary) transparent; border-width: 5px 5px 0; } [class*=u-progress-bar-vertical] { display: flex; flex-flow: column nowrap; justify-content: flex-end; } .u-progress-bar-vertical-v1 { height: 200px; } /*------------------------------------ Time Lines ------------------------------------*/ [class*=u-timeline-v3-2-wrap] { position: relative; } [class*=u-timeline-v3-2-wrap]::before { content: ""; position: absolute; top: 0; bottom: 0; display: block; } /*------------------------------------ Time Lines v3 ------------------------------------*/ .u-timeline-v3-2 { position: relative; } .u-timeline-v3-2__icon { display: none; } .u-timeline-v3-2-wrap::before { width: 1px; height: 100%; display: none; background-color: #eee; } @media (min-width: 992px) { .u-timeline-v3-2-wrap::before { display: block; left: calc(18% + 9px); } .u-timeline-v3-2__icon { display: block; left: 18%; } } /*------------------------------------ Background Colors ------------------------------------*/ .u-label { display: inline-block; padding: 0.35rem 0.58rem; font-size: 0.9rem; line-height: 1; text-align: center; white-space: nowrap; color: #fff; /* Label Size ------------------------------------*/ /* Label Styles ------------------------------------*/ /* Label Num ------------------------------------*/ } .u-label:empty { display: none; } .btn .u-label { position: relative; top: -1px; } .u-label-default { background-color: #777; } .u-label-default[href]:hover, .u-label-default[href]:focus { background-color: #555; } .u-label-primary { background-color: #5cb85c; } .u-label-primary[href]:hover, .u-label-primary[href]:focus { background-color: #55b555; } .u-label-success { background-color: #5cb85c; } .u-label-success[href]:hover, .u-label-success[href]:focus { background-color: #55b555; } .u-label-info { background-color: #5bc0de; } .u-label-info[href]:hover, .u-label-info[href]:focus { background-color: #53bddc; } .u-label-warning { background-color: #f0ad4e; } .u-label-warning[href]:hover, .u-label-warning[href]:focus { background-color: #efa945; } .u-label-danger { background-color: #d9534f; } .u-label-danger[href]:hover, .u-label-danger[href]:focus { background-color: #d74b47; } .u-label.g-rounded-10 { padding: 0.35rem 0.7rem; } .u-label--sm { font-size: 0.8rem; } .u-label--lg { font-size: 1.1rem; } .u-label.u-label-with-icon { padding: 0.5rem 0.85rem; } .u-label.u-label-with-icon i { margin-right: 0.5rem; } .u-label-num { min-width: 2rem; height: 2rem; padding: 0 0.35rem; line-height: 2rem; } .u-label-num.u-label--sm { min-width: 1.6rem; height: 1.6rem; line-height: 1.6rem; } .u-label-num.u-label--lg { min-width: 2.2rem; height: 2.2rem; line-height: 2.2rem; } /*------------------------------------ Link Styles ------------------------------------*/ .u-link-v1 { border-bottom: solid 1px; } .u-link-v1:hover, .u-link-v1:focus { border-bottom: none; text-decoration: none; } .u-link-v2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; overflow: hidden; z-index: 2; } .u-link-v3 { text-decoration: underline; } .u-link-v3:hover { text-decoration: none; } .u-link-v4 { transition: all 0.3s; } .u-link-v4:hover { opacity: 0.8; } .u-link-v5 { text-decoration: none; transition: all 0.2s; } .u-link-v5:hover, .u-link-v5:focus { text-decoration: none; } .u-link-v6 { display: block; overflow: hidden; } .u-link-v6-arrow { margin-left: -50px; visibility: hidden; opacity: 0; transition: all 0.4s; } .u-link .u-block-hover:hover-v6-arrow, .u-link-v6:hover-v6-arrow { margin-left: 5px; visibility: visible; opacity: 1; } .u-link-v7 { margin-right: 30px; transition: all 0.4s; } .u-link-v7-arrow { margin-left: -50px; visibility: hidden; opacity: 0; transition: all 0.4s; } .u-link .u-block-hover:hover, .u-link-v7:hover { margin-right: 0; } .u-link .u-block-hover:hover-v7-arrow, .u-link-v7:hover-v7-arrow { margin-left: 10px; visibility: visible; opacity: 1; } /*------------------------------------ List Styles ------------------------------------*/ .u-list-inline { padding-left: 0; margin-bottom: 0; list-style: none; } .img-bordered { border: solid 6px #777; } /*------------------------------------ Ribbons ------------------------------------*/ .u-ribbon-v1 { position: absolute; font-size: 0.9rem; } .u-ribbon-center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .u-ribbon--sm { font-size: 0.7rem; } .u-ribbon--lg { font-size: 1.1rem; } /* Ribbon Style Type 1 ------------------------------------*/ .u-ribbon-v1 { display: inline-block; padding: 0.35rem 0.7rem; /* Ribbon Type 1 With icon */ } .u-ribbon-v1.u-ribbon-with-icon { padding: 0.5rem 0.85rem; } .u-ribbon-v1 .u-ribbon-icon--left { margin-right: 0.5rem; } .u-ribbon-v1 .u-ribbon-icon--right { margin-left: 0.5rem; } /* Ribbon Style Type 2 ------------------------------------*/ /* Bookmarked Ribbon ------------------------------------*/ /* Ribbon Colors ------------------------------------*/ /* Clipped-v1 Ribbon ------------------------------------*/ /* Clipped-v2 Ribbon ------------------------------------*/ /* Clipped-v3 Ribbon ------------------------------------*/ /* Clipped-v4 Ribbon ------------------------------------*/ /*------------------------------------ Typography ------------------------------------*/ .popovers--no-title .popover-title { display: none; } .g-nowrap { white-space: nowrap; } .g-text-overflow-ellipsis { text-overflow: ellipsis; } /*------------------------------------ Table Styles ------------------------------------*/ .landing-edit-mode .landing-table-scroll-hidden { overflow-x: hidden; } .landing-table-container { overflow-x: auto; overflow-y: hidden; margin-top: 20px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; } .landing-table { position: relative; width: -webkit-max-content; width: max-content; margin: 20px auto 10px; border-collapse: collapse; border-spacing: 0; } .landing-table-tr { position: relative; height: 34px; } .landing-table-td { height: 34px; border: 1px solid #959595; } .landing-edit-mode .landing-table-td-height { line-height: 32px; } .landing-table-tr:first-child { height: 16px; visibility: collapse; } .landing-edit-mode .landing-table-tr:first-child { visibility: visible; } .landing-table-row-dnd { width: 10px; cursor: pointer; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); color: black; text-align: center; background: #C2C6CB; visibility: collapse; display: none; height: 25px; } .landing-table-tr-draggable .landing-table-row-dnd { height: 0; } .landing-edit-mode .landing-table-row-dnd { visibility: visible; } .landing-table-tr:last-of-type .landing-table-row-dnd { border-radius: 0 0 0 12px; } .landing-table-tr:last-of-type .landing-table-row-dnd:after { border-radius: 0 0 0 12px; } .landing-table-tr.landing-table-row-selected .landing-table-row-dnd:after { border-radius: 12px 0 0 12px; } .landing-table-th.landing-table-col-dnd { border-left: 1px solid white; border-right: 1px solid white; } .landing-table-th:last-child.landing-table-col-dnd { border-radius: 0 10px 0 0; border-right: 0; } .landing-table-col-dnd { font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); color: black; text-align: center; background: #C2C6CB; } .landing-table-tr:first-child .landing-table-th { height: 17px; } .landing-table-th-select-all { background: transparent; border-top: 1px transparent solid; border-left: 1px transparent solid; display: none; cursor: pointer; } .landing-table-th { position: relative; } .landing-table-th:not(.landing-table-row-dnd):not(.landing-table-th-select-all) { min-width: 30px; } .landing-table-th.landing-table-row-dnd { min-width: 17px; } .landing-table-th p { margin-bottom: 0; } .landing-table-col-resize { position: absolute; cursor: col-resize; height: 3000px; width: 5px; top: -1px; right: -2px; z-index: 10; } .landing-table-div-col-dnd { position: absolute; width: calc(100% - 5px); height: inherit; top: 0; left: 0; cursor: pointer; } .landing-table-tr-draggable .landing-table-th { z-index: 10 !important; } .landing-table-tr-draggable { z-index: 10 !important; } .landing-table-tr-draggable .landing-table-row-add { visibility: hidden; } .landing-edit-mode .landing-table-th-select-all { display: table-cell; border: 1px transparent solid; } .landing-edit-mode .landing-table-col-dnd { display: table-cell; } .landing-edit-mode .landing-table-row-dnd { display: table-cell; } .landing-table-row-add:after { content: "+"; font-size: 10px; color: #C2C6CB; position: absolute; left: -20px; bottom: -9px; width: 16px; height: 16px; text-align: center; border-radius: 50%; } .landing-edit-mode .landing-table-row-add:hover::after { background: #2FC6F6; color: #FFFFFF; } .landing-edit-mode .landing-table-row-add:hover .landing-table-row-add-line { background: #2FC6F6; } .landing-table-row-add-line { position: absolute; height: 2px; bottom: -2px; left: -6px; z-index: 10; pointer-events: none; } .landing-table-col-add:after { cursor: pointer; content: "+"; font-size: 10px; color: #C2C6CB; position: absolute; right: -9px; top: -20px; width: 16px; height: 16px; text-align: center; border-radius: 50%; z-index: 10; } .landing-edit-mode .landing-table-col-add:hover::after { background: #2FC6F6; color: #FFFFFF; } .landing-edit-mode .landing-table-col-add:hover .landing-table-col-add-line { background: #2FC6F6; } .landing-table-col-add-line { position: absolute; width: 2px; top: -6px; right: -2px; z-index: 10; pointer-events: none; } .landing-edit-mode .landing-table-row-selected .landing-table-row-dnd { background-color: #2FC6F6; border-radius: 10px 0 0 10px; } .landing-edit-mode .landing-table-col-dnd.landing-table-th-selected-cell { background-color: #2FC6F6; border-radius: 10px 10px 0 0; } .landing-edit-mode .landing-table-th-selected-top { border-top: 2px solid #2FC6F6; } .landing-edit-mode .landing-table-th-selected-x { border-left: 2px solid #2FC6F6 !important; border-right: 2px solid #2FC6F6 !important; } .landing-edit-mode .landing-table-tr:last-of-type .landing-table-th-selected-x, .landing-table-col-draggable .landing-table-th-selected-x:last-child { border-bottom: 2px solid #2FC6F6 !important; } .landing-table-col-draggable .landing-table-th { border-top: 0 solid transparent !important; } .landing-table-col-selected .landing-table-col-dnd { border-left-width: 0; border-right-width: 0; } .landing-edit-mode .landing-table-cell-selected { background-color: #2FC6F6; border-width: 0; } .landing-edit-mode .table-selected-all-right { border-right: 2px solid #2FC6F6; } .landing-edit-mode .table-selected-all-bottom { border-bottom: 2px solid #2FC6F6; } .landing-table-tr .landing-table-th.landing-table-row-dnd { border-top: 1px solid white; border-bottom: 1px solid white; } .landing-table-tr:last-child .landing-table-th.landing-table-row-dnd { border-bottom: 0; } .landing-table-tr:not(:first-child) .landing-table-td:first-of-type { border-left: 1px solid #959595; } .landing-table-tr:nth-of-type(2) .landing-table-td { border-top: 1px solid #959595; } .landing-table-tr-selected .landing-table-th.landing-table-row-dnd { border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-right: 0 solid transparent; } .table-selected-all .landing-table-th.landing-table-row-dnd { border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-right: 0 solid transparent; } .landing-edit-mode .landing-table-row-selected .landing-table-tr-selected-left { border-left: 2px solid #2FC6F6; } .landing-edit-mode .landing-table-row-selected .landing-table-tr-selected-y { border-top: 2px solid #2FC6F6; border-bottom: 2px solid #2FC6F6 !important; } .landing-edit-mode .landing-table-row-selected .landing-table-tr-selected-y:last-child { border-right: 2px solid #2FC6F6; } .landing-table-tr:not(:first-child) .landing-table-td, .landing-table-tr-draggable .landing-table-td, .landing-table-col-draggable .landing-table-td { background: #f8f8f9; padding: 0 11px; background-clip: padding-box; } .landing-table-col-draggable .landing-table-td, .landing-table-row-selected .landing-table-td { background: #f8f8f9; } .landing-table-tr-draggable .landing-table-th:not(.landing-table-row-dnd):after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .landing-table-tr-taken .landing-table-th:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); } .landing-table-tr-draggable.landing-table-row-selected .landing-table-th.landing-table-row-dnd { border-radius: 12px 0 0 12px; } .landing-table-tr-draggable .landing-table-row-dnd:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .landing-table-tr-draggable:nth-last-child(-n+2) .landing-table-row-dnd:after { border-radius: 0 0 0 12px; } .landing-table-tr-draggable.landing-table-row-selected .landing-table-row-dnd:after { border-radius: 10px 0 0 10px; } .landing-table-draggable .landing-table-row-add { visibility: hidden; } .landing-table-draggable .landing-table-col-add { visibility: hidden; } .landing-table-col-draggable { z-index: 10; display: flex; flex-direction: column; flex-flow: column wrap; } .landing-table-col-draggable .landing-table-th { display: flex; align-items: center; } .landing-table-col-taken:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 10; } .landing-table-col-taken.landing-table-col-dnd.landing-table-th:last-child:after { border-radius: 0 10px 0 0; } .landing-table-col-taken.landing-table-th-selected.landing-table-col-dnd.landing-table-th:after { border-radius: 10px 10px 0 0; } .landing-table-th.landing-table-col-dnd.landing-table-th-selected { border-width: 0; } .landing-table-row-selected .landing-table-row-dnd { border-width: 0; } .landing-table-tr-draggable .landing-table-td { border-top: 1px solid #959595; } .landing-table-col-draggable .landing-table-td { border-left: 1px solid #959595; } .landing-table-style-2 .landing-table-tr:not(.landing-table-tr-taken):nth-child(even) .landing-table-td:not(.landing-table-col-taken):after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); } .landing-table-style-3 .landing-table-tr:not(.landing-table-tr-taken) .landing-table-td:not(.landing-table-col-taken):nth-child(even):after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); } .landing-table-style-4 .landing-table-tr:nth-of-type(2) .landing-table-td:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); } .landing-table-style-5 .landing-table-tr:nth-of-type(2) .landing-table-td:after, .landing-table-style-5 .landing-table-tr .landing-table-td:first-of-type:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); } .landing-table-style-6 td, .landing-table-style-7 td, .landing-table-style-8 td, .landing-table-style-9 td, .landing-table-style-10 td { border: 1px solid #6a6a6a; background: #070706 !important; } .landing-table-style-7 .landing-table-tr:not(.landing-table-tr-taken):nth-child(even) .landing-table-td:not(.landing-table-col-taken):after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); } .landing-table-style-8 .landing-table-tr:not(.landing-table-tr-taken) .landing-table-td:not(.landing-table-col-taken):nth-child(even):after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); } .landing-table-style-9 .landing-table-tr:nth-of-type(2) .landing-table-td:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); } .landing-table-style-10 .landing-table-tr:nth-of-type(2) .landing-table-td:after, .landing-table-style-10 .landing-table-tr .landing-table-td:first-of-type:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); } @-moz-document url-prefix() { .landing-edit-mode .landing-table-tr:not(:first-child) .landing-table-td { background: rgba(248, 248, 249, 0.5); } .landing-edit-mode .landing-table-style-6 td, .landing-edit-mode .landing-table-style-7 td, .landing-edit-mode .landing-table-style-8 td, .landing-edit-mode .landing-table-style-9 td, .landing-edit-mode .landing-table-style-10 td { background: rgba(0, 0, 0, 0.5) !important; } } /*------------------------------------ Video-bg ------------------------------------*/ .bg-video__wrapper { width: 100%; position: relative; overflow: hidden; height: 100%; } .bg-video__inner, .bg-video__video { position: absolute; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; } @media (min-aspect-ratio: 16/9) { .bg-video__inner { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .bg-video__inner { width: 400%; left: -150%; } } /*------------------------------------ Block Hovers ------------------------------------*/ [class*=u-block-hover] { position: relative; max-width: 100%; margin: 0; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [class*=u-block-hover], [class*=u-block-hover]::before, [class*=u-block-hover]::after { transition: all 0.3s ease; } [class*=u-block-hover__additional] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } [class*=u-block-hover__additional--v1] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 15px; opacity: 0; } .u-block-hover:hover .u-block-hover__additional--v1 { opacity: 1; } .u-block-hover--scale:hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .u-block-hover__additional-scale { z-index: -1; max-width: initial; } .u-block-hover:hover .u-block-hover__additional-scale { top: -20px; right: -20px; bottom: -20px; left: -20px; } .u-block-hover:hover .u-block-hover__main--zoom-v1 { -webkit-transform: scale(1.1); transform: scale(1.1); } .u-block-hover:hover .u-block-hover__main--zoom-v2 { -webkit-transform: scale(1.04); transform: scale(1.04); } .u-block-hover [class*=icon-] { padding: 1px; } .u-block-hover__additional--fade { opacity: 0; } .u-block-hover:hover .u-block-hover__additional--fade { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .u-block-hover:hover img[class*=u-block-hover__main--mover-], .u-block-hover:hover [class*=u-block-hover__additional--mover-] { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } img[class*=u-block-hover__main--mover-] { max-width: initial; width: calc(100% + 60px); transition-duration: 0.5s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } [class*=u-block-hover__additional--mover-] { opacity: 0; transition-duration: 0.5s; } img.u-block-hover__main--mover-down { -webkit-transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1); transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1); } .u-block-hover__additional--mover-down { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .u-block-hover__additional--jump { position: static; } .u-block-hover:hover .u-block-hover__additional--jump, .u-block-hover.u-block-hover__additional--jump:hover { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } /*------------------------------------ Dedicated Properties ------------------------------------*/ .u-block-hover:hover, .u-block-hover:focus { /* Opacity */ /* Colors */ /* Background-colors */ } .u-block-hover:hover .u-block-hover__prop-opacity-1, .u-block-hover:focus .u-block-hover__prop-opacity-1 { opacity: 1; } .u-block-hover:hover .u-block-hover__prop-color-white, .u-block-hover:focus .u-block-hover__prop-color-white { color: #fff; } .u-block-hover:hover .u-block-hover__prop-bg-primary, .u-block-hover:focus .u-block-hover__prop-bg-primary { background-color: var(--primary); } .u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9, .u-block-hover:focus .u-block-hover__prop-bg-primary-opacity-0_9 { background-color: rgba(var(--primary), 0.9); } /*------------------------------------ Blockquotes ------------------------------------*/ .u-blockquote-v7 { position: relative; padding-top: 55px; } .u-blockquote-v7::before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 35px; height: 35px; background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJxdW90ZS1sZWZ0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtcXVvdGUtbGVmdCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTYgMjI0Qzg0LjcyIDIyNCA3NC4wNSAyMjYuMyA2NCAyMjkuOVYyMjRjMC0zNS4zIDI4LjctNjQgNjQtNjRjMTcuNjcgMCAzMi0xNC4zMyAzMi0zMlMxNDUuNyA5NiAxMjggOTZDNTcuNDIgOTYgMCAxNTMuNCAwIDIyNHY5NmMwIDUzLjAyIDQyLjk4IDk2IDk2IDk2czk2LTQyLjk4IDk2LTk2UzE0OSAyMjQgOTYgMjI0ek0zNTIgMjI0Yy0xMS4yOCAwLTIxLjk1IDIuMzA1LTMyIDUuODc5VjIyNGMwLTM1LjMgMjguNy02NCA2NC02NGMxNy42NyAwIDMyLTE0LjMzIDMyLTMycy0xNC4zMy0zMi0zMi0zMmMtNzAuNTggMC0xMjggNTcuNDItMTI4IDEyOHY5NmMwIDUzLjAyIDQyLjk4IDk2IDk2IDk2czk2LTQyLjk4IDk2LTk2UzQwNSAyMjQgMzUyIDIyNHoiPjwvcGF0aD48L3N2Zz4=) !important; background-size: 14px 14px !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: var(--primary); line-height: 35px; border-radius: 50%; margin-left: -18px; } .u-blockquote-v8 { position: relative; background-color: #fff; box-shadow: 5px 6px 9px -6px rgba(var(--theme-color-main), 0.08); } .u-blockquote-v8::after { content: ""; position: absolute; left: 50px; bottom: -15px; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 0; border-color: #fff transparent transparent transparent; -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05)); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05)); } /*------------------------------------ Accordions ------------------------------------*/ .u-accordion__header { padding: 0.71429rem 1.07143rem; } .u-accordion__body { padding: 1.07143rem; } .u-accordion__control-icon i:nth-child(1) { display: none; } .collapsed .u-accordion__control-icon i:nth-child(1) { display: inline; } .u-accordion__control-icon i:nth-child(2) { display: inline; } .collapsed .u-accordion__control-icon i:nth-child(2) { display: none; } .u-accordion-line-icon-pro { position: relative; top: 2px; } .u-accordion-color-primary .u-accordion__header [aria-expanded=true] { color: var(--primary) !important; } .u-accordion-color-white .u-accordion__header [aria-expanded=true] { color: #fff !important; } .u-accordion-bg-primary .u-accordion__header [aria-expanded=true] { background-color: var(--primary) !important; border-color: var(--primary) !important; } .u-accordion-bg-white .u-accordion__header [aria-expanded=true] { background-color: #fff !important; border-color: #fff !important; } .u-accordion-brd-primary .u-accordion__header [aria-expanded=true] { border-color: var(--primary) !important; } .u-accordion-brd-white .u-accordion__header [aria-expanded=true] { border-color: #fff !important; } /*------------------------------------ Covers ------------------------------------*/ .u-bg-overlay { position: relative; } .u-bg-overlay::before, .u-bg-overlay::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .u-bg-overlay--v1::after { position: absolute; top: 0.35714rem; right: 0.35714rem; bottom: 0.35714rem; left: 0.35714rem; } .u-bg-overlay__inner { z-index: 3; position: relative; } .u-bg-overlay--reverse::before { z-index: 2; } .u-bg-overlay--reverse::after { z-index: 1; } /*------------------------------------ Info Block v2-2 ------------------------------------*/ .u-info-v2-2__item { position: relative; border-left: solid 1px; border-right: solid 1px; border-bottom: solid 1px; } .u-info-v2-2__item::after, .u-info-v2-2__item::before { content: ""; position: absolute; top: 0; width: 30%; border-top: solid 1px; z-index: 1; } .u-info-v2-2__item::before { left: 0; } .u-info-v2-2__item::after { right: 0; } .u-info-v2-2__item.g-brd-white-dark-v3 { border-color: rgba(255, 255, 255, 0.3); } .u-info-v2-2__item.g-brd-white-dark-v3::before, .u-info-v2-2__item.g-brd-white-dark-v3::after { border-color: rgba(255, 255, 255, 0.3); } .u-info-v2-2__item.g-brd-black-dark-v3 { border-color: rgba(0, 0, 0, 0.3); } .u-info-v2-2__item.g-brd-black-dark-v3::before, .u-info-v2-2__item.g-brd-black-dark-v3::after { border-color: rgba(0, 0, 0, 0.3); } /*------------------------------------ Info Block v3-3 ------------------------------------*/ .info-v3-3 { overflow: hidden; } .info-v3-3:hover .info-v3-3__title { color: #fff; } .info-v3-3:hover .info-v3-3__img, .info-v3-3:hover .info-v3-3__description-sm { left: 15%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .info-v3-3:hover .info-v3-3__content { display: block; } .info-v3-3:hover .info-v3-3__category { display: none; } .info-v3-3:hover::after { opacity: 1; } .info-v3-3::after { opacity: 0; transition: opacity 0.5s; } /* Image */ .info-v3-3__img { -webkit-transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } /* Content */ .info-v3-3__content { display: none; } /* Description */ .info-v3-3__description-sm { transition: left 0.5s; width: 70%; } /*------------------------------------ Info Block v3-4 ------------------------------------*/ .info-v3-4 { position: relative; } .info-v3-4::before { content: ""; position: absolute; top: 0.71429rem; right: 0.71429rem; bottom: 0.71429rem; left: 0.71429rem; display: block; border: 1px solid rgba(255, 255, 255, 0.4); z-index: 1; } /*------------------------------------ Info Block v5-2 ------------------------------------*/ /* Product Image */ .info-v5-2__image { width: calc(100% + 1px); } /*------------------------------------ Custom Bootstrap ------------------------------------*/ /* Paginations */ .progress { font-size: 1rem; line-height: inherit; background-color: #eee; } .progress-bar { height: auto; min-height: 12px; background-color: var(--primary); } .btn-primary { background-color: var(--primary); border-color: var(--primary); } .btn-primary:hover { color: #fff; background-color: var(--primary-darken-1); border-color: var(--primary-darken-1); } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(var(--primary), 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: var(--primary); border-color: var(--primary); } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: var(--primary-darken-1); border-color: var(--primary-darken-1); } .btn-outline-primary { color: var(--primary); border-color: var(--primary); } .btn-outline-primary:hover { background-color: var(--primary-darken-1); border-color: var(--primary-darken-1); } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(var(--primary), 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: var(--primary); } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { background-color: var(--primary-darken-1); border-color: var(--primary-darken-1); } .card, .card-header { border-color: #eee; } .card-header { padding: 0.71429rem 1.07143rem; } .card-block { padding: 1.07143rem; } .form-control:focus, .custom-select:focus { box-shadow: none; } .form-control::-webkit-input-placeholder { color: inherit; opacity: 0.5; } .form-control:-ms-input-placeholder { color: inherit; opacity: 0.5; } .form-control::-ms-input-placeholder { color: inherit; opacity: 0.5; } .form-control::placeholder { color: inherit; opacity: 0.5; } /*-------------------------------------------------- Fancybox ----------------------------------------------------*/ /* Blur bg container */ /*-------------------------------------------------- Fancybox ----------------------------------------------------*/ .fancybox-controls--canzoomIn .fancybox-placeholder, .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: inherit; } .fancybox-slide.has-animation { display: block; } .fancybox-is-sliding .fancybox-slide.has-animation, .fancybox-slide--current.has-animation, .fancybox-slide--next.has-animation, .fancybox-slide--previous.has-animation { display: none; } .fancybox-is-sliding .fancybox-slide.has-animation.animated, .fancybox-slide--current.has-animation.animated, .fancybox-slide--next.has-animation.animated, .fancybox-slide--previous.has-animation.animated { display: block; } @media (max-width: 767px) { .fancybox-slide.fancybox-slide--iframe .fancybox-content { max-width: 95%; width: 95%; height: 56.25vw; } } [class^=et-] { line-height: 1.1; } .material-icons { position: relative; top: 0.14286rem; } .u-btn-floating .material-icons, .u-chip .material-icons { top: 0; } /*------------------------------------ JS ------------------------------------*/ .js-next, .js-prev, .js-thumb { cursor: pointer; } .js-next, .js-prev { z-index: 10; } /*------------------------------------ Internet Explorer (IE) ------------------------------------*/ /* Text Gradients */ .IE .g-color-cyan-gradient-opacity-v1, .IE .g-color-blue-gradient-opacity-v1 { background: transparent; -webkit-text-fill-color: initial; } .IE .g-color-cyan-gradient-opacity-v1 { color: #00bed6; } .IE .g-color-blue-gradient-opacity-v1 { color: #8654da; } .IE .form-control:-ms-input-placeholder { opacity: 1; } /* Add here all your css styles (customizations) */ .g-pointer-events-none, .g-pointer-events-before-after-none::before, .g-pointer-events-before-after-none::after { pointer-events: none; } .g-parent:hover .g-pointer-events-none--parent-hover { pointer-events: none; } .g-pointer-events-all { pointer-events: all; } .scroll-width-reset { width: auto; } .scroll-width-reset::before, .scroll-width-reset::after { content: none; } .landing-public-mode .g-pointer-events-none--public-mode { pointer-events: none; } .landing-edit-mode .g-pointer-events-none--edit-mode { pointer-events: none; } /*bitrix:search-title fix*/ .bx-searchtitle { margin-top: 0; } .u-countdown--days-expiried .u-countdown--days-hide { display: none !important; } .g-link-not-colored a:focus, .g-link-not-colored a:hover { color: inherit; } [data-map] { position: relative; } @media (min-width: 576px) { .btn-lg--sm { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } } @media (min-width: 768px) { .btn-lg--md { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } } @media (min-width: 992px) { .btn-lg--lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } } .col-1 .g-hidden-col-1, .g-hidden-col-1.col-1 { display: none; } .col-2 .g-hidden-col-2, .g-hidden-col-2.col-2 { display: none; } .g-white-space-normal { white-space: normal; } @media (max-width: 767px) { .col-sm-1 .g-hidden-col-1, .g-hidden-col-1.col-sm-1 { display: none; } .col-sm-2 .g-hidden-col-2, .g-hidden-col-2.col-sm-2 { display: none; } .col-sm-3 .g-hidden-col-3--sm, .g-hidden-col-3--sm.col-sm-3 { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .col-md-1 .g-hidden-col-1, .g-hidden-col-1.col-md-1 { display: none; } .col-md-2 .g-hidden-col-2, .g-hidden-col-2.col-md-2 { display: none; } .col-md-3 .g-hidden-col-3--md, .g-hidden-col-3--md.col-md-3 { display: none; } } @media (min-width: 992px) { .col-lg-1 .g-hidden-col-1, .g-hidden-col-1.col-lg-1 { display: none; } .col-lg-2 .g-hidden-col-2, .g-hidden-col-2.col-lg-2 { display: none; } .col-lg-3 .g-hidden-col-3--lg, .g-hidden-col-3--lg.col-lg-3 { display: none; } } .landing-public-mode .landing-ui-button.landing-ui-button-action.landing-ui-button-card-action { display: none; } .button-new-year { position: relative; } .button-new-year::before { content: ""; width: 95px; height: 55px; top: -10px; left: 0; position: absolute; background: url(/bitrix/images/landing/buttons_styles/snowflakes-left.png) no-repeat; } .button-new-year::after { content: ""; width: 69px; height: 49px; top: -5px; right: 5px; position: absolute; background: url(/bitrix/images/landing/buttons_styles/snowflakes-right.png) no-repeat; } .g-mb-0--last:last-child { margin-bottom: 0 !important; } .g-mr-0--last:last-child { margin-right: 0 !important; } li.g-brd-bottom:last-child:not(.g-brd-bottom--last-child) { border-bottom: none !important; } .g-brd-bottom-0--last:last-child { border-bottom: none !important; } table.blogcode { font-size: 1em; margin: 0.5em 0; width: 100%; border: 1px solid; text-align: left; } table.blogcode td { padding: 4px 40px 8px 27px; height: 18px; } table.blogcode td { font-family: "Courier New"; white-space: pre-wrap; } table.blogcode pre { font-family: "Courier New"; margin: 0; font-size: 0.85714rem !important; line-height: 1.07143rem !important; white-space: pre-wrap; } div.blog-post-code table.blogcode { border-color: rgba(0, 0, 0, 0.05); background-color: rgba(247, 247, 247, 0.95) !important; } div.blog-post-code table.blogcode *, div.blog-post-code table.blogcode { color: #7d7d7d !important; } [data-stop-propagation] { cursor: auto; } .g-brd-color-inherit { border-color: inherit !important; } .animation-none { -webkit-animation-name: none !important; animation-name: none !important; } .flex-basis-100x { flex-basis: 100%; } .block-wrapper { position: relative; } .g-color-primary--hover:hover * { color: var(--primary) !important; } /* RESTAURANT */ .u-theme-restaurant-shadow-v1 { box-shadow: inset 2px 2px 2px var(--primary-darken-2); } .landing-highlight { background-color: var(--primary-opacity-0_5); } /* Add here all your css styles (customizations) */ /* fix for animation */ body { overflow-x: hidden; } /* Styles for DYNAMIC blocks, from livefeed */ div.blog-post-code table.blogcode, div.blog-post-quote table.blogquote { font-size: 1em; margin: 0.5em 0; width: 100%; text-align: left; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(247, 247, 247, 0.95) !important; } table.blogquote td, table.blogcode td { padding: 4px 40px 8px 27px; } div.blog-post-code table.blogcode *, div.blog-post-code table.blogcode, div.blog-post-quote table.blogquote *, div.blog-post-quote table.blogquote { color: #7D7D7D !important; } table.blogcode td { font-family: "Courier New"; white-space: pre-wrap; } table.blogcode pre { font-family: "Courier New"; margin: 0; font-size: 0.85714rem !important; line-height: 1.07143rem !important; white-space: pre-wrap; } div.blog-post-quote table.blogquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%2011.813C2.563%2010.6%203.844%209.171%203.844%207.531c-1.104-.121-2.01-.551-2.719-1.29C.417%205.5.063%204.646.063%203.675c0-1.033.348-1.903%201.046-2.612C1.807.354%202.677%200%203.72%200c1.146%200%202.146.46%203%201.382C7.573%202.303%208%203.422%208%204.738%208%208.685%205.74%2011.773%201.219%2014L0%2011.813z%22%20opacity%3D%22.303%22/%3E%3C/svg%3E"); background-position: 12px 9px; background-repeat: no-repeat; } table.data-table { width: 100%; margin-bottom: 1rem; text-align: left; } table.data-table th, table.data-table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgba(222, 226, 230, 0.75); } table.data-table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(222, 226, 230, 0.75); } table.data-table tbody + tbody { border-top: 2px solid rgba(222, 226, 230, 0.75); } table.data-table, table.data-table th, table.data-table td { border: 1px solid rgba(222, 226, 230, 0.75); } table.data-table thead th, table.data-table thead td { border-bottom-width: 2px; } .feed-com-img-wrap img, img[data-bx-image] { max-width: 100%; height: auto; } /* Custom box shadows */ .u-shadow-custom-v1 { box-shadow: 0 0 13px 11px rgba(0, 0, 0, 0.1); } .u-shadow-custom-v2 { box-shadow: 0 0 13px 11px var(--primary); } /* Styles for separator blocks */ main:not(.landing-edit-mode) .block-26-2-separator, main:not(.landing-edit-mode) .block-26-3-separator, main:not(.landing-edit-mode) .block-26-4-separator, main:not(.landing-edit-mode) .block-26-5-separator, main:not(.landing-edit-mode) .block-26-6-separator-waves, main:not(.landing-edit-mode) .block-26-7-separator, main:not(.landing-edit-mode) .block-26-8-separator { overflow: hidden; } .landing-edit-mode .block-26-2-separator .landing-block, .landing-edit-mode .block-26-3-separator .landing-block, .landing-edit-mode .block-26-4-separator .landing-block, .landing-edit-mode .block-26-5-separator .landing-block, .landing-edit-mode .block-26-6-separator-waves .landing-block, .landing-edit-mode .block-26-7-separator .landing-block, .landing-edit-mode .block-26-8-separator .landing-block { margin: 0; } /* Styles for menu in store v3 */ main:not(.landing-edit-mode) .block-store-menu-sidebar .landing-block { overflow-y: auto; height: calc(100vh - 100px); } /*------------------------------------ Default Typo ------------------------------------*/ html { font-size: 14px; } body { font-size: 1rem; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; }