Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/templates/landing24/themes/ |
Current File : /var/www/www-root/data/www/monolith-realty.ru/bitrix/templates/landing24/themes/themes_core.css |
/*------------------------------------ Globals ------------------------------------*/ /* Text */ .g-word-break { word-wrap: break-word; } .g-flex-grow-0 { -ms-flex-positive: 0; flex-grow: 0; } /* Puller */ .g-pull-50x-up { -ms-transform: translateY(-51%); transform: translateY(-51%); } .g-pull-50x-bottom { -ms-transform: translateY(51%); transform: translateY(51%); } .g-pull-50x-left { -ms-transform: translateX(-51%); transform: translateX(-51%); } .g-pull-50x-right { -ms-transform: translateX(51%); transform: translateX(51%); } /* Link overlay */ /*------------------------------------ Background Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* 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%); } /* O */ @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 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: #8f5db7 !important; } .u-block-hover:hover .g-bg-viber--hover { background-color: #834dad !important; } .g-bg-viber--hover:hover { background-color: #834dad !important; } /* Instagram */ .g-bg-instagram { background: radial-gradient(circle farthest-corner at 32% 120%, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 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: #c33cbe; } /*------------------------------------ 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; /* P */ 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 ------------------------------------*/ .g-fill-black--first { fill: #000 !important; } .g-fill-black--first .fill-first { fill: #000 !important; } .g-fill-black--second { fill: #000 !important; } .g-fill-black--second .fill-second { fill: #000 !important; } .g-fill-black-opacity-0_1--first { fill: rgba(0, 0, 0, 0.1) !important; } .g-fill-black-opacity-0_2--first { fill: rgba(0, 0, 0, 0.2) !important; } .g-fill-black-opacity-0_3--first { fill: rgba(0, 0, 0, 0.3) !important; } .g-fill-black-opacity-0_4--first { fill: rgba(0, 0, 0, 0.4) !important; } .g-fill-black-opacity-0_5--first { fill: rgba(0, 0, 0, 0.5) !important; } .g-fill-black-opacity-0_6--first { fill: rgba(0, 0, 0, 0.6) !important; } .g-fill-black-opacity-0_7--first { fill: rgba(0, 0, 0, 0.7) !important; } .g-fill-black-opacity-0_8--first { fill: rgba(0, 0, 0, 0.8) !important; } .g-fill-black-opacity-0_9--first { fill: rgba(0, 0, 0, 0.9) !important; } .g-fill-black-opacity-0_1--second { fill: rgba(0, 0, 0, 0.1) !important; } .g-fill-black-opacity-0_2--second { fill: rgba(0, 0, 0, 0.2) !important; } .g-fill-black-opacity-0_3--second { fill: rgba(0, 0, 0, 0.3) !important; } .g-fill-black-opacity-0_4--second { fill: rgba(0, 0, 0, 0.4) !important; } .g-fill-black-opacity-0_5--second { fill: rgba(0, 0, 0, 0.5) !important; } .g-fill-black-opacity-0_6--second { fill: rgba(0, 0, 0, 0.6) !important; } .g-fill-black-opacity-0_7--second { fill: rgba(0, 0, 0, 0.7) !important; } .g-fill-black-opacity-0_8--second { fill: rgba(0, 0, 0, 0.8) !important; } .g-fill-black-opacity-0_9--second { fill: rgba(0, 0, 0, 0.9) !important; } .g-fill-black-opacity-0_1--first .fill-first { fill: rgba(0, 0, 0, 0.1) !important; } .g-fill-black-opacity-0_2--first .fill-first { fill: rgba(0, 0, 0, 0.2) !important; } .g-fill-black-opacity-0_3--first .fill-first { fill: rgba(0, 0, 0, 0.3) !important; } .g-fill-black-opacity-0_4--first .fill-first { fill: rgba(0, 0, 0, 0.4) !important; } .g-fill-black-opacity-0_5--first .fill-first { fill: rgba(0, 0, 0, 0.5) !important; } .g-fill-black-opacity-0_6--first .fill-first { fill: rgba(0, 0, 0, 0.6) !important; } .g-fill-black-opacity-0_7--first .fill-first { fill: rgba(0, 0, 0, 0.7) !important; } .g-fill-black-opacity-0_8--first .fill-first { fill: rgba(0, 0, 0, 0.8) !important; } .g-fill-black-opacity-0_9--first .fill-first { fill: rgba(0, 0, 0, 0.9) !important; } .g-fill-black-opacity-0_1--second .fill-second { fill: rgba(0, 0, 0, 0.1) !important; } .g-fill-black-opacity-0_2--second .fill-second { fill: rgba(0, 0, 0, 0.2) !important; } .g-fill-black-opacity-0_3--second .fill-second { fill: rgba(0, 0, 0, 0.3) !important; } .g-fill-black-opacity-0_4--second .fill-second { fill: rgba(0, 0, 0, 0.4) !important; } .g-fill-black-opacity-0_5--second .fill-second { fill: rgba(0, 0, 0, 0.5) !important; } .g-fill-black-opacity-0_6--second .fill-second { fill: rgba(0, 0, 0, 0.6) !important; } .g-fill-black-opacity-0_7--second .fill-second { fill: rgba(0, 0, 0, 0.7) !important; } .g-fill-black-opacity-0_8--second .fill-second { fill: rgba(0, 0, 0, 0.8) !important; } .g-fill-black-opacity-0_9--second .fill-second { fill: rgba(0, 0, 0, 0.9) !important; } .g-fill-white--first { fill: #fff !important; } .g-fill-white--first .fill-first { fill: #fff !important; } .g-fill-white--second { fill: #fff !important; } .g-fill-white--second .fill-second { fill: #fff !important; } .g-fill-white-opacity-0_1--first { fill: rgba(255, 255, 255, 0.1) !important; } .g-fill-white-opacity-0_2--first { fill: rgba(255, 255, 255, 0.2) !important; } .g-fill-white-opacity-0_3--first { fill: rgba(255, 255, 255, 0.3) !important; } .g-fill-white-opacity-0_4--first { fill: rgba(255, 255, 255, 0.4) !important; } .g-fill-white-opacity-0_5--first { fill: rgba(255, 255, 255, 0.5) !important; } .g-fill-white-opacity-0_6--first { fill: rgba(255, 255, 255, 0.6) !important; } .g-fill-white-opacity-0_7--first { fill: rgba(255, 255, 255, 0.7) !important; } .g-fill-white-opacity-0_8--first { fill: rgba(255, 255, 255, 0.8) !important; } .g-fill-white-opacity-0_9--first { fill: rgba(255, 255, 255, 0.9) !important; } .g-fill-white-opacity-0_1--second { fill: rgba(255, 255, 255, 0.1) !important; } .g-fill-white-opacity-0_2--second { fill: rgba(255, 255, 255, 0.2) !important; } .g-fill-white-opacity-0_3--second { fill: rgba(255, 255, 255, 0.3) !important; } .g-fill-white-opacity-0_4--second { fill: rgba(255, 255, 255, 0.4) !important; } .g-fill-white-opacity-0_5--second { fill: rgba(255, 255, 255, 0.5) !important; } .g-fill-white-opacity-0_6--second { fill: rgba(255, 255, 255, 0.6) !important; } .g-fill-white-opacity-0_7--second { fill: rgba(255, 255, 255, 0.7) !important; } .g-fill-white-opacity-0_8--second { fill: rgba(255, 255, 255, 0.8) !important; } .g-fill-white-opacity-0_9--second { fill: rgba(255, 255, 255, 0.9) !important; } .g-fill-white-opacity-0_1--first .fill-first { fill: rgba(255, 255, 255, 0.1) !important; } .g-fill-white-opacity-0_2--first .fill-first { fill: rgba(255, 255, 255, 0.2) !important; } .g-fill-white-opacity-0_3--first .fill-first { fill: rgba(255, 255, 255, 0.3) !important; } .g-fill-white-opacity-0_4--first .fill-first { fill: rgba(255, 255, 255, 0.4) !important; } .g-fill-white-opacity-0_5--first .fill-first { fill: rgba(255, 255, 255, 0.5) !important; } .g-fill-white-opacity-0_6--first .fill-first { fill: rgba(255, 255, 255, 0.6) !important; } .g-fill-white-opacity-0_7--first .fill-first { fill: rgba(255, 255, 255, 0.7) !important; } .g-fill-white-opacity-0_8--first .fill-first { fill: rgba(255, 255, 255, 0.8) !important; } .g-fill-white-opacity-0_9--first .fill-first { fill: rgba(255, 255, 255, 0.9) !important; } .g-fill-white-opacity-0_1--second .fill-second { fill: rgba(255, 255, 255, 0.1) !important; } .g-fill-white-opacity-0_2--second .fill-second { fill: rgba(255, 255, 255, 0.2) !important; } .g-fill-white-opacity-0_3--second .fill-second { fill: rgba(255, 255, 255, 0.3) !important; } .g-fill-white-opacity-0_4--second .fill-second { fill: rgba(255, 255, 255, 0.4) !important; } .g-fill-white-opacity-0_5--second .fill-second { fill: rgba(255, 255, 255, 0.5) !important; } .g-fill-white-opacity-0_6--second .fill-second { fill: rgba(255, 255, 255, 0.6) !important; } .g-fill-white-opacity-0_7--second .fill-second { fill: rgba(255, 255, 255, 0.7) !important; } .g-fill-white-opacity-0_8--second .fill-second { fill: rgba(255, 255, 255, 0.8) !important; } .g-fill-white-opacity-0_9--second .fill-second { fill: rgba(255, 255, 255, 0.9) !important; } .g-fill-gray-dark-v1--first { fill: #111 !important; } .g-fill-gray-dark-v2--first { fill: #333 !important; } .g-fill-gray-dark-v3--first { fill: #555 !important; } .g-fill-gray-dark-v4--first { fill: #777 !important; } .g-fill-gray-dark-v5--first { fill: #999 !important; } .g-fill-gray-light-v1--first { fill: #bbb !important; } .g-fill-gray-light-v2--first { fill: #ccc !important; } .g-fill-gray-light-v3--first { fill: #ddd !important; } .g-fill-gray-light-v4--first { fill: #eee !important; } .g-fill-gray-light-v5--first { fill: #f7f7f7 !important; } .g-fill-gray-dark-v1--first .fill-first { fill: #111 !important; } .g-fill-gray-dark-v2--first .fill-first { fill: #333 !important; } .g-fill-gray-dark-v3--first .fill-first { fill: #555 !important; } .g-fill-gray-dark-v4--first .fill-first { fill: #777 !important; } .g-fill-gray-dark-v5--first .fill-first { fill: #999 !important; } .g-fill-gray-light-v1--first .fill-first { fill: #bbb !important; } .g-fill-gray-light-v2--first .fill-first { fill: #ccc !important; } .g-fill-gray-light-v3--first .fill-first { fill: #ddd !important; } .g-fill-gray-light-v4--first .fill-first { fill: #eee !important; } .g-fill-gray-light-v5--first .fill-first { fill: #f7f7f7 !important; } .g-fill-gray-dark-v1--second { fill: #111 !important; } .g-fill-gray-dark-v2--second { fill: #333 !important; } .g-fill-gray-dark-v3--second { fill: #555 !important; } .g-fill-gray-dark-v4--second { fill: #777 !important; } .g-fill-gray-dark-v5--second { fill: #999 !important; } .g-fill-gray-light-v1--second { fill: #bbb !important; } .g-fill-gray-light-v2--second { fill: #ccc !important; } .g-fill-gray-light-v3--second { fill: #ddd !important; } .g-fill-gray-light-v4--second { fill: #eee !important; } .g-fill-gray-light-v5--second { fill: #f7f7f7 !important; } .g-fill-gray-dark-v1--second .fill-second { fill: #111 !important; } .g-fill-gray-dark-v2--second .fill-second { fill: #333 !important; } .g-fill-gray-dark-v3--second .fill-second { fill: #555 !important; } .g-fill-gray-dark-v4--second .fill-second { fill: #777 !important; } .g-fill-gray-dark-v5--second .fill-second { fill: #999 !important; } .g-fill-gray-light-v1--second .fill-second { fill: #bbb !important; } .g-fill-gray-light-v2--second .fill-second { fill: #ccc !important; } .g-fill-gray-light-v3--second .fill-second { fill: #ddd !important; } .g-fill-gray-light-v4--second .fill-second { fill: #eee !important; } .g-fill-gray-light-v5--second .fill-second { fill: #f7f7f7 !important; } .g-fill-transparent--first { fill: transparent !important; } .g-fill-transparent--first .fill-first { fill: transparent !important; } .g-fill-transparent--second { fill: transparent !important; } .g-fill-transparent--second .fill-second { fill: transparent !important; } .g-fill-beige--first { fill: #e5e1de !important; } .g-fill-beige--first .fill-first { fill: #e5e1de !important; } .g-fill-beige--second { fill: #e5e1de !important; } .g-fill-beige--second .fill-second { fill: #e5e1de !important; } .g-fill-green--first { fill: #72c02c !important; } .g-fill-green-opacity-0_1--first { fill: rgba(114, 192, 44, 0.1); } .g-fill-green-opacity-0_3--first { fill: rgba(114, 192, 44, 0.3); } .g-fill-green-opacity-0_5--first { fill: rgba(114, 192, 44, 0.5); } .g-fill-green-opacity-0_7--first { fill: rgba(114, 192, 44, 0.7); } .g-fill-green--first .fill-first { fill: #72c02c !important; } .g-fill-green-opacity-0_1--first .fill-first { fill: rgba(114, 192, 44, 0.1); } .g-fill-green-opacity-0_3--first .fill-first { fill: rgba(114, 192, 44, 0.3); } .g-fill-green-opacity-0_5--first .fill-first { fill: rgba(114, 192, 44, 0.5); } .g-fill-green-opacity-0_7--first .fill-first { fill: rgba(114, 192, 44, 0.7); } .g-fill-green--second { fill: #72c02c !important; } .g-fill-green-opacity-0_1--second { fill: rgba(114, 192, 44, 0.1); } .g-fill-green-opacity-0_3--second { fill: rgba(114, 192, 44, 0.3); } .g-fill-green-opacity-0_5--second { fill: rgba(114, 192, 44, 0.5); } .g-fill-green-opacity-0_7--second { fill: rgba(114, 192, 44, 0.7); } .g-fill-green--second .fill-second { fill: #72c02c !important; } .g-fill-green-opacity-0_1--second .fill-second { fill: rgba(114, 192, 44, 0.1); } .g-fill-green-opacity-0_3--second .fill-second { fill: rgba(114, 192, 44, 0.3); } .g-fill-green-opacity-0_5--second .fill-second { fill: rgba(114, 192, 44, 0.5); } .g-fill-green-opacity-0_7--second .fill-second { fill: rgba(114, 192, 44, 0.7); } .g-fill-blue--first { fill: #3398dc !important; } .g-fill-blue-opacity-0_1--first { fill: rgba(51, 152, 220, 0.1); } .g-fill-blue-opacity-0_7--first { fill: rgba(51, 152, 220, 0.7); } .g-fill-blue-opacity-0_9--first { fill: rgba(51, 152, 220, 0.9); } .g-fill-blue--first .fill-first { fill: #3398dc !important; } .g-fill-blue-opacity-0_1--first .fill-first { fill: rgba(51, 152, 220, 0.1); } .g-fill-blue-opacity-0_7--first .fill-first { fill: rgba(51, 152, 220, 0.7); } .g-fill-blue-opacity-0_9--first .fill-first { fill: rgba(51, 152, 220, 0.9); } .g-fill-blue--second { fill: #3398dc !important; } .g-fill-blue-opacity-0_1--second { fill: rgba(51, 152, 220, 0.1); } .g-fill-blue-opacity-0_7--second { fill: rgba(51, 152, 220, 0.7); } .g-fill-blue-opacity-0_9--second { fill: rgba(51, 152, 220, 0.9); } .g-fill-blue--second .fill-second { fill: #3398dc !important; } .g-fill-blue-opacity-0_1--second .fill-second { fill: rgba(51, 152, 220, 0.1); } .g-fill-blue-opacity-0_7--second .fill-second { fill: rgba(51, 152, 220, 0.7); } .g-fill-blue-opacity-0_9--second .fill-second { fill: rgba(51, 152, 220, 0.9); } .g-fill-lightblue--first { fill: #edf2f8 !important; } .g-fill-lightblue-opacity-0_1--first { fill: rgba(237, 242, 248, 0.1); } .g-fill-lightblue-v1--first { fill: #d6e2ee !important; } .g-fill-lightblue-v1-opacity-0_1--first { fill: rgba(214, 226, 238, 0.1); } .g-fill-lightblue--first .fill-first { fill: #edf2f8 !important; } .g-fill-lightblue-opacity-0_1--first .fill-first { fill: rgba(237, 242, 248, 0.1); } .g-fill-lightblue-v1--first .fill-first { fill: #d6e2ee !important; } .g-fill-lightblue-v1-opacity-0_1--first .fill-first { fill: rgba(214, 226, 238, 0.1); } .g-fill-lightblue--second { fill: #edf2f8 !important; } .g-fill-lightblue-opacity-0_1--second { fill: rgba(237, 242, 248, 0.1); } .g-fill-lightblue-v1--second { fill: #d6e2ee !important; } .g-fill-lightblue-v1-opacity-0_1--second { fill: rgba(214, 226, 238, 0.1); } .g-fill-lightblue--second .fill-second { fill: #edf2f8 !important; } .g-fill-lightblue-opacity-0_1--second .fill-second { fill: rgba(237, 242, 248, 0.1); } .g-fill-lightblue-v1--second .fill-second { fill: #d6e2ee !important; } .g-fill-lightblue-v1-opacity-0_1--second .fill-second { fill: rgba(214, 226, 238, 0.1); } .g-fill-darkblue--first { fill: #009 !important; } .g-fill-darkblue-opacity-0_1--first { fill: rgba(0, 0, 153, 0.1); } .g-fill-darkblue--first .fill-first { fill: #009 !important; } .g-fill-darkblue-opacity-0_1--first .fill-first { fill: rgba(0, 0, 153, 0.1); } .g-fill-darkblue--second { fill: #009 !important; } .g-fill-darkblue-opacity-0_1--second { fill: rgba(0, 0, 153, 0.1); } .g-fill-darkblue--second .fill-second { fill: #009 !important; } .g-fill-darkblue-opacity-0_1--second .fill-second { fill: rgba(0, 0, 153, 0.1); } .g-fill-indigo--first { fill: #4263a3 !important; } .g-fill-indigo-opacity-0_1--first { fill: rgba(66, 99, 163, 0.1); } .g-fill-indigo--first .fill-first { fill: #4263a3 !important; } .g-fill-indigo-opacity-0_1--first .fill-first { fill: rgba(66, 99, 163, 0.1); } .g-fill-indigo--second { fill: #4263a3 !important; } .g-fill-indigo-opacity-0_1--second { fill: rgba(66, 99, 163, 0.1); } .g-fill-indigo--second .fill-second { fill: #4263a3 !important; } .g-fill-indigo-opacity-0_1--second .fill-second { fill: rgba(66, 99, 163, 0.1); } .g-fill-red--first { fill: #f00 !important; } .g-fill-red-opacity-0_1--first { fill: rgba(255, 0, 0, 0.1); } .g-fill-red-opacity-0_2--first { fill: rgba(255, 0, 0, 0.2); } .g-fill-red-opacity-0_5--first { fill: rgba(255, 0, 0, 0.5); } .g-fill-red-opacity-0_8--first { fill: rgba(255, 0, 0, 0.8); } .g-fill-red--first .fill-first { fill: #f00 !important; } .g-fill-red-opacity-0_1--first .fill-first { fill: rgba(255, 0, 0, 0.1); } .g-fill-red-opacity-0_2--first .fill-first { fill: rgba(255, 0, 0, 0.2); } .g-fill-red-opacity-0_5--first .fill-first { fill: rgba(255, 0, 0, 0.5); } .g-fill-red-opacity-0_8--first .fill-first { fill: rgba(255, 0, 0, 0.8); } .g-fill-red--second { fill: #f00 !important; } .g-fill-red-opacity-0_1--second { fill: rgba(255, 0, 0, 0.1); } .g-fill-red-opacity-0_2--second { fill: rgba(255, 0, 0, 0.2); } .g-fill-red-opacity-0_5--second { fill: rgba(255, 0, 0, 0.5); } .g-fill-red-opacity-0_8--second { fill: rgba(255, 0, 0, 0.8); } .g-fill-red--second .fill-second { fill: #f00 !important; } .g-fill-red-opacity-0_1--second .fill-second { fill: rgba(255, 0, 0, 0.1); } .g-fill-red-opacity-0_2--second .fill-second { fill: rgba(255, 0, 0, 0.2); } .g-fill-red-opacity-0_5--second .fill-second { fill: rgba(255, 0, 0, 0.5); } .g-fill-red-opacity-0_8--second .fill-second { fill: rgba(255, 0, 0, 0.8); } .g-fill-lightred--first { fill: #e64b3b !important; } .g-fill-lightred-opacity-0_1--first { fill: rgba(230, 75, 59, 0.1); } .g-fill-lightred--first .fill-first { fill: #e64b3b !important; } .g-fill-lightred-opacity-0_1--first .fill-first { fill: rgba(230, 75, 59, 0.1); } .g-fill-lightred--second { fill: #e64b3b !important; } .g-fill-lightred-opacity-0_1--second { fill: rgba(230, 75, 59, 0.1); } .g-fill-lightred--second .fill-second { fill: #e64b3b !important; } .g-fill-lightred-opacity-0_1--second .fill-second { fill: rgba(230, 75, 59, 0.1); } .g-fill-darkred--first { fill: #a10f2b !important; } .g-fill-darkred-opacity-0_1--first { fill: rgba(161, 15, 43, 0.1); } .g-fill-darkred--first .fill-first { fill: #a10f2b !important; } .g-fill-darkred-opacity-0_1--first .fill-first { fill: rgba(161, 15, 43, 0.1); } .g-fill-darkred--second { fill: #a10f2b !important; } .g-fill-darkred-opacity-0_1--second { fill: rgba(161, 15, 43, 0.1); } .g-fill-darkred--second .fill-second { fill: #a10f2b !important; } .g-fill-darkred-opacity-0_1--second .fill-second { fill: rgba(161, 15, 43, 0.1); } .g-fill-purple--first { fill: #9a69cb !important; } .g-fill-purple-opacity-0_1--first { fill: rgba(154, 105, 203, 0.1); } .g-fill-purple-opacity-0_7--first { fill: rgba(154, 105, 203, 0.7); } .g-fill-purple-opacity-0_9--first { fill: rgba(154, 105, 203, 0.9); } .g-fill-purple--first .fill-first { fill: #9a69cb !important; } .g-fill-purple-opacity-0_1--first .fill-first { fill: rgba(154, 105, 203, 0.1); } .g-fill-purple-opacity-0_7--first .fill-first { fill: rgba(154, 105, 203, 0.7); } .g-fill-purple-opacity-0_9--first .fill-first { fill: rgba(154, 105, 203, 0.9); } .g-fill-purple--second { fill: #9a69cb !important; } .g-fill-purple-opacity-0_1--second { fill: rgba(154, 105, 203, 0.1); } .g-fill-purple-opacity-0_7--second { fill: rgba(154, 105, 203, 0.7); } .g-fill-purple-opacity-0_9--second { fill: rgba(154, 105, 203, 0.9); } .g-fill-purple--second .fill-second { fill: #9a69cb !important; } .g-fill-purple-opacity-0_1--second .fill-second { fill: rgba(154, 105, 203, 0.1); } .g-fill-purple-opacity-0_7--second .fill-second { fill: rgba(154, 105, 203, 0.7); } .g-fill-purple-opacity-0_9--second .fill-second { fill: rgba(154, 105, 203, 0.9); } .g-fill-darkpurple--first { fill: #6639b6 !important; } .g-fill-darkpurple-opacity-0_1--first { fill: rgba(102, 57, 182, 0.1); } .g-fill-darkpurple--first .fill-first { fill: #6639b6 !important; } .g-fill-darkpurple-opacity-0_1--first .fill-first { fill: rgba(102, 57, 182, 0.1); } .g-fill-darkpurple--second { fill: #6639b6 !important; } .g-fill-darkpurple-opacity-0_1--second { fill: rgba(102, 57, 182, 0.1); } .g-fill-darkpurple--second .fill-second { fill: #6639b6 !important; } .g-fill-darkpurple-opacity-0_1--second .fill-second { fill: rgba(102, 57, 182, 0.1); } .g-fill-pink--first { fill: #e81c62 !important; } .g-fill-pink-opacity-0_1--first { fill: rgba(232, 28, 98, 0.1); } .g-fill-pink-opacity-0_9--first { fill: rgba(232, 28, 98, 0.9); } .g-fill-pink--first .fill-first { fill: #e81c62 !important; } .g-fill-pink-opacity-0_1--first .fill-first { fill: rgba(232, 28, 98, 0.1); } .g-fill-pink-opacity-0_9--first .fill-first { fill: rgba(232, 28, 98, 0.9); } .g-fill-pink--second { fill: #e81c62 !important; } .g-fill-pink-opacity-0_1--second { fill: rgba(232, 28, 98, 0.1); } .g-fill-pink-opacity-0_9--second { fill: rgba(232, 28, 98, 0.9); } .g-fill-pink--second .fill-second { fill: #e81c62 !important; } .g-fill-pink-opacity-0_1--second .fill-second { fill: rgba(232, 28, 98, 0.1); } .g-fill-pink-opacity-0_9--second .fill-second { fill: rgba(232, 28, 98, 0.9); } .g-fill-orange--first { fill: #e57d20 !important; } .g-fill-orange-opacity-0_1--first { fill: rgba(229, 125, 32, 0.1); } .g-fill-orange-opacity-0_2--first { fill: rgba(229, 125, 32, 0.2); } .g-fill-orange--first .fill-first { fill: #e57d20 !important; } .g-fill-orange-opacity-0_1--first .fill-first { fill: rgba(229, 125, 32, 0.1); } .g-fill-orange-opacity-0_2--first .fill-first { fill: rgba(229, 125, 32, 0.2); } .g-fill-orange--second { fill: #e57d20 !important; } .g-fill-orange-opacity-0_1--second { fill: rgba(229, 125, 32, 0.1); } .g-fill-orange-opacity-0_2--second { fill: rgba(229, 125, 32, 0.2); } .g-fill-orange--second .fill-second { fill: #e57d20 !important; } .g-fill-orange-opacity-0_1--second .fill-second { fill: rgba(229, 125, 32, 0.1); } .g-fill-orange-opacity-0_2--second .fill-second { fill: rgba(229, 125, 32, 0.2); } .g-fill-deeporange--first { fill: #fe541e !important; } .g-fill-deeporange-opacity-0_1--first { fill: rgba(254, 84, 30, 0.1); } .g-fill-deeporange--first .fill-first { fill: #fe541e !important; } .g-fill-deeporange-opacity-0_1--first .fill-first { fill: rgba(254, 84, 30, 0.1); } .g-fill-deeporange--second { fill: #fe541e !important; } .g-fill-deeporange-opacity-0_1--second { fill: rgba(254, 84, 30, 0.1); } .g-fill-deeporange--second .fill-second { fill: #fe541e !important; } .g-fill-deeporange-opacity-0_1--second .fill-second { fill: rgba(254, 84, 30, 0.1); } .g-fill-yellow--first { fill: #ebc71d !important; } .g-fill-yellow-opacity-0_1--first { fill: rgba(235, 199, 29, 0.1); } .g-fill-yellow-opacity-0_7--first { fill: rgba(235, 199, 29, 0.7); } .g-fill-yellow--first .fill-first { fill: #ebc71d !important; } .g-fill-yellow-opacity-0_1--first .fill-first { fill: rgba(235, 199, 29, 0.1); } .g-fill-yellow-opacity-0_7--first .fill-first { fill: rgba(235, 199, 29, 0.7); } .g-fill-yellow--second { fill: #ebc71d !important; } .g-fill-yellow-opacity-0_1--second { fill: rgba(235, 199, 29, 0.1); } .g-fill-yellow-opacity-0_7--second { fill: rgba(235, 199, 29, 0.7); } .g-fill-yellow--second .fill-second { fill: #ebc71d !important; } .g-fill-yellow-opacity-0_1--second .fill-second { fill: rgba(235, 199, 29, 0.1); } .g-fill-yellow-opacity-0_7--second .fill-second { fill: rgba(235, 199, 29, 0.7); } .g-fill-aqua--first { fill: #29d6e6 !important; } .g-fill-aqua-opacity-0_1--first { fill: rgba(41, 214, 230, 0.1); } .g-fill-aqua-opacity-0_9--first { fill: rgba(41, 214, 230, 0.9); } .g-fill-aqua--first .fill-first { fill: #29d6e6 !important; } .g-fill-aqua-opacity-0_1--first .fill-first { fill: rgba(41, 214, 230, 0.1); } .g-fill-aqua-opacity-0_9--first .fill-first { fill: rgba(41, 214, 230, 0.9); } .g-fill-aqua--second { fill: #29d6e6 !important; } .g-fill-aqua-opacity-0_1--second { fill: rgba(41, 214, 230, 0.1); } .g-fill-aqua-opacity-0_9--second { fill: rgba(41, 214, 230, 0.9); } .g-fill-aqua--second .fill-second { fill: #29d6e6 !important; } .g-fill-aqua-opacity-0_1--second .fill-second { fill: rgba(41, 214, 230, 0.1); } .g-fill-aqua-opacity-0_9--second .fill-second { fill: rgba(41, 214, 230, 0.9); } .g-fill-cyan--first { fill: #00bed6 !important; } .g-fill-cyan-opacity-0_1--first { fill: rgba(0, 190, 214, 0.1); } .g-fill-cyan-opacity-0_9--first { fill: rgba(0, 190, 214, 0.9); } .g-fill-cyan--first .fill-first { fill: #00bed6 !important; } .g-fill-cyan-opacity-0_1--first .fill-first { fill: rgba(0, 190, 214, 0.1); } .g-fill-cyan-opacity-0_9--first .fill-first { fill: rgba(0, 190, 214, 0.9); } .g-fill-cyan--second { fill: #00bed6 !important; } .g-fill-cyan-opacity-0_1--second { fill: rgba(0, 190, 214, 0.1); } .g-fill-cyan-opacity-0_9--second { fill: rgba(0, 190, 214, 0.9); } .g-fill-cyan--second .fill-second { fill: #00bed6 !important; } .g-fill-cyan-opacity-0_1--second .fill-second { fill: rgba(0, 190, 214, 0.1); } .g-fill-cyan-opacity-0_9--second .fill-second { fill: rgba(0, 190, 214, 0.9); } .g-fill-teal--first { fill: #18ba9b !important; } .g-fill-teal-opacity-0_1--first { fill: rgba(24, 186, 155, 0.1); } .g-fill-teal-opacity-0_9--first { fill: rgba(24, 186, 155, 0.9); } .g-fill-teal--first .fill-first { fill: #18ba9b !important; } .g-fill-teal-opacity-0_1--first .fill-first { fill: rgba(24, 186, 155, 0.1); } .g-fill-teal-opacity-0_9--first .fill-first { fill: rgba(24, 186, 155, 0.9); } .g-fill-teal--second { fill: #18ba9b !important; } .g-fill-teal-opacity-0_1--second { fill: rgba(24, 186, 155, 0.1); } .g-fill-teal-opacity-0_9--second { fill: rgba(24, 186, 155, 0.9); } .g-fill-teal--second .fill-second { fill: #18ba9b !important; } .g-fill-teal-opacity-0_1--second .fill-second { fill: rgba(24, 186, 155, 0.1); } .g-fill-teal-opacity-0_9--second .fill-second { fill: rgba(24, 186, 155, 0.9); } .g-fill-brown--first { fill: #9c8061 !important; } .g-fill-brown-opacity-0_1--first { fill: rgba(156, 128, 97, 0.1); } .g-fill-brown--first .fill-first { fill: #9c8061 !important; } .g-fill-brown-opacity-0_1--first .fill-first { fill: rgba(156, 128, 97, 0.1); } .g-fill-brown--second { fill: #9c8061 !important; } .g-fill-brown-opacity-0_1--second { fill: rgba(156, 128, 97, 0.1); } .g-fill-brown--second .fill-second { fill: #9c8061 !important; } .g-fill-brown-opacity-0_1--second .fill-second { fill: rgba(156, 128, 97, 0.1); } .g-fill-bluegray--first { fill: #585f69 !important; } .g-fill-bluegray-opacity-0_3--first { fill: rgba(88, 95, 105, 0.3); } .g-fill-bluegray-opacity-0_5--first { fill: rgba(88, 95, 105, 0.5); } .g-fill-bluegray-opacity-0_7--first { fill: rgba(88, 95, 105, 0.7); } .g-fill-bluegray--first .fill-first { fill: #585f69 !important; } .g-fill-bluegray-opacity-0_3--first .fill-first { fill: rgba(88, 95, 105, 0.3); } .g-fill-bluegray-opacity-0_5--first .fill-first { fill: rgba(88, 95, 105, 0.5); } .g-fill-bluegray-opacity-0_7--first .fill-first { fill: rgba(88, 95, 105, 0.7); } .g-fill-bluegray--second { fill: #585f69 !important; } .g-fill-bluegray-opacity-0_3--second { fill: rgba(88, 95, 105, 0.3); } .g-fill-bluegray-opacity-0_5--second { fill: rgba(88, 95, 105, 0.5); } .g-fill-bluegray-opacity-0_7--second { fill: rgba(88, 95, 105, 0.7); } .g-fill-bluegray--second .fill-second { fill: #585f69 !important; } .g-fill-bluegray-opacity-0_3--second .fill-second { fill: rgba(88, 95, 105, 0.3); } .g-fill-bluegray-opacity-0_5--second .fill-second { fill: rgba(88, 95, 105, 0.5); } .g-fill-bluegray-opacity-0_7--second .fill-second { fill: rgba(88, 95, 105, 0.7); } .g-theme-bitrix-fill-dark-v2--first { fill: #2C2C2C !important; } .g-theme-bitrix-fill-dark-v2--first .fill-first { fill: #2C2C2C !important; } .g-theme-bitrix-fill-dark-v2--second { fill: #2C2C2C !important; } .g-theme-bitrix-fill-dark-v2--second .fill-second { fill: #2C2C2C !important; } .g-theme-bitrix-fill-v3--first { fill: #3330D9 !important; } .g-theme-bitrix-fill-v3--first .fill-first { fill: #3330D9 !important; } .g-theme-bitrix-fill-v3--second { fill: #3330D9 !important; } .g-theme-bitrix-fill-v3--second .fill-second { fill: #3330D9 !important; } /*------------------------------------ Fill Colors Socials ------------------------------------*/ .g-fill-facebook--first { fill: #3b5998 !important; } .g-fill-facebook--first .fill-first { fill: #3b5998 !important; } .g-fill-facebook--second { fill: #3b5998 !important; } .g-fill-facebook--second .fill-second { fill: #3b5998 !important; } .g-fill-twitter--first { fill: #00acee !important; } .g-fill-twitter--first .fill-first { fill: #00acee !important; } .g-fill-twitter--second { fill: #00acee !important; } .g-fill-twitter--second .fill-second { fill: #00acee !important; } .g-fill-skype--first { fill: #00aff0 !important; } .g-fill-skype--first .fill-first { fill: #00aff0 !important; } .g-fill-skype--second { fill: #00aff0 !important; } .g-fill-skype--second .fill-second { fill: #00aff0 !important; } .g-fill-pinterest--first { fill: #c8232c !important; } .g-fill-pinterest--first .fill-first { fill: #c8232c !important; } .g-fill-pinterest--second { fill: #c8232c !important; } .g-fill-pinterest--second .fill-second { fill: #c8232c !important; } .g-fill-vine--first { fill: #00bf8f !important; } .g-fill-vine--first .fill-first { fill: #00bf8f !important; } .g-fill-vine--second { fill: #00bf8f !important; } .g-fill-vine--second .fill-second { fill: #00bf8f !important; } .g-fill-youtube--first { fill: #c4302b !important; } .g-fill-youtube--first .fill-first { fill: #c4302b !important; } .g-fill-youtube--second { fill: #c4302b !important; } .g-fill-youtube--second .fill-second { fill: #c4302b !important; } .g-fill-google-plus--first { fill: #dd4b39 !important; } .g-fill-google-plus--first .fill-first { fill: #dd4b39 !important; } .g-fill-google-plus--second { fill: #dd4b39 !important; } .g-fill-google-plus--second .fill-second { fill: #dd4b39 !important; } .g-fill-dribbble--first { fill: #ea4c89 !important; } .g-fill-dribbble--first .fill-first { fill: #ea4c89 !important; } .g-fill-dribbble--second { fill: #ea4c89 !important; } .g-fill-dribbble--second .fill-second { fill: #ea4c89 !important; } .g-fill-vk--first { fill: #2b587a !important; } .g-fill-vk--first .fill-first { fill: #2b587a !important; } .g-fill-vk--second { fill: #2b587a !important; } .g-fill-vk--second .fill-second { fill: #2b587a !important; } .g-fill-linkedin--first { fill: #0e76a8 !important; } .g-fill-linkedin--first .fill-first { fill: #0e76a8 !important; } .g-fill-linkedin--second { fill: #0e76a8 !important; } .g-fill-linkedin--second .fill-second { fill: #0e76a8 !important; } /*------------------------------------ Fill Colors Themes ------------------------------------*/ .g-theme-business-fill-blue-dark-v1--first { fill: #14112c !important; } .g-theme-business-fill-blue-dark-v1--first .fill-first { fill: #14112c !important; } .g-theme-business-fill-blue-dark-v1--second { fill: #14112c !important; } .g-theme-business-fill-blue-dark-v1--second .fill-second { fill: #14112c !important; } .g-theme-business-fill-blue-dark-v1-opacity-0_9--first { fill: rgba(20, 17, 44, 0.9) !important; } .g-theme-business-fill-blue-dark-v1-opacity-0_9--first .fill-first { fill: rgba(20, 17, 44, 0.9) !important; } .g-theme-business-fill-blue-dark-v1-opacity-0_9--second { fill: rgba(20, 17, 44, 0.9) !important; } .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 { fill: #211e3f !important; } .g-theme-business-fill-blue-dark-v2--first .fill-first { fill: #211e3f !important; } .g-theme-business-fill-blue-dark-v2--second { fill: #211e3f !important; } .g-theme-business-fill-blue-dark-v2--second .fill-second { fill: #211e3f !important; } .g-theme-business-fill-blue-dark-v3--first { fill: #33333f !important; } .g-theme-business-fill-blue-dark-v3--first .fill-first { fill: #33333f !important; } .g-theme-business-fill-blue-dark-v3--second { fill: #33333f !important; } .g-theme-business-fill-blue-dark-v3--second .fill-second { fill: #33333f !important; } .g-theme-architecture-fill-blue-dark-v1--first { fill: #2d2d37 !important; } .g-theme-architecture-fill-blue-dark-v1--first .fill-first { fill: #2d2d37 !important; } .g-theme-architecture-fill-blue-dark-v1--second { fill: #2d2d37 !important; } .g-theme-architecture-fill-blue-dark-v1--second .fill-second { fill: #2d2d37 !important; } .g-theme-architecture-fill-blue-dark-v3--first { fill: #363643 !important; } .g-theme-architecture-fill-blue-dark-v3--first .fill-first { fill: #363643 !important; } .g-theme-architecture-fill-blue-dark-v3--second { fill: #363643 !important; } .g-theme-architecture-fill-blue-dark-v3--second .fill-second { fill: #363643 !important; } .g-theme-architecture-fill-blue-dark-v4--first { fill: #33333f !important; } .g-theme-architecture-fill-blue-dark-v4--first .fill-first { fill: #33333f !important; } .g-theme-architecture-fill-blue-dark-v4--second { fill: #33333f !important; } .g-theme-architecture-fill-blue-dark-v4--second .fill-second { fill: #33333f !important; } .g-theme-lawyer-fill-gray-dark-v1--first { fill: #4e4353 !important; } .g-theme-lawyer-fill-gray-dark-v1--first .fill-first { fill: #4e4353 !important; } .g-theme-lawyer-fill-gray-dark-v1--second { fill: #4e4353 !important; } .g-theme-lawyer-fill-gray-dark-v1--second .fill-second { fill: #4e4353 !important; } .g-theme-event-fill-blue-dark-v2--first { fill: #151826 !important; } .g-theme-event-fill-blue-dark-v2--first .fill-first { fill: #151826 !important; } .g-theme-event-fill-blue-dark-v2--second { fill: #151826 !important; } .g-theme-event-fill-blue-dark-v2--second .fill-second { fill: #151826 !important; } .g-theme-travel-fill-black-v1--first { fill: #31353e !important; } .g-theme-travel-fill-black-v1--first .fill-first { fill: #31353e !important; } .g-theme-travel-fill-black-v1--second { fill: #31353e !important; } .g-theme-travel-fill-black-v1--second .fill-second { fill: #31353e !important; } .g-theme-travel-fill-black-v1-opacity-0_8--first { fill: rgba(49, 53, 62, 0.8) !important; } .g-theme-travel-fill-black-v1-opacity-0_8--first .fill-first { fill: rgba(49, 53, 62, 0.8) !important; } .g-theme-travel-fill-black-v1-opacity-0_8--second { fill: rgba(49, 53, 62, 0.8) !important; } .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 { fill: #1d1d1d !important; } .g-theme-photography-fill-gray-dark-v2--first .fill-first { fill: #1d1d1d !important; } .g-theme-photography-fill-gray-dark-v2--second { fill: #1d1d1d !important; } .g-theme-photography-fill-gray-dark-v2--second .fill-second { fill: #1d1d1d !important; } .g-theme-photography-fill-gray-dark-v3--first { fill: #222 !important; } .g-theme-photography-fill-gray-dark-v3--first .fill-first { fill: #222 !important; } .g-theme-photography-fill-gray-dark-v3--second { fill: #222 !important; } .g-theme-photography-fill-gray-dark-v3--second .fill-second { fill: #222 !important; } .g-theme-photography-fill-gray-dark-v4--first { fill: #272727 !important; } .g-theme-photography-fill-gray-dark-v4--first .fill-first { fill: #272727 !important; } .g-theme-photography-fill-gray-dark-v4--second { fill: #272727 !important; } .g-theme-photography-fill-gray-dark-v4--second .fill-second { fill: #272727 !important; } .g-theme-bitrix-fill-dark-v1--first { fill: #393945 !important; } .g-theme-bitrix-fill-dark-v1--first .fill-first { fill: #393945 !important; } .g-theme-bitrix-fill-dark-v1--second { fill: #393945 !important; } .g-theme-bitrix-fill-dark-v1--second .fill-second { fill: #393945 !important; } /*------------------------------------ Borders Default (solid) ------------------------------------*/ .g-brd-none { /* P */ 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) { /* P */ .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 ------------------------------------*/ /* 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; } /*------------------------------------ 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) { /* P */ .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: .2s ease; cursor: pointer; line-height: 1.4; padding: 0.57143rem 1.42857rem; font-size: 1.07143rem; border-width: 1px !important; font-weight: 700 !important; padding-left: 1.42857rem !important; padding-right: 1.42857rem !important; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; box-shadow: none; } .btn:focus, .btn:hover { color: #fff; } /* Button Content ------------------------------------*/ .u-btn-content { white-space: normal; } /* Button Sizes ------------------------------------*/ /* setting 'XS' */ .g-btn-size-sm, .btn-sm { line-height: 1.4; padding: 0.28571rem 0.5rem; font-size: 0.85714rem; border-width: 1px !important; font-weight: 700 !important; } /* setting 'S' */ .g-btn-size-md, .btn-md { line-height: 1.4; padding: 0.57143rem 1.42857rem; font-size: 1.07143rem; border-width: 1px !important; font-weight: 700 !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: 700 !important; } /* setting 'L' */ .g-btn-size-xl, btn-xl { line-height: 1.4; padding: 0.92857rem 1.85714rem; font-size: 1.28571rem; border-width: 2px !important; font-weight: 700 !important; } /* setting 'XL' */ .g-btn-size-xxl, btn-xxl { line-height: 1.4; padding: 1.07143rem 2.14286rem; font-size: 1.5rem; border-width: 3px !important; font-weight: 700 !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: 700 !important; } /* Button Hovers ------------------------------------*/ [class*="u-btn-hover"] { z-index: 1; } [class*="u-btn-hover"]:hover { text-decoration: none; } [class*="u-btn-hover"]:focus { text-decoration: none; } [class*="u-btn-hover"]::after { position: absolute; content: ""; z-index: -1; transition: all .3s; } /* 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--rounded::before { border-radius: 50px; } /* Default colors ------------------------------------*/ /* Button White */ .u-btn-white { color: #555; background-color: #fff; } .u-btn-white:hover, .u-btn-white.active { border-color: white; background-color: white; } .u-btn-white:hover, .u-btn-white:focus, .u-btn-white.active { color: #555; } /* Button Black */ .u-btn-black { color: #fff; background-color: #000; } .u-btn-black:hover, .u-btn-black.active { border-color: #1a1a1a; background-color: #1a1a1a; } .u-btn-black:hover, .u-btn-black:focus, .u-btn-black.active { color: #fff; } /* Button Dark Gray */ .u-btn-darkgray { color: #fff; background-color: #333; } .u-btn-darkgray:hover, .u-btn-darkgray.active { border-color: #4d4d4d; background-color: #4d4d4d; } .u-btn-darkgray:hover, .u-btn-darkgray:focus, .u-btn-darkgray.active { color: #fff; } /* Button Gray */ .u-btn-gray { color: #fff; background-color: #999; } .u-btn-gray:hover, .u-btn-gray.active { border-color: #b3b3b3; background-color: #b3b3b3; } .u-btn-gray:hover, .u-btn-gray:focus, .u-btn-gray.active { color: #fff; } /* Button Light Gray */ .u-btn-lightgray { color: #fff; background-color: #eee; } .u-btn-lightgray:hover, .u-btn-lightgray.active { border-color: #f7f7f7; background-color: #f7f7f7; } .u-btn-lightgray:hover, .u-btn-lightgray:focus, .u-btn-lightgray.active { color: #fff; } /* Button Red */ .u-btn-red { color: #fff; background-color: #f00; } .u-btn-red:hover, .u-btn-red.active { border-color: #ff3333; background-color: #ff3333; } .u-btn-red:hover, .u-btn-red:focus, .u-btn-red.active { color: #fff; } /* Button Red Tomato */ .u-btn-lightred { color: #fff; background-color: #e64b3b; } .u-btn-lightred:hover, .u-btn-lightred.active { border-color: #ec7568; background-color: #ec7568; } .u-btn-lightred:hover, .u-btn-lightred:focus, .u-btn-lightred.active { color: #fff; } /* Button Dark Red */ .u-btn-darkred { color: #fff; background-color: #a10f2b; } .u-btn-darkred:hover, .u-btn-darkred.active { border-color: #d01337; background-color: #d01337; } .u-btn-darkred:hover, .u-btn-darkred:focus, .u-btn-darkred.active { color: #fff; } /* Button Blue */ .u-btn-blue { color: #fff; background-color: #3398dc; } .u-btn-blue:hover, .u-btn-blue.active { border-color: #5faee3; background-color: #5faee3; } .u-btn-blue:hover, .u-btn-blue:focus, .u-btn-blue.active { color: #fff; } /* Button Indigo */ .u-btn-indigo { color: #fff; background-color: #4263a3; } .u-btn-indigo:hover, .u-btn-indigo.active { border-color: #5b7cbd; background-color: #5b7cbd; } .u-btn-indigo:hover, .u-btn-indigo:focus, .u-btn-indigo.active { color: #fff; } /* Button Purple */ .u-btn-purple { color: #fff; background-color: #9a69cb; } .u-btn-purple:hover, .u-btn-purple.active { border-color: #b48fd8; background-color: #b48fd8; } .u-btn-purple:hover, .u-btn-purple:focus, .u-btn-purple.active { color: #fff; } /* Button Dark Purple */ .u-btn-darkpurple { color: #fff; background-color: #6639b6; } .u-btn-darkpurple:hover, .u-btn-darkpurple.active { border-color: #8157cb; background-color: #8157cb; } .u-btn-darkpurple:hover, .u-btn-darkpurple:focus, .u-btn-darkpurple.active { color: #fff; } /* Button Pink */ .u-btn-pink { color: #fff; background-color: #e81c62; } .u-btn-pink:hover, .u-btn-pink.active { border-color: #ed4a82; background-color: #ed4a82; } .u-btn-pink:hover, .u-btn-pink:focus, .u-btn-pink.active { color: #fff; } /* Button Orange */ .u-btn-orange { color: #fff; background-color: #e57d20; } .u-btn-orange:hover, .u-btn-orange.active { border-color: #ea984e; background-color: #ea984e; } .u-btn-orange:hover, .u-btn-orange:focus, .u-btn-orange.active { color: #fff; } /* Button Deep Orange */ .u-btn-deeporange { color: #fff; background-color: #fe541e; } .u-btn-deeporange:hover, .u-btn-deeporange.active { border-color: #fe7b51; background-color: #fe7b51; } .u-btn-deeporange:hover, .u-btn-deeporange:focus, .u-btn-deeporange.active { color: #fff; } /* Button Yellow */ .u-btn-yellow { color: #fff; background-color: #ebc71d; } .u-btn-yellow:hover, .u-btn-yellow.active { border-color: #efd34c; background-color: #efd34c; } .u-btn-yellow:hover, .u-btn-yellow:focus, .u-btn-yellow.active { color: #fff; } /* Button Aqua */ .u-btn-aqua { color: #fff; background-color: #29d6e6; } .u-btn-aqua:hover, .u-btn-aqua.active { border-color: #57dfeb; background-color: #57dfeb; } .u-btn-aqua:hover, .u-btn-aqua:focus, .u-btn-aqua.active { color: #fff; } /* Button Cyan */ .u-btn-cyan { color: #fff; background-color: #00bed6; } .u-btn-cyan:hover, .u-btn-cyan.active { border-color: #0ae4ff; background-color: #0ae4ff; } .u-btn-cyan:hover, .u-btn-cyan:focus, .u-btn-cyan.active { color: #fff; } /* Button Teal */ .u-btn-teal { color: #fff; background-color: #18ba9b; } .u-btn-teal:hover, .u-btn-teal.active { border-color: #22e3be; background-color: #22e3be; } .u-btn-teal:hover, .u-btn-teal:focus, .u-btn-teal.active { color: #fff; } /* Button Brown */ .u-btn-brown { color: #fff; background-color: #9c8061; } .u-btn-brown:hover, .u-btn-brown.active { border-color: #b09980; background-color: #b09980; } .u-btn-brown:hover, .u-btn-brown:focus, .u-btn-brown.active { color: #fff; } /* Button Bluegrey */ .u-btn-bluegray { color: #fff; background-color: #585f69; } .u-btn-bluegray:hover, .u-btn-bluegray.active { border-color: #6f7885; background-color: #6f7885; } .u-btn-bluegray:hover, .u-btn-bluegray:focus, .u-btn-bluegray.active { color: #fff; } /* Button Facebook */ .u-btn-facebook { color: #fff; background-color: #3b5998; } .u-btn-facebook:hover, .u-btn-facebook.active { border-color: #4c70ba; background-color: #4c70ba; } .u-btn-facebook:hover, .u-btn-facebook:focus, .u-btn-facebook.active { color: #fff; } /* Button Twitter */ .u-btn-twitter { color: #fff; background-color: #00acee; } .u-btn-twitter:hover, .u-btn-twitter.active { border-color: #22c2ff; background-color: #22c2ff; } .u-btn-twitter:hover, .u-btn-twitter:focus, .u-btn-twitter.active { color: #fff; } /* Button Instagram */ .u-btn-instagram { color: #fff; background-color: #3f729b; } .u-btn-instagram:hover, .u-btn-instagram.active { border-color: #548cb9; background-color: #548cb9; } .u-btn-instagram:hover, .u-btn-instagram:focus, .u-btn-instagram.active { color: #fff; } /* Button VK */ .u-btn-vk { color: #fff; background-color: #2b587a; } .u-btn-vk:hover, .u-btn-vk.active { border-color: #3873a0; background-color: #3873a0; } .u-btn-vk:hover, .u-btn-vk:focus, .u-btn-vk.active { color: #fff; } /* Button Google Plus */ .u-btn-google-plus { color: #fff; background-color: #dd4b39; } .u-btn-google-plus:hover, .u-btn-google-plus.active { border-color: #e47365; background-color: #e47365; } .u-btn-google-plus:hover, .u-btn-google-plus:focus, .u-btn-google-plus.active { color: #fff; } /* Buttons Bitrix */ .u-theme-bitrix-btn-v4 { color: #fff; background-color: #3330D9; } .u-theme-bitrix-btn-v4:hover, .u-theme-bitrix-btn-v4.active { border-color: #5d5be1; background-color: #5d5be1; } .u-theme-bitrix-btn-v4:hover, .u-theme-bitrix-btn-v4:focus, .u-theme-bitrix-btn-v4.active { color: #fff; } .u-theme-bitrix-btn-v6 { color: #fff; background-color: #2186F0; } .u-theme-bitrix-btn-v6:hover, .u-theme-bitrix-btn-v6.active { border-color: #51a0f3; background-color: #51a0f3; } .u-theme-bitrix-btn-v6:hover, .u-theme-bitrix-btn-v6:focus, .u-theme-bitrix-btn-v6.active { color: #fff; } /* ------------------------------------ ------- Button color for palette ------- -------------------------------------*/ .g-btn-white { color: #555; background-color: #fff; } .g-btn-white:hover, .g-btn-white.active { border-color: white; background-color: white; } .g-btn-white.landing-ui-active { background-color: #fff !important; } .g-btn-black { color: #fff; background-color: #000; } .g-btn-black:hover, .g-btn-black.active { border-color: #1a1a1a; background-color: #1a1a1a; } .g-btn-black.landing-ui-active { background-color: #000 !important; } .g-btn-darkgray { color: #fff; background-color: #333; } .g-btn-darkgray:hover, .g-btn-darkgray.active { border-color: #4d4d4d; background-color: #4d4d4d; } .g-btn-darkgray.landing-ui-active { background-color: #333 !important; } .g-btn-gray { color: #fff; background-color: #999; } .g-btn-gray:hover, .g-btn-gray.active { border-color: #b3b3b3; background-color: #b3b3b3; } .g-btn-gray.landing-ui-active { background-color: #999 !important; } .g-btn-lightgray { color: #fff; background-color: #eee; } .g-btn-lightgray:hover, .g-btn-lightgray.active { border-color: #f7f7f7; background-color: #f7f7f7; } .g-btn-lightgray.landing-ui-active { background-color: #eee !important; } .g-btn-red { color: #fff; background-color: #f00; } .g-btn-red:hover, .g-btn-red.active { border-color: #ff3333; background-color: #ff3333; } .g-btn-red.landing-ui-active { background-color: #f00 !important; } .g-btn-lightred { color: #fff; background-color: #e64b3b; } .g-btn-lightred:hover, .g-btn-lightred.active { border-color: #ec7568; background-color: #ec7568; } .g-btn-lightred.landing-ui-active { background-color: #e64b3b !important; } .g-btn-darkred { color: #fff; background-color: #a10f2b; } .g-btn-darkred:hover, .g-btn-darkred.active { border-color: #d01337; background-color: #d01337; } .g-btn-darkred.landing-ui-active { background-color: #a10f2b !important; } .g-btn-blue { color: #fff; background-color: #3398dc; } .g-btn-blue:hover, .g-btn-blue.active { border-color: #5faee3; background-color: #5faee3; } .g-btn-blue.landing-ui-active { background-color: #3398dc !important; } .g-btn-indigo { color: #fff; background-color: #4263a3; } .g-btn-indigo:hover, .g-btn-indigo.active { border-color: #5b7cbd; background-color: #5b7cbd; } .g-btn-indigo.landing-ui-active { background-color: #4263a3 !important; } .g-btn-purple { color: #fff; background-color: #9a69cb; } .g-btn-purple:hover, .g-btn-purple.active { border-color: #b48fd8; background-color: #b48fd8; } .g-btn-purple.landing-ui-active { background-color: #9a69cb !important; } .g-btn-darkpurple { color: #fff; background-color: #6639b6; } .g-btn-darkpurple:hover, .g-btn-darkpurple.active { border-color: #8157cb; background-color: #8157cb; } .g-btn-darkpurple.landing-ui-active { background-color: #6639b6 !important; } .g-btn-pink { color: #fff; background-color: #e81c62; } .g-btn-pink:hover, .g-btn-pink.active { border-color: #ed4a82; background-color: #ed4a82; } .g-btn-pink.landing-ui-active { background-color: #e81c62 !important; } .g-btn-orange { color: #fff; background-color: #e57d20; } .g-btn-orange:hover, .g-btn-orange.active { border-color: #ea984e; background-color: #ea984e; } .g-btn-orange.landing-ui-active { background-color: #e57d20 !important; } .g-btn-deeporange { color: #fff; background-color: #fe541e; } .g-btn-deeporange:hover, .g-btn-deeporange.active { border-color: #fe7b51; background-color: #fe7b51; } .g-btn-deeporange.landing-ui-active { background-color: #fe541e !important; } .g-btn-yellow { color: #fff; background-color: #ebc71d; } .g-btn-yellow:hover, .g-btn-yellow.active { border-color: #efd34c; background-color: #efd34c; } .g-btn-yellow.landing-ui-active { background-color: #ebc71d !important; } .g-btn-aqua { color: #fff; background-color: #29d6e6; } .g-btn-aqua:hover, .g-btn-aqua.active { border-color: #57dfeb; background-color: #57dfeb; } .g-btn-aqua.landing-ui-active { background-color: #29d6e6 !important; } .g-btn-cyan { color: #fff; background-color: #00bed6; } .g-btn-cyan:hover, .g-btn-cyan.active { border-color: #0ae4ff; background-color: #0ae4ff; } .g-btn-cyan.landing-ui-active { background-color: #00bed6 !important; } .g-btn-teal { color: #fff; background-color: #18ba9b; } .g-btn-teal:hover, .g-btn-teal.active { border-color: #22e3be; background-color: #22e3be; } .g-btn-teal.landing-ui-active { background-color: #18ba9b !important; } .g-btn-brown { color: #fff; background-color: #9c8061; } .g-btn-brown:hover, .g-btn-brown.active { border-color: #b09980; background-color: #b09980; } .g-btn-brown.landing-ui-active { background-color: #9c8061 !important; } .g-btn-bluegray { color: #fff; background-color: #585f69; } .g-btn-bluegray:hover, .g-btn-bluegray.active { border-color: #6f7885; background-color: #6f7885; } .g-btn-bluegray.landing-ui-active { background-color: #585f69 !important; } .g-btn-facebook { color: #fff; background-color: #3b5998; } .g-btn-facebook:hover, .g-btn-facebook.active { border-color: #4c70ba; background-color: #4c70ba; } .g-btn-facebook.landing-ui-active { background-color: #3b5998 !important; } .g-btn-twitter { color: #fff; background-color: #00acee; } .g-btn-twitter:hover, .g-btn-twitter.active { border-color: #22c2ff; background-color: #22c2ff; } .g-btn-twitter.landing-ui-active { background-color: #00acee !important; } .g-btn-instagram { color: #fff; background-color: #3f729b; } .g-btn-instagram:hover, .g-btn-instagram.active { border-color: #548cb9; background-color: #548cb9; } .g-btn-instagram.landing-ui-active { background-color: #3f729b !important; } .g-btn-vk { color: #fff; background-color: #2b587a; } .g-btn-vk:hover, .g-btn-vk.active { border-color: #3873a0; background-color: #3873a0; } .g-btn-vk.landing-ui-active { background-color: #2b587a !important; } .g-btn-google-plus { color: #fff; background-color: #dd4b39; } .g-btn-google-plus:hover, .g-btn-google-plus.active { border-color: #e47365; background-color: #e47365; } .g-btn-google-plus.landing-ui-active { background-color: #dd4b39 !important; } .g-theme-bitrix-btn-v4 { color: #fff; background-color: #3330D9; } .g-theme-bitrix-btn-v4:hover, .g-theme-bitrix-btn-v4.active { border-color: #5d5be1; background-color: #5d5be1; } .g-theme-bitrix-btn-v4.landing-ui-active { background-color: #3330D9 !important; } .g-theme-bitrix-btn-v6 { color: #fff; background-color: #2186F0; } .g-theme-bitrix-btn-v6:hover, .g-theme-bitrix-btn-v6.active { border-color: #51a0f3; background-color: #51a0f3; } .g-theme-bitrix-btn-v6.landing-ui-active { background-color: #2186F0 !important; } /* ------------------------------------ ------- Button for Type default ------- -------------------------------------*/ .g-btn-white.g-btn-type-solid { color: #555; background-color: #fff; } .g-btn-white.g-btn-type-solid:hover, .g-btn-white.g-btn-type-solid.active { border-color: white; background-color: white; } .g-btn-white.g-btn-type-solid.landing-ui-active { background-color: #fff !important; } .g-btn-black.g-btn-type-solid { color: #fff; background-color: #000; } .g-btn-black.g-btn-type-solid:hover, .g-btn-black.g-btn-type-solid.active { border-color: #1a1a1a; background-color: #1a1a1a; } .g-btn-black.g-btn-type-solid.landing-ui-active { background-color: #000 !important; } .g-btn-darkgray.g-btn-type-solid { color: #fff; background-color: #333; } .g-btn-darkgray.g-btn-type-solid:hover, .g-btn-darkgray.g-btn-type-solid.active { border-color: #4d4d4d; background-color: #4d4d4d; } .g-btn-darkgray.g-btn-type-solid.landing-ui-active { background-color: #333 !important; } .g-btn-gray.g-btn-type-solid { color: #fff; background-color: #999; } .g-btn-gray.g-btn-type-solid:hover, .g-btn-gray.g-btn-type-solid.active { border-color: #b3b3b3; background-color: #b3b3b3; } .g-btn-gray.g-btn-type-solid.landing-ui-active { background-color: #999 !important; } .g-btn-lightgray.g-btn-type-solid { color: #fff; background-color: #eee; } .g-btn-lightgray.g-btn-type-solid:hover, .g-btn-lightgray.g-btn-type-solid.active { border-color: #f7f7f7; background-color: #f7f7f7; } .g-btn-lightgray.g-btn-type-solid.landing-ui-active { background-color: #eee !important; } .g-btn-red.g-btn-type-solid { color: #fff; background-color: #f00; } .g-btn-red.g-btn-type-solid:hover, .g-btn-red.g-btn-type-solid.active { border-color: #ff3333; background-color: #ff3333; } .g-btn-red.g-btn-type-solid.landing-ui-active { background-color: #f00 !important; } .g-btn-lightred.g-btn-type-solid { color: #fff; background-color: #e64b3b; } .g-btn-lightred.g-btn-type-solid:hover, .g-btn-lightred.g-btn-type-solid.active { border-color: #ec7568; background-color: #ec7568; } .g-btn-lightred.g-btn-type-solid.landing-ui-active { background-color: #e64b3b !important; } .g-btn-darkred.g-btn-type-solid { color: #fff; background-color: #a10f2b; } .g-btn-darkred.g-btn-type-solid:hover, .g-btn-darkred.g-btn-type-solid.active { border-color: #d01337; background-color: #d01337; } .g-btn-darkred.g-btn-type-solid.landing-ui-active { background-color: #a10f2b !important; } .g-btn-blue.g-btn-type-solid { color: #fff; background-color: #3398dc; } .g-btn-blue.g-btn-type-solid:hover, .g-btn-blue.g-btn-type-solid.active { border-color: #5faee3; background-color: #5faee3; } .g-btn-blue.g-btn-type-solid.landing-ui-active { background-color: #3398dc !important; } .g-btn-indigo.g-btn-type-solid { color: #fff; background-color: #4263a3; } .g-btn-indigo.g-btn-type-solid:hover, .g-btn-indigo.g-btn-type-solid.active { border-color: #5b7cbd; background-color: #5b7cbd; } .g-btn-indigo.g-btn-type-solid.landing-ui-active { background-color: #4263a3 !important; } .g-btn-purple.g-btn-type-solid { color: #fff; background-color: #9a69cb; } .g-btn-purple.g-btn-type-solid:hover, .g-btn-purple.g-btn-type-solid.active { border-color: #b48fd8; background-color: #b48fd8; } .g-btn-purple.g-btn-type-solid.landing-ui-active { background-color: #9a69cb !important; } .g-btn-darkpurple.g-btn-type-solid { color: #fff; background-color: #6639b6; } .g-btn-darkpurple.g-btn-type-solid:hover, .g-btn-darkpurple.g-btn-type-solid.active { border-color: #8157cb; background-color: #8157cb; } .g-btn-darkpurple.g-btn-type-solid.landing-ui-active { background-color: #6639b6 !important; } .g-btn-pink.g-btn-type-solid { color: #fff; background-color: #e81c62; } .g-btn-pink.g-btn-type-solid:hover, .g-btn-pink.g-btn-type-solid.active { border-color: #ed4a82; background-color: #ed4a82; } .g-btn-pink.g-btn-type-solid.landing-ui-active { background-color: #e81c62 !important; } .g-btn-orange.g-btn-type-solid { color: #fff; background-color: #e57d20; } .g-btn-orange.g-btn-type-solid:hover, .g-btn-orange.g-btn-type-solid.active { border-color: #ea984e; background-color: #ea984e; } .g-btn-orange.g-btn-type-solid.landing-ui-active { background-color: #e57d20 !important; } .g-btn-deeporange.g-btn-type-solid { color: #fff; background-color: #fe541e; } .g-btn-deeporange.g-btn-type-solid:hover, .g-btn-deeporange.g-btn-type-solid.active { border-color: #fe7b51; background-color: #fe7b51; } .g-btn-deeporange.g-btn-type-solid.landing-ui-active { background-color: #fe541e !important; } .g-btn-yellow.g-btn-type-solid { color: #fff; background-color: #ebc71d; } .g-btn-yellow.g-btn-type-solid:hover, .g-btn-yellow.g-btn-type-solid.active { border-color: #efd34c; background-color: #efd34c; } .g-btn-yellow.g-btn-type-solid.landing-ui-active { background-color: #ebc71d !important; } .g-btn-aqua.g-btn-type-solid { color: #fff; background-color: #29d6e6; } .g-btn-aqua.g-btn-type-solid:hover, .g-btn-aqua.g-btn-type-solid.active { border-color: #57dfeb; background-color: #57dfeb; } .g-btn-aqua.g-btn-type-solid.landing-ui-active { background-color: #29d6e6 !important; } .g-btn-cyan.g-btn-type-solid { color: #fff; background-color: #00bed6; } .g-btn-cyan.g-btn-type-solid:hover, .g-btn-cyan.g-btn-type-solid.active { border-color: #0ae4ff; background-color: #0ae4ff; } .g-btn-cyan.g-btn-type-solid.landing-ui-active { background-color: #00bed6 !important; } .g-btn-teal.g-btn-type-solid { color: #fff; background-color: #18ba9b; } .g-btn-teal.g-btn-type-solid:hover, .g-btn-teal.g-btn-type-solid.active { border-color: #22e3be; background-color: #22e3be; } .g-btn-teal.g-btn-type-solid.landing-ui-active { background-color: #18ba9b !important; } .g-btn-brown.g-btn-type-solid { color: #fff; background-color: #9c8061; } .g-btn-brown.g-btn-type-solid:hover, .g-btn-brown.g-btn-type-solid.active { border-color: #b09980; background-color: #b09980; } .g-btn-brown.g-btn-type-solid.landing-ui-active { background-color: #9c8061 !important; } .g-btn-bluegray.g-btn-type-solid { color: #fff; background-color: #585f69; } .g-btn-bluegray.g-btn-type-solid:hover, .g-btn-bluegray.g-btn-type-solid.active { border-color: #6f7885; background-color: #6f7885; } .g-btn-bluegray.g-btn-type-solid.landing-ui-active { background-color: #585f69 !important; } .g-btn-facebook.g-btn-type-solid { color: #fff; background-color: #3b5998; } .g-btn-facebook.g-btn-type-solid:hover, .g-btn-facebook.g-btn-type-solid.active { border-color: #4c70ba; background-color: #4c70ba; } .g-btn-facebook.g-btn-type-solid.landing-ui-active { background-color: #3b5998 !important; } .g-btn-twitter.g-btn-type-solid { color: #fff; background-color: #00acee; } .g-btn-twitter.g-btn-type-solid:hover, .g-btn-twitter.g-btn-type-solid.active { border-color: #22c2ff; background-color: #22c2ff; } .g-btn-twitter.g-btn-type-solid.landing-ui-active { background-color: #00acee !important; } .g-btn-instagram.g-btn-type-solid { color: #fff; background-color: #3f729b; } .g-btn-instagram.g-btn-type-solid:hover, .g-btn-instagram.g-btn-type-solid.active { border-color: #548cb9; background-color: #548cb9; } .g-btn-instagram.g-btn-type-solid.landing-ui-active { background-color: #3f729b !important; } .g-btn-vk.g-btn-type-solid { color: #fff; background-color: #2b587a; } .g-btn-vk.g-btn-type-solid:hover, .g-btn-vk.g-btn-type-solid.active { border-color: #3873a0; background-color: #3873a0; } .g-btn-vk.g-btn-type-solid.landing-ui-active { background-color: #2b587a !important; } .g-btn-google-plus.g-btn-type-solid { color: #fff; background-color: #dd4b39; } .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-btn-google-plus.g-btn-type-solid.landing-ui-active { background-color: #dd4b39 !important; } .g-theme-bitrix-btn-v4.g-btn-type-solid { color: #fff; background-color: #3330D9; } .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-v4.g-btn-type-solid.landing-ui-active { background-color: #3330D9 !important; } .g-theme-bitrix-btn-v6.g-btn-type-solid { color: #fff; background-color: #2186F0; } .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; } .g-theme-bitrix-btn-v6.g-btn-type-solid.landing-ui-active { background-color: #2186F0 !important; } /* ------------------------------------ -------- Button for Type inset -------- -------------------------------------*/ .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.landing-ui-active { background-color: #fff !important; } .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.landing-ui-active { background-color: #000 !important; } .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.landing-ui-active { background-color: #333 !important; } .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.landing-ui-active { background-color: #999 !important; } .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: #f7f7f7; background-color: #f7f7f7; } .g-btn-lightgray.g-btn-type-solid-double.landing-ui-active { background-color: #eee !important; } .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.landing-ui-active { background-color: #f00 !important; } .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.landing-ui-active { background-color: #e64b3b !important; } .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.landing-ui-active { background-color: #a10f2b !important; } .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.landing-ui-active { background-color: #3398dc !important; } .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.landing-ui-active { background-color: #4263a3 !important; } .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.landing-ui-active { background-color: #9a69cb !important; } .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.landing-ui-active { background-color: #6639b6 !important; } .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.landing-ui-active { background-color: #e81c62 !important; } .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.landing-ui-active { background-color: #e57d20 !important; } .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.landing-ui-active { background-color: #fe541e !important; } .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.landing-ui-active { background-color: #ebc71d !important; } .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.landing-ui-active { background-color: #29d6e6 !important; } .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.landing-ui-active { background-color: #00bed6 !important; } .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.landing-ui-active { background-color: #18ba9b !important; } .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.landing-ui-active { background-color: #9c8061 !important; } .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.landing-ui-active { background-color: #585f69 !important; } .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.landing-ui-active { background-color: #3b5998 !important; } .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.landing-ui-active { background-color: #00acee !important; } .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.landing-ui-active { background-color: #3f729b !important; } .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.landing-ui-active { background-color: #2b587a !important; } .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.landing-ui-active { background-color: #dd4b39 !important; } .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.landing-ui-active { background-color: #3330D9 !important; } .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.landing-ui-active { background-color: #2186F0 !important; } /* Outline colors ------------------------------------*/ /* Outline Button White */ .u-btn-outline-white { color: #fff; border-color: #fff; background-color: transparent; } .u-btn-outline-white:focus, .u-btn-outline-white.active, .u-btn-outline-white:hover { color: #555; background-color: #fff; } /* Outline Button Black */ .u-btn-outline-black { color: #000; border-color: #000; background-color: transparent; } .u-btn-outline-black:focus, .u-btn-outline-black.active, .u-btn-outline-black:hover { color: #fff; background-color: #000; } /* Outline Button Dark Gray */ .u-btn-outline-darkgray { color: #333; border-color: #333; background-color: transparent; } .u-btn-outline-darkgray:focus, .u-btn-outline-darkgray.active, .u-btn-outline-darkgray:hover { color: #fff; background-color: #333; } /* Outline Button Light Gray */ .u-btn-outline-gray { color: #eee; border-color: #999; background-color: transparent; } .u-btn-outline-gray:focus, .u-btn-outline-gray.active, .u-btn-outline-gray:hover { color: #fff; background-color: #999; } /* Outline Button Light Gray */ .u-btn-outline-lightgray { color: #eee; border-color: #eee; background-color: transparent; } .u-btn-outline-lightgray:focus, .u-btn-outline-lightgray.active, .u-btn-outline-lightgray:hover { color: #fff; background-color: #eee; } /* Button Outline Red */ .u-btn-outline-red { color: #f00; border-color: #f00; background-color: transparent; } .u-btn-outline-red:focus, .u-btn-outline-red.active, .u-btn-outline-red:hover { color: #fff; background-color: #f00; } /* Button Outline Red Tomato */ .u-btn-outline-lightred { color: #e64b3b; border-color: #e64b3b; background-color: transparent; } .u-btn-outline-lightred:focus, .u-btn-outline-lightred.active, .u-btn-outline-lightred:hover { color: #fff; background-color: #e64b3b; } /* Outline Button Dark Red */ .u-btn-outline-darkred { color: #a10f2b; border-color: #a10f2b; background-color: transparent; } .u-btn-outline-darkred:focus, .u-btn-outline-darkred.active, .u-btn-outline-darkred:hover { color: #fff; background-color: #a10f2b; } /* Outline Button Blue */ .u-btn-outline-blue { color: #3398dc; border-color: #3398dc; background-color: transparent; } .u-btn-outline-blue:focus, .u-btn-outline-blue.active, .u-btn-outline-blue:hover { color: #fff; background-color: #3398dc; } /* Outline Button Indigo */ .u-btn-outline-indigo { color: #4263a3; border-color: #4263a3; background-color: transparent; } .u-btn-outline-indigo:focus, .u-btn-outline-indigo.active, .u-btn-outline-indigo:hover { color: #fff; background-color: #4263a3; } /* Outline Button Purple */ .u-btn-outline-purple { color: #9a69cb; border-color: #9a69cb; background-color: transparent; } .u-btn-outline-purple:focus, .u-btn-outline-purple.active, .u-btn-outline-purple:hover { color: #fff; background-color: #9a69cb; } /* Outline Button Dark Purple */ .u-btn-outline-darkpurple { color: #6639b6; border-color: #6639b6; background-color: transparent; } .u-btn-outline-darkpurple:focus, .u-btn-outline-darkpurple.active, .u-btn-outline-darkpurple:hover { color: #fff; background-color: #6639b6; } /* Outline Button Pink */ .u-btn-outline-pink { color: #e81c62; border-color: #e81c62; background-color: transparent; } .u-btn-outline-pink:focus, .u-btn-outline-pink.active, .u-btn-outline-pink:hover { color: #fff; background-color: #e81c62; } /* Outline Button Orange */ .u-btn-outline-orange { color: #e57d20; border-color: #e57d20; background-color: transparent; } .u-btn-outline-orange:focus, .u-btn-outline-orange.active, .u-btn-outline-orange:hover { color: #fff; background-color: #e57d20; } /* Outline Button Deep Orange */ .u-btn-outline-deeporange { color: #fe541e; border-color: #fe541e; background-color: transparent; } .u-btn-outline-deeporange:focus, .u-btn-outline-deeporange.active, .u-btn-outline-deeporange:hover { color: #fff; background-color: #fe541e; } /* Outline Button Yellow */ .u-btn-outline-yellow { color: #555; border-color: #ebc71d; background-color: transparent; } .u-btn-outline-yellow:focus, .u-btn-outline-yellow.active, .u-btn-outline-yellow:hover { color: #555; background-color: #ebc71d; } /* Outline Button Aqua */ .u-btn-outline-aqua { color: #29d6e6; border-color: #29d6e6; background-color: transparent; } .u-btn-outline-aqua:focus, .u-btn-outline-aqua.active, .u-btn-outline-aqua:hover { color: #fff; background-color: #29d6e6; } /* Outline Button Cyan */ .u-btn-outline-cyan { color: #00bed6; border-color: #00bed6; background-color: transparent; } .u-btn-outline-cyan:focus, .u-btn-outline-cyan.active, .u-btn-outline-cyan:hover { color: #fff; background-color: #00bed6; } /* Outline Button Teal */ .u-btn-outline-teal { color: #18ba9b; border-color: #18ba9b; background-color: transparent; } .u-btn-outline-teal:focus, .u-btn-outline-teal.active, .u-btn-outline-teal:hover { color: #fff; background-color: #18ba9b; } /* Outline Button Brown */ .u-btn-outline-brown { color: #9c8061; border-color: #9c8061; background-color: transparent; } .u-btn-outline-brown:focus, .u-btn-outline-brown.active, .u-btn-outline-brown:hover { color: #fff; background-color: #9c8061; } /* Outline Button Bluegrey */ .u-btn-outline-bluegray { color: #585f69; border-color: #585f69; background-color: transparent; } .u-btn-outline-bluegray:focus, .u-btn-outline-bluegray.active, .u-btn-outline-bluegray:hover { color: #fff; background-color: #585f69; } /* Button Facebook */ .u-btn-outline-facebook { color: #3b5998; border-color: #3b5998; background-color: transparent; } .u-btn-outline-facebook:focus, .u-btn-outline-facebook.active, .u-btn-outline-facebook:hover { color: #fff; background-color: #3b5998; } /* Button Twitter */ .u-btn-outline-twitter { color: #00acee; border-color: #00acee; background-color: transparent; } .u-btn-outline-twitter:focus, .u-btn-outline-twitter.active, .u-btn-outline-twitter:hover { color: #fff; background-color: #00acee; } /* Button Dribbble */ .u-btn-outline-dribbble { color: #ea4c89; border-color: #ea4c89; background-color: transparent; } .u-btn-outline-dribbble:focus, .u-btn-outline-dribbble.active, .u-btn-outline-dribbble:hover { color: #fff; background-color: #ea4c89; } /* Buttons Bitrix */ .u-theme-bitrix-btn-outline-v4 { color: #3330D9; border-color: #3330D9; background-color: transparent; } .u-theme-bitrix-btn-outline-v4:focus, .u-theme-bitrix-btn-outline-v4.active, .u-theme-bitrix-btn-outline-v4:hover { color: #fff; background-color: #3330D9; } .u-theme-bitrix-btn-outline-v6 { color: #2186F0; border-color: #2186F0; background-color: transparent; } .u-theme-bitrix-btn-outline-v6:focus, .u-theme-bitrix-btn-outline-v6.active, .u-theme-bitrix-btn-outline-v6:hover { color: #fff; background-color: #2186F0; } /* -------------------------------------- ---- Button for Type default outline ---- ---------------------------------------*/ .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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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; } /* ---------------------------------------- -- Double border for Type solid double -- -----------------------------------------*/ .g-color-black.g-btn-type-solid-double:before { border: solid 1px #000; } .g-color-black-opacity-0_1.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.1); } .g-color-black-opacity-0_3.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.3); } .g-color-black-opacity-0_5.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.5); } .g-color-black-opacity-0_6.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.6); } .g-color-black-opacity-0_7.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.7); } .g-color-black-opacity-0_8.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.8); } .g-color-black-opacity-0_9.g-btn-type-solid-double:before { border: solid 1px rgba(0, 0, 0, 0.9); } .g-color-white.g-btn-type-solid-double:before { border: solid 1px #fff; } .g-color-white-opacity-0_1.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.1); } .g-color-white-opacity-0_2.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.2); } .g-color-white-opacity-0_3.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.3); } .g-color-white-opacity-0_5.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.5); } .g-color-white-opacity-0_6.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.6); } .g-color-white-opacity-0_7.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.7); } .g-color-white-opacity-0_8.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.8); } .g-color-white-opacity-0_9.g-btn-type-solid-double:before { border: solid 1px rgba(255, 255, 255, 0.9); } .g-color-gray-light-v1.g-btn-type-solid-double:before { border: solid 1px #bbb; } .g-color-gray-light-v2.g-btn-type-solid-double:before { border: solid 1px #ccc; } .g-color-gray-light-v3.g-btn-type-solid-double:before { border: solid 1px #ddd; } .g-color-gray-light-v4.g-btn-type-solid-double:before { border: solid 1px #eee; } .g-color-gray-light-v5.g-btn-type-solid-double:before { border: solid 1px #f7f7f7; } .g-color-gray-dark-v1.g-btn-type-solid-double:before { border: solid 1px #111; } .g-color-gray-dark-v2.g-btn-type-solid-double:before { border: solid 1px #333; } .g-color-gray-dark-v3.g-btn-type-solid-double:before { border: solid 1px #555; } .g-color-gray-dark-v4.g-btn-type-solid-double:before { border: solid 1px #777; } .g-color-gray-dark-v5.g-btn-type-solid-double:before { border: solid 1px #999; } .g-color-green.g-btn-type-solid-double:before { border: solid 1px #72c02c; } .g-color-blue.g-btn-type-solid-double:before { border: solid 1px #3398dc; } .g-color-blue-dark-v1.g-btn-type-solid-double:before { border: solid 1px #175a88; } .g-color-lightblue.g-btn-type-solid-double:before { border: solid 1px #edf2f8; } .g-color-lightblue-v1.g-btn-type-solid-double:before { border: solid 1px #d6e2ee; } .g-color-darkblue.g-btn-type-solid-double:before { border: solid 1px #009; } .g-color-indigo.g-btn-type-solid-double:before { border: solid 1px #4263a3; } .g-color-red.g-btn-type-solid-double:before { border: solid 1px #f00; } .g-color-lightred.g-btn-type-solid-double:before { border: solid 1px #e64b3b; } .g-color-darkred.g-btn-type-solid-double:before { border: solid 1px #a10f2b; } .g-color-purple.g-btn-type-solid-double:before { border: solid 1px #9a69cb; } .g-color-darkpurple.g-btn-type-solid-double:before { border: solid 1px #6639b6; } .g-color-pink.g-btn-type-solid-double:before { border: solid 1px #e81c62; } .g-color-pink-dark-v1.g-btn-type-solid-double:before { border: solid 1px #6f0b2d; } .g-color-orange.g-btn-type-solid-double:before { border: solid 1px #e57d20; } .g-color-deeporange.g-btn-type-solid-double:before { border: solid 1px #fe541e; } .g-color-yellow.g-btn-type-solid-double:before { border: solid 1px #ebc71d; } .g-color-aqua.g-btn-type-solid-double:before { border: solid 1px #29d6e6; } .g-color-aqua-dark-v1.g-btn-type-solid-double:before { border: solid 1px #11848e; } .g-color-cyan.g-btn-type-solid-double:before { border: solid 1px #00bed6; } .g-color-teal.g-btn-type-solid-double:before { border: solid 1px #18ba9b; } .g-color-brown.g-btn-type-solid-double:before { border: solid 1px #9c8061; } .g-color-bluegray.g-btn-type-solid-double:before { border: solid 1px #585f69; } .g-theme-event-color-gray-dark-v1.g-btn-type-solid-double:before { border: solid 1px #979aa7; } .g-theme-bitrix-color-v4.g-btn-type-solid-double:before { border: solid 1px #60E7F5; } /* ---------------------------------------- -- Double border for Type outline double -- -----------------------------------------*/ .g-color-black.g-btn-type-outline-double:hover:before { border: solid 1px #000; } .g-color-black-opacity-0_1.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.1); } .g-color-black-opacity-0_3.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.3); } .g-color-black-opacity-0_5.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.5); } .g-color-black-opacity-0_6.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.6); } .g-color-black-opacity-0_7.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.7); } .g-color-black-opacity-0_8.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.8); } .g-color-black-opacity-0_9.g-btn-type-outline-double:hover:before { border: solid 1px rgba(0, 0, 0, 0.9); } .g-color-white.g-btn-type-outline-double:hover:before { border: solid 1px #fff; } .g-color-white-opacity-0_1.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.1); } .g-color-white-opacity-0_2.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.2); } .g-color-white-opacity-0_3.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.3); } .g-color-white-opacity-0_5.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.5); } .g-color-white-opacity-0_6.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.6); } .g-color-white-opacity-0_7.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.7); } .g-color-white-opacity-0_8.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.8); } .g-color-white-opacity-0_9.g-btn-type-outline-double:hover:before { border: solid 1px rgba(255, 255, 255, 0.9); } .g-color-gray-light-v1.g-btn-type-outline-double:hover:before { border: solid 1px #bbb; } .g-color-gray-light-v2.g-btn-type-outline-double:hover:before { border: solid 1px #ccc; } .g-color-gray-light-v3.g-btn-type-outline-double:hover:before { border: solid 1px #ddd; } .g-color-gray-light-v4.g-btn-type-outline-double:hover:before { border: solid 1px #eee; } .g-color-gray-light-v5.g-btn-type-outline-double:hover:before { border: solid 1px #f7f7f7; } .g-color-gray-dark-v1.g-btn-type-outline-double:hover:before { border: solid 1px #111; } .g-color-gray-dark-v2.g-btn-type-outline-double:hover:before { border: solid 1px #333; } .g-color-gray-dark-v3.g-btn-type-outline-double:hover:before { border: solid 1px #555; } .g-color-gray-dark-v4.g-btn-type-outline-double:hover:before { border: solid 1px #777; } .g-color-gray-dark-v5.g-btn-type-outline-double:hover:before { border: solid 1px #999; } .g-color-green.g-btn-type-outline-double:hover:before { border: solid 1px #72c02c; } .g-color-blue.g-btn-type-outline-double:hover:before { border: solid 1px #3398dc; } .g-color-blue-dark-v1.g-btn-type-outline-double:hover:before { border: solid 1px #175a88; } .g-color-lightblue.g-btn-type-outline-double:hover:before { border: solid 1px #edf2f8; } .g-color-lightblue-v1.g-btn-type-outline-double:hover:before { border: solid 1px #d6e2ee; } .g-color-darkblue.g-btn-type-outline-double:hover:before { border: solid 1px #009; } .g-color-indigo.g-btn-type-outline-double:hover:before { border: solid 1px #4263a3; } .g-color-red.g-btn-type-outline-double:hover:before { border: solid 1px #f00; } .g-color-lightred.g-btn-type-outline-double:hover:before { border: solid 1px #e64b3b; } .g-color-darkred.g-btn-type-outline-double:hover:before { border: solid 1px #a10f2b; } .g-color-purple.g-btn-type-outline-double:hover:before { border: solid 1px #9a69cb; } .g-color-darkpurple.g-btn-type-outline-double:hover:before { border: solid 1px #6639b6; } .g-color-pink.g-btn-type-outline-double:hover:before { border: solid 1px #e81c62; } .g-color-pink-dark-v1.g-btn-type-outline-double:hover:before { border: solid 1px #6f0b2d; } .g-color-orange.g-btn-type-outline-double:hover:before { border: solid 1px #e57d20; } .g-color-deeporange.g-btn-type-outline-double:hover:before { border: solid 1px #fe541e; } .g-color-yellow.g-btn-type-outline-double:hover:before { border: solid 1px #ebc71d; } .g-color-aqua.g-btn-type-outline-double:hover:before { border: solid 1px #29d6e6; } .g-color-aqua-dark-v1.g-btn-type-outline-double:hover:before { border: solid 1px #11848e; } .g-color-cyan.g-btn-type-outline-double:hover:before { border: solid 1px #00bed6; } .g-color-teal.g-btn-type-outline-double:hover:before { border: solid 1px #18ba9b; } .g-color-brown.g-btn-type-outline-double:hover:before { border: solid 1px #9c8061; } .g-color-bluegray.g-btn-type-outline-double:hover:before { border: solid 1px #585f69; } .g-theme-event-color-gray-dark-v1.g-btn-type-outline-double:hover:before { border: solid 1px #979aa7; } .g-theme-bitrix-color-v4.g-btn-type-outline-double:hover:before { border: solid 1px #60E7F5; } /*------------------------------------ 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-86 { font-size: 6.14286rem !important; } .g-font-size-90 { font-size: 6.42857rem !important; } .g-font-size-120 { font-size: 8.57143rem !important; } .g-font-size-200 { font-size: 14.28571rem !important; } .g-font-size-180 { font-size: 12.85714rem !important; } @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; } } @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; } } @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-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; } } @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; } .g-font-weight-auto { font-weight: 400 !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 Line Height ------------------------------------*/ .g-line-height-0 { line-height: normal !important; } .g-line-height-0_7 { line-height: .7 !important; } .g-line-height-0_8 { line-height: .8 !important; } .g-line-height-0_9 { line-height: .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; } @media (max-width: 575px) { *[class*="g-line-height-"] { line-height: normal !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 { /* P */ 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 { /* P */ 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; /* O */ } .g-left-45 { left: 3.21429rem; /* P */ } .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 { /* P */ 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; /* P */ } .g-right-55 { right: 3.92857rem; /* O */ } .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 { /* P */ 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%; } /* Z */ @media (min-width: 576px) { .g-top-auto--sm { top: auto; } .g-left-auto--sm { left: auto; } } /* O */ @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; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-absolute-centered--x { position: absolute !important; left: 50% !important; -ms-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; -ms-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; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } } .g-absolute-centered--y { position: absolute !important; top: 50% !important; -ms-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; -ms-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; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } } /* O */ .g-transform-origin--top-left { -ms-transform-origin: top left; transform-origin: top left; } .g-transform-origin--top-right { -ms-transform-origin: top right; transform-origin: top right; } .g-absolute-centered--y--scl-0_6 { position: absolute; top: 50%; -ms-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; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-relative-centered--x { position: relative; left: 50% !important; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .g-relative-centered--y { position: relative; top: 50% !important; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } /* Flex centered */ .g-flex-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .g-flex-centered-item { -ms-flex: 1; flex: 1; } .g-flex-centered-item--top { -ms-flex-item-align: start; align-self: flex-start; } .g-flex-centered-item--bottom { -ms-flex-item-align: end; align-self: flex-end; } /* Flex right */ .g-flex-right--xs { -ms-flex-pack: end; justify-content: flex-end; } /* Flex middle */ .g-flex-middle { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: justify; 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 { -ms-flex: none; flex: none; max-width: 50%; } @media (min-width: 768px) { /* Flex right */ .g-flex-right--md { -ms-flex-pack: end; justify-content: flex-end; } .g-flex-centered--md { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* O */ .g-absolute-centered--y--scl-1--md { position: absolute; top: 50%; -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } } /* Z */ @media (min-width: 576px) { .g-absolute-centered--sm { position: absolute !important; top: 50% !important; left: 50% !important; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } } /* O */ @media (min-width: 576px) { .g-absolute-centered--x-sm--reset { position: static !important; left: auto !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } } @media (min-width: 992px) { .g-absolute-centered--x--lg { position: absolute !important; left: 50% !important; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .g-flex-centered--lg { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: 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 { filter: blur(30px); } .g-blur-30--hover:hover { filter: blur(30px); } .g-parent:hover .g-blur-30--parent-hover { 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 ------------------------------------*/ /*.g-transition { &-0_2 { transition: .2s ease-out; } &-0_3 { transition: .3s ease-out; } &-0_6 { transition: .6s ease-out; &-ease { transition: .6s ease; } } } [class*="g-color-"][class*="--hover"] { transition: color .2s ease-out; } [class*="g-bg-"][class*="--hover"] { transition: background-color .3s ease-out; } [class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] { transition: .3s ease-out; }*/ [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 { transition-duration: 0s; } .g-transition-0::before, .g-transition-0::after, .g-transition-0 path, .g-transition-0 polygon { transition-duration: 0s; } .g-transition-0_1 { transition-duration: .1s; } .g-transition-0_1::before, .g-transition-0_1::after, .g-transition-0_1 path, .g-transition-0_1 polygon { transition-duration: .1s; } .g-transition-0_2 { transition-duration: .2s; } .g-transition-0_2::before, .g-transition-0_2::after, .g-transition-0_2 path, .g-transition-0_2 polygon { transition-duration: .2s; } .g-transition-0_3 { transition-duration: .3s; } .g-transition-0_3::before, .g-transition-0_3::after, .g-transition-0_3 path, .g-transition-0_3 polygon { transition-duration: .3s; } .g-transition-0_5 { transition-duration: .5s; } .g-transition-0_5::before, .g-transition-0_5::after, .g-transition-0_5 path, .g-transition-0_5 polygon { transition-duration: .5s; } .g-transition-0_6 { transition-duration: .6s; } .g-transition-0_6::before, .g-transition-0_6::after, .g-transition-0_6 path, .g-transition-0_6 polygon { transition-duration: .6s; } .g-transition-delay-0_11 { transition-delay: .11s; } .g-transition-delay-0_11::before, .g-transition-delay-0_11::after, .g-transition-delay-0_11 path, .g-transition-delay-0_11 polygon { transition-delay: .11s; } .g-transition-delay-0_2 { transition-delay: .2s; } .g-transition-delay-0_2::before, .g-transition-delay-0_2::after, .g-transition-delay-0_2 path, .g-transition-delay-0_2 polygon { transition-delay: .2s; } .g-transition-delay-0_45 { transition-delay: .45s; } .g-transition-delay-0_45::before, .g-transition-delay-0_45::after, .g-transition-delay-0_45 path, .g-transition-delay-0_45 polygon { transition-delay: .45s; } .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_5 { -ms-transform: scale(0.5); transform: scale(0.5); } .g-transform-scale-0_5--hover:hover { -ms-transform: scale(0.5); transform: scale(0.5); } .g-parent:hover .g-transform-scale-0_5--parent-hover { -ms-transform: scale(0.5); transform: scale(0.5); } .g-transform-scale-0_8 { -ms-transform: scale(0.8); transform: scale(0.8); } .g-transform-scale-0_8--hover:hover { -ms-transform: scale(0.8); transform: scale(0.8); } .g-parent:hover .g-transform-scale-0_8--parent-hover { -ms-transform: scale(0.8); transform: scale(0.8); } .g-transform-scale-0_85 { -ms-transform: scale(0.85); transform: scale(0.85); } .g-transform-scale-0_85--hover:hover { -ms-transform: scale(0.85); transform: scale(0.85); } .g-parent:hover .g-transform-scale-0_85--parent-hover { -ms-transform: scale(0.85); transform: scale(0.85); } .g-transform-scale-0_9 { -ms-transform: scale(0.9); transform: scale(0.9); } .g-transform-scale-0_9--hover:hover { -ms-transform: scale(0.9); transform: scale(0.9); } .g-parent:hover .g-transform-scale-0_9--parent-hover { -ms-transform: scale(0.9); transform: scale(0.9); } .g-transform-scale-1 { -ms-transform: scale(1); transform: scale(1); } .g-transform-scale-1--hover:hover { -ms-transform: scale(1); transform: scale(1); } .g-parent:hover .g-transform-scale-1--parent-hover { -ms-transform: scale(1); transform: scale(1); } .g-transform-scale-1_05 { transform: scale3d(1.05, 1.05, 1.05); } .g-transform-scale-1_05--hover:hover { transform: scale3d(1.05, 1.05, 1.05); z-index: 2; } .g-parent:hover .g-transform-scale-1_05--parent-hover { transform: scale3d(1.1, 1.1, 1.1); } .g-transform-scale-1_1 { transform: scale3d(1.1, 1.1, 1.1); } .g-transform-scale-1_1--hover:hover { transform: scale3d(1.1, 1.1, 1.1); z-index: 2; } .g-parent:hover .g-transform-scale-1_1--parent-hover { transform: scale3d(1.1, 1.1, 1.1); } .g-transform-scale-1_2 { -ms-transform: scale(1.2); transform: scale(1.2); } .g-transform-scale-1_2--hover:hover { -ms-transform: scale(1.2); transform: scale(1.2); } .g-parent:hover .g-transform-scale-1_2--parent-hover { -ms-transform: scale(1.2); transform: scale(1.2); } .g-transform-translate-x-100x { -ms-transform: translateX(100%); transform: translateX(100%); } .g-transform-translate-x-100x--hover:hover { -ms-transform: translateX(100%); transform: translateX(100%); } .g-parent:hover .g-transform-translate-x-100x--parent-hover { -ms-transform: translateX(100%); transform: translateX(100%); } .g-transform-translate-x-minus-100x { -ms-transform: translateX(-100%); transform: translateX(-100%); } .g-transform-translate-x-minus-100x--hover:hover { -ms-transform: translateX(-100%); transform: translateX(-100%); } .g-parent:hover .g-transform-translate-x-minus-100x--parent-hover { -ms-transform: translateX(-100%); transform: translateX(-100%); } .g-transform-translate-y-5 { -ms-transform: translateY(5px); transform: translateY(5px); } .g-transform-translate-y-5--hover:hover { -ms-transform: translateY(5px); transform: translateY(5px); } .g-parent:hover .g-transform-translate-y-5--parent-hover { -ms-transform: translateY(5px); transform: translateY(5px); } .g-transform-translate-y-100x { -ms-transform: translateY(100%); transform: translateY(100%); } .g-transform-translate-y-100x--hover:hover { -ms-transform: translateY(100%); transform: translateY(100%); } .g-parent:hover .g-transform-translate-y-100x--parent-hover { -ms-transform: translateY(100%); transform: translateY(100%); } .g-transform-translate-y-minus-5 { -ms-transform: translateY(-5px); transform: translateY(-5px); } .g-transform-translate-y-minus-5--hover:hover { -ms-transform: translateY(-5px); transform: translateY(-5px); } .g-parent:hover .g-transform-translate-y-minus-5--parent-hover { -ms-transform: translateY(-5px); transform: translateY(-5px); } .g-transform-translate-y-minus-70 { -ms-transform: translateY(-70px); transform: translateY(-70px); } .g-transform-translate-y-minus-70--hover:hover { -ms-transform: translateY(-70px); transform: translateY(-70px); } .g-parent:hover .g-transform-translate-y-minus-70--parent-hover { -ms-transform: translateY(-70px); transform: translateY(-70px); } .g-transform-translate-y-minus-100x { -ms-transform: translateY(-100%); transform: translateY(-100%); } .g-transform-translate-y-minus-100x--hover:hover { -ms-transform: translateY(-100%); transform: translateY(-100%); } .g-parent:hover .g-transform-translate-y-minus-100x--parent-hover { -ms-transform: translateY(-100%); transform: translateY(-100%); } /*------------------------------------ Opacity ------------------------------------*/ .opacity-0 { opacity: 0 !important; } .g-opacity-0_3 { opacity: .3 !important; } .g-opacity-0_4 { opacity: .4 !important; } .g-opacity-0_5 { opacity: .5 !important; } .g-opacity-0_6 { opacity: .6 !important; } .g-opacity-0_7 { opacity: .7 !important; } .g-opacity-0_8 { opacity: .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: .3 !important; } .g-parent:hover .g-opacity-0_3--parent-hover { opacity: .3 !important; } .g-opacity-0_5--hover:hover { opacity: .5 !important; } .g-parent:hover .g-opacity-0_5--parent-hover { opacity: .5 !important; } .g-opacity-0_6--hover:hover { opacity: .6 !important; } .g-parent:hover .g-opacity-0_6--parent-hover { opacity: .6 !important; } .g-opacity-0_7--hover:hover { opacity: .7 !important; } .g-parent:hover .g-opacity-0_7--parent-hover { opacity: .7 !important; } .g-opacity-0_8--hover:hover { opacity: .8 !important; } .g-parent:hover .g-opacity-0_8--parent-hover { opacity: .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; } /*------------------------------------ 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 ------------------------------------*/ /* Inherit Colors */ .g-color-inherit { color: inherit !important; } /* Black Colors */ .g-color-black { color: #000 !important; } .g-color-black * { color: #000; } .g-color-black p { 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 * { 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 * { color: rgba(0, 0, 0, 0.1); } .g-color-black-opacity-0_1 p { 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 * { 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 * { color: rgba(0, 0, 0, 0.3); } .g-color-black-opacity-0_3 p { 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 * { 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 * { color: rgba(0, 0, 0, 0.5); } .g-color-black-opacity-0_5 p { 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 * { 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 * { color: rgba(0, 0, 0, 0.6); } .g-color-black-opacity-0_6 p { 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 * { 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 * { color: rgba(0, 0, 0, 0.7); } .g-color-black-opacity-0_7 p { 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 * { 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 * { color: rgba(0, 0, 0, 0.8); } .g-color-black-opacity-0_8 p { 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 * { 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 * { color: rgba(0, 0, 0, 0.9); } .g-color-black-opacity-0_9 p { 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 * { color: rgba(0, 0, 0, 0.9) !important; } /* White Colors */ .g-color-white { color: #fff !important; } .g-color-white * { color: #fff; } .g-color-white p { 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 * { 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 * { color: rgba(255, 255, 255, 0.1); } .g-color-white-opacity-0_1 p { 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 * { 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 * { color: rgba(255, 255, 255, 0.2); } .g-color-white-opacity-0_2 p { 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 * { 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 * { color: rgba(255, 255, 255, 0.3); } .g-color-white-opacity-0_3 p { 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 * { 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 *, .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); } .g-color-white-opacity-0_5 p, .g-color-white-opacity-0_5--hover:hover p, .g-color-white-opacity--hover:active p, .g-color-white-opacity--hover:focus p, .g-color-white-opacity--hover.active p { 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 * { color: rgba(255, 255, 255, 0.6); } .g-color-white-opacity-0_6 p { 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 * { 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 *, .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); } .g-color-white-opacity-0_7 p, .g-color-white-opacity-0_7--hover:hover p, .g-color-white-opacity--hover:active p, .g-color-white-opacity--hover:focus p, .g-color-white-opacity--hover.active p { 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 * { color: rgba(255, 255, 255, 0.75); } .g-color-white-opacity-0_75 p { 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 * { 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 * { color: rgba(255, 255, 255, 0.8); } .g-color-white-opacity-0_8 p { 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 * { 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 *, .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); } .g-color-white-opacity-0_9 p, .g-color-white-opacity-0_9--hover:hover p, .g-color-white-opacity--hover:active p, .g-color-white-opacity--hover:focus p, .g-color-white-opacity--hover.active p { 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 * { color: #bbb !important; } .g-color-gray-light-v1 * { color: #bbb; } .g-color-gray-light-v1 p { color: #bbb; } .g-color-gray-light-v2 { color: #ccc !important; } .g-color-gray-light-v2 * { color: #ccc; } .g-color-gray-light-v2 p { 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 * { color: #ccc !important; } .g-color-gray-light-v3 { color: #ddd !important; } .g-color-gray-light-v3 * { color: #ddd; } .g-color-gray-light-v3 p { 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 * { color: #ddd !important; } .g-color-gray-light-v4 { color: #eee !important; } .g-color-gray-light-v4 * { color: #eee; } .g-color-gray-light-v4 p { 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 * { 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 * { color: #f7f7f7; } .g-color-gray-light-v5 p { 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 * { color: #f7f7f7 !important; } .g-color-gray-dark-v1 { color: #111 !important; } .g-color-gray-dark-v1 * { color: #111; } .g-color-gray-dark-v1 p { 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 * { color: #111 !important; } .g-color-gray-dark-v2 { color: #333 !important; } .g-color-gray-dark-v2 * { color: #333; } .g-color-gray-dark-v2 p { 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 * { 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 * { color: #555; } .g-color-gray-dark-v3 p { 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 * { color: #555 !important; } .g-color-gray-dark-v4 { color: #777 !important; } .g-color-gray-dark-v4 * { color: #777; } .g-color-gray-dark-v4 p { 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 * { color: #777 !important; } .g-color-gray-dark-v5 { color: #999 !important; } .g-color-gray-dark-v5 * { color: #999; } .g-color-gray-dark-v5 p { 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 * { 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 * { color: #72c02c; } .g-color-green p { 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 * { color: #72c02c !important; } /* Color Blue */ .g-color-blue { color: #3398dc !important; } .g-color-blue * { color: #3398dc; } .g-color-blue p { 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 * { color: #3398dc !important; } .g-color-blue-dark-v1 { color: #175a88 !important; } .g-color-blue-dark-v1 * { color: #175a88; } .g-color-blue-dark-v1 p { color: #175a88; } .g-color-blue-dark-v1--hover:hover { color: #175a88 !important; } .g-color-blue-dark-v1--hover:hover * { color: #175a88 !important; } /* Color Light Blue */ .g-color-lightblue { color: #edf2f8 !important; } .g-color-lightblue * { color: #edf2f8; } .g-color-lightblue p { 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 * { color: #edf2f8 !important; } .g-color-lightblue-v1 { color: #d6e2ee !important; } .g-color-lightblue-v1 * { color: #d6e2ee; } .g-color-lightblue-v1 p { 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 * { color: #d6e2ee !important; } /* Color Dark Blue */ .g-color-darkblue { color: #009 !important; } .g-color-darkblue * { color: #009; } .g-color-darkblue p { 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 * { color: #009 !important; } /* Color Indigo */ .g-color-indigo { color: #4263a3 !important; } .g-color-indigo * { color: #4263a3; } .g-color-indigo p { 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 * { color: #4263a3 !important; } /* Color Red */ .g-color-red { color: #f00 !important; } .g-color-red * { color: #f00; } .g-color-red p { 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 * { color: #f00 !important; } *:hover > .g-color-red--parent-hover { color: #f00 !important; } /* Color Light Red */ .g-color-lightred { color: #e64b3b !important; } .g-color-lightred * { color: #e64b3b; } .g-color-lightred p { 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 * { color: #e64b3b !important; } /* Color Dark Red */ .g-color-darkred { color: #a10f2b !important; } .g-color-darkred * { color: #a10f2b; } .g-color-darkred p { 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 * { color: #a10f2b !important; } /* Color Purple */ .g-color-purple { color: #9a69cb !important; } .g-color-purple * { color: #9a69cb; } .g-color-purple p { 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 * { color: #9a69cb !important; } .g-color-purple-dark-v1 { color: #552c7e !important; } /* Color Dark Purple */ .g-color-darkpurple { color: #6639b6 !important; } .g-color-darkpurple * { color: #6639b6; } .g-color-darkpurple p { 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 * { color: #6639b6 !important; } /* Color Pink */ .g-color-pink { color: #e81c62 !important; } .g-color-pink * { color: #e81c62; } .g-color-pink p { 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 * { color: #e81c62 !important; } .g-color-pink-dark-v1 { color: #6f0b2d !important; } .g-color-pink-dark-v1 * { color: #6f0b2d; } .g-color-pink-dark-v1 p { color: #6f0b2d; } .g-color-pink-dark-v1--hover:hover { color: #6f0b2d !important; } /* Color Orange */ .g-color-orange { color: #e57d20 !important; } .g-color-orange * { color: #e57d20; } .g-color-orange p { 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 * { color: #e57d20 !important; } /* Color Deep Orange */ .g-color-deeporange { color: #fe541e !important; } .g-color-deeporange * { color: #fe541e; } .g-color-deeporange p { 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 * { color: #fe541e !important; } /* Color Yellow */ .g-color-yellow { color: #ebc71d !important; } .g-color-yellow * { color: #ebc71d; } .g-color-yellow p { 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 * { color: #ebc71d !important; } /* Color Aqua */ .g-color-aqua { color: #29d6e6 !important; } .g-color-aqua * { color: #29d6e6; } .g-color-aqua p { 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 * { color: #29d6e6 !important; } .g-color-aqua-dark-v1 { color: #11848e !important; } .g-color-aqua-dark-v1 * { color: #11848e; } .g-color-aqua-dark-v1 p { 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 * { color: #11848e !important; } /* Color Cyan */ .g-color-cyan { color: #00bed6 !important; } .g-color-cyan * { color: #00bed6; } .g-color-cyan p { 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 * { color: #00bed6 !important; } /* Color Teal */ .g-color-teal { color: #18ba9b !important; } .g-color-teal * { color: #18ba9b; } .g-color-teal p { 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 * { color: #18ba9b !important; } /* Color Brown */ .g-color-brown { color: #9c8061 !important; } .g-color-brown * { color: #9c8061; } .g-color-brown p { 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 * { color: #9c8061 !important; } /* Color Blue Gray */ .g-color-bluegray { color: #585f69 !important; } .g-color-bluegray * { color: #585f69; } .g-color-bluegray p { 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 * { color: #585f69 !important; } /*------------------------------------ Widths ------------------------------------*/ /* Width in Percentage (%) */ .g-width-30x { width: 30% !important; /* P */ } .g-width-40x { width: 40% !important; /* P */ } .g-width-50x { width: 50% !important; /* P */ } .g-width-60x { width: 60% !important; /* P */ } .g-width-70x { width: 70% !important; /* P */ } .g-width-80x { width: 80% !important; /* P */ } .g-width-90x { width: 90% !important; /* P */ } @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) { /* P */ .g-width-20x--md { width: 20% !important; /* P */ } .g-width-25x--md { width: 25% !important; /* P */ } .g-width-30x--md { width: 30% !important; /* P */ } .g-width-35x--md { width: 35% !important; /* P */ } .g-width-40x--md { width: 40% !important; /* P */ } .g-width-45x--md { width: 45% !important; /* P */ } .g-width-50x--md { width: 50% !important; /* P */ } .g-width-55x--md { width: 55% !important; /* P */ } .g-width-60x--md { width: 60% !important; /* P */ } .g-width-65x--md { width: 65% !important; /* P */ } .g-width-70x--md { width: 70% !important; /* P */ } .g-width-75x--md { width: 75% !important; /* P */ } .g-width-80x--md { width: 80% !important; /* P */ } .g-width-85x--md { width: 85% !important; /* P */ } .g-width-90x--md { width: 90% !important; /* P */ } .g-width-33_3x--md { /* P */ width: 33.333333% !important; } .g-width-16_6x--md { /* P */ width: 16.666666% !important; } .g-width-66_6x--md { /* P */ width: 66.666666% !important; } } .g-width-100x--after { width: 100%; } .g-width-auto { width: auto !important; /* P */ } /* 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; /* P */ } .g-width-100vw { width: 100vw !important; /* P */ } /* Width in Pixels (px) */ .g-width-3 { width: 3px !important; /* O */ } .g-width-10 { width: 10px !important; /* O */ } .g-width-12 { width: 12px !important; /* Z */ } .g-width-15 { width: 16px !important; /* O */ } .g-width-16 { width: 16px !important; /* O */ } .g-width-18 { width: 18px !important; /* O */ } .g-width-20 { width: 20px !important; /* O */ } .g-width-24 { width: 24px !important; /* O */ } .g-width-25 { width: 25px !important; } .g-width-26 { width: 26px !important; /* P */ } .g-width-28 { width: 28px !important; /* O */ } .g-width-30 { width: 30px !important; /* P */ } .g-width-32 { width: 32px !important; /* O */ } .g-width-35 { width: 35px !important; /* P */ } .g-width-36 { width: 36px !important; /* O */ } .g-width-40 { width: 40px !important; /* P */ } .g-width-45 { width: 45px !important; /* P */ } .g-width-48 { width: 48px !important; /* P */ } .g-width-50 { width: 50px !important; /* P */ } .g-width-54 { width: 54px !important; /* P */ } .g-width-55 { width: 55px !important; /* P */ } .g-width-60 { width: 60px !important; /* P */ } .g-width-64 { width: 64px !important; /* P */ } .g-width-70 { width: 70px !important; /* P */ } .g-width-75 { width: 75px !important; /* O */ } .g-width-80 { width: 80px !important; /* P */ } .g-width-85 { width: 85px !important; /* P */ } .g-width-95 { width: 95px !important; /* P */ } .g-width-100 { width: 100px !important; /* P */ } .g-width-105 { width: 105px; } .g-width-110 { width: 110px !important; /* O */ } .g-width-115 { width: 115px !important; /* O */ } .g-width-120 { width: 120px !important; /* P */ } .g-width-125 { width: 125px !important; /* P */ } .g-width-130 { width: 130px !important; /* P */ } .g-width-135 { width: 135px !important; /* O */ } .g-width-140 { width: 140px !important; /* P */ } .g-width-150 { width: 150px !important; } .g-width-160 { width: 160px !important; /* P */ } .g-width-170 { width: 170px !important; /* P */ } .g-width-180 { width: 180px !important; /* O */ } .g-width-200 { width: 200px !important; /* P */ } .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; /* P */ max-width: 100%; } .g-width-270 { width: 270px !important; /* O */ max-width: 100%; } .g-width-300 { width: 300px !important; /* P */ max-width: 100%; } .g-width-400 { width: 400px !important; /* O */ max-width: 100%; } .g-width-340 { width: 340px !important; /* O */ max-width: 100%; } .g-width-360 { width: 360px !important; /* O */ max-width: 100%; } .g-width-370 { width: 370px !important; /* P */ max-width: 100%; } .g-width-380 { width: 380px !important; /* O */ max-width: 100%; } .g-width-410 { width: 410px !important; /* O */ } .g-width-460 { width: 460px !important; /* O */ max-width: 100%; } .g-width-465 { width: 465px !important; /* O */ max-width: 100%; } .g-width-485 { width: 485px !important; /* O */ max-width: 100%; } .g-width-560 { width: 560px !important; /* O */ max-width: 100%; } .g-width-590 { width: 590px !important; max-width: 100%; } .g-width-600 { width: 600px !important; /* O */ max-width: 100%; } .g-width-630 { width: 630px !important; /* O */ max-width: 100%; } .g-width-680 { width: 680px !important; /* O */ max-width: 100%; } .g-width-720 { width: 720px !important; /* O */ 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; /* P */ max-width: 100%; } .g-width-900 { width: 900px !important; /* P */ 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; /* O */ } .g-max-width-180 { max-width: 180px; /* P */ } .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; /* P */ } .g-width-50x--sm { width: 50% !important; /* P */ } .g-width-80x--sm { width: 80% !important; /* R */ } .g-width-100--sm { width: 100px !important; /* P */ } .g-width-150--sm { width: 150px !important; /* O */ } .g-width-170--sm { width: 170px !important; /* O */ } .g-width-180--sm { width: 180px !important; } .g-min-width-180--sm { min-width: 180px; } .g-width-485--sm { width: 485px !important; /* O */ max-width: 100%; } .g-width-540--sm { width: 540px !important; /* O */ } .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; /* P */ } .g-width-40--md { width: 40px !important; /* O */ } .g-width-45--md { width: 45px !important; /* O */ } .g-width-60--md { width: 60px !important; /* O */ } .g-width-80--md { width: 80px !important; /* O */ } .g-width-50x--md { width: 50% !important; /* P */ } .g-width-60x--md { width: 60% !important; /* P */ } .g-width-80x--md { width: 80% !important; /* R */ } .g-width-45--md { width: 45px !important; } .g-width-100--md { width: 100px !important; /* O */ } .g-width-125--md { width: 125px !important; /* P */ } .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; /* P */ } .g-width-185--md { width: 185px !important; /* O */ } .g-width-720--md { width: 720px !important; /* O */ } .g-width-780--md { width: 780px !important; /* O */ 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; /* P */ } } @media (min-width: 992px) { .g-width-100x--lg { width: 100% !important; /* P */ } .g-width-155--lg { width: 155px !important; /* O */ } .g-width-165--lg { width: 165px !important; } .g-width-200--lg { width: 200px !important; /* O */ max-width: 100%; } .g-width-250--lg { /* RG-Q */ width: 250px !important; /* P */ max-width: 100%; } .g-width-485--lg { width: 485px !important; /* O */ max-width: 100%; } .g-width-auto--lg { width: auto !important; /* P */ } .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: .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; /* O */ } .g-height-30 { height: 30px !important; } .g-height-32 { height: 32px; /* O */ } .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; /* O */ } .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; /* O */ } .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; /* O */ } .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; /* O */ } .g-height-180 { height: 180px !important; /* O */ } .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; /* O */ 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 */ /* P */ @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-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-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 */ /* P */ @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; /* O */ 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; } /* 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: 100%; 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>"); } /*------------------------------------ Components ------------------------------------*/ /*------------------------------------ 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: .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); -ms-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; -ms-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 { -ms-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: .2s ease; } .u-header [class*="u-header__section"] { transition: .2s 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--relative:not(.js-header-fix-moment) { position: relative; } .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; /*transition: .3s ease;*/ } .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 .2s; height: auto; opacity: 1; } .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: .7em; } .g-menu-sublevel-toggler:hover span { border-bottom: 1px dashed; } .g-menu-sublevel-toggler--parent { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .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; } /* NAVBAR menus */ .navbar .navbar-collapse { width: 100%; -ms-flex-order: 10; order: 10; } @media all and (max-width: 1199px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-pack: start; justify-content: flex-start; } } @media all and (max-width: 991px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-pack: start; 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 { -ms-flex-pack: start; 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 { -ms-flex-pack: start; justify-content: flex-start; } } .navbar-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbar-nav .nav-item.list-group-item { background: transparent; } .navbar.u-navbar-modal .navbar-collapse { position: absolute !important; top: 0px; left: 0px; width: 100%; max-height: 100vh; background: rgba(0, 0, 0, 0.25); } .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; } .navigation-right.collapse:not(.show) { display: none; position: absolute; right: -100px; top: -25px; width: 80%; background-color: #8a8a8a; z-index: 100; height: 100vh; } .navigation-right:not(.show) { display: none; position: absolute; right: -100px; top: -25px; width: 80%; background-color: #8a8a8a; z-index: 100; height: 100vh; } .navigation-right.collapse { display: block; position: absolute; right: 0px; transition: right 4s; top: -25px; width: 70%; background-color: white; z-index: 100; height: 100vh; } .navigation-background.navbar-toggler:not(.collapsed)::before { content: ''; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background: rgba(0, 0, 0, 0.45); } .navigation-background.navbar-toggler:not(.collapsed) .hamburger-inner { background-color: white !important; } .navigation-background .hamburger--slider.is-active { position: fixed; left: 40px; top: 7px; background-color: rgba(255, 255, 255, 0.3); border: 1px solid white; } .landing-edit-mode .navbar.u-navbar-modal .navbar-collapse { position: relative !important; display: block; margin-top: 0 !important; padding-top: 10px !important; } .navbar.u-navbar-modal .g-landing-alert-v3 { margin-right: 0; width: calc(100% - 60px); } @media (min-width: 768px) { .navbar.u-navbar-modal .navbar-collapse { width: 50%; max-width: 50%; } .navbar.u-navbar-modal .g-landing-alert-v3 { margin-right: auto; width: 33%; } } @media (min-width: 992px) { .navbar.u-navbar-modal .navbar-collapse { width: 33%; max-width: 33%; } .navbar.u-navbar-modal .g-landing-alert-v3 { margin-right: auto; width: 33%; } } /* ALIGNS */ .u-navbar-align-left .navbar-nav { width: 100%; -ms-flex-pack: start; justify-content: flex-start; } .u-navbar-align-right .navbar-nav { width: 100%; -ms-flex-pack: end; justify-content: flex-end; } .u-navbar-align-center .navbar-nav { width: 100%; -ms-flex-pack: center; justify-content: center; } .u-navbar-align-around .navbar-nav { width: 100%; -ms-flex-pack: distribute; 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: ''; -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } .u-navbar-marker--arrow .nav-item.active > .nav-link::before { top: 50%; -ms-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: ''; -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } /* COLORS */ .u-navbar-color-black { color: #000 !important; } .u-navbar-color-black a, .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, .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, .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-black--fix-moment::after { color: #000 !important; } .u-navbar-color-black--fix-moment--hover::after { color: #000 !important; } .u-navbar-color-white { color: #fff !important; } .u-navbar-color-white a, .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, .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, .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-white--fix-moment::after { color: #fff !important; } .u-navbar-color-white--fix-moment--hover::after { color: #fff !important; } .u-navbar-color-gray-light-v1 { color: #bbb !important; } .u-navbar-color-gray-light-v1 a, .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, .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, .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-v1--fix-moment::after { color: #bbb !important; } .u-navbar-color-gray-light-v1--fix-moment--hover::after { color: #bbb !important; } .u-navbar-color-gray-light-v2 { color: #ccc !important; } .u-navbar-color-gray-light-v2 a, .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, .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, .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-v2--fix-moment::after { color: #ccc !important; } .u-navbar-color-gray-light-v2--fix-moment--hover::after { color: #ccc !important; } .u-navbar-color-gray-light-v3 { color: #ddd !important; } .u-navbar-color-gray-light-v3 a, .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, .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, .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-v3--fix-moment::after { color: #ddd !important; } .u-navbar-color-gray-light-v3--fix-moment--hover::after { color: #ddd !important; } .u-navbar-color-gray-light-v4 { color: #eee !important; } .u-navbar-color-gray-light-v4 a, .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, .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, .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-v4--fix-moment::after { color: #eee !important; } .u-navbar-color-gray-light-v4--fix-moment--hover::after { color: #eee !important; } .u-navbar-color-gray-light-v5 { color: #f7f7f7 !important; } .u-navbar-color-gray-light-v5 a, .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, .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, .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-light-v5--fix-moment::after { color: #f7f7f7 !important; } .u-navbar-color-gray-light-v5--fix-moment--hover::after { color: #f7f7f7 !important; } .u-navbar-color-gray-dark-v1 { color: #111 !important; } .u-navbar-color-gray-dark-v1 a, .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, .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, .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-v1--fix-moment::after { color: #111 !important; } .u-navbar-color-gray-dark-v1--fix-moment--hover::after { color: #111 !important; } .u-navbar-color-gray-dark-v2 { color: #333 !important; } .u-navbar-color-gray-dark-v2 a, .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, .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, .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-v2--fix-moment::after { color: #333 !important; } .u-navbar-color-gray-dark-v2--fix-moment--hover::after { color: #333 !important; } .u-navbar-color-gray-dark-v3 { color: #555 !important; } .u-navbar-color-gray-dark-v3 a, .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, .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, .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-v3--fix-moment::after { color: #555 !important; } .u-navbar-color-gray-dark-v3--fix-moment--hover::after { color: #555 !important; } .u-navbar-color-gray-dark-v4 { color: #777 !important; } .u-navbar-color-gray-dark-v4 a, .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, .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, .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-v4--fix-moment::after { color: #777 !important; } .u-navbar-color-gray-dark-v4--fix-moment--hover::after { color: #777 !important; } .u-navbar-color-gray-dark-v5 { color: #999 !important; } .u-navbar-color-gray-dark-v5 a, .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, .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, .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-gray-dark-v5--fix-moment::after { color: #999 !important; } .u-navbar-color-gray-dark-v5--fix-moment--hover::after { color: #999 !important; } .u-navbar-color-green { color: #72c02c !important; } .u-navbar-color-green a, .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, .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, .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-green--fix-moment::after { color: #72c02c !important; } .u-navbar-color-green--fix-moment--hover::after { color: #72c02c !important; } .u-navbar-color-blue { color: #3398dc !important; } .u-navbar-color-blue a, .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, .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, .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--fix-moment::after { color: #3398dc !important; } .u-navbar-color-blue--fix-moment--hover::after { color: #3398dc !important; } .u-navbar-color-blue-dark-v1 { color: #175a88 !important; } .u-navbar-color-blue-dark-v1 a, .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, .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, .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-blue-dark-v1--fix-moment::after { color: #175a88 !important; } .u-navbar-color-blue-dark-v1--fix-moment--hover::after { color: #175a88 !important; } .u-navbar-color-lightblue { color: #edf2f8 !important; } .u-navbar-color-lightblue a, .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, .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, .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--fix-moment::after { color: #edf2f8 !important; } .u-navbar-color-lightblue--fix-moment--hover::after { color: #edf2f8 !important; } .u-navbar-color-lightblue-v1 { color: #d6e2ee !important; } .u-navbar-color-lightblue-v1 a, .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, .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, .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-lightblue-v1--fix-moment::after { color: #d6e2ee !important; } .u-navbar-color-lightblue-v1--fix-moment--hover::after { color: #d6e2ee !important; } .u-navbar-color-darkblue { color: #009 !important; } .u-navbar-color-darkblue a, .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, .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, .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-darkblue--fix-moment::after { color: #009 !important; } .u-navbar-color-darkblue--fix-moment--hover::after { color: #009 !important; } .u-navbar-color-indigo { color: #4263a3 !important; } .u-navbar-color-indigo a, .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, .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, .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-indigo--fix-moment::after { color: #4263a3 !important; } .u-navbar-color-indigo--fix-moment--hover::after { color: #4263a3 !important; } .u-navbar-color-red { color: #f00 !important; } .u-navbar-color-red a, .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, .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, .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-red--fix-moment::after { color: #f00 !important; } .u-navbar-color-red--fix-moment--hover::after { color: #f00 !important; } .u-navbar-color-lightred { color: #e64b3b !important; } .u-navbar-color-lightred a, .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, .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, .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-lightred--fix-moment::after { color: #e64b3b !important; } .u-navbar-color-lightred--fix-moment--hover::after { color: #e64b3b !important; } .u-navbar-color-darkred { color: #a10f2b !important; } .u-navbar-color-darkred a, .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, .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, .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-darkred--fix-moment::after { color: #a10f2b !important; } .u-navbar-color-darkred--fix-moment--hover::after { color: #a10f2b !important; } .u-navbar-color-purple { color: #9a69cb !important; } .u-navbar-color-purple a, .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, .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, .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--fix-moment::after { color: #9a69cb !important; } .u-navbar-color-purple--fix-moment--hover::after { color: #9a69cb !important; } .u-navbar-color-purple-dark-v1 { color: #552c7e !important; } .u-navbar-color-purple-dark-v1 a, .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, .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, .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-purple-dark-v1--fix-moment::after { color: #552c7e !important; } .u-navbar-color-purple-dark-v1--fix-moment--hover::after { color: #552c7e !important; } .u-navbar-color-darkpurple { color: #6639b6 !important; } .u-navbar-color-darkpurple a, .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, .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, .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-darkpurple--fix-moment::after { color: #6639b6 !important; } .u-navbar-color-darkpurple--fix-moment--hover::after { color: #6639b6 !important; } .u-navbar-color-pink { color: #e81c62 !important; } .u-navbar-color-pink a, .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, .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, .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--fix-moment::after { color: #e81c62 !important; } .u-navbar-color-pink--fix-moment--hover::after { color: #e81c62 !important; } .u-navbar-color-pink-dark-v1 { color: #6f0b2d !important; } .u-navbar-color-pink-dark-v1 a, .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, .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, .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-pink-dark-v1--fix-moment::after { color: #6f0b2d !important; } .u-navbar-color-pink-dark-v1--fix-moment--hover::after { color: #6f0b2d !important; } .u-navbar-color-orange { color: #e57d20 !important; } .u-navbar-color-orange a, .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, .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, .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-orange--fix-moment::after { color: #e57d20 !important; } .u-navbar-color-orange--fix-moment--hover::after { color: #e57d20 !important; } .u-navbar-color-deeporange { color: #fe541e !important; } .u-navbar-color-deeporange a, .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, .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, .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-deeporange--fix-moment::after { color: #fe541e !important; } .u-navbar-color-deeporange--fix-moment--hover::after { color: #fe541e !important; } .u-navbar-color-yellow { color: #ebc71d !important; } .u-navbar-color-yellow a, .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, .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, .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-yellow--fix-moment::after { color: #ebc71d !important; } .u-navbar-color-yellow--fix-moment--hover::after { color: #ebc71d !important; } .u-navbar-color-aqua { color: #29d6e6 !important; } .u-navbar-color-aqua a, .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, .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, .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--fix-moment::after { color: #29d6e6 !important; } .u-navbar-color-aqua--fix-moment--hover::after { color: #29d6e6 !important; } .u-navbar-color-aqua-dark-v1 { color: #11848e !important; } .u-navbar-color-aqua-dark-v1 a, .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, .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, .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-aqua-dark-v1--fix-moment::after { color: #11848e !important; } .u-navbar-color-aqua-dark-v1--fix-moment--hover::after { color: #11848e !important; } .u-navbar-color-cyan { color: #00bed6 !important; } .u-navbar-color-cyan a, .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, .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, .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-cyan--fix-moment::after { color: #00bed6 !important; } .u-navbar-color-cyan--fix-moment--hover::after { color: #00bed6 !important; } .u-navbar-color-teal { color: #18ba9b !important; } .u-navbar-color-teal a, .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, .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, .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-teal--fix-moment::after { color: #18ba9b !important; } .u-navbar-color-teal--fix-moment--hover::after { color: #18ba9b !important; } .u-navbar-color-brown { color: #9c8061 !important; } .u-navbar-color-brown a, .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, .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, .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-brown--fix-moment::after { color: #9c8061 !important; } .u-navbar-color-brown--fix-moment--hover::after { color: #9c8061 !important; } .u-navbar-color-bluegray { color: #585f69 !important; } .u-navbar-color-bluegray a, .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, .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, .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-color-bluegray--fix-moment::after { color: #585f69 !important; } .u-navbar-color-bluegray--fix-moment--hover::after { color: #585f69 !important; } .u-navbar-bg-black .navbar-nav .nav-item > a, .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-black::after { background-color: #000 !important; } .u-navbar-bg-black--hover::after { background-color: #000 !important; } .u-navbar-bg-white .navbar-nav .nav-item > a, .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-white::after { background-color: #fff !important; } .u-navbar-bg-white--hover::after { background-color: #fff !important; } .u-navbar-bg-gray-light-v1 .navbar-nav .nav-item > a, .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-v1::after { background-color: #bbb !important; } .u-navbar-bg-gray-light-v1--hover::after { background-color: #bbb !important; } .u-navbar-bg-gray-light-v2 .navbar-nav .nav-item > a, .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-v2::after { background-color: #ccc !important; } .u-navbar-bg-gray-light-v2--hover::after { background-color: #ccc !important; } .u-navbar-bg-gray-light-v3 .navbar-nav .nav-item > a, .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-v3::after { background-color: #ddd !important; } .u-navbar-bg-gray-light-v3--hover::after { background-color: #ddd !important; } .u-navbar-bg-gray-light-v4 .navbar-nav .nav-item > a, .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-v4::after { background-color: #eee !important; } .u-navbar-bg-gray-light-v4--hover::after { background-color: #eee !important; } .u-navbar-bg-gray-light-v5 .navbar-nav .nav-item > a, .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-light-v5::after { background-color: #f7f7f7 !important; } .u-navbar-bg-gray-light-v5--hover::after { background-color: #f7f7f7 !important; } .u-navbar-bg-gray-dark-v1 .navbar-nav .nav-item > a, .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-v1::after { background-color: #111 !important; } .u-navbar-bg-gray-dark-v1--hover::after { background-color: #111 !important; } .u-navbar-bg-gray-dark-v2 .navbar-nav .nav-item > a, .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-v2::after { background-color: #333 !important; } .u-navbar-bg-gray-dark-v2--hover::after { background-color: #333 !important; } .u-navbar-bg-gray-dark-v3 .navbar-nav .nav-item > a, .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-v3::after { background-color: #555 !important; } .u-navbar-bg-gray-dark-v3--hover::after { background-color: #555 !important; } .u-navbar-bg-gray-dark-v4 .navbar-nav .nav-item > a, .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-v4::after { background-color: #777 !important; } .u-navbar-bg-gray-dark-v4--hover::after { background-color: #777 !important; } .u-navbar-bg-gray-dark-v5 .navbar-nav .nav-item > a, .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-gray-dark-v5::after { background-color: #999 !important; } .u-navbar-bg-gray-dark-v5--hover::after { background-color: #999 !important; } .u-navbar-bg-green .navbar-nav .nav-item > a, .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-green::after { background-color: #72c02c !important; } .u-navbar-bg-green--hover::after { background-color: #72c02c !important; } .u-navbar-bg-blue .navbar-nav .nav-item > a, .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::after { background-color: #3398dc !important; } .u-navbar-bg-blue--hover::after { background-color: #3398dc !important; } .u-navbar-bg-blue-dark-v1 .navbar-nav .nav-item > a, .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-blue-dark-v1::after { background-color: #175a88 !important; } .u-navbar-bg-blue-dark-v1--hover::after { background-color: #175a88 !important; } .u-navbar-bg-lightblue .navbar-nav .nav-item > a, .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::after { background-color: #edf2f8 !important; } .u-navbar-bg-lightblue--hover::after { background-color: #edf2f8 !important; } .u-navbar-bg-lightblue-v1 .navbar-nav .nav-item > a, .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-lightblue-v1::after { background-color: #d6e2ee !important; } .u-navbar-bg-lightblue-v1--hover::after { background-color: #d6e2ee !important; } .u-navbar-bg-darkblue .navbar-nav .nav-item > a, .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-darkblue::after { background-color: #009 !important; } .u-navbar-bg-darkblue--hover::after { background-color: #009 !important; } .u-navbar-bg-indigo .navbar-nav .nav-item > a, .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-indigo::after { background-color: #4263a3 !important; } .u-navbar-bg-indigo--hover::after { background-color: #4263a3 !important; } .u-navbar-bg-red .navbar-nav .nav-item > a, .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-red::after { background-color: #f00 !important; } .u-navbar-bg-red--hover::after { background-color: #f00 !important; } .u-navbar-bg-lightred .navbar-nav .nav-item > a, .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-lightred::after { background-color: #e64b3b !important; } .u-navbar-bg-lightred--hover::after { background-color: #e64b3b !important; } .u-navbar-bg-darkred .navbar-nav .nav-item > a, .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-darkred::after { background-color: #a10f2b !important; } .u-navbar-bg-darkred--hover::after { background-color: #a10f2b !important; } .u-navbar-bg-purple .navbar-nav .nav-item > a, .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::after { background-color: #9a69cb !important; } .u-navbar-bg-purple--hover::after { background-color: #9a69cb !important; } .u-navbar-bg-purple-dark-v1 .navbar-nav .nav-item > a, .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-purple-dark-v1::after { background-color: #552c7e !important; } .u-navbar-bg-purple-dark-v1--hover::after { background-color: #552c7e !important; } .u-navbar-bg-darkpurple .navbar-nav .nav-item > a, .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-darkpurple::after { background-color: #6639b6 !important; } .u-navbar-bg-darkpurple--hover::after { background-color: #6639b6 !important; } .u-navbar-bg-pink .navbar-nav .nav-item > a, .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::after { background-color: #e81c62 !important; } .u-navbar-bg-pink--hover::after { background-color: #e81c62 !important; } .u-navbar-bg-pink-dark-v1 .navbar-nav .nav-item > a, .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-pink-dark-v1::after { background-color: #6f0b2d !important; } .u-navbar-bg-pink-dark-v1--hover::after { background-color: #6f0b2d !important; } .u-navbar-bg-orange .navbar-nav .nav-item > a, .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-orange::after { background-color: #e57d20 !important; } .u-navbar-bg-orange--hover::after { background-color: #e57d20 !important; } .u-navbar-bg-deeporange .navbar-nav .nav-item > a, .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-deeporange::after { background-color: #fe541e !important; } .u-navbar-bg-deeporange--hover::after { background-color: #fe541e !important; } .u-navbar-bg-yellow .navbar-nav .nav-item > a, .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-yellow::after { background-color: #ebc71d !important; } .u-navbar-bg-yellow--hover::after { background-color: #ebc71d !important; } .u-navbar-bg-aqua .navbar-nav .nav-item > a, .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::after { background-color: #29d6e6 !important; } .u-navbar-bg-aqua--hover::after { background-color: #29d6e6 !important; } .u-navbar-bg-aqua-dark-v1 .navbar-nav .nav-item > a, .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-aqua-dark-v1::after { background-color: #11848e !important; } .u-navbar-bg-aqua-dark-v1--hover::after { background-color: #11848e !important; } .u-navbar-bg-cyan .navbar-nav .nav-item > a, .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-cyan::after { background-color: #00bed6 !important; } .u-navbar-bg-cyan--hover::after { background-color: #00bed6 !important; } .u-navbar-bg-teal .navbar-nav .nav-item > a, .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-teal::after { background-color: #18ba9b !important; } .u-navbar-bg-teal--hover::after { background-color: #18ba9b !important; } .u-navbar-bg-brown .navbar-nav .nav-item > a, .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-brown::after { background-color: #9c8061 !important; } .u-navbar-bg-brown--hover::after { background-color: #9c8061 !important; } .u-navbar-bg-bluegray .navbar-nav .nav-item > a, .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-bluegray::after { background-color: #585f69 !important; } .u-navbar-bg-bluegray--hover::after { background-color: #585f69 !important; } .u-navbar-bg-transparent .navbar-nav .nav-item > a, .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; } .u-navbar-bg-transparent::after { background-color: transparent !important; } .u-navbar-bg-transparent--hover::after { background-color: transparent !important; } /*------------------------------------ Menu for store v3 ------------------------------------*/ .main-menu { display: block; padding-left: 16px; padding-top: 5px; margin: 5px 0 35px; width: 100%; list-style: none; } .menu-main-btn { width: 26px; height: 26px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .menu-main-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; min-height: 100vh; pointer-events: none; z-index: 190; background: rgba(0, 0, 0, 0.5); transition: opacity 170ms ease; opacity: 0; } .menu-main-container.opened .menu-main-overlay { opacity: 1; pointer-events: auto; } .menu-main-items-container { position: fixed; top: 0; right: 0; bottom: 0; min-height: 100vh; box-sizing: border-box; z-index: 195; width: 0; background-color: #f3f3f3; transition: width 170ms ease; } .menu-main-container.opened .menu-main-items-container { width: calc(100% - 100px); } .menu-main-items-scroll-block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: 100vh; box-sizing: border-box; overflow-y: auto; } .menu-main-items { display: block; padding: 0; margin: 0; } .menu-main-item { display: block; padding: 0 0 0 17px; margin: 0; } .menu-main-item-link { padding: 0 17px 0 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: relative; min-height: 40px; vertical-align: middle; } .menu-main-item-text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 21px; color: #121212; opacity: 0.6; } .main-menu-item:active, .main-menu-item:hover, .main-menu-item.selected .menu-main-item-text { opacity: 1; } .menu-main-item-angle { display: block; -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: 1px solid; border-right: 1px solid; color: #121212; opacity: 0.6; width: 7px; height: 7px; } .menu-main-close-btn { position: absolute; right: calc(0 - 19px - 38px); 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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: right 170ms ease; } .menu-main-container.opened .menu-main-close-btn { right: calc(100% + 19px); } .header-nav-btn svg { cursor: pointer; display: block; } .header-nav-btn svg rect { fill: var(--primary); } /*------------------------------------ Icons Styles ------------------------------------*/ .u-icon-v1, .u-icon-v2, .u-icon-v3, .u-icon-v4 { position: relative; display: inline-block; text-align: center; transition: all .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::before, .u-icon-v2::before, .u-icon-v3::before { display: block; } .u-icon-v1 > i, .u-icon-v2 > i, .u-icon-v3 > i, .u-icon-v4 > span > i { position: relative; top: 50%; display: block; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } [class*="u-icon-v"] .u-line-icon-pro { -ms-transform: translateY(-45%); transform: translateY(-45%); } .u-icon-rotation { -ms-transform: rotate(45deg); transform: rotate(45deg); } .u-icon-rotation .u-icon__elem { -ms-transform: rotate(-45deg) translate(15%, -30%); transform: rotate(-45deg) translate(15%, -30%); } .u-icon-rotation .u-line-icon-pro { -ms-transform: rotate(-45deg) translate(25%, -30%); transform: rotate(-45deg) translate(25%, -30%); } /*------------------------------------ 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-v2, .u-icon-v2 .u-icon__elem-regular, .u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular, .u-icon-v3 .u-icon__elem-hover { width: 3.92857rem; height: 3.92857rem; font-size: 1.57143rem; } .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, .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 { width: 2.14286rem; height: 2.14286rem; font-size: 0.92857rem; } .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, .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 { width: 2.85714rem; height: 2.85714rem; font-size: 1.28571rem; } .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, .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 { width: 5rem; height: 5rem; font-size: 2.14286rem; } .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, .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 { width: 6.42857rem; height: 6.42857rem; font-size: 2.85714rem; } .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, .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 { width: 7.14286rem; height: 7.14286rem; font-size: 3.21429rem; } .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, .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 { 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-v2, .u-icon-v2 .u-icon__elem-regular, .u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular, .u-icon-v3 .u-icon__elem-hover { width: 3.92857rem; height: 3.92857rem; font-size: 1.57143rem; } .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, .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 { width: 2.14286rem; height: 2.14286rem; font-size: 0.92857rem; } .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, .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 { width: 2.85714rem; height: 2.85714rem; font-size: 1.28571rem; } .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, .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 { width: 5rem; height: 5rem; font-size: 2.14286rem; } .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, .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 { width: 6.42857rem; height: 6.42857rem; font-size: 2.85714rem; } .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, .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 { width: 7.14286rem; height: 7.14286rem; font-size: 3.21429rem; } .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, .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 { width: 9.28571rem; height: 9.28571rem; font-size: 3.57143rem; } .u-icon-v3 { background-color: #eee; } /*------------------------------------ Slide Effect v2 ------------------------------------*/ .u-icon__elem-regular, .u-icon__elem-hover { position: relative; top: 0; left: 0; display: block; transition: all .3s ease-in-out; } .u-icon__elem-hover { position: absolute !important; } .u-icon-slide-up--hover, .u-icon-slide-down--hover, .u-icon-slide-left--hover, .u-icon-slide-right--hover { overflow: hidden; } .u-icon-slide-up--hover .u-icon__elem-regular { -ms-transform: translateY(-20%); transform: translateY(-20%); } .u-icon-slide-up--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translateY(-30%); transform: translateY(-30%); } .u-icon-slide-up--hover .u-icon__elem-hover { -ms-transform: translateY(110%); transform: translateY(110%); } .u-icon-slide-up--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translateY(120%); transform: translateY(120%); } .u-icon-slide-up--hover:hover .u-icon__elem-regular, .u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-regular { -ms-transform: translateY(-110%); transform: translateY(-110%); } .u-icon-slide-up--hover:hover .u-icon__elem-regular.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translateY(-120%); transform: translateY(-120%); } .u-icon-slide-up--hover:hover .u-icon__elem-hover, .u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-hover { -ms-transform: translateY(-20%); transform: translateY(-20%); } .u-icon-slide-up--hover:hover .u-icon__elem-hover.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translateY(-30%); transform: translateY(-30%); } .u-icon-slide-down--hover .u-icon__elem-regular { -ms-transform: translateY(-110%); transform: translateY(-110%); } .u-icon-slide-down--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translateY(-120%); transform: translateY(-120%); } .u-icon-slide-down--hover .u-icon__elem-hover { -ms-transform: translateY(-20%); transform: translateY(-20%); } .u-icon-slide-down--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translateY(-30%); transform: translateY(-30%); } .u-icon-slide-down--hover:hover .u-icon__elem-regular, .u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-regular { -ms-transform: translateY(-20%); transform: translateY(-20%); } .u-icon-slide-down--hover:hover .u-icon__elem-regular.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translateY(-30%); transform: translateY(-30%); } .u-icon-slide-down--hover:hover .u-icon__elem-hover, .u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-hover { -ms-transform: translateY(80%); transform: translateY(80%); } .u-icon-slide-down--hover:hover .u-icon__elem-hover.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translateY(90%); transform: translateY(90%); } .u-icon-slide-left--hover .u-icon__elem-regular { -ms-transform: translate(0, -20%); transform: translate(0, -20%); } .u-icon-slide-left--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translate(0, -30%); transform: translate(0, -30%); } .u-icon-slide-left--hover .u-icon__elem-hover { -ms-transform: translate(110%, -20%); transform: translate(110%, -20%); } .u-icon-slide-left--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translate(110%, -30%); transform: translate(110%, -30%); } .u-icon-slide-left--hover:hover .u-icon__elem-regular, .u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-regular { -ms-transform: translate(-110%, -20%); transform: translate(-110%, -20%); } .u-icon-slide-left--hover:hover .u-icon__elem-regular.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translate(-110%, -30%); transform: translate(-110%, -30%); } .u-icon-slide-left--hover:hover .u-icon__elem-hover, .u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-hover { -ms-transform: translate(0, -20%); transform: translate(0, -20%); } .u-icon-slide-left--hover:hover .u-icon__elem-hover.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translate(0, -30%); transform: translate(0, -30%); } .u-icon-slide-right--hover .u-icon__elem-regular { -ms-transform: translate(-110%, -20%); transform: translate(-110%, -20%); } .u-icon-slide-right--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translate(-110%, -30%); transform: translate(-110%, -30%); } .u-icon-slide-right--hover .u-icon__elem-hover { -ms-transform: translate(0, -20%); transform: translate(0, -20%); } .u-icon-slide-right--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translate(0, -30%); transform: translate(0, -30%); } .u-icon-slide-right--hover:hover .u-icon__elem-regular, .u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-regular { -ms-transform: translate(0, -20%); transform: translate(0, -20%); } .u-icon-slide-right--hover:hover .u-icon__elem-regular.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-regular.u-line-icon-pro { -ms-transform: translate(0, -30%); transform: translate(0, -30%); } .u-icon-slide-right--hover:hover .u-icon__elem-hover, .u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-hover { -ms-transform: translate(110%, -20%); transform: translate(110%, -20%); } .u-icon-slide-right--hover:hover .u-icon__elem-hover.u-line-icon-pro, .u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-hover.u-line-icon-pro { -ms-transform: translate(110%, -30%); transform: translate(110%, -30%); } /*------------------------------------ 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); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .u-shadow-v3::after, .u-shadow-v5::after { left: auto; right: 0.35714rem; -ms-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-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: .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-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: .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: .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); } /*------------------------------------ Carousel indicators ------------------------------------*/ [class*="u-carousel-indicators"] { display: block; position: absolute; padding-left: 0; margin-bottom: 0; } [class*="u-carousel-indicators"] li { list-style: none; } [class*="u-carousel-indicators"] span { display: block; cursor: pointer; } /*------------------------------------ Carousel indicators v7 ------------------------------------*/ .u-carousel-indicators-v7 { position: absolute; left: 0; top: 50%; bottom: auto; display: block; width: 7px; -ms-transform: translateY(-50%); transform: translateY(-50%); } .u-carousel-indicators-v7 span { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity: .3; } .u-carousel-indicators-v7 li { display: block; margin: 15px 0; float: none; } .u-carousel-indicators-v7 li.slick-active span { opacity: 1; } /*------------------------------------ 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-1--bottom::after, .u-heading-v2-1--top::before, .u-heading-v2-2--bottom::after, .u-heading-v2-2--top::before, .u-heading-v2-3--bottom::after, .u-heading-v2-3--top::before, .u-heading-v2-4--bottom::after, .u-heading-v2-4--top::before, .u-heading-v2-5--bottom::after, .u-heading-v2-5--top::before, .u-heading-v2-6--bottom::after, .u-heading-v2-6--top::before, .u-heading-v2-7--bottom::after, .u-heading-v2-7--top::before, .u-heading-v2-8--bottom::after, .u-heading-v2-8--top::before { content: ""; display: inline-block; border-top-style: solid; border-color: inherit; } /*------------------------------------ Heading-v2-1 ------------------------------------*/ .u-heading-v2-1--bottom::after, .u-heading-v2-1--top::before { width: 3.14286rem; border-top-width: 2px; } .u-heading-v2-1--bottom::after { margin-top: 1.78571rem; } .u-heading-v2-1--top::before { margin-bottom: 1.78571rem; } /*------------------------------------ Heading-v2-2 ------------------------------------*/ .u-heading-v2-2--bottom::after, .u-heading-v2-2--top::before { width: 2.71429rem; border-top-width: 5px; } .u-heading-v2-2--bottom::after { margin-top: 1.78571rem; } .u-heading-v2-2--top::before { margin-bottom: 1.78571rem; } /*------------------------------------ Heading-v2-3 ------------------------------------*/ .u-heading-v2-3--bottom::after, .u-heading-v2-3--top::before { width: 5rem; border-top-width: 1px; } .u-heading-v2-3--bottom::after { margin-top: 1.07143rem; } .u-heading-v2-3--top::before { margin-bottom: 1.07143rem; } /*------------------------------------ Heading-v2-4 ------------------------------------*/ .u-heading-v2-4--bottom::after, .u-heading-v2-4--top::before { width: 5rem; border-top-width: 10px; } .u-heading-v2-4--bottom::after { margin-top: 2.14286rem; } .u-heading-v2-4--top::before { margin-bottom: 2.14286rem; } /*------------------------------------ Heading-v2-5 ------------------------------------*/ .u-heading-v2-5--bottom::after, .u-heading-v2-5--top::before { width: 5rem; border-top-width: 2px; } .u-heading-v2-5--bottom::after { margin-top: 1.42857rem; } .u-heading-v2-5--top::before { margin-bottom: 1.42857rem; } /*------------------------------------ Heading-v2-6 ------------------------------------*/ .u-heading-v2-6--bottom::after, .u-heading-v2-6--top::before { width: 2.14286rem; border-top-width: 1px; } .u-heading-v2-6--bottom::after { margin-top: 0.71429rem; } .u-heading-v2-6--top::before { margin-bottom: 0.71429rem; } /*------------------------------------ Heading-v2-7 ------------------------------------*/ .u-heading-v2-7--bottom::after, .u-heading-v2-7--top::before { width: 12rem; border-top-width: 10px; } .u-heading-v2-7--bottom::after { margin-top: 2.85714rem; } .u-heading-v2-7--top::before { margin-bottom: 2.85714rem; } /*------------------------------------ Heading-v2-8 ------------------------------------*/ .u-heading-v2-8--bottom::after, .u-heading-v2-8--top::before { width: 75%; border-top-width: 2px; } .u-heading-v2-8--bottom::after { margin-top: 1.42857rem; } .u-heading-v2-8--top::before { margin-bottom: 1.42857rem; } /*------------------------------------ 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-v6 ------------------------------------*/ .u-heading-v6__title { display: inline-block; position: relative; } .u-heading-v6-1 .u-heading-v6__title::after, .u-heading-v6-1.text-center .u-heading-v6__title::before, .u-heading-v6-1.text-right .u-heading-v6__title::before, .u-heading-v6-2 .u-heading-v6__title::after, .u-heading-v6-2.text-center .u-heading-v6__title::before, .u-heading-v6-2.text-right .u-heading-v6__title::before { 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 ------------------------------------*/ .u-heading-v7-divider::after, .text-center .u-heading-v7-divider::before, .text-right .u-heading-v7-divider::before { 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: .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-1 .u-heading-v8__title strong, .u-heading-v8-2 .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; } /*------------------------------------ Nonstandard-bg ------------------------------------*/ [class*="u-ns-bg-v"] { position: relative; } [class*="u-ns-bg-v"]::before { content: ""; position: absolute; display: block; z-index: 3; } /*------------------------------------ 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%; } } /*------------------------------------ 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 .3s; } .u-link-v4:hover { opacity: .8; } .u-link-v5 { text-decoration: none; transition: all .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 .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 .4s; } .u-link-v7-arrow { margin-left: -50px; visibility: hidden; opacity: 0; transition: all .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; } /*------------------------------------ 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%; } } /*------------------------------------ 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 { 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 .5s; } /* Image */ .info-v3-3__img { transform: translate3d(70%, 0, 0); transition: transform .5s; } /* Content */ .info-v3-3__content { display: none; } /* Description */ .info-v3-3__description { transform: translate3d(-20%, 0, 0); transition: transform .5s; } /*------------------------------------ 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); } /*-------------------------------------------------- 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; } /*-------------------------------------------------- Hamburgers ----------------------------------------------------*/ /* Hamburger */ .hamburger.hamburger--slider { padding: 0; } .hamburger.hamburger--slider .hamburger-box, .hamburger.hamburger--slider .hamburger-inner, .hamburger.hamburger--slider .hamburger-inner::after, .hamburger.hamburger--slider .hamburger-inner::before, .hamburger.hamburger--slider.hamburger--md .hamburger-box, .hamburger.hamburger--slider.hamburger--md .hamburger-inner, .hamburger.hamburger--slider.hamburger--md .hamburger-inner::after, .hamburger.hamburger--slider.hamburger--md .hamburger-inner::before { height: 1px; border-radius: 0; width: 25px; } .hamburger.hamburger--slider .hamburger-inner.hamburger-height-3, .hamburger.hamburger--slider .hamburger-inner.hamburger-height-3::after, .hamburger.hamburger--slider .hamburger-inner.hamburger-height-3::before, .hamburger.hamburger--slider.hamburger--md .hamburger-inner.hamburger-height-3, .hamburger.hamburger--slider.hamburger--md .hamburger-inner.hamburger-height-3::after, .hamburger.hamburger--slider.hamburger--md .hamburger-inner.hamburger-height-3::before { height: 3px; } .hamburger.hamburger--slider .hamburger-box, .hamburger.hamburger--slider.hamburger--md .hamburger-box { height: 17px; } .hamburger.hamburger--slider .hamburger-inner, .hamburger.hamburger--slider.hamburger--md .hamburger-inner { top: 1px; } .hamburger.hamburger--slider .hamburger-inner:before, .hamburger.hamburger--slider.hamburger--md .hamburger-inner:before { top: 9px; } .hamburger.hamburger--slider .hamburger-inner:after, .hamburger.hamburger--slider.hamburger--md .hamburger-inner:after { top: 17px; } .hamburger.hamburger--slider.is-active .hamburger-inner:after, .hamburger.hamburger--slider.hamburger--md.is-active .hamburger-inner:after { transform: translate3d(0, -17px, 0) rotate(-90deg); } .hamburger.hamburger--slider.is-active .hamburger-inner, .hamburger.hamburger--slider.hamburger--md.is-active .hamburger-inner { transform: translate3d(0, 9px, 0) rotate(45deg); } .hamburger.hamburger--slider .hamburger-box, .hamburger.hamburger--slider .hamburger-inner, .hamburger.hamburger--slider .hamburger-inner::after, .hamburger.hamburger--slider .hamburger-inner::before, .hamburger.hamburger--md .hamburger-box, .hamburger.hamburger--md .hamburger-inner, .hamburger.hamburger--md .hamburger-inner::after, .hamburger.hamburger--md .hamburger-inner::before { height: 1px; border-radius: 0; width: 25px; } .hamburger.hamburger--slider .hamburger-inner.hamburger-height-3, .hamburger.hamburger--slider .hamburger-inner.hamburger-height-3::after, .hamburger.hamburger--slider .hamburger-inner.hamburger-height-3::before, .hamburger.hamburger--md .hamburger-inner.hamburger-height-3, .hamburger.hamburger--md .hamburger-inner.hamburger-height-3::after, .hamburger.hamburger--md .hamburger-inner.hamburger-height-3::before { height: 3px; } .hamburger.hamburger--slider .hamburger-box, .hamburger.hamburger--md .hamburger-box { height: 17px; } .hamburger.hamburger--slider .hamburger-inner, .hamburger.hamburger--md .hamburger-inner { top: 1px; } .hamburger.hamburger--slider .hamburger-inner:before, .hamburger.hamburger--md .hamburger-inner:before { top: 9px; } .hamburger.hamburger--slider .hamburger-inner:after, .hamburger.hamburger--md .hamburger-inner:after { top: 17px; } .hamburger.hamburger--slider.hamburger--sm .hamburger-box, .hamburger.hamburger--slider.hamburger--sm .hamburger-inner, .hamburger.hamburger--slider.hamburger--sm .hamburger-inner::after, .hamburger.hamburger--slider.hamburger--sm .hamburger-inner::before { height: 2px; border-radius: 1px; width: 22px; } .hamburger.hamburger--slider.hamburger--sm .hamburger-box { height: 12px; } .hamburger.hamburger--slider.hamburger--sm .hamburger-inner { top: 0px; } .hamburger.hamburger--slider.hamburger--sm .hamburger-inner:before { top: 6px; } .hamburger.hamburger--slider.hamburger--sm .hamburger-inner:after { top: 12px; } .hamburger.hamburger--slider.hamburger--sm.is-active .hamburger-inner:after { transform: translate3d(0, -12px, 0) rotate(-90deg); } .hamburger.hamburger--slider.hamburger--sm.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger.hamburger--slider.hamburger--lg .hamburger-box, .hamburger.hamburger--slider.hamburger--lg .hamburger-inner, .hamburger.hamburger--slider.hamburger--lg .hamburger-inner::after, .hamburger.hamburger--slider.hamburger--lg .hamburger-inner::before { height: 1px; border-radius: 0; width: 40px; } .hamburger.hamburger--slider.hamburger--lg .hamburger-box { height: 20px; } .hamburger.hamburger--slider.hamburger--lg .hamburger-inner { top: 2px; } .hamburger.hamburger--slider.hamburger--lg .hamburger-inner:before { top: 10px; } .hamburger.hamburger--slider.hamburger--lg .hamburger-inner:after { top: 20px; } .hamburger.hamburger--slider.hamburger--lg.is-active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger.hamburger--slider.hamburger--lg.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } [class^="et-"] { line-height: 1.1; } /*------------------------------------ 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; } .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-arrow-v1.slick-disabled { display: none !important; } .u-countdown--days-expiried .u-countdown--days-hide { display: none !important; } @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; } } .js-pagination .slick-current:only-child, .js-pagination .slick-active:only-child { display: none; } .slick-track { display: -ms-flexbox !important; display: flex !important; } .slick-vertical .slick-track { -ms-flex-direction: column; flex-direction: column; } .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 { 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 { animation-name: none !important; } .flex-basis-100x { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .block-wrapper { position: relative; } /* 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: "Open Sans", Helvetica, Arial, sans-serif; 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: 1px solid #60E7F5; border-radius: 10px; background: #2C2C2C; color: #fff; padding: 20px 30px; margin: 30px auto; margin-left: 60px; width: calc(100% - 60px); -ms-flex-order: 20; order: 20; position: relative; } .g-landing-alert-v3::before { content: ''; display: block; height: 10px; width: 10px; -ms-transform: rotate(45deg); transform: rotate(45deg); background: #2C2C2C; border: 1px solid #60E7F5; border-right: none; border-top: none; position: absolute; left: -6px; top: 15px; } .g-landing-alert-v3::after { content: ''; display: block; height: 40px; width: 40px; border: 2px solid #fff; border-radius: 50%; background-image: url(/bitrix/images/landing/marta.jpg); background-size: contain; position: absolute; top: 0; left: -55px; } .bitrix24forms iframe { display: block; } /* Add here all your css styles (customizations) */ /* fix for animation */ body { overflow-x: hidden; } /*new animation*/ @keyframes zoomToIn { from { opacity: 0; transform: scale3d(1.7, 1.7, 1.7); animation-timing-function: ease-out; } 30% { opacity: 0; } 100% { opacity: 1; } } .zoomToIn { animation-name: zoomToIn; } /* 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; }