/* Minification failed. Returning unminified contents. (13,2329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5061): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5173): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (13,5220): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (13,5273): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (13,5395): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (13,5425): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (13,5669): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (13,6220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,6334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,7862): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (13,7892): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (13,9124): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (13,9154): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (13,9800): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,9859): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,10990): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (13,11019): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (13,11117): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,11176): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (447,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (464,22): run-time error CSS1039: Token not allowed after unary operator: '-color-popup-bg' (473,22): run-time error CSS1039: Token not allowed after unary operator: '-color-popup-bg' (492,30): run-time error CSS1039: Token not allowed after unary operator: '-text-success' (534,28): run-time error CSS1039: Token not allowed after unary operator: '-ico-info-circle' (538,28): run-time error CSS1039: Token not allowed after unary operator: '-ico-tag' (542,28): run-time error CSS1039: Token not allowed after unary operator: '-ico-quotebasket' (884,42): run-time error CSS1046: Expect comma, found '221' (884,50): run-time error CSS1046: Expect comma, found '/' (885,31): run-time error CSS1046: Expect comma, found '221' (885,39): run-time error CSS1046: Expect comma, found '/' (1026,42): run-time error CSS1046: Expect comma, found '0' (1026,46): run-time error CSS1046: Expect comma, found '/' (1038,33): run-time error CSS1046: Expect comma, found '0' (1038,37): run-time error CSS1046: Expect comma, found '/' (1094,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (1103,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-link-external' (1163,27): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-down' (1169,23): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-up' (1179,26): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg' (1196,68): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg' (1267,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (1274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7974,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-home' (7978,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-user' (7982,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-tag' (7986,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-book' (7990,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-tree' (7994,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-logout' (7998,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-receipt' (8002,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-route' (8006,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-equivalent' (8010,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-checkmark' (8014,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-xmark' (8018,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-arrow-right-up' (8022,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-arrow-right-circle' (8026,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-arrow-down' (8030,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-dots-h' (8034,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-dots-h-dottom' (8039,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-clipboard' (8043,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-clipboard-blank' (8047,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-clock' (8051,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-clock-check' (8055,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-box' (8059,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-box-2' (8063,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-truck' (8067,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-freightagreements' (8071,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-calendar' (8075,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-down' (8079,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-up' (8083,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-settings' (8087,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-filter' (8091,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-search' (8095,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-creditcard' (8099,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-download' (8103,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-upload' (8107,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-delete' (8111,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-delete-2' (8115,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-x' (8119,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-left' (8123,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-left-2x' (8127,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-right' (8131,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-right-2x' (8135,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-leaf' (8139,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-info' (8143,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-returns' (8147,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-preferences' (8151,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-preferences' (8155,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-eyes-striped' (8159,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-eyes' (8163,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-award' (8167,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-plus' (8171,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-key-filled' (8175,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-copy' (8179,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-refresh' (8183,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-lock' (8187,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (8191,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8195,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8199,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (8203,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (8207,18): run-time error CSS1039: Token not allowed after unary operator: '-abf-green-filter' (8211,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8215,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (8219,18): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (8223,18): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color-filter' (8227,18): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (8238,39): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8242,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-red-filter' (8243,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-red' (8247,43): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8284,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (8302,25): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8310,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (8346,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (8445,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color' (8486,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color' (8490,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8502,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (8515,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (8519,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (8523,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-red' (8549,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8553,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (8558,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8562,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (8566,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color' (8567,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightest' (8571,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color-filter' (8576,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-red' (8580,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (8595,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8600,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-orange' (8605,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (8619,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (8623,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-filter' (8627,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-green-filter' (8631,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8633,22): run-time error CSS1039: Token not allowed after unary operator: '-ico-margin' (8633,45): run-time error CSS1039: Token not allowed after unary operator: '-ico-margin' (8633,73): run-time error CSS1039: Token not allowed after unary operator: '-ico-margin' (8633,91): run-time error CSS1039: Token not allowed after unary operator: '-ico-margin' (8634,21): run-time error CSS1039: Token not allowed after unary operator: '-ico-size' (8635,22): run-time error CSS1039: Token not allowed after unary operator: '-ico-size' (8640,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8648,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightest' (8663,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-xmark' (8664,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-red-filter' (8668,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8682,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (8686,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (8691,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8695,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-green-filter' (8704,18): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (8722,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (8747,39): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8760,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightest' (8779,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8784,34): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8809,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightest' (8823,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (8854,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (8896,34): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightes' (8929,17): run-time error CSS1039: Token not allowed after unary operator: '-text-subtitle' (8960,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (8966,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8971,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (8976,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-orange' (8980,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (8984,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (8988,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-orange' (9015,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9046,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9053,30): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (9057,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9061,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9065,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9069,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9077,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9079,32): run-time error CSS1039: Token not allowed after unary operator: '-gap' (9083,40): run-time error CSS1039: Token not allowed after unary operator: '-gap' (9092,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9102,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9106,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9110,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (9114,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9129,28): run-time error CSS1039: Token not allowed after unary operator: '-ico-search' (9130,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color' (9142,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (9150,36): run-time error CSS1039: Token not allowed after unary operator: '-ico-settings' (9160,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color-filter' (9166,36): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-down' (9177,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-up' (9271,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9277,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9281,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-red' (9285,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-orange' (9289,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (9293,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9308,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (9318,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-white' (9319,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9329,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (9348,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color-filter' (9352,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-calendar' (9358,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-down' (9410,28): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-up' (9418,28): run-time error CSS1039: Token not allowed after unary operator: '-ico-calendar' (9423,31): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9424,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9428,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9429,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9433,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9434,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9438,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9439,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9443,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9444,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9448,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9449,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9453,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9454,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9458,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9459,24): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9460,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9464,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9468,31): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9468,58): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9489,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (9517,17): run-time error CSS1039: Token not allowed after unary operator: '-mo-picker-width' (9518,21): run-time error CSS1039: Token not allowed after unary operator: '-mo-picker-width' (9519,21): run-time error CSS1039: Token not allowed after unary operator: '-mo-picker-width' (9527,17): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9548,17): run-time error CSS1039: Token not allowed after unary operator: '-day-size' (9549,21): run-time error CSS1039: Token not allowed after unary operator: '-day-size' (9550,18): run-time error CSS1039: Token not allowed after unary operator: '-day-size' (9551,23): run-time error CSS1039: Token not allowed after unary operator: '-day-size' (9596,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9600,36): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue' (9644,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-yellow' (9648,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9681,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9685,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9689,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-red' (9693,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-red' (9719,18): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9723,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9724,34): run-time error CSS1039: Token not allowed after unary operator: '-abf-green' (9729,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (9749,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color' (9754,25): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9758,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color-filter' (9766,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9772,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (9777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9781,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9782,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9786,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-y' (9791,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height' (9797,30): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-down' (9798,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (9803,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height' (9813,36): run-time error CSS1039: Token not allowed after unary operator: '-ico-chevron-up' (9818,21): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray' (9826,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9828,43): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9848,35): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9862,43): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9870,30): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightest' (9875,26): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-lightest' (9912,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9943,25): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (9951,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (9999,28): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (10000,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' (10004,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-checkmark' (10005,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue-filter' (10009,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-line' (10010,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (10014,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-checkmark' (10015,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-white-filter' (10035,42): run-time error CSS1046: Expect comma, found '0' (10035,46): run-time error CSS1046: Expect comma, found '/' (10063,32): run-time error CSS1039: Token not allowed after unary operator: '-abf-gray-light' (10300,32): run-time error CSS1039: Token not allowed after unary operator: '-ico-filter' (10301,22): run-time error CSS1039: Token not allowed after unary operator: '-abf-dark-blue-filter' (10376,33): run-time error CSS1039: Token not allowed after unary operator: '-abf-font-color' (10381,37): run-time error CSS1039: Token not allowed after unary operator: '-abf-blue' */ /** * Swiper 6.8.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 3, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /** * Featherlight - ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}} .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /** * Swiper 3.4.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: October 16, 2016 */ /* * jQuery autoComplete v1.0.7 * https://github.com/Pixabay/jQuery-autoComplete */ .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1); /* core styles should not be changed */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { cursor: pointer; position: relative; padding: 1rem 1rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .autocomplete-suggestion b { font-weight: 600; background-color: #fff88a; } .autocomplete-suggestion.selected { background: #eee; } .autocomplete-suggestion .pcs { float: right; } .autocomplete-suggestion .aka { display: block; font-size: .8125rem; } /*! nouislider - 9.0.0 - 2016-09-29 21:44:02 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-origin { position: absolute; height: 0; width: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base, .noUi-handle { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-target { background: #fff; border-radius: 4px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms; transition: background 450ms; } /* Handles and cursors; */ .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 1px solid #bbb; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate3d(-50%,50%,0); transform: translate3d(-50%,50%,0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } :root { --abf-link-external: url('data:image/svg+xml;utf8, '); --font-size-xs: 12px; --ico-info-circle: url('data:image/svg+xml;utf8, '); --ico-tag: url('data:image/svg+xml;utf8, '); --ico-quotebasket: url('data:image/svg+xml;utf8, '); --color-popup-bg: #ECF3E7; --text-link: #007FE3; --text-success: #3E8410; --text-warning: #FF6600; --tooltip-bg: #2C2D33; } .featherlight .featherlight-content { border-bottom: none !important; } @media (min-width: 800px) { #login-overlay { width: 600px; } #login-overlay.login-overlay-2, #reset-overlay.change-password { width: 550px; } } #my-quotes-btn > a { display: flex; align-items: center; } #my-quotes-btn > a .acp-count-label { min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; color: #003E6F; font-size: var(--font-size-xs); display: flex; align-items: center; } #my-quotes-btn > a .acp-count-label .lbl-loading { width: 1.25rem; height: 1.25rem; } #my-quotes-btn > a .icon-small { margin-bottom: 0; } #my-quotes-btn.highlight-btn { border: 1px rgba(0, 0, 0, 0.08) solid; border-radius: 4px; background: var(--color-popup-bg); flex-direction: column; width: max-content; max-width: 300px; } #my-quotes-btn .quotes-notification { cursor: auto; z-index: 1000000; background: var(--color-popup-bg); border-radius: 4px; border: 1px rgba(0, 0, 0, 0.08) solid; width: 390px; top: 110%; right: 0; text-align: left; display: none; } #my-quotes-btn .quotes-notification .quotes-notification-header { align-items: center; gap: 0.5rem; display: inline-flex; } #my-quotes-btn .quotes-notification .quotes-notification-header .icon-bg { width: 20px; height: 20px; background: var(--text-success); border-radius: 9999px; text-align: center } #my-quotes-btn .quotes-notification .quotes-notification-header .acp-ico { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(103%) contrast(104%); width: 0.825rem; height: 0.825rem; } #my-quotes-btn .quotes-notification .quotes-notification-header .quotes-notification-title { line-height: 1.5rem; } #my-quotes-btn .quotes-notification .quotes-notification-body { font-size: 14px; } body > div.zopim { z-index: 500 !important; } .hide { visibility: hidden; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .ico { background-size: contain; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 1rem; height: 1rem; } .ico-info-circle { background-image: var(--ico-info-circle); } .ico-tag { background-image: var(--ico-tag); } .ico-quotebasket { background-image: var(--ico-quotebasket); } .filter-dark-blue { filter: invert(17%) sepia(57%) saturate(2323%) hue-rotate(186deg) brightness(92%) contrast(103%); } /* WEBSHOP-2349: Smaller font for aka in quicksearch */ .autocomplete-suggestion .aka { display: block; font-size: .8125rem; } /* WEBSHOP-2349: Retain font size for texts in smaller grid, but make sure button and button -texts are smaller*/ .no-desc-small.small { font-size: .825rem; } .result-row.compact { padding-top: .2rem; padding-bottom: .2rem; font-size: 1rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } /*.result-row.compact .product-image { margin-top: -.0rem; margin-bottom: -.0rem; }*/ /* WEBSHOP-2357: Differentiate the USP links */ .usplink { color: #333; } .usplink:hover { color: #007fe3; text-decoration: none; } .input-fit { width: 100%; } .corner:before { content: ''; display: inline-block; position: absolute; margin-top: .4rem; /*top: .25rem;*/ left: -.75rem; width: .5rem; height: .75rem; -webkit-box-shadow: inset 1px -1px 0 0 #333; box-shadow: inset 1px -1px 0 0 #333; } .password-box { display: inline-block; } .password-progress { height: 12px; margin-top: 10px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .progress-bar { float: left; height: 100%; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .bg-red { background: #E74C3C; border: 1px solid #E74C3C; } .bg-orange { background: #F39C12; border: 1px solid #F39C12; } .bg-green { background: #1ABB9C; border: 1px solid #1ABB9C; } .password-box { display: inline-block; } .password-progress { height: 12px; margin-top: 10px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .progress-bar { float: left; height: 100%; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } div.stockcol.active + div { align-self: start; } /* Exception for Careers */ .main-nav a .vacancyAmount:before { content: '('; display: inline-block; } .main-nav a .vacancyAmount:after { content: ')'; display: inline-block; } /* Exception for Careers */ .footer-nav a .vacancyAmount { background-color: #ffd853; font-size: 12px; font-weight: 700; color: #003e6f; display: inline-block; text-align: center; padding: .1rem; min-width: 1rem; height: 1rem; line-height: 1rem; border-radius: .6rem; vertical-align: top; margin-top: .175rem; margin-left: .125rem; } .product-specifications h3 { margin: 20px 0 10px 0; } .featured-image { width: 100%; height: 132px; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 1em; } .featured-image > img { max-width: 75%; max-height: 132px; } /* Smart-Choice & new price products */ .searchproduct-imglink { position: relative; margin-top: -0.5rem; margin-bottom: -0.5rem; max-width: 90px; max-height: 90px; } .searchproduct-imglink > img { max-width: 90px; max-height: 90px; } .result-row .product-img.product-labeled > a::after { content: " "; background-size: contain; background-repeat: no-repeat; background-position: top center; height: 21px; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; } .equivalent a > span.product-labeled, .result-row a.product-labeled { position: relative; display: inline-block; } .equivalent a > span.product-labeled::after, .result-row a.product-labeled::after { content: " "; background-size: contain; background-repeat: no-repeat; background-position: center; width: 120px; height: 1.5em; display: block; position: absolute; right: -136px; top: 0; z-index: 10; } .equivalent a > span.product-labeled::after { height: 1.5rem; margin-top: -2px; right: -136px; } .swiper-product-container.product-labeled::after { content: " "; background-size: contain; background-repeat: no-repeat; background-position: center; width: 160px; height: 80px; display: block; position: absolute; right: -40px; bottom: 12px; z-index: 10; } .featured-image.product-labeled::after { content: " "; background-size: contain; background-repeat: no-repeat; background-position: center; width: 108px; height: 24px; display: block; position: absolute; right: 0; bottom: 12px; z-index: 10; } .result-row .product-img.productbrand-fel > a::after { background-color: white; background-image: url(/s/tenants/abf/images/smartchoice_sm_rounded.png); } .featured-image.productbrand-fel::after, .equivalent a > span.productbrand-fel::after, .result-row a.productbrand-fel::after { background-image: url(/s/tenants/abf/images/smartchoice_sm.png); } .swiper-product-container.productbrand-fel::after { background-image: url(/s/tenants/abf/images/smartchoice_lg.png); } .result-row .product-img.product-newprice > a::after { background-color: white; background-image: url(/s/tenants/abf/images/newprice_sm_rounded.png); } .featured-image.product-newprice::after, .equivalent a > span.product-newprice::after, .result-row a.product-newprice::after { background-image: url(/s/tenants/abf/images/newprice_sm.png); } .swiper-product-container.product-newprice::after { background-image: url(/s/tenants/abf/images/newprice_lg.png); } .result-row .product-img.product-newstock > a::after { background-color: white; background-image: url(/s/tenants/abf/images/newstock_sm_rounded.png); } .featured-image.product-newstock::after, .equivalent a > span.product-newstock::after, .result-row a.product-newstock::after { background-image: url(/s/tenants/abf/images/newstock_sm.png); } .swiper-product-container.product-newstock::after { background-image: url(/s/tenants/abf/images/newstock_lg.png); } @media(min-width: 52em) { .result-row:not(.compact) a.product-labeled::after { display: none; } .swiper-product-container.product-labeled:after { right: -120px; } } .featured-name { height: 3rem; display: block !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; } .featured-header { display: flex; flex-direction: column; margin: 12px; } .swiper-container.featured-products .swiper-slide > div { border: 0.09375rem solid #dadddf; border-radius: 0.5rem; box-sizing: border-box; margin: 16px 8px; } .swiper-container.featured-products .swiper-slide > div:hover { box-shadow: 0 0 12px 3px rgb(218 221 223 / 90%); border-color: rgb(218 221 223 / 50%); } .swiper-container.featured-products .swiper-slide .box-link:hover, .swiper-container.featured-products .swiper-slide .box-link:active { transform: none; box-shadow: none; } .featured-product-stock, .featured-product-price, .featured-product-noprice { height: 2.5rem; display: flex; align-items: center; width: 100%; } .featured-product-stock { height: 3rem; margin: 0.25rem 0; font-size: 0.875rem; } .featured-product-stock > i { background-size: contain; background-repeat: no-repeat; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.25rem; } .featured-product-stock.green > i { background-image: url('data:image/svg+xml;utf8,'); } .featured-product-stock.orange > i { background-image: url('data:image/svg+xml;utf8,'); } .featured-product-stock > span { width: calc(100% - 1.125rem); } .featured-product-price, .featured-product-noprice { width: calc(100% - 6rem); overflow: hidden; } .featured-product-noprice { font-size: 0.875rem; font-style: italic; font-weight: bolder; color: #707070; } .featured-product-price { font-size: 1rem; } .featured-product-price > span { line-height: 1.5rem; font-weight: bolder; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .featured-product-price > span > span { font-size: 1.5rem; margin-left: 0.25rem; } .swiper-container.featured-products .swiper-slide form { position: relative; } .featured-products div[data-bind="visible: showQuantityInBasket()"], .featured-products div[data-bind="visible: showQuantityInQuoteBasket()"] { position: relative; } .swiper-container.featured-products .swiper-slide form input[type='number'], .featured-products div[data-bind="visible: showQuantityInBasket()"] > span, .featured-products div[data-bind="visible: showQuantityInQuoteBasket()"] > span { position: absolute; right: 0; top: -3rem; margin-right: 0; height: 2.5rem; line-height: 2.5rem; width: 4rem; } .featured-products div[data-bind="visible: showQuantityInBasket()"] > span, .featured-products div[data-bind="visible: showQuantityInQuoteBasket()"] > span { width: 6rem; } .featured-products span[data-bind="text: inQuoteBasketLabel"], .featured-products span[data-bind="text: inBasketLabel"] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .featured-viewall { display: flex; justify-content: center; } .featured-viewall > a { text-decoration: none; color: #0d4876; padding: 1rem; margin-top: 1rem; font-size: 0.9375rem; border: 1px solid #bbbbbb; border-radius: 0.25rem; } .featured-viewall > a:before { content: " "; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 0.875rem; height: 0.875rem; margin-top: 0.25rem; margin-right: 0.5rem; } .featured-viewall > a:hover { text-decoration: none; box-shadow: 0 4px 12px rgb(0 0 0 / 10%); } label > input[type='checkbox']:focus + span:after { content: " "; display: block; left: 0; top: 0; height: 100%; width: 100%; position: absolute; box-sizing: border-box; box-shadow: 0 0 0 4px rgb(0 0 0 / 25%); } .login-overlay-2 .icon-logo, .change-password .icon-logo { display: block; width: 5rem; } .login-overlay-2 label { font-weight: bold; } .login-overlay-2 .input { margin-top: 6px; } .login-overlay-2 .remember-me { margin-top: 20px; } .login-overlay-2 .btn { display: block; } .change-password #btnResetPassword { display: flex; width: 100%; justify-content: center; } .change-password .password-policy-warning.msg { padding: 18px 16px; color: #333; display: grid; grid-template-columns: 40px auto; align-items: center; } .change-password .password-policy-warning a { display: block; color: #003E6F; font-weight: bold; } .change-password .password-policy-warning .exclamation-label { border-radius: 1em; font-size: 16px; height: 24px; line-height: 24px; min-width: 24px; display: inline-flex; justify-content: center; align-content: center; justify-self: left; margin-left: 0.25rem; font-weight: bold; background-color: var(--abf-yellow); color: #003E6F; } .icon-external-link { background-size: contain; background-repeat: no-repeat; background-position: left center; display: inline-block; background-image: var(--abf-link-external); margin-left: 5px; width: 0.85rem; height: 0.85rem; filter: invert(58%) sepia(86%) saturate(6883%) hue-rotate(189deg) brightness(98%) contrast(105%); } .password-policy-warning .icon-external-link { filter: invert(11%) sepia(91%) saturate(3185%) hue-rotate(193deg) brightness(92%) contrast(101%); margin-left: 5px; width: 1.25rem; height: 1.25rem; } .inline-flex-center { display: inline-flex; align-items: center; } #uniquecorporateid-link { display: inline-flex; align-items: center; } #uniquecorporateid-nolink { color: #9E9E9E; } .tooltipster-sidetip .tooltipster-box { background: #000 !important; max-width: 22.5rem; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #000 !important; } .mb15 { margin-bottom: 1.5rem; } /* Tier Pricing in Search */ #searchResults .tier-pricing { width: fit-content; position: relative; } #searchResults .tier-pricing .tier-pricing-button { display: flex; justify-content: end; cursor: pointer; white-space: nowrap; } #searchResults .tier-pricing .tier-pricing-button > span { color: #4087E8; } #searchResults .tier-pricing .tier-pricing-button img { margin-left: 3px; content: var(--ico-chevron-down); width: 14px; filter: brightness(0) saturate(100%) invert(30%) sepia(41%) saturate(5529%) hue-rotate(191deg) brightness(101%) contrast(100%); } #searchResults .tier-pricing:hover .tier-pricing-button img { content: var(--ico-chevron-up); } #searchResults .tier-pricing .tier-pricing-popup { display: none; position: absolute; top: -5px; right: 105%; z-index: 999999; margin-right: 5px; background: var(--tooltip-bg); border-radius: 4px; flex-direction: column; font-size: 12px; color: white; width: max-content; max-width: 300px; } #searchResults .tier-pricing .tier-pricing-popup:after { content: ""; position: absolute; top: 15px; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent var(--tooltip-bg); } #searchResults .tier-pricing:hover .tier-pricing-popup { display: block; } #searchResults .tier-pricing .tier-pricing-row { padding: 2px 0; border-bottom: 0.50px #D1D5DB solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex; align-items: stretch; } #searchResults .tier-pricing .tier-pricing-row > div { flex: 1 1 0; padding: 0.5em 0.25em; display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; } #searchResults .tier-pricing .tier-pricing-row > div:first-child { padding-left: 1em; justify-content: flex-start; text-align: left; } #searchResults .tier-pricing .tier-pricing-row > div:nth-child(2) { justify-content: flex-end; text-align: right; padding-right: 1em; } #searchResults .tier-pricing .tier-pricing-row > div:last-child { padding-right: 1em; justify-content: flex-end; text-align: right; } #searchResults .tier-pricing .tier-pricing-row:first-child { border-top: none; } #searchResults .tier-pricing .tier-pricing-row:last-child { border: none; } #searchResults .tier-pricing .tier-pricing-header { font-weight: bold; } #searchResults .tier-pricing .tier-pricing-row-highlight { font-weight: 600; } #searchResults .detail-price-discount { font-size: 12px; margin-top: 6px; } #searchResults .tier-pricing-suggestion { font-size: 12px; } #searchResults .former-price { text-decoration: line-through; color: var(--abf-gray); } .text-muted { color: #707070; } :root { --swiper-theme-color: #999; } /* Reset */ img, video { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } /*! Basscss core | http://basscss.com | MIT License */ h1, h2, h3, h4, h5, h6 { font-weight: inherit; margin-bottom: 1.25rem; } h1 { font-size: 2.25rem; line-height: 1.3; } h2 { font-size: 1.5rem } h3 { font-size: 1.25rem } h4 { font-size: 1.125rem } h5 { font-size: .875rem } h6 { font-size: .75rem } .h1 { font-size: 2.25rem; line-height: 1.3; } .h2 { font-size: 1.5rem } .h3 { font-size: 1.25rem } .h4 { font-size: 1.125rem } .h5 { font-size: .875rem } .h6 { font-size: .75rem } .font-family-inherit { font-family: inherit } .font-size-inherit { font-size: inherit } .text-decoration-none, .text-decoration-none:hover { text-decoration: none } .bold { font-weight: 700 } .semi-bold { font-weight: 600 } .regular { font-weight: 400 } .italic { font-style: italic } .uppercase { text-transform: uppercase } .caps { text-transform: uppercase; letter-spacing: .2em; } .small-caps { font-variant: small-caps } .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .justify { text-align: justify } @media (min-width: 40rem) { .sm-left-align { text-align: left } .sm-center { text-align: center } .sm-right-align { text-align: right } .sm-justify { text-align: justify } } @media (min-width: 52rem) { .md-left-align { text-align: left } .md-center { text-align: center } .md-right-align { text-align: right } .md-justify { text-align: justify } } @media (min-width: 64rem) { .lg-left-align { text-align: left } .lg-center { text-align: center } .lg-right-align { text-align: right } .lg-justify { text-align: justify } } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word; word-break: break-all; } .line-height-1 { line-height: 1 } .line-height-2 { line-height: 1.125 } .line-height-3 { line-height: 1.25 } .line-height-4 { line-height: 1.5 } .list-style-none { list-style: none } .underline { text-decoration: underline } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-reset { list-style: none; padding-left: 0; } li { display: list-item; text-align: -webkit-match-parent; } .list-inline { letter-spacing: -.31em; } .list-inline li { letter-spacing: normal; } .list-wizard li.active, .list-wizard li.done { color: #333; } .list-wizard li:first-child { text-align: left; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .list-wizard li { padding: 0 0 1rem; position: relative; color: #aaa; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .list-wizard li.active:after, .list-wizard li.done:after { background-color: #2775c0; } .list-progress li:after, .list-wizard li:after { content: ''; display: block; height: .25rem; background-color: #888; position: absolute; bottom: .375rem; left: 0; right: 0; } .list-wizard li:after { height: .15rem; background-color: #eaeaea; } .list-wizard li.active, .list-wizard li.done { color: #333; } .list-wizard li:last-child { text-align: right; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .list-wizard li .icon { fill: #c1c1c1; } .list-wizard li.done { color: #2775c0; } .display-none { display: none } .inline { display: inline } .block { display: block } .inline-block { display: inline-block } .inline-input { float: right; margin-right: 6px; margin-top: -50px; position: relative; z-index: 2; } .table { display: table; border-spacing: 0 } .table-cell { display: table-cell } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .overflow-auto { overflow: auto } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .left { float: left } .right { float: right } @media (min-width: 40em) { .sm-inline { display: inline } .sm-block { display: block } .sm-inline-block { display: inline-block } .sm-table { display: table } .sm-table-cell { display: table-cell } .sm-overflow-hidden { overflow: hidden } .sm-overflow-scroll { overflow: scroll } .sm-overflow-auto { overflow: auto } .sm-left { float: left } .sm-right { float: right } } @media (min-width: 52em) { .md-inline { display: inline } .md-block { display: block } .md-inline-block { display: inline-block } .md-table { display: table } .md-table-cell { display: table-cell } .md-overflow-hidden { overflow: hidden } .md-overflow-scroll { overflow: scroll } .md-overflow-auto { overflow: auto } .md-left { float: left } .md-right { float: right } } @media (min-width: 64em) { .lg-inline { display: inline } .lg-block { display: block } .lg-inline-block { display: inline-block } .lg-table { display: table } .lg-table-cell { display: table-cell } .lg-overflow-hidden { overflow: hidden } .lg-overflow-scroll { overflow: scroll } .lg-overflow-auto { overflow: auto } .lg-left { float: left } .lg-right { float: right } } .fit { max-width: 100% } .max-width-1 { max-width: 24rem } .max-width-2 { max-width: 32rem } .max-width-3 { max-width: 48rem } .max-width-4 { max-width: 64rem } .border-box { box-sizing: border-box } .content-box { box-sizing: content-box } .align-baseline { vertical-align: baseline } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .align-bottom { vertical-align: bottom } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mr0 { margin-right: 0 } .mb0 { margin-bottom: 0 } .ml0 { margin-left: 0 } .mx0 { margin-left: 0; margin-right: 0 } .my0 { margin-top: 0; margin-bottom: 0 } .mt025 { margin-top: .25rem } .mr025 { margin-right: .25rem } .mb025 { margin-bottom: .25rem } .ml025 { margin-left: .25rem } .m1 { margin: .5rem } .mt1 { margin-top: .5rem } .mr1 { margin-right: .5rem } .mb1 { margin-bottom: .5rem } .ml1 { margin-left: .5rem } .mx1 { margin-left: .5rem; margin-right: .5rem } .my1 { margin-top: .5rem; margin-bottom: .5rem } .m2 { margin: 1rem } .mt2 { margin-top: 1rem } .mr2 { margin-right: 1rem } .mb2 { margin-bottom: 1rem } .ml2 { margin-left: 1rem } .mx2 { margin-left: 1rem; margin-right: 1rem } .my2 { margin-top: 1rem; margin-bottom: 1rem } .m3 { margin: 2rem } .mt3 { margin-top: 2rem } .mr3 { margin-right: 2rem } .mb3 { margin-bottom: 2rem } .ml3 { margin-left: 2rem } .mx3 { margin-left: 2rem; margin-right: 2rem } .my3 { margin-top: 2rem; margin-bottom: 2rem } .m4 { margin: 4rem } .mt4 { margin-top: 4rem } .mr4 { margin-right: 4rem } .mb4 { margin-bottom: 4rem } .ml4 { margin-left: 4rem } .mx4 { margin-left: 4rem; margin-right: 4rem } .my4 { margin-top: 4rem; margin-bottom: 4rem } .mxn1 { margin-left: -.5rem; margin-right: -.5rem; } .mxn2 { margin-left: -1rem; margin-right: -1rem; } .mxn3 { margin-left: -2rem; margin-right: -2rem; } .mxn4 { margin-left: -4rem; margin-right: -4rem; } .ml-auto { margin-left: auto } .mr-auto { margin-right: auto } .mx-auto { margin-left: auto; margin-right: auto; } /* Basscss Responsive Margin */ @media (min-width: 40em) { .sm-m0 { margin: 0 } .sm-mt0 { margin-top: 0 } .sm-mr0 { margin-right: 0 } .sm-mb0 { margin-bottom: 0 } .sm-ml0 { margin-left: 0 } .sm-mx0 { margin-left: 0; margin-right: 0 } .sm-my0 { margin-top: 0; margin-bottom: 0 } .sm-m1 { margin: .5rem } .sm-mt1 { margin-top: .5rem } .sm-mr1 { margin-right: .5rem } .sm-mb1 { margin-bottom: .5rem } .sm-ml1 { margin-left: .5rem } .sm-mx1 { margin-left: .5rem; margin-right: .5rem } .sm-my1 { margin-top: .5rem; margin-bottom: .5rem } .sm-m2 { margin: 1rem } .sm-mt2 { margin-top: 1rem } .sm-mr2 { margin-right: 1rem } .sm-mb2 { margin-bottom: 1rem } .sm-ml2 { margin-left: 1rem } .sm-mx2 { margin-left: 1rem; margin-right: 1rem } .sm-my2 { margin-top: 1rem; margin-bottom: 1rem } .sm-m3 { margin: 2rem } .sm-mt3 { margin-top: 2rem } .sm-mr3 { margin-right: 2rem } .sm-mb3 { margin-bottom: 2rem } .sm-ml3 { margin-left: 2rem } .sm-mx3 { margin-left: 2rem; margin-right: 2rem } .sm-my3 { margin-top: 2rem; margin-bottom: 2rem } .sm-m4 { margin: 4rem } .sm-mt4 { margin-top: 4rem } .sm-mr4 { margin-right: 4rem } .sm-mb4 { margin-bottom: 4rem } .sm-ml4 { margin-left: 4rem } .sm-mx4 { margin-left: 4rem; margin-right: 4rem } .sm-my4 { margin-top: 4rem; margin-bottom: 4rem } .sm-mxn1 { margin-left: -.5rem; margin-right: -.5rem } .sm-mxn2 { margin-left: -1rem; margin-right: -1rem } .sm-mxn3 { margin-left: -2rem; margin-right: -2rem } .sm-mxn4 { margin-left: -4rem; margin-right: -4rem } .sm-ml-auto { margin-left: auto } .sm-mr-auto { margin-right: auto } .sm-mx-auto { margin-left: auto; margin-right: auto } } @media (min-width: 52em) { .md-m0 { margin: 0 } .md-mt0 { margin-top: 0 } .md-mr0 { margin-right: 0 } .md-mb0 { margin-bottom: 0 } .md-ml0 { margin-left: 0 } .md-mx0 { margin-left: 0; margin-right: 0 } .md-my0 { margin-top: 0; margin-bottom: 0 } .md-m1 { margin: .5rem } .md-mt1 { margin-top: .5rem } .md-mr1 { margin-right: .5rem } .md-mb1 { margin-bottom: .5rem } .md-ml1 { margin-left: .5rem } .md-mx1 { margin-left: .5rem; margin-right: .5rem } .md-my1 { margin-top: .5rem; margin-bottom: .5rem } .md-m2 { margin: 1rem } .md-mt2 { margin-top: 1rem } .md-mr2 { margin-right: 1rem } .md-mb2 { margin-bottom: 1rem } .md-ml2 { margin-left: 1rem } .md-mx2 { margin-left: 1rem; margin-right: 1rem } .md-my2 { margin-top: 1rem; margin-bottom: 1rem } .md-m3 { margin: 2rem } .md-mt3 { margin-top: 2rem } .md-mr3 { margin-right: 2rem } .md-mb3 { margin-bottom: 2rem } .md-ml3 { margin-left: 2rem } .md-mx3 { margin-left: 2rem; margin-right: 2rem } .md-my3 { margin-top: 2rem; margin-bottom: 2rem } .md-m4 { margin: 4rem } .md-mt4 { margin-top: 4rem } .md-mr4 { margin-right: 4rem } .md-mb4 { margin-bottom: 4rem } .md-ml4 { margin-left: 4rem } .md-mx4 { margin-left: 4rem; margin-right: 4rem } .md-my4 { margin-top: 4rem; margin-bottom: 4rem } .md-mxn1 { margin-left: -.5rem; margin-right: -.5rem; } .md-mxn2 { margin-left: -1rem; margin-right: -1rem; } .md-mxn3 { margin-left: -2rem; margin-right: -2rem; } .md-mxn4 { margin-left: -4rem; margin-right: -4rem; } .md-ml-auto { margin-left: auto } .md-mr-auto { margin-right: auto } .md-mx-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 64em) { .lg-m0 { margin: 0 } .lg-mt0 { margin-top: 0 } .lg-mr0 { margin-right: 0 } .lg-mb0 { margin-bottom: 0 } .lg-ml0 { margin-left: 0 } .lg-mx0 { margin-left: 0; margin-right: 0 } .lg-my0 { margin-top: 0; margin-bottom: 0 } .lg-m1 { margin: .5rem } .lg-mt1 { margin-top: .5rem } .lg-mr1 { margin-right: .5rem } .lg-mb1 { margin-bottom: .5rem } .lg-ml1 { margin-left: .5rem } .lg-mx1 { margin-left: .5rem; margin-right: .5rem } .lg-my1 { margin-top: .5rem; margin-bottom: .5rem } .lg-m2 { margin: 1rem } .lg-mt2 { margin-top: 1rem } .lg-mr2 { margin-right: 1rem } .lg-mb2 { margin-bottom: 1rem } .lg-ml2 { margin-left: 1rem } .lg-mx2 { margin-left: 1rem; margin-right: 1rem } .lg-my2 { margin-top: 1rem; margin-bottom: 1rem } .lg-m3 { margin: 2rem } .lg-mt3 { margin-top: 2rem } .lg-mr3 { margin-right: 2rem } .lg-mb3 { margin-bottom: 2rem } .lg-ml3 { margin-left: 2rem } .lg-mx3 { margin-left: 2rem; margin-right: 2rem } .lg-my3 { margin-top: 2rem; margin-bottom: 2rem } .lg-m4 { margin: 4rem } .lg-mt4 { margin-top: 4rem } .lg-mr4 { margin-right: 4rem } .lg-mb4 { margin-bottom: 4rem } .lg-ml4 { margin-left: 4rem } .lg-mx4 { margin-left: 4rem; margin-right: 4rem } .lg-my4 { margin-top: 4rem; margin-bottom: 4rem } .lg-mxn1 { margin-left: -.5rem; margin-right: -.5rem; } .lg-mxn2 { margin-left: -1rem; margin-right: -1rem; } .lg-mxn3 { margin-left: -2rem; margin-right: -2rem; } .lg-mxn4 { margin-left: -4rem; margin-right: -4rem; } .lg-ml-auto { margin-left: auto } .lg-mr-auto { margin-right: auto } .lg-mx-auto { margin-left: auto; margin-right: auto; } } /* End Basscss Responsive Margin */ .p0 { padding: 0 } .pt0 { padding-top: 0 } .pr0 { padding-right: 0 } .pb0 { padding-bottom: 0 } .pl0 { padding-left: 0 } .px0 { padding-left: 0; padding-right: 0 } .py0 { padding-top: 0; padding-bottom: 0 } .p1 { padding: .5rem } .pt1 { padding-top: .5rem } .pr1 { padding-right: .5rem } .pb1 { padding-bottom: .5rem } .pl1 { padding-left: .5rem } .py1 { padding-top: .5rem; padding-bottom: .5rem } .px1 { padding-left: .5rem; padding-right: .5rem } .p2 { padding: 1rem } .pt2 { padding-top: 1rem } .pr2 { padding-right: 1rem } .pb2 { padding-bottom: 1rem } .pl2 { padding-left: 1rem } .py2 { padding-top: 1rem; padding-bottom: 1rem } .px2 { padding-left: 1rem; padding-right: 1rem } .p3 { padding: 2rem } .pt3 { padding-top: 2rem } .pr3 { padding-right: 2rem } .pb3 { padding-bottom: 2rem } .pl3 { padding-left: 2rem } .py3 { padding-top: 2rem; padding-bottom: 2rem } .px3 { padding-left: 2rem; padding-right: 2rem } .p4 { padding: 4rem } .pt4 { padding-top: 4rem } .pr4 { padding-right: 4rem } .pb4 { padding-bottom: 4rem } .pl4 { padding-left: 4rem } .py4 { padding-top: 4rem; padding-bottom: 4rem } .px4 { padding-left: 4rem; padding-right: 4rem } /* Basscss Responsive Padding */ @media (min-width: 40em) { .sm-p0 { padding: 0 } .sm-pt0 { padding-top: 0 } .sm-pr0 { padding-right: 0 } .sm-pb0 { padding-bottom: 0 } .sm-pl0 { padding-left: 0 } .sm-px0 { padding-left: 0; padding-right: 0 } .sm-py0 { padding-top: 0; padding-bottom: 0 } .sm-p1 { padding: .5rem } .sm-pt1 { padding-top: .5rem } .sm-pr1 { padding-right: .5rem } .sm-pb1 { padding-bottom: .5rem } .sm-pl1 { padding-left: .5rem } .sm-px1 { padding-left: .5rem; padding-right: .5rem } .sm-py1 { padding-top: .5rem; padding-bottom: .5rem } .sm-p2 { padding: 1rem } .sm-pt2 { padding-top: 1rem } .sm-pr2 { padding-right: 1rem } .sm-pb2 { padding-bottom: 1rem } .sm-pl2 { padding-left: 1rem } .sm-px2 { padding-left: 1rem; padding-right: 1rem } .sm-py2 { padding-top: 1rem; padding-bottom: 1rem } .sm-p3 { padding: 2rem } .sm-pt3 { padding-top: 2rem } .sm-pr3 { padding-right: 2rem } .sm-pb3 { padding-bottom: 2rem } .sm-pl3 { padding-left: 2rem } .sm-px3 { padding-left: 2rem; padding-right: 2rem } .sm-py3 { padding-top: 2rem; padding-bottom: 2rem } .sm-p4 { padding: 4rem } .sm-pt4 { padding-top: 4rem } .sm-pr4 { padding-right: 4rem } .sm-pb4 { padding-bottom: 4rem } .sm-pl4 { padding-left: 4rem } .sm-px4 { padding-left: 4rem; padding-right: 4rem } .sm-py4 { padding-top: 4rem; padding-bottom: 4rem } } @media (min-width: 52em) { .md-p0 { padding: 0 } .md-pt0 { padding-top: 0 } .md-pr0 { padding-right: 0 } .md-pb0 { padding-bottom: 0 } .md-pl0 { padding-left: 0 } .md-px0 { padding-left: 0; padding-right: 0 } .md-py0 { padding-top: 0; padding-bottom: 0 } .md-p1 { padding: .5rem } .md-pt1 { padding-top: .5rem } .md-pr1 { padding-right: .5rem } .md-pb1 { padding-bottom: .5rem } .md-pl1 { padding-left: .5rem } .md-px1 { padding-left: .5rem; padding-right: .5rem } .md-py1 { padding-top: .5rem; padding-bottom: .5rem } .md-p2 { padding: 1rem } .md-pt2 { padding-top: 1rem } .md-pr2 { padding-right: 1rem } .md-pb2 { padding-bottom: 1rem } .md-pl2 { padding-left: 1rem } .md-px2 { padding-left: 1rem; padding-right: 1rem } .md-py2 { padding-top: 1rem; padding-bottom: 1rem } .md-p3 { padding: 2rem } .md-pt3 { padding-top: 2rem } .md-pr3 { padding-right: 2rem } .md-pb3 { padding-bottom: 2rem } .md-pl3 { padding-left: 2rem } .md-px3 { padding-left: 2rem; padding-right: 2rem } .md-py3 { padding-top: 2rem; padding-bottom: 2rem } .md-p4 { padding: 4rem } .md-pt4 { padding-top: 4rem } .md-pr4 { padding-right: 4rem } .md-pb4 { padding-bottom: 4rem } .md-pl4 { padding-left: 4rem } .md-px4 { padding-left: 4rem; padding-right: 4rem } .md-py4 { padding-top: 4rem; padding-bottom: 4rem } } @media (min-width: 64em) { .lg-p0 { padding: 0 } .lg-pt0 { padding-top: 0 } .lg-pr0 { padding-right: 0 } .lg-pb0 { padding-bottom: 0 } .lg-pl0 { padding-left: 0 } .lg-px0 { padding-left: 0; padding-right: 0 } .lg-py0 { padding-top: 0; padding-bottom: 0 } .lg-p1 { padding: .5rem } .lg-pt1 { padding-top: .5rem } .lg-pr1 { padding-right: .5rem } .lg-pb1 { padding-bottom: .5rem } .lg-pl1 { padding-left: .5rem } .lg-px1 { padding-left: .5rem; padding-right: .5rem } .lg-py1 { padding-top: .5rem; padding-bottom: .5rem } .lg-p2 { padding: 1rem } .lg-pt2 { padding-top: 1rem } .lg-pr2 { padding-right: 1rem } .lg-pb2 { padding-bottom: 1rem } .lg-pl2 { padding-left: 1rem } .lg-px2 { padding-left: 1rem; padding-right: 1rem } .lg-py2 { padding-top: 1rem; padding-bottom: 1rem } .lg-p3 { padding: 2rem } .lg-pt3 { padding-top: 2rem } .lg-pr3 { padding-right: 2rem } .lg-pb3 { padding-bottom: 2rem } .lg-pl3 { padding-left: 2rem } .lg-px3 { padding-left: 2rem; padding-right: 2rem } .lg-py3 { padding-top: 2rem; padding-bottom: 2rem } .lg-p4 { padding: 4rem } .lg-pt4 { padding-top: 4rem } .lg-pr4 { padding-right: 4rem } .lg-pb4 { padding-bottom: 4rem } .lg-pl4 { padding-left: 4rem } .lg-px4 { padding-left: 4rem; padding-right: 4rem } .lg-py4 { padding-top: 4rem; padding-bottom: 4rem } } /* End Basscss Responsive Padding */ .col { float: left; box-sizing: border-box; } .col-right { float: right; box-sizing: border-box; } .col-1 { width: 8.33333%; } .col-2 { width: 16.66667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333%; } .col-5 { width: 41.66667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333%; } .col-8 { width: 66.66667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.66667%; } .col-12 { width: 100%; } .col-auto { width: auto; } @media (min-width: 40em) { .sm-col { float: left; box-sizing: border-box; } .sm-col-right { float: right; box-sizing: border-box; } .sm-col-1 { width: 8.33333%; } .sm-col-2 { width: 16.66667%; } .sm-col-3 { width: 25%; } .sm-col-4 { width: 33.33333%; } .sm-col-5 { width: 41.66667%; } .sm-col-6 { width: 50%; } .sm-col-7 { width: 58.33333%; } .sm-col-8 { width: 66.66667%; } .sm-col-9 { width: 75%; } .sm-col-10 { width: 83.33333%; } .sm-col-11 { width: 91.66667%; } .sm-col-12 { width: 100%; } .sm-col-auto { width: auto; } } @media (min-width: 52em) { .md-col { float: left; box-sizing: border-box; } .md-col-right { float: right; box-sizing: border-box; } .md-col-1 { width: 8.33333%; } .md-col-2 { width: 16.66667%; } .md-col-3 { width: 25%; } .md-col-4 { width: 33.33333%; } .md-col-5 { width: 41.66667%; } .md-col-6 { width: 50%; } .md-col-7 { width: 58.33333%; } .md-col-8 { width: 66.66667%; } .md-col-9 { width: 75%; } .md-col-10 { width: 83.33333%; } .md-col-11 { width: 91.66667%; } .md-col-12 { width: 100%; } .md-col-auto { width: auto; } } @media (min-width: 64em) { .lg-col { float: left; box-sizing: border-box; } .lg-col-right { float: right; box-sizing: border-box; } .lg-col-1 { width: 8.33333%; } .lg-col-2 { width: 16.66667%; } .lg-col-3 { width: 25%; } .lg-col-4 { width: 33.33333%; } .lg-col-5 { width: 41.66667%; } .lg-col-6 { width: 50%; } .lg-col-7 { width: 58.33333%; } .lg-col-8 { width: 66.66667%; } .lg-col-9 { width: 75%; } .lg-col-10 { width: 83.33333%; } .lg-col-11 { width: 91.66667%; } .lg-col-12 { width: 100%; } .lg-col-auto { width: auto; } } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .gap-1 { gap: 1rem; } .gap-025 { gap: 0.25rem; } .gap-05 { gap: 0.5rem; } @media (min-width: 40em) { .sm-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (min-width: 52em) { .md-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (min-width: 64em) { .lg-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start } .items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end } .items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center } .items-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline } .items-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch } @media (min-width: 52em) { .md-items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start } .md-items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end } .md-items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center } .md-items-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline } .md-items-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch } } .self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end } .self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center } .self-baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline } .self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch } .justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } .content-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start } .content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end } .content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center } .content-between { justify-content: space-between; } .content-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around } .content-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch } .flex-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0; } .flex-none { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-last { -webkit-box-ordinal-group: 100000; -webkit-order: 99999; -ms-flex-order: 99999; order: 99999 } .relative { position: relative } .absolute { position: absolute } .fixed { position: fixed } .top-0 { top: 0 } .right-0 { right: 0 } .bottom-0 { bottom: 0 } .left-0 { left: 0 } @media (min-width: 40em) { .sm-relative { position: relative } .sm-absolute { position: absolute } .sm-fixed { position: fixed } .sm-top-0 { top: 0 } .sm-right-0 { right: 0 } .sm-bottom-0 { bottom: 0 } .sm-left-0 { left: 0 } } @media (min-width: 52em) { .md-relative { position: relative } .md-absolute { position: absolute } .md-fixed { position: fixed } .md-top-0 { top: 0 } .md-right-0 { right: 0 } .md-bottom-0 { bottom: 0 } .md-left-0 { left: 0 } } @media (min-width: 64em) { .lg-relative { position: relative } .lg-absolute { position: absolute } .lg-fixed { position: fixed } .lg-top-0 { top: 0 } .lg-right-0 { right: 0 } .lg-bottom-0 { bottom: 0 } .lg-left-0 { left: 0 } } .z1 { z-index: 1 } .z2 { z-index: 2 } .z3 { z-index: 3 } .z4 { z-index: 4 } .z100 { z-index: 100 } .z101 { z-index: 101 } .z102 { z-index: 102 } .z103 { z-index: 103 } .border { border-style: solid; border-width: 1px; } .border-top { border-top-style: solid; border-top-width: 1px; } .border-right { border-right-style: solid; border-right-width: 1px; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; } .border-left { border-left-style: solid; border-left-width: 1px; } .border-2 { border-width: 2px; } .border-none { border: 0 } .rounded { border-radius: 4px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } .hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } @media (max-width: 52em) { .mobile-hide { display: none !important } } @media (max-width: 40em) { .xs-hide { display: none !important } .btn-mobile { width: 100%; text-align: center; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } @media (max-width: 52em) and (min-width: 40em) { .sm-hide { display: none !important } } @media (min-width: 52em) and (max-width: 64em) { .md-hide { display: none !important } } @media (min-width: 64em) { .lg-hide { display: none !important } } /* End Basscss core */ /* Basscss Responsive Show / Hide */ .lg-show, .md-show, .sm-show, .lg-show-inline, .md-show-inline, .sm-show-inline { display: none !important } @media (min-width:40em) { .sm-show { display: block !important } .sm-show-inline { display: inline-block !important } } @media (min-width:52em) { .md-show { display: block !important } .md-show-inline { display: inline-block !important } } @media (min-width:64em) { .lg-show { display: block !important } .lg-show-inline { display: inline-block !important } } .xl-show { display: none !important } .xl-show-inline-block { display: none !important } @media (min-width:68em) { .xl-show { display: block !important } .xl-show-inline-block { display: inline-block !important } .xl-hide { display: none !important } } .sm-show { display: none; } .sm-stock-indicator > ul.list-reset { white-space: nowrap; width: 0; } @media (min-width:40em) { .sm-hide { display: none !important } .sm-show { display: initial; } .sm-stock-indicator > ul.list-reset { width: auto; } } @media (min-width:52em) { .md-hide { display: none !important } } @media (min-width:64em) { .lg-hide { display: none !important } } /* End Basscss Responsive Show / Hide */ /* Basscss Forms */ input[type="button"], input[type="submit"], button { font-size: inherit; } .label { font-size: .875rem; font-weight: 600; display: block; margin-bottom: .5rem; } ::-webkit-input-placeholder { color: #999; font-weight: 400; text-transform: none; } ::-moz-placeholder { color: #999; font-weight: 400; text-transform: none; } :-ms-input-placeholder { color: #999; font-weight: 400; text-transform: none; } :-moz-placeholder { color: #999; font-weight: 400; text-transform: none; } .input { font-family: inherit; font-size: inherit; display: block; height: 3rem; padding: .5rem 0 .5rem .75rem; border: 1px solid #bbb; -webkit-border-radius: 4px; border-radius: 4px; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.08); box-shadow: inset 0 1px 2px rgba(0,0,0,.08); -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; } textarea.input { -webkit-transition: none; transition: none; resize: none; margin: 0 !important; padding: 0.5rem 0.75rem; height: 5.5rem; clear: both; } .select { font-family: inherit; font-size: inherit; display: block; height: 3rem; padding: .75rem 1.5rem .75rem .75rem; border: 1px solid #bbb; -webkit-border-radius: 4px; border-radius: 4px; box-sizing: border-box; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08); box-shadow: 0 1px 1px rgba(0,0,0,.08); -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; -webkit-appearance: none; } .select-parent { position: relative; } .select-parent::after { content: ''; display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; z-index: 1; position: absolute; right: .5em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .textarea { font-family: inherit; font-size: inherit; display: block; width: 100%; padding: .5rem 1rem; border: 1px solid #bbb; -webkit-border-radius: 4px; border-radius: 4px; box-sizing: border-box; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08); box-shadow: 0 1px 1px rgba(0,0,0,.08); } .input:focus, .select:focus, .textarea:focus { border-color: #999; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.1); box-shadow: 0 2px 8px rgba(0,0,0,.1); } .input:disabled, .select:disabled, .textarea:disabled { opacity: .5; } .input-mini { height: 2rem; padding: .25rem 0 .25rem .5rem; } .select-mini { height: 2rem; padding: 0 0 0 .5rem; } .select-filter { height: 1.75rem; } .select-filter select { font-family: inherit; font-size: inherit; display: inline-block; height: 1.75rem; padding: .25rem 1rem .25rem .25rem; border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); box-sizing: border-box; -webkit-appearance: none; } .select-filter::after { right: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #333; } .input-small { height: 2.5rem; padding: .5rem 0 .5rem .5rem; } .select-small { height: 2.5rem; padding: .25rem 0 .25rem .5rem; } .input-medium { height: 3.375rem; } .select-medium { height: 3.375rem; } .input-big { height: 3.75rem; padding: .5rem 0 .5rem 1rem; } .select-big { height: 3.75rem; padding: .5rem 0 .5rem 1rem; } input.number { width: 4rem; text-align: center; padding-left: 0; padding-right: 0; } .input.small, .select.small { height: 2.25rem; padding-top: 0; padding-bottom: 0; } input.h1, select.h1, textarea.h1 { font-size: 2.25rem } input.h2, select.h2, textarea.h2 { font-size: 1.5rem } input.h3, select.h3, textarea.h3 { font-size: 1.25rem } input.h4, select.h4, textarea.h4 { font-size: 1.125rem } input.h5, select.h5, textarea.h5 { font-size: .875rem } input.h6, select.h6, textarea.h6 { font-size: .75rem } .input-search { font-size: 1rem; height: 3.5rem; padding: .5rem .5rem .5rem 1rem; } .input-search-mini { height: 2.5rem; padding-left: 3rem; max-width: 18rem; } .no-right-curve { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .no-left-curve { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } select.select-search { border-right: 0; height: 3.5rem; width: auto; -webkit-box-shadow: none; box-shadow: none; padding-right: 2.5rem !important; } select.select-search-small { border-right: 0; height: 3.25rem; width: auto; padding-right: 2rem !important; } .icon-input, .icon-select { border: 0; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; height: 4rem; } .icon-input-padding { padding-left: 3.5rem; } .no-select { user-select: none; } /* Validation / Messages */ .input.invalid, select.invalid, textarea.invalid, .input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #c72222; } .input.valid, select.valid, textarea.valid { border-color: #3c800f; } .msg, .wpcf7-not-valid-tip { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); -webkit-border-radius: 4px; border-radius: 4px; background-color: #eff8ff; color: #006ec4; fill: #006ec4; } .msg.invalid, span.wpcf7-not-valid-tip { background-color: #ffe8e8; color: #c72222; fill: #c72222; } .msg.warn, span.wpcf7-not-valid-tip { background-color: #fff3cd; color: #856404; fill: #856404; border-color: #ffeeba; } span.wpcf7-not-valid-tip { padding: .5rem 1rem; margin-top: .5rem; font-weight: 600; font-size: .875rem; display: inline-block; } .msg.valid { background-color: #e9ffdb; color: #3c800f; fill: #3c800f; } div.wpcf7-validation-errors { float: left; width: 100%; } /* Checkbox */ label.checkbox { cursor: pointer; position: relative; } label.checkbox.is-disabled { opacity: .5; pointer-events: none; cursor: default; } label.checkbox input[type="checkbox"] { height: 1px; width: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-25%, -75%); transform: translate(-25%, -75%); z-index: -1; opacity: 0; } .box { height: 1.375rem; width: 1.375rem; position: relative; z-index: 1; box-sizing: border-box; display: inline-block; background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #aaa; box-shadow: inset 0 0 0 1px #aaa; -webkit-transition: all 150ms; transition: all 150ms; } .box-small { height: 1rem; width: 1rem; vertical-align: middle; } .box .icon { vertical-align: baseline; fill: #fff; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 150ms; transition: all 150ms; -webkit-transition-delay: 150ms; transition-delay: 150ms; } label.checkbox input[type="checkbox"]:checked + .box { -webkit-box-shadow: inset 0 0 0 .75rem #007fe3; box-shadow: inset 0 0 0 .75rem #007fe3; } label.checkbox input[type="checkbox"]:checked + .box .icon { -webkit-transform: scale(1); transform: scale(1); } /* Radiobutton */ label.radio { cursor: pointer; position: relative; } label.radio input[type="radio"] { height: 1px; width: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-25%, -75%); transform: translate(-25%, -75%); z-index: -1; opacity: 0; } .dot { vertical-align: middle; position: relative; z-index: 1; height: 1rem; width: 1rem; box-sizing: border-box; display: inline-block; -webkit-box-shadow: inset 0 0 0 1px #999; box-shadow: inset 0 0 0 1px #999; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 250ms; transition: all 250ms; } label.radio input[type="radio"]:checked + .dot { -webkit-box-shadow: inset 0 0 0 .375rem #007fe3; box-shadow: inset 0 0 0 .375rem #007fe3; } /* Radiobutton options table */ .list-options li:last-child { border-bottom: 0; } /* Image Radiobutton */ label.img-radio { cursor: pointer; position: relative; } label.img-radio input[type="radio"] { height: 1px; width: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-25%, -75%); transform: translate(-25%, -75%); z-index: -1; opacity: 0; } label.img-radio input[type="radio"]:checked + img { -webkit-box-shadow: 0 0 0 .375rem #fff, 0 0 0 .5rem #333; box-shadow: 0 0 0 .375rem #fff, 0 0 0 .5rem #333; } /* End Basscss Forms */ /* Basscss Btn */ .btn { font-weight: 700; text-decoration: none; cursor: pointer; display: inline-block; line-height: 1.125rem; padding: 1rem 1.25rem; text-align: center; height: 3.375rem; border: 1px solid transparent; vertical-align: middle; -webkit-appearance: none; color: inherit; background-color: transparent; box-sizing: border-box; } .btn:hover { text-decoration: none; } .btn:focus { outline: none; border-color: rgba(0, 0, 0, .125); box-shadow: 0 0 0 3px rgba(0, 0, 0, .25); } ::-moz-focus-inner { border: 0; padding: 0; } /* Basscss Btn Primary */ .btn-primary { color: #003e6f; background-color: #ffd853; border-color: rgba(0,0,0,.08); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; } .btn-primary:hover { border-color: rgba(0,0,0,.2); -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.1); box-shadow: 0 4px 12px rgba(0,0,0,.1); -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn-primary:active { -webkit-box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .05), inset 0 2px 4px 0 rgba(0, 0, 0, .125), 0 0 1px rgba(0, 0, 0, .125); box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .05), inset 0 2px 4px 0 rgba(0, 0, 0, .125), 0 0 1px rgba(0, 0, 0, .125); -webkit-transform: translateY(0); transform: translateY(0); } .btn-primary:disabled, .btn-primary.is-disabled { opacity: .5; pointer-events: none; cursor: default; } /* Basscss Btn Outline */ .btn-outline { border-color: rgba(0,0,0,.25); -webkit-border-radius: 4px; border-radius: 4px; } .btn-outline:hover { border-color: rgba(0,0,0,.5); -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn-outline:active { -webkit-box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125); box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125); -webkit-transform: translateY(0); transform: translateY(0); } .btn-outline:disabled, .btn-outline.is-disabled { opacity: .5; pointer-events: none; cursor: default; } /* Basscss Btn Micro */ .btn-micro { height: 2.25rem; line-height: 1rem; padding: .5rem .5rem; font-weight: 600; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; } .btn-micro:hover { border-color: rgba(0,0,0,.25); -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn-micro:active { -webkit-box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125); box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125); -webkit-transform: translateY(0); transform: translateY(0); } .btn-micro:disabled, .btn-micro.is-disabled { opacity: .5; pointer-events: none; cursor: default; } /* Basscss Btn Transparent */ .btn-transparent { -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; } .btn-transparent:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn-transparent:active { -webkit-box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125); box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125); -webkit-transform: translateY(0); transform: translateY(0); } .btn-transparent:disabled, .btn-transparent.is-disabled { opacity: .5; pointer-events: none; cursor: default; } /* Basscss Btn Sizes */ .btn-small { padding: .75rem .75rem; height: 3rem; } .btn-big { padding: 1.25rem 1.25rem; height: 3.75rem; } .btn-narrow { padding-left: .415rem; padding-right: .415rem; } .btn.small { padding-top: .5rem; padding-bottom: .5rem; height: 2.25rem; } .btn-search { padding: .75rem .75rem; height: 3.5rem; width: 3.5rem; margin-left: -1px; -webkit-box-shadow: none; box-shadow: none; } /* Btn transitions */ .btn .lbl-loading, .btn .lbl-success, .btn .lbl-failed { display: none; } .btn.loading, .btn.success, .btn.failed { opacity: 1 !important; } .btn.loading { background-color: transparent; -webkit-box-shadow: inset 0 0 0 2px #d3d6d9; box-shadow: inset 0 0 0 2px #d3d6d9; } .btn.loading .lbl-loading { display: inline-block; } .btn.loading .lbl-neutral, .btn.loading .lbl-success, .btn.loading .lbl-failed { display: none; } .btn.success { background-color: transparent; -webkit-box-shadow: inset 0 0 0 2px #3c800f; box-shadow: inset 0 0 0 2px #3c800f; } .btn.success .lbl-success { display: inline-block; } .btn.success .lbl-neutral, .btn.success .lbl-loading, .btn.success .lbl-failed { display: none; } .btn.failed { background-color: transparent; -webkit-box-shadow: inset 0 0 0 2px #c72222; box-shadow: inset 0 0 0 2px #c72222; } .btn.failed .lbl-failed { display: inline-block; } .btn.failed .lbl-neutral, .btn.failed .lbl-loading, .btn.failed .lbl-success { display: none; } /* End Basscss Btn */ /* Basscss Background Images */ .bg-cover { background-size: cover } .bg-contain { background-size: contain } .bg-center { background-position: center } .bg-top { background-position: top } .bg-right { background-position: right } .bg-bottom { background-position: bottom } .bg-left { background-position: left } .bg-no-repeat { background-repeat: no-repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } /* End Basscss Background Images */ /* Colors */ .white { color: #fff } .black { color: #333 } .gray { color: #777 } .medium-gray { color: #999 } .light-gray { color: #eee } .lighter-gray { color: #f5f5f5 } .blue { color: #007fe3 } .dark-blue { color: #003e6f } .gray-blue { color: #778894 } .green { color: #3e8410 } .red { color: #e72d2d } .orange { color: #ff6600 } .yellow { color: #ffd853 } .bg-white { background-color: #fff } .bg-overlay-black { background-color: rgba(0,0,0,.7) } .bg-overlay-medium { background-color: rgba(0,0,0,.66) } .bg-black { background-color: #333 } .bg-gray { background-color: #777 } .bg-medium-gray { background-color: #999 } .bg-light-gray { background-color: #eee } .bg-lighter-gray { background-color: #f5f5f5 } .bg-blue { background-color: #0872c6 } .bg-dark-blue { background-color: #003e6f } .bg-gray-blue { background-color: #778894 } .bg-green { background-color: #489913 } .bg-red { background-color: #e72d2d } .bg-orange { background-color: #ffc731 } .bg-yellow { background-color: #ffd853 } .bg-yellow-light { background-color: #fff7dd; } .border-white { border-color: #fff } .border-black { border-color: #333 } .border-gray { border-color: #7c838c } .border-medium-gray { border-color: #d3d6d9 } .border-light-gray { border-color: #dee0e4 } .border-blue { border-color: #0872c6 } .border-dark-blue { border-color: #003e6f } .border-gray-blue { border-color: #778894 } .border-green { border-color: #489913 } .border-red { border-color: #e72d2d } .border-orange { border-color: #ffc731 } .border-yellow { border-color: #fdc300 } .fill-white { fill: #fff } .fill-black { fill: #333 } .fill-gray { fill: #777 } .fill-medium-gray { fill: #999 } .fill-light-gray { fill: #eee } .fill-lighter-gray { fill: #f5f5f5 } .fill-blue { fill: #0872c6 } .fill-dark-blue { fill: #003e6f } .fill-gray-blue { fill: #778894 } .fill-green { fill: #489913 } .fill-red { fill: #e72d2d } .fill-orange { fill: #ffc731 } .fill-yellow { fill: #ffd853 } .highlight { background-color: #fff88a; } /* Global */ html { overflow-x: hidden; } body { margin: 0; font-family: 'Open Sans', sans-serif; line-height: 1.425; color: #333; overflow-x: hidden; } p { margin-top: 0; margin-bottom: 1.75rem; } a { color: #007fe3; text-decoration: none; } a:hover { text-decoration: underline; } header, main, section { display: block; } .opac-0 { opacity: 0 } .opac-33 { opacity: .33 } .opac-50 { opacity: .5 } .opac-66 { opacity: .66 } .opac-100 { opacity: 1 } .pointer { cursor: pointer } /* Custom Typography */ .huge { font-size: 2rem; line-height: 1.175; } @media (min-width: 52em) { .huge { font-size: 2.875rem; } } .double { line-height: 2 } .onehalf { line-height: 1.75 } .single-lh { line-height: 1.25 } .original-lh { line-height: 1.375rem } .letter-spacing-25 { letter-spacing: 0.025em } .letter-spacing-50 { letter-spacing: 0.05em } .letter-spacing-100 { letter-spacing: 0.1em } /* End Custom Typography */ /* Containers */ .container { width: 100%; box-sizing: border-box; max-width: 70rem; margin-left: auto; margin-right: auto } .micro-container { max-width: 20rem; } .mini-container { max-width: 24rem; } .small-container { max-width: 30rem; } .text-container { max-width: 33rem; } .medium-container { max-width: 38rem; } .large-container { max-width: 74rem; } .huge-container { max-width: 88rem; } /* End Containers */ /* Icons */ .icon { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; } .icon-close { width: 20px; height: 20px; float: right; cursor: pointer; } .icon-freefreight { width: 20px; height: 20px; margin-top: -4px; margin-right: 8px; } .icon-height { height: 1.5rem; width: auto; } .icon-micro { width: .75rem; height: .75rem; margin-bottom: .25rem; } .icon-micro-single { width: .75rem; height: .75rem; } .icon-mini { width: 1rem; height: 1rem; margin-bottom: .375rem; } .icon-mini-btn { width: 1rem; height: 1rem; } .icon-small { width: 1.125rem; height: 1.125rem; margin-bottom: .125rem; margin-right: .25rem; } .icon-small-height { height: 1.125rem; width: auto; } .icon-small-single { width: 1.125rem; height: 1.125rem; margin-bottom: .125rem; } .icon-small-btn { width: 1.125rem; height: 1.125rem; margin-bottom: .125rem; margin-right: .25rem; } .icon-medium { width: 2rem; height: 2rem; } .icon-medium-height { height: 2rem; width: auto; } .icon-large { width: 2.5rem; height: 2.5rem; } .icon-large-height { height: 1.5rem; width: auto; } @media (min-width: 40em) { .icon-large-height { height: 2.5rem; width: auto; } } .icon-big { width: 3rem; height: 3rem; } .icon-logo { width: 5rem; /* height * 2.5 */ height: 2rem; } @media (min-width: 52em) { .icon-logo { width: 7rem; /* height * 2.5 */ height: 2.8rem; } } .icon-gotit { width: 6rem; /* height * 2.5 */ height: 2.4rem; } @media (min-width: 52em) { .icon-gotit { width: 7rem; /* height * 2.5 */ height: 2.8rem; } } .icon-flag { width: 1.5rem; height: 1rem; margin-bottom: .125rem; margin-right: .25rem; } .icon-flag-medium { width: 2.25rem; height: 1.5rem; } .icon-flag-large { width: 3rem; height: 2rem; } .icon-nav { width: 1.375rem; height: 1.375rem; vertical-align: top; margin-top: 1rem; } .icon-arrow { width: .75rem; height: .75rem; vertical-align: top; } /* End Icons */ /* Responsive Cover Images */ .cover-img-parent { max-height: 100%; overflow: hidden; position: relative; } .cover-img-parent img { position: relative; height: auto; left: 50%; max-width: 1000%; min-height: 100%; min-width: 100%; width: auto; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cover-img-parent img.small { max-width: 150%; } /* For browsers that support 'object-fit' */ @supports ( object-fit: cover ) { .cover-img-parent img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; width: 100%; } } img.lazyloading { opacity: 0; } img.lazyloaded { opacity: 1; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } /* End Responsive Cover Images */ /* Labels (not the html elements) */ .lbl { display: inline-block; line-height: 1.125rem; padding: .25rem .5rem; text-align: center; vertical-align: baseline; white-space: nowrap; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.125); box-shadow: inset 0 0 1px rgba(0,0,0,.125); } .lbl-big { padding: .5rem 1rem; line-height: 1.375rem; } .lbl-small { padding: .125rem .375rem; line-height: 1rem; } .lbl-gray { background-color: #777; } .lbl-blue { background-color: #337ab7; } .lbl-green { background-color: #3e8410; } .lbl-light-blue { background-color: #5bc0de; } .lbl-yellow { background-color: #f0ad4e; } .lbl-red { background-color: #d9534f; } /* End Labels */ /* Heights */ .vh100 { min-height: 100vh } .full-height { height: 100% } .h-5 { height: 5rem; } .h-10 { height: 10rem; } .h-13 { height: 13rem; } .h-15 { height: 15rem; } .h-20 { height: 20rem; } .h-25 { height: 25rem; } .h-30 { height: 30rem; } .h-35 { height: 35rem; } .h-40 { height: 40rem; } .h-50 { height: 50rem; } @media (min-width: 40em) { .sm-h-10 { height: 10rem; } .sm-h-13 { height: 13rem; } .sm-h-15 { height: 15rem; } .sm-h-20 { height: 20rem; } .sm-h-25 { height: 25rem; } .sm-h-30 { height: 30rem; } .sm-h-35 { height: 35rem; } .sm-h-40 { height: 40rem; } .sm-h-50 { height: 50rem; } } @media (min-width: 52em) { .md-h-10 { height: 10rem; } .md-h-13 { height: 13rem; } .md-h-15 { height: 15rem; } .md-h-20 { height: 20rem; } .md-h-25 { height: 25rem; } .md-h-30 { height: 30rem; } .md-h-35 { height: 35rem; } .md-h-40 { height: 40rem; } .md-h-50 { height: 50rem; } } @media (min-width: 64em) { .lg-h-10 { height: 10rem; } .lg-h-13 { height: 13rem; } .lg-h-15 { height: 15rem; } .lg-h-20 { height: 20rem; } .lg-h-25 { height: 25rem; } .lg-h-30 { height: 30rem; } .lg-h-35 { height: 35rem; } .lg-h-40 { height: 40rem; } .lg-h-50 { height: 50rem; } } .center-all { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .center-y { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .center-x { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 40em) { .mob-center-x { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } /* End Heights */ /* Shadows */ .drop-shadow { -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.25); box-shadow: 0 .125rem .25rem rgba(0,0,0,.25); } .box-shadow { -webkit-box-shadow: 0 0 1rem rgba(0,0,0,.1); box-shadow: 0 0 1rem rgba(0,0,0,.1); } /* End Shadows */ /* Link Hovers */ .block-link { -webkit-transition: all 100ms ease; transition: all 100ms ease; } .block-link:hover { -webkit-transform: translateY(-.25rem); transform: translateY(-.25rem); opacity: .66; } .text-link { -webkit-transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .text-link:hover { color: #007fe3; } .border-link { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.125); box-shadow: inset 0 0 0 1px rgba(0,0,0,.125); -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; } .border-link:hover { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.375); box-shadow: inset 0 0 0 1px rgba(0,0,0,.375); } .border-link:active { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.375), inset 0 0 0 20rem rgba(0, 0, 0, .125); box-shadow: inset 0 0 0 1px rgba(0,0,0,.375), inset 0 0 0 20rem rgba(0, 0, 0, .125); } .list-link { -webkit-transition: all 100ms ease; transition: all 100ms ease; } .list-link:hover { -webkit-box-shadow: inset 0 0 0 20rem rgba(0,0,0,.075); box-shadow: inset 0 0 0 20rem rgba(0,0,0,.075); } .list-link:focus { -webkit-box-shadow: inset 0 0 0 20rem rgba(0,0,0,.15); box-shadow: inset 0 0 0 20rem rgba(0,0,0,.15); } .hover-link { -webkit-transition: all 50ms ease; transition: all 50ms ease; } .hover-link:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .box-link:hover { -webkit-box-shadow: 0 0 0 .5rem #fff, 0 0 .25rem .5rem rgba(0,0,0,.4), 0 0 1.5rem .5rem rgba(0,0,0,.2); box-shadow: 0 0 0 .5rem #fff, 0 0 .25rem .5rem rgba(0,0,0,.4), 0 0 1.5rem .5rem rgba(0,0,0,.2); z-index: 2; } .box-link:active { -webkit-transform: translateY(1px); transform: translateY(1px); } .toggle-btn.active { opacity: .5; } .destroy-btn { -webkit-transition: all 250ms ease; transition: all 250ms ease; } .destroy-btn.destroy { opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* End Link Hovers */ /* Transitions & Animations */ .opac-fade { transition: opacity 200ms ease-in; } /* End Transitions & Animations */ /* Sticky nav */ .sticky-header { -webkit-box-shadow: inset 0 -1px 0 0 #d3d6d9; box-shadow: inset 0 -1px 0 0 #d3d6d9; } .is_stuck { -webkit-box-shadow: inset 0 -1px 0 0 #d3d6d9, 0 0 6px rgba(0,0,0,.2); box-shadow: inset 0 -1px 0 0 #d3d6d9, 0 0 6px rgba(0,0,0,.2); } @media (min-width: 52em) { .is_stuck .hide-on-sticky { display: none; } .is_stuck .site-overlay { display: block; } .is_stuck { padding-top: .5rem; padding-bottom: .75rem; } } /* End Sticky nav */ /* Navigation */ .main-nav a { font-weight: 600; padding: .5rem .5rem; display: block; color: #333; text-decoration: none; -webkit-transition: all 100ms ease; transition: all 100ms ease; } .main-nav li { margin: 0; } @media (min-width: 52em) { .main-nav li { display: inline-block; margin-left: .5rem; } .main-nav a { text-transform: none; padding: .5rem; } .main-nav a:hover { color: #007fe3; } .main-nav .active a, .main-nav a.active, .main-nav .current-menu-item a, .main-nav .current_page_item a { color: #007fe3; } } @media (max-width: 52em) { .mobile-link { font-size: 1rem; background-color: transparent; } .mobile-link:hover, .main-nav a:hover { color: currentColor; } .mobile-no-border { border: 0; } } .top-btn { padding-left: 1rem; padding-right: 1.25rem; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 52em) { .top-btn { -webkit-border-radius: 0; border-radius: 0; } } .mob-nav-btn { width: 3.375rem; height: 3.375rem; } @media (min-width: 52rem) { .top-nav { padding-right: 3.5rem } } @media (max-width: 52em) { .subnav { background-color: transparent; } } @media (min-width: 52em) { .subnav { top: 3rem; width: 14rem; } .small-subnav { width: 6rem; } } @media (min-width: 52em) { .dropdown { z-index: -1; padding-top: 4rem; margin-top: -3.5rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-left: -1.5rem; } .your-contact { padding-top: 4.5rem; margin-top: -.5rem; width: 25rem; z-index: -1; } .quote-popup { padding-top: 2rem; width: 20rem; z-index: 101; -webkit-box-shadow: 0 0 0 1px #c5ccd1, 0 8px 16px -8px rgba(0,0,0,.15); box-shadow: 0 0 0 1px #c5ccd1, 0 8px 16px -8px rgba(0,0,0,.15); } } /* Popup message */ .popup-msg { width: 20rem; display: none; opacity: 0; } .popup-msg.show { display: block; -webkit-animation: toast 250ms forwards cubic-bezier(.08,.54,.95,.56); animation: toast 250ms forwards cubic-bezier(.08,.54,.95,.56); -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-transform-origin: top right; transform-origin: top right; } .popup-msg .message { background: #fafafa; position: relative; -webkit-border-radius: .25rem; border-radius: .25rem; border: 1px solid #e2e6ea; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.1); } .popup-msg .message:after, .popup-msg .message:before { bottom: 100%; right: 1.5rem; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .popup-msg .message:after { border-color: rgba(250, 250, 250, 0); border-bottom-color: #fafafa; border-width: 8px; margin-right: -8px; } .popup-msg .message:before { border-color: rgba(226, 230, 234, 0); border-bottom-color: #e2e6ea; border-width: 9px; margin-right: -9px; } @media (max-width: 52em) { .popup-msg .message:after, .popup-msg .message:before { right: 1rem; } } @-webkit-keyframes toast { 0% { -webkit-transform: translate3d(0, 80%, 0); opacity: 0; } 50% { -webkit-transform: translate3d(0, -5%, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes toast { 0% { transform: translate3d(0, 80%, 0); opacity: 0; } 50% { transform: translate3d(0, -5%, 0); opacity: 1; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .tabs a { -webkit-transition: all 100ms ease; transition: all 100ms ease; opacity: .5; } .tabs a:hover { opacity: 1; } .tabs .active a, .tabs a.active { color: #007fe3; opacity: 1; } .tabs .active a .icon, .tabs a.active .icon { fill: #007fe3; } .sidebar-nav .active { background-color: rgba(0,0,0,.075); padding-left: 1rem; color: #007fe3; } .footer-nav li { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; } .error-nav li { margin-bottom: 2rem; } .footer-nav > li > a, .error-nav > li > a { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; display: block; color: #333; cursor: default; text-decoration: none; } .footer-nav > li a:hover, .error-nav > li a:hover { color: #333; } @media (min-width: 40em) { .footer-nav li { float: left; box-sizing: border-box; width: 50%; } } @media (min-width: 52em) { .footer-nav li { width: 25%; } } .footer-nav li ul, .error-nav li ul { list-style: none; padding-left: 0; margin: 0; } .footer-nav li ul li, .error-nav li ul li { padding: 0; margin: 0; display: block; width: 100%; } .footer-nav li ul a { text-transform: none; color: #333; font-weight: 400; -webkit-transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .footer-nav li ul a:hover { color: #007fe3; } .footer-nav .arrow-link a { font-weight: 600; } .footer-nav .arrow-link a::before { content: '›'; display: inline-block; margin-right: .5rem; } .disclaimer-nav li { display: inline-block; } .disclaimer-nav a { display: block; padding: .5rem; color: #777; -webkit-transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .disclaimer-nav a:hover { color: #007fe3; } .widget .widgettitle { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; color: #333; font-size: 1rem; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget li { margin: 0; padding-top: .25rem; padding-bottom: .25rem; } /* End Navigation */ /* Swipers */ .swiper-button-next, .swiper-button-prev { background: transparent none !important; width: 2.5rem !important; height: 2.5rem !important; } .swiper-button-next::after, .swiper-button-prev::after { content: ''; } .swiper-button-prev { margin-top: -1.25rem !important; left: -3.5rem !important; } .swiper-button-next { left: auto !important; right: -3.5rem !important; } .swiper-pagination { width: 100%; } .swiper-pagination-bullet { margin-left: .5rem; margin-right: .5rem; width: .5rem !important; height: .5rem !important; } .swiper-pagination-bullet-active { background-color: #333 !important; } .swiper-slide img::selection { background: transparent; } .gallery-thumbs { box-sizing: border-box; padding: .5rem 0; } .gallery-thumbs .swiper-slide { opacity: 0.4; cursor: pointer; max-height: 3.25rem; box-sizing: border-box; padding: 0.125em 0; display: flex; justify-content: center; align-content: space-around; } .gallery-thumbs .swiper-slide.swiper-slide-active > img { opacity: 1; } .swiper-button-prev::after, .swiper-button-next::after { font-weight: 900; } @media (max-width: 40em) { } @media (max-width: 80em) { .swiper-button-prev, .swiper-button-next { display: none !important; } } @media (min-width: 40em) { .gallery-thumbs .swiper-slide { max-height: 5.5rem; } } .gallery-thumbs .swiper-slide-active { opacity: 1; } /* End swipers */ /* Home */ @media (min-width: 64em) { .logo-width { width: 15rem; } } .cats-width { width: 17rem; } @media (min-width: 830px) and (max-width: 1399px) { .cats-width > li { padding-left: 0; padding-right: 0; } .cats-width > li > a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 2.5em; padding-left: 1em; } .cats-width > li > a > span { margin-right: 1em; } } @media (min-width: 1400px) { .cats-width { width: auto; } } .cats-popup { width: 34rem; position: relative; } @media (min-width: 64em) { .cats-popup { width: 46rem; } } @media (min-width: 70em) { .cats-popup { width: 52rem; } } @media (min-width: 76em) { .cats-popup { width: 58rem; } } /* End Home */ /* Results */ .results { -webkit-transition: -webkit-filter 500ms, opacity 500ms; transition: filter 500ms linear, opacity 500ms; } .results.blur { position: relative; -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); opacity: .5; position: relative; } .results.blur::after { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 99; } /*.result-row.compact { padding-top: .5rem; padding-bottom: .5rem; font-size: .8125rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }*/ .result-row.compact .h3 { font-size: 1rem; } .result-row.compact .h4 { font-size: .875rem; } .result-row.compact .h5 { font-size: .8125rem; } .result-row.compact .icon-small { height: 1rem; width: 1rem; } .result-row.compact .product-image { margin-top: -.5rem; margin-bottom: -.5rem; } .product-img-mobile { max-width: 5.5rem; max-height: 5.5rem; height: auto; width: 100%; } @media (min-width: 64em) { .filters { width: 13rem; } .filters { -webkit-box-shadow: -1rem 0 0 #f5f5f5; box-shadow: -1rem 0 0 #f5f5f5; } } .filters ul > li > ul { position: relative; } /*.filters ul > li > ul:before { content: ''; display: inline-block; position: absolute; top: .25rem; left: -.75rem; width: .5rem; height: .75rem; -webkit-box-shadow: inset 1px -1px 0 0 #333; box-shadow: inset 1px -1px 0 0 #333; }*/ .product-add { max-width: 20rem; } .view-results-btn { -webkit-transition: opacity 100ms; transition: opacity 100ms; opacity: 0; } .view-results-btn.stick-top { opacity: 1; } /* End Results */ /* Sidebar */ .sidebar { position: relative; } @media (min-width: 52em) { .sidebar:after { content: ""; display: block; width: 300%; position: absolute; top: 0; bottom: 0; z-index: -1; left: auto; right: 0; background: #f5f5f5; -webkit-box-shadow: -1px 0 0 #dee0e4 inset; box-shadow: -1px 0 0 #dee0e4 inset; } } /* End Sidebar */ /* Basket */ .basket-row { -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } .basket-row.remove { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* End Basket */ /* Progress list */ .list-progress li { opacity: .5; position: relative; padding-bottom: 2rem; padding-left: .25rem; padding-right: .25rem; } .list-progress li.done { color: #007fe3; opacity: 1; } .list-progress li:before { content: ''; display: inline-block; width: 1rem; height: 1rem; -webkit-border-radius: .5rem; border-radius: .5rem; background-color: #888; position: absolute; z-index: 1; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .list-progress li.done:before { background-color: #007fe3; } .list-progress li:after { content: ''; display: block; height: .25rem; background-color: #888; position: absolute; bottom: .375rem; left: 0; right: 0; } .list-progress li.done:after { background-color: #007fe3; } .list-progress li:first-child:after { left: 50%; } .list-progress li:last-child:after { left: 0; right: 50%; } /* End Progress list */ /* Overlay */ .featherlight:last-of-type { background: rgba(0,0,0,.7) !important; } .featherlight .featherlight-close-icon { background-color: #eee !important; color: #000 !important; width: 3rem !important; height: 3rem !important; font-size: 1.25rem !important; line-height: 1rem !important; padding: 1rem !important; } .featherlight .featherlight-content { overflow: visible !important; box-sizing: content-box; max-height: 90%; } .featherlight .featherlight-content > img[src$='.svg'] { height: 75vh; } .featherlight-next, .featherlight-previous { top: 0; bottom: -25px; display: flex; align-items: center; right: auto; left: auto; padding: 0 4em; } .featherlight-next > span, .featherlight-previous > span { display: block !important; line-height: initial; margin-top: initial; position: relative; top: initial; font-size: initial; width: initial; } .featherlight-next { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0 !important; } .featherlight-previous { -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0 !important; } .featherlight-swipe-aware:not(.featherlight-last-slide) .featherlight-next, .featherlight-swipe-aware:not(.featherlight-first-slide) .featherlight-previous { display: flex; } .featherlight-next:hover, .featherlight-previous:hover { background: transparent; } .featherlight-next span, .featherlight-previous span { display: block !important; } .featherlight-next svg, .featherlight-previous svg { width: 2.5rem; height: 2.5rem; fill: #eee; } .featherlight-first-slide .featherlight-previous { display: none; } .featherlight-last-slide .featherlight-next { display: none; } svg:not(:root) { overflow: hidden; } .plus-min { -webkit-transition: all 100ms; transition: all 100ms; cursor: pointer; user-select: none; } .plus-min:hover { fill: #12141d; } .plus-min:active, .plus-min:focus { -webkit-transform: translateY(1px); transform: translateY(1px); } /* End Overlay */ /* Exceptions: Lazyload animations */ .intro-parent { } .lazy-fade-in { opacity: 0; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .child-lazyloaded .lazy-fade-in { opacity: 1; } .lazy-slide-in { opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .child-lazyloaded .lazy-slide-in { opacity: 1; -webkit-transform: none; transform: none; } .transition-delay500 { -webkit-transition-delay: 500ms; transition-delay: 500ms; } .transition-delay1000 { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } .transition-delay1250 { -webkit-transition-delay: 1250ms; transition-delay: 1250ms; } /* End Exceptions: Lazyload animations */ /* Exceptions: pagination */ ul.page-numbers { list-style: none; padding-left: 0; letter-spacing: -.31em; } ul.page-numbers li { letter-spacing: normal; display: inline-block; margin-right: .5rem; } a.page-numbers { text-decoration: none; } .page-numbers.current span { color: #007fe3 !important; cursor: default; } /* End Exceptions: pagination */ /* Exceptions: excerpted text */ .excerpted { overflow: hidden; max-height: 240px; } .excerpted::after { content: ''; display: block; height: 8rem; position: absolute; bottom: 0; left: 0; right: 0; background: #fff; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); } .excerpted-btn .btn { margin-top: -1.5rem; } /* End Exceptions: excerpted text */ .separator { display: flex; align-items: center; text-align: center; margin-top: 10px; } .separator::before, .separator::after { content: ''; flex: 1; border-bottom: 1px solid #000; } .separator:not(:empty)::before { margin-right: .25em; } .separator:not(:empty)::after { margin-left: .25em; } /* Mobile */ html.hide-scroll, html.hide-scroll body { overflow-x: hidden; /*overflow-y: hidden;*/ -webkit-overflow-scrolling: auto; } .popup-active { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 40em) { .xs-popup-hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } } @media (max-width: 52em) { .sm-popup-hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } } @media (max-width: 64em) { .md-popup-hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } } .popup-slide-in-top { -webkit-animation: slideInTop 400ms ease-out; animation: slideInTop 400ms ease-out; } @-webkit-keyframes slideInTop { from { -webkit-transform: translate3d(0, -300%, 0) } to { -webkit-transform: translate3d(0, 0, 0) } } @keyframes slideInTop { from { transform: translate3d(0, -300%, 0) } to { transform: translate3d(0, 0, 0) } } .popup-slide-out-top { -webkit-animation: slideOutTop 400ms ease-in; animation: slideOutTop 400ms ease-in; } @-webkit-keyframes slideOutTop { from { -webkit-transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(0, -300%, 0) } } @keyframes slideOutTop { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, -300%, 0) } } .popup-slide-in-bottom { -webkit-animation: slideInBottom 400ms ease-out; animation: slideInBottom 400ms ease-out; } @-webkit-keyframes slideInBottom { from { -webkit-transform: translate3d(0, 300%, 0) } to { -webkit-transform: translate3d(0, 0, 0) } } @keyframes slideInBottom { from { transform: translate3d(0, 300%, 0) } to { transform: translate3d(0, 0, 0) } } .popup-slide-out-bottom { -webkit-animation: slideOutBottom 400ms ease-in; animation: slideOutBottom 400ms ease-in; } @-webkit-keyframes slideOutBottom { from { -webkit-transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(0, 300%, 0) } } @keyframes slideOutBottom { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, 300%, 0) } } /* End Mobile */ .tooltipster-sidetip.tooltipster-error .tooltipster-box{border-radius:3px; border:2px solid #e72d2d;background:#fff}.tooltipster-sidetip.tooltipster-error .tooltipster-content{color:#e72d2d;}.tooltipster-sidetip.tooltipster-error .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-error.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-error.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-error .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-error.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#e72d2d;top:1px}.tooltipster-sidetip.tooltipster-error.tooltipster-left .tooltipster-arrow-background{border-left-color:#e72d2d;left:-1px}.tooltipster-sidetip.tooltipster-error.tooltipster-right .tooltipster-arrow-background{border-right-color:#e72d2d;left:1px}.tooltipster-sidetip.tooltipster-error.tooltipster-top .tooltipster-arrow-background{border-top-color:#e72d2d;top:-1px}.tooltipster-sidetip.tooltipster-error .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-error.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:red}.tooltipster-sidetip.tooltipster-error.tooltipster-left .tooltipster-arrow-border{border-left-color:red}.tooltipster-sidetip.tooltipster-error.tooltipster-right .tooltipster-arrow-border{border-right-color:red}.tooltipster-sidetip.tooltipster-error.tooltipster-top .tooltipster-arrow-border{border-top-color:red}.tooltipster-sidetip.tooltipster-error.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-error.tooltipster-right .tooltipster-arrow-uncropped{left:-9px} .tooltipster-fall, .tooltipster-grow.tooltipster-show { -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1); -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -ms-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); } .tooltipster-base { display: flex; pointer-events: none; position: absolute; } .tooltipster-box { flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); transition-timing-function: cubic-bezier(.175,.885,.32,1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,1); -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,2.4); -moz-transition-timing-function: cubic-bezier(.23,.635,.495,2.4); -ms-transition-timing-function: cubic-bezier(.23,.635,.495,2.4); -o-transition-timing-function: cubic-bezier(.23,.635,.495,2.4); transition-timing-function: cubic-bezier(.23,.635,.495,2.4); } .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); transition-timing-function: cubic-bezier(.175,.885,.32,1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -ms-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); transition-timing-function: cubic-bezier(.175,.885,.32,1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading .4s; } @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating .6s; } @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling .6s; } .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid #000; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-content { color: #fff; line-height: 18px; padding: 6px 14px; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #000; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #000; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #000; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #000; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } /* My Tree page styling */ .hero-tree { position: relative; } .hero-tree p { color: #fff; line-height: 30px; } .hero-tree h1 { color: #fff; font-weight: 700; margin-bottom: 30px; font-size: 60px; display: inline-block; margin-left: 15px; margin-top: 0; } .hero-tree .background { background: #000; height: 700px; } .hero-tree .background img { width: 100%; object-fit: cover; opacity: .5; height: 100%; } .hero-tree .contentblock { max-width: 700px; position: absolute; bottom: 110px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .hero-tree .intro { display: inline-block; } .hero-tree .contentblock .button-wrapper { display: inline-block; } .hero-tree .contentblock .btn-outline { border-color: #fff; color: #fff; } @media screen and (max-width: 991px) { .hero-tree .background { background: #000; height: 480px; } .hero-tree h1 { font-size: 49px; margin-left: 0; } .hero-tree .intro img { width: 50px; } .hero-tree .contentblock { bottom: 0; top: 0; padding-right: 15px; } } @media screen and (max-width: 500px) { .hero-tree h1 { font-size: 38px; } .hero-tree .intro img { width: 30px; } } .person-tree { padding: 50px 0; } .person-tree .intro { margin-bottom: 110px; } .person-tree h2 { font-size: 42px; font-weight: 700; margin-bottom: 15px; margin-top: 0; } @media screen and (max-width: 500px) { .person-tree h2 { font-size: 28px; } } .card-wrapper { margin: 0 -15px; } .card-wrapper .first-card, .card-wrapper .second-card, .card-wrapper .thirth-card { background: #f1f1f1; border-radius: 12px; position: relative; max-width: 31%; margin: 0 auto; } .card-wrapper .first-card .first-card-top { background: #69a348; text-align: center; padding: 20px; border-radius: 50%; margin: 0 auto; top: 0; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); height: 110px; width: 110px; display: flex; justify-content: center; align-items: center; } .card-wrapper .first-card .first-card-top img { width: auto; height: auto; } .card-wrapper .first-card .first-card-top h3 { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 32px; margin: 0; } .card-wrapper .first-card .first-card-content { margin-top: 65px; text-align: center; margin-bottom: 30px; } .card-wrapper .first-card .first-card-content strong { font-size: 23px; color: #69a348; } .card-wrapper .first-card .first-card-content p { margin-top: 10px; font-size: smaller; } .card-wrapper .first-card .first-card-information h4 { font-weight: 700; margin: 0; padding-top: 19px; position: relative; } .card-wrapper .first-card .first-card-information h4:first-child { padding-top: 0; } .card-wrapper .first-card .first-card-information h4:before { content: ''; background: #c5c5c5; height: 1px; width: 100%; position: absolute; left: 0; top: 10px; } .card-wrapper .first-card .first-card-information h4:first-child:before { content: none; } .card-wrapper .first-card .first-card-information .contentblock { text-align: center; } .card-wrapper .first-card .first-card-information .contentblock img { width: 100%; } .card-wrapper .first-card .first-card-information .contentblock .green-color { color: #69a348; display: block; } .card-wrapper .second-card .second-card-content h3 { font-weight: 700; margin: 0; margin-bottom: 5px; } .card-wrapper .second-card .second-card-content p { font-size: smaller; } .card-wrapper .second-card .second-card-information h4 { font-weight: 700; margin: 0; margin-bottom: 15px; } .card-wrapper .second-card .second-card-information .power { display: flex; margin-bottom: 15px; } .card-wrapper .second-card .second-card-information .power .powerbar { height: 15px; border-radius: 20px; position: relative; background: #fff; width: 100%; } .card-wrapper .second-card .second-card-information .power .powerbar-food { background: #69a348; width: 80%; position: absolute; left: 0; right: 0; height: 15px; border-radius: 20px; } .card-wrapper .second-card .second-card-information .power .powerbar-co2 { background: #4682b3; width: 50%; position: absolute; left: 0; right: 0; height: 15px; border-radius: 20px; } .card-wrapper .second-card .second-card-information .power .powerbar-economic { background: #d0b67a; width: 60%; position: absolute; left: 0; right: 0; height: 15px; border-radius: 20px; } .card-wrapper .second-card .second-card-information .power .powerbar-environmental { background: #7c5c4b; width: 40%; position: absolute; left: 0; right: 0; height: 15px; border-radius: 20px; } .card-wrapper .second-card .second-card-information .power .powercontent { display: flex; justify-content: flex-start; flex-direction: column; width: 100%; margin-left: 15px; } .card-wrapper .second-card .second-card-information .power .powercontent .food { color: #69a348; } .card-wrapper .second-card .second-card-information .power .powercontent .co2 { color: #4682b3; } .card-wrapper .second-card .second-card-information .power .powercontent .economic { color: #d0b67a; } .card-wrapper .second-card .second-card-information .power .powercontent .environmental { color: #7c5c4b; } .card-wrapper .second-card .second-card-information .power .powercontent .title-number { display: flex; justify-content: space-between; flex-direction: row; margin-bottom: 5px; } .card-wrapper .second-card .second-card-information .power img { width: 35px; height: 35px; object-fit: contain; } .card-wrapper .thirth-card { overflow: hidden; } .card-wrapper .thirth-card .thirth-card-content h3 { font-weight: 700; margin: 0; margin-bottom: 5px; } .card-wrapper .card-padding { padding: 30px; } .card-wrapper .thirth-card-image { display: flex; justify-content: center; align-items: center; overflow: hidden; } .card-wrapper .thirth-card .thirth-card-content { padding: 30px 30px 10px 30px; } .card-wrapper .thirth-card .thirth-card-image .background { position: relative; display: flex; justify-content: center; align-items: center; background: #a1ddf3; padding: 28px 0 15px 0; } .card-wrapper .thirth-card .thirth-card-image .background img { object-fit: cover; height: 250px; } .card-wrapper .thirth-card .thirth-card-image .overlay { position: absolute; } .card-wrapper .thirth-card .thirth-card-image .overlay .text-top { position: absolute; top: 42px; left: 0; right: 0; text-align: center; font-size: 10px; max-width: 120px; margin: 0 auto; } .card-wrapper .thirth-card .thirth-card-image .overlay .contentblock { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; max-width: 120px; margin: 0 auto; } .card-wrapper .thirth-card .thirth-card-image .overlay .contentblock h4 { font-size: 14px; line-height: 0; margin: 0; font-weight: 700; } .card-wrapper .thirth-card .thirth-card-image .overlay .contentblock strong { font-size: 10px; margin: 0; } .card-wrapper .thirth-card .thirth-card-image .overlay .contentblock p { font-size: 10px; margin: 0; } .card-wrapper .thirth-card .thirth-card-image .overlay img { max-width: 240px; } .card-wrapper .thirth-card .thirth-card-image .object { position: absolute; } .card-wrapper .thirth-card .thirth-card-image .object img { max-width: 70px; } .card-wrapper .thirth-card .thirth-card-information { padding: 5px 30px 30px 30px; } .card-wrapper .thirth-card .thirth-card-information .information { display: flex; justify-content: space-between; flex-direction: row; position: relative; } .card-wrapper .thirth-card .thirth-card-information .information p { font-size: 11px; margin-bottom: 0; padding: 8px 0; } .card-wrapper .thirth-card .thirth-card-information .information:before { content: ''; background: #c5c5c5; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; } .card-wrapper .thirth-card .thirth-card-information .information p:first-child { max-width: 130px; } .card-wrapper .thirth-card .thirth-card-information .information p:last-child { font-weight: 700; } .card-wrapper .thirth-card .thirth-card-information .disclaimer { margin-top: 10px; } .card-wrapper .thirth-card .thirth-card-information .disclaimer p { font-size: 10px; margin: 0; } @media screen and (max-width: 831px) { .card-wrapper .first-card .first-card-information .contentblock { margin-right: 15px; } .card-wrapper .first-card, .card-wrapper .second-card { max-width: 46%; } .card-wrapper .thirth-card { max-width: initial; width: 100%; margin: 30px 15px 0 15px; } .person-tree .card-wrapper .md-flex { display: flex; } .card-wrapper .thirth-card .thirth-card-content { text-align: center; } .card-wrapper .thirth-card .thirth-card-image .background { width: 100%; } } @media screen and (max-width: 650px) { .card-wrapper .first-card, .card-wrapper .second-card { max-width: initial; width: 100%; margin: 30px 15px 0 15px; } .card-wrapper .first-card .first-card-information { display: flex; justify-content: center; } .person-tree .intro { margin-bottom: 70px; } } .about-tree { position: relative; } .about-tree .background { background: #000; height: 480px; overflow: hidden; } .about-tree .background img { width: 100%; object-fit: cover; opacity: .6; height: 100%; } .about-tree .contentblock { position: absolute; display: flex; align-items: flex-end; flex-direction: column; justify-content: center; text-align: right; left: 0; top: 0; right: 0; width: 100%; height: 100%; box-sizing: border-box; max-width: 70rem; margin-left: auto; margin-right: auto; } .about-tree h2 { font-size: 49px; font-weight: 700; margin-top: 0; margin-bottom: 25px; color: #fff; } .about-tree p { color: #fff; max-width: 600px; font-size: 13px; line-height: 24px; } @media screen and (max-width: 1200px) { .about-tree .contentblock { align-items: center; text-align: center; padding: 0 15px; margin-left: initial; } } @media screen and (max-width: 500px) { .about-tree h2 { font-size: 28px; } } .about-tree .btn-outline { border-color: #fff; color: #fff; } .map-tree .contentblock h2 { font-size: 49px; font-weight: 700; margin: 0; color: #69a348; } @media screen and (max-width: 500px) { .map-tree .contentblock h2 { font-size: 28px; } } .map-tree .contentblock p { color: #000; font-size: 14px; line-height: 24px; text-align: right; margin-bottom: 0; margin-top: 15px; } .map-tree .contentblock { padding: 50px 0; } @media screen and (max-width: 831px) { .map-tree .contentblock { } .map-tree .contentblock p { text-align: left; } } .map-tree-small iframe { padding-top: 65px; } @media screen and (max-width: 831px) { .map-tree-small iframe { padding-top: 30px; } } .map-tree-small .contentblock h2 { color: #000; } :root { --abf-blue: #007fe3; --abf-blue-filter: invert(45%) sepia(48%) saturate(7333%) hue-rotate(188deg) brightness(95%) contrast(101%); --abf-dark-blue: #003e6f; --abf-dark-blue-filter: invert(13%) sepia(88%) saturate(2072%) hue-rotate(190deg) brightness(99%) contrast(101%); --abf-yellow: #ffd853; --abf-green: #3e8410; --abf-green-filter: invert(35%) sepia(74%) saturate(4686%) hue-rotate(72deg) brightness(99%) contrast(87%); --abf-red: #eb1400; --abf-red-filter: invert(15%) sepia(54%) saturate(6866%) hue-rotate(8deg) brightness(103%) contrast(111%); --abf-orange: #FF6600; --abf-orange-filter: filter: brightness(0) saturate(100%) invert(65%) sepia(68%) saturate(6363%) hue-rotate(0deg) brightness(101%) contrast(107%); --abf-dark-red: #BE0303; --abf-dark-red-filter: brightness(0) saturate(100%) invert(14%) sepia(92%) saturate(3996%) hue-rotate(358deg) brightness(82%) contrast(116%); --abf-font-color: #333; --abf-font-color-filter: invert(18%) sepia(37%) saturate(0%) hue-rotate(211deg) brightness(85%) contrast(89%); --abf-gray: #9e9e9e; --abf-gray-filter: invert(96%) sepia(1%) saturate(4885%) hue-rotate(195deg) brightness(116%) contrast(47%); --abf-gray-light: #bbbbbb; --abf-gray-lightest: #f5f5f5; --abf-white: #efefef; --abf-white-filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(126deg) brightness(107%) contrast(101%); --text-subtitle: #707070; /* new datepicker */ --mo-picker-width: 336px; /* Icons */ --ico-arrow-down: url('data:image/svg+xml;utf8, '); --ico-arrow-right-circle: url('data:image/svg+xml;utf8, '); --ico-arrow-right-up: url('data:image/svg+xml;utf8, '); --ico-award: url('data:image/svg+xml;utf8, '); --ico-book: url('data:image/svg+xml;utf8, '); --ico-box-2: url('data:image/svg+xml;utf8, '); --ico-box: url('data:image/svg+xml;utf8, '); --ico-calendar: url('data:image/svg+xml;utf8, '); --ico-checkmark: url('data:image/svg+xml;utf8, '); --ico-chevron-down: url('data:image/svg+xml;utf8, '); --ico-chevron-left: url('data:image/svg+xml;utf8, '); --ico-chevron-left-2x: url('data:image/svg+xml;utf8, '); --ico-chevron-right: url('data:image/svg+xml;utf8, '); --ico-chevron-right-2x: url('data:image/svg+xml;utf8, '); --ico-chevron-up: url('data:image/svg+xml;utf8, '); --ico-clipboard-blank: url('data:image/svg+xml;utf8, '); --ico-clipboard: url('data:image/svg+xml;utf8, '); --ico-clock-check: url('data:image/svg+xml;utf8, '); --ico-clock: url('data:image/svg+xml;utf8, '); --ico-copy: url('data:image/svg+xml;utf8, '); --ico-creditcard: url('data:image/svg+xml;utf8, '); --ico-delete: url('data:image/svg+xml;utf8, '); --ico-delete-2: url('data:image/svg+xml;utf8, '); --ico-dots-h: url('data:image/svg+xml;utf8, '); --ico-dots-h-dottom: url('data:image/svg+xml;utf8, '); --ico-download: url('data:image/svg+xml;utf8, '); --ico-equivalent: url('data:image/svg+xml;utf8, '); --ico-eyes: url('data:image/svg+xml;utf8, '); --ico-eyes-striped: url('data:image/svg+xml;utf8, '); --ico-filter: url('data:image/svg+xml;utf8, '); --ico-freightagreements: url('data:image/svg+xml;utf8, '); --ico-home: url('data:image/svg+xml;utf8, '); --ico-info: url('data:image/svg+xml;utf8, '); --ico-key-filled: url('data:image/svg+xml;utf8, '); --ico-leaf: url('data:image/svg+xml;utf8, '); --ico-line: url('data:image/svg+xml;utf8, '); --ico-logout: url('data:image/svg+xml;utf8, '); --ico-plus: url('data:image/svg+xml;utf8, '); --ico-preferences: url('data:image/svg+xml;utf8, '); --ico-receipt: url('data:image/svg+xml;utf8, '); --ico-refresh: url('data:image/svg+xml;utf8, '); --ico-returns: url('data:image/svg+xml;utf8, '); --ico-route: url('data:image/svg+xml;utf8, '); --ico-search: url('data:image/svg+xml;utf8, '); --ico-settings: url('data:image/svg+xml;utf8, '); --ico-tree: url('data:image/svg+xml;utf8, '); --ico-truck: url('data:image/svg+xml;utf8, '); --ico-upload: url('data:image/svg+xml;utf8, '); --ico-user: url('data:image/svg+xml;utf8, '); --ico-x: url('data:image/svg+xml;utf8, '); --ico-xmark: url('data:image/svg+xml;utf8, '); --ico-lock: url('data:image/svg+xml;utf8, '); } /* Customer portal icons */ .acp-ico { background-size: contain; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 1.25rem; height: 1.25rem; } .acp-ico.acp-ico-xxs { width: 0.75rem; height: 0.75rem; } .acp-ico.acp-ico-xs { width: 0.875rem; height: 0.875rem; } .acp-ico.acp-ico-s { width: 1rem; height: 1rem; } .acp-ico.acp-ico-m { width: 1.5rem; height: 1.5rem; } .acp-ico.acp-ico-l { width: 2rem; height: 2rem; } .acp-ico.acp-ico-xl { width: 2.75rem; height: 2.75rem; } .acp-ico.acp-ico-home { background-image: var(--ico-home); } .acp-ico.acp-ico-user { background-image: var(--ico-user); } .acp-ico.acp-ico-tag { background-image: var(--ico-tag); } .acp-ico.acp-ico-book { background-image: var(--ico-book); } .acp-ico.acp-ico-tree { background-image: var(--ico-tree); } .acp-ico.acp-ico-logout { background-image: var(--ico-logout); } .acp-ico.acp-ico-receipt { background-image: var(--ico-receipt); } .acp-ico.acp-ico-route { background-image: var(--ico-route); } .acp-ico.acp-ico-equivalent { background-image: var(--ico-equivalent); } .acp-ico.acp-ico-checkmark { background-image: var(--ico-checkmark); } .acp-ico.acp-ico-xmark { background-image: var(--ico-xmark); } .acp-ico.acp-ico-arrow-right-up { background-image: var(--ico-arrow-right-up); } .acp-ico.acp-ico-arrow-right-circle { background-image: var(--ico-arrow-right-circle); } .acp-ico.acp-ico-arrow-down { background-image: var(--ico-arrow-down); } .acp-ico.acp-ico-dots-h { background-image: var(--ico-dots-h); } .acp-ico.acp-ico-dots-h-bottom { background-image: var(--ico-dots-h-dottom); margin-top: 10px; } .acp-ico.acp-ico-clipboard { background-image: var(--ico-clipboard); } .acp-ico.acp-ico-clipboard-blank { background-image: var(--ico-clipboard-blank); } .acp-ico.acp-ico-clock { background-image: var(--ico-clock); } .acp-ico.acp-ico-clock-check { background-image: var(--ico-clock-check); } .acp-ico.acp-ico-box { background-image: var(--ico-box); } .acp-ico.acp-ico-box-2 { background-image: var(--ico-box-2); } .acp-ico.acp-ico-truck { background-image: var(--ico-truck); } .acp-ico.acp-ico-freightagreements { background-image: var(--ico-freightagreements); } .acp-ico.acp-ico-calendar { background-image: var(--ico-calendar); } .acp-ico.acp-ico-chevron-down { background-image: var(--ico-chevron-down); } .acp-ico.acp-ico-chevron-up { background-image: var(--ico-chevron-up); } .acp-ico.acp-ico-settings { background-image: var(--ico-settings); } .acp-ico.acp-ico-filter { background-image: var(--ico-filter); } .acp-ico.acp-ico-search { background-image: var(--ico-search); } .acp-ico.acp-ico-creditcard { background-image: var(--ico-creditcard); } .acp-ico.acp-ico-download { background-image: var(--ico-download); } .acp-ico.acp-ico-upload { background-image: var(--ico-upload); } .acp-ico.acp-ico-delete { background-image: var(--ico-delete); } .acp-ico.acp-ico-delete-2 { background-image: var(--ico-delete-2); } .acp-ico.acp-ico-x { background-image: var(--ico-x); } .acp-ico.acp-ico-chevron-left { background-image: var(--ico-chevron-left); } .acp-ico.acp-ico-chevron-left-2x { background-image: var(--ico-chevron-left-2x); } .acp-ico.acp-ico-chevron-right { background-image: var(--ico-chevron-right); } .acp-ico.acp-ico-chevron-right-2x { background-image: var(--ico-chevron-right-2x); } .acp-ico.acp-ico-leaf { background-image: var(--ico-leaf); } .acp-ico.acp-ico-info { background-image: var(--ico-info); } .acp-ico.acp-ico-returns { background-image: var(--ico-returns); } .acp-ico.acp-ico-preferences { background-image: var(--ico-preferences); } .acp-ico.acp-ico-preferences { background-image: var(--ico-preferences); } .acp-ico.acp-ico-eyes-striped { background-image: var(--ico-eyes-striped); } .acp-ico.acp-ico-eyes { background-image: var(--ico-eyes); } .acp-ico.acp-ico-award { background-image: var(--ico-award); } .acp-ico.acp-ico-plus { background-image: var(--ico-plus); } .acp-ico.acp-ico-key-fill { background-image: var(--ico-key-filled); } .acp-ico.acp-ico-copy { background-image: var(--ico-copy); } .acp-ico.acp-ico-refresh { background-image: var(--ico-refresh); } .acp-ico.acp-ico-lock { background-image: var(--ico-lock); } .acp-color-gray { color: var(--abf-gray); } .acp-color-green { color: var(--abf-green); } .acp-bg-green { background-color: var(--abf-green); } .acp-color-gray-light { color: var(--abf-gray-light); } .acp-bg-yellow { background-color: var(--abf-yellow); } .acp-filter-green { filter: var(--abf-green-filter); } .acp-color-blue { color: var(--abf-blue); } .acp-color-dark-blue { color: var(--abf-dark-blue); } .acp-filter-dark-blue { filter: var(--abf-dark-blue-filter); } .acp-filter-fontcolor { filter: var(--abf-font-color-filter); } .acp-ico-link { filter: var(--abf-blue-filter); position: relative; text-decoration: none !important; } .acp-ico-link:hover::after { content: ''; position: absolute; bottom: 0px; left: 0; right: 0; border-bottom: 2px solid var(--abf-blue); } .acp-ico-link.acp-ico-link-red { filter: var(--abf-dark-red-filter); color: var(--abf-dark-red); } .acp-ico-link.acp-ico-link-red:hover::after { border-bottom: 2px solid var(--abf-blue); } /* Customer portal container */ @media(min-width: 1400px) { .acp-container { max-width: 1400px } } .acp-grid { display: grid; } .acp-grid-2 { grid-template-columns: repeat(2, 1fr); } .acp-grid-3 { grid-template-columns: repeat(3, 1fr); } .acp-grid-row-gap-2 { row-gap: 2rem; } .acp-grid-span-all { grid-column: 1 / -1; } .acp-icon-link { font-size: 0.925rem; display: inline-flex; align-content: center; align-items: center; } .acp-icon-link .acp-ico { filter: var(--abf-blue-filter); margin-right: 0.25rem; } /* Customer portal menu */ .acp-menu li { height: 3rem; display: flex; align-items: center; font-size: 0.9375rem; line-height: 0.9375rem; } .acp-menu li a { display: flex; align-items: center; } .acp-menu li:hover a, .acp-menu li a.active { color: var(--abf-blue); } .acp-menu li .acp-ico { margin-right: 0.5rem; } .acp-menu li:hover .acp-ico, .acp-menu li a.active .acp-ico { filter: var(--abf-blue-filter); } .acp-menu .acp-menu-subheader { color: #9E9E9E; font-size: 14px; font-style: normal; font-weight: 600; line-height: 21px; text-transform: uppercase; } .acp-header-menu .acp-menu li { height: 2.5rem; } .acp-header-menu > .acp-line { display: none; } .acp-header-settings { display: flex; } .acp-count-label { border-radius: 1em; font-size: 11px; height: 17px; line-height: 17px; min-width: 17px; display: inline-flex; justify-content: center; align-content: center; justify-self: center; margin-left: 0.25rem; font-weight: bold; background-color: var(--abf-yellow); } .acp-count-label:not(.show) { display: none; } /* Customer portal utils */ .acp-ml05 { margin-left: 0.5rem; } .acp-mt05 { margin-top: 0.5rem; } .acp-mt10 { margin-top: 1rem; } .acp-mt075 { margin-top: 0.75rem; } .acp-mt20 { margin-top: 2rem; } .acp-mt25 { margin-top: 2.5rem; } .acp-mb05 { margin-bottom: 0.5rem; } .acp-mb075 { margin-bottom: 0.75rem; } .acp-mb10 { margin-bottom: 1rem; } .acp-mb20 { margin-bottom: 2rem; } .acp-mb25 { margin-bottom: 2.5rem; } .acp-mr-05 { margin-right: -0.5rem; } .acp-ml-05 { margin-left: -0.5rem; } .acp-pt05 { padding-top: 0.5rem; } .acp-pt10 { padding-top: 1rem; } .acp-pt25 { padding-top: 2.5rem; } .acp-pb05 { padding-bottom: 0.5rem; } .acp-pb10 { padding-bottom: 1rem; } .acp-pb25 { padding-bottom: 2.5rem; } .acp-lh-2 { line-height: 2rem; } .acp-flag { width: 2.25rem; height: 1.5rem; } .acp-text-container { max-width: 50rem; } .acp-header { font-weight: 600; margin: 0 0 2rem 0; color: var(--abf-font-color); display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; } .acp-subheader { display: flex; align-items: baseline; margin-bottom: 0.75rem; flex-wrap: wrap; gap: 0.5rem; } .acp-subheader h2 { margin: 0; color: black; font-weight: 600; flex: 1; white-space: nowrap; display: flex; } .acp-subheader h2.inline { flex: 0; } .acp-subheader h2 > span.lbl-info { width: 0.875rem; height: 0.875rem; display: inline-flex; margin-top: 0.25rem; margin-left: 0.25rem; } .acp-line { border-top: 1px solid #d3d6d9; } .acp-line-dark { border-top-color: var(--abf-font-color); } .acp-link { color: var(--abf-blue); cursor: pointer; display: flex; align-items: center; gap: 0.25rem; } .acp-link:hover { text-decoration: underline; } .acp-link .acp-ico { filter: var(--abf-blue-filter); } .acp-link.disabled { cursor: default; opacity: 0.35; } .acp-link.disabled:hover { text-decoration: none; } .acp-link.acp-link-darkblue { color: var(--abf-dark-blue); } .acp-link.acp-link-darkblue:hover .acp-ico { filter: var(--abf-dark-blue-filter); } .acp-text-danger { color: var(--abf-red); } .acp-badge { display: inline-flex; padding: 0.25rem 0.75rem; border-radius: 1rem; line-height: 1.125rem; font-size: .875rem; font-weight: 500; } .acp-badge .acp-ico { padding-right: 0.5rem; } .acp-badge.acp-badge-ico { padding: 0.25rem 0.5rem; } .acp-badge.acp-badge-ico .acp-ico { padding-right: 0; } .acp-badge.acp-badge-success { color: white; background: var(--abf-green); } .acp-badge.acp-badge-success .acp-ico { filter: var(--abf-white-filter); } .acp-badge.acp-badge-info { color: white; background: var(--abf-blue); } .acp-badge.acp-badge-info .acp-ico { filter: var(--abf-white-filter); } .acp-badge.acp-badge-muted { color: var(--abf-font-color); background: var(--abf-gray-lightest); } .acp-badge.acp-badge-muted .acp-ico { filter: var(--abf-font-color-filter); } .acp-badge.acp-badge-danger { color: white; background: var(--abf-red); } .acp-badge.acp-badge-danger .acp-ico { filter: var(--abf-white-filter); } .acp-label { display: inline-flex; padding: 0.25rem 0.5rem; border-radius: 0.25rem; white-space: nowrap; font-size: 0.875rem; font-weight: 600; gap: 0.25rem; align-items: center; } .acp-label.label-info { background-color: var(--abf-blue); color: white; } .acp-label.label-warning { background-color: var(--abf-orange); color: white; } .acp-label > .acp-ico { filter: var(--abf-white-filter); } .acp-label > .acp-ico.acp-ico-info { cursor: help; } .acp-notifications > li { height: 2rem; display: flex; align-items: center; } .acp-notifications > li:not(.checked) { color: var(--abf-gray); } .acp-notifications > li:not(.checked) .acp-ico { filter: var(--abf-gray-filter); } .acp-notifications > li.checked .acp-ico { filter: var(--abf-green-filter); } .acp-notifications > li .acp-ico-x { --ico-size: 1.25rem; --ico-margin: calc((1.5rem - var(--ico-size)) / 2); margin: var(--ico-margin) calc(var(--ico-margin) + 0.5rem) var(--ico-margin) var(--ico-margin); width: var(--ico-size); height: var(--ico-size); } .acp-required::after { content: "*"; color: var(--abf-blue); padding-left: 0.25rem; font-weight: bold; font-size: 0.75rem; vertical-align: top; } .acp-pwd-validator { background: var(--abf-gray-lightest); color: #888888; font-size: 0.8125rem; padding: 0.125rem 0.5rem; border-radius: 1rem; display: inline-flex; align-items: center; } .acp-pwd-validator .acp-ico { width: 0.8125rem; height: 0.8125rem; } .acp-pwd-validator:not(.valid) .acp-ico { background-image: var(--ico-xmark); filter: var(--abf-red-filter); } .acp-pwd-validator.valid { background: var(--abf-green); color: white; } .acp-pwd-validator.valid .acp-ico { filter: invert(1); } .acp-btn-outline { height: 40px; font-size: 0.875rem; font-weight: normal; line-height: 0.875rem; padding: 0 0.75rem; color: var(--abf-dark-blue); } .acp-btn-outline .acp-ico { filter: var(--abf-dark-blue-filter); margin-right: 0.5rem; } .acp-btn-outline-green { color: var(--abf-green); } .acp-btn-outline-green .acp-ico { filter: var(--abf-green-filter); } .acp-btn-ico:not(.loading) { display: inline-flex; align-items: center; } .acp-btn-ico.btn-primary .acp-ico { filter: var(--abf-dark-blue-filter); } .acp-breadcumps { font-size: 0.875rem; display: flex; align-items: center; } .acp-breadcumps a, .acp-breadcumps a:hover { text-decoration: none; } .acp-breadcumps a:hover { cursor: pointer; } .acp-breadcumps > span:not(:last-child), .acp-breadcumps > a { color: var(--abf-gray); } .acp-tab-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; } .acp-tab-menu > li { color: #777; font-weight: 600; font-size: 1.25rem; padding: 0.5rem 0.75rem; border-bottom: 3px solid transparent; cursor: pointer; display: flex; flex-direction: row; align-items: center; } .acp-tab-menu > li.acp-tab-active { color: black; border-bottom-color: var(--abf-blue); } .acp-tab-menu > li .acp-count-label { font-size: 0.875rem; height: 1.25rem; min-width: 1.25rem; line-height: 1.25rem; font-weight: 600; margin-left: 0.5rem; } .acp-tab-menu > li:not(.acp-tab-active) .acp-count-label { background-color: var(--abf-gray-lightest); } .acp-language-grid { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.75rem; } .acp-language-grid .btn { padding: 1rem; } .acp-language-grid .btn.selected { border-color: black; } .acp-success { background: var(--abf-green); color: white; padding: 1rem; border-radius: 0.375rem; display: block; box-shadow: 0 0 1px 2px var(--abf-green); } .acp-info-block { padding: 1rem; border: 2px solid #e9eaec; border-radius: 0.375rem; margin-bottom: 1rem; } .acp-info-block-data { display: flex; } .acp-info-block-data > div[data-column="defaultaddress"] { display: flex; justify-content: end; align-items: flex-start; } #toggleAddressView { cursor: pointer; } .acp-info-block-options { background: var(--abf-gray-lightest); margin: 1rem -1rem -1rem -1rem; box-shadow: inset 0px 2px 0px 0px #e9eaec; } .acp-info-block-options > a { margin: 0.75rem 0.5rem 0.75rem 1rem; font-size: 0.925rem; display: inline-flex; align-content: center; align-items: center; } .acp-info-block-options > a .acp-ico { filter: var(--abf-blue-filter); margin-right: 0.25rem; } .acp-datagrid { width: 100%; border-collapse: collapse; } .acp-datagrid th { text-align: left; white-space: nowrap; overflow: hidden; } .acp-datagrid tr:not(.acp-datagrid-noborder) { box-shadow: 0 1px 0 0 #d3d6d9; } .acp-datagrid th, .acp-datagrid td { padding: 0.5rem; font-size: 0.875rem; height: 2.5rem; } .acp-default-address-ico { border-radius: 1rem; line-height: 1.125rem; } .acp-default-address-ico > i { filter: var(--abf-white-filter); } #acp-address-grid { overflow-x: auto; } .acp-btn-actions { padding: 0.25rem; height: auto; } .acp-action-menu { display: inline-block; position: relative; } .acp-action-menu > ul { position: absolute; width: 14rem; background: #ffffff; left: calc(100%); transform: translateX(-100%); box-shadow: 0px 0px 4px 1px #afafaf; border-radius: 0.5rem; z-index: 100; min-height: 2rem; display: none; list-style: none; padding: 0; overflow: hidden; } .acp-action-menu > ul a { color: #333; padding: 0.75rem 1.5rem; display: block; font-size: 1rem; } .acp-action-menu > ul a:hover { text-decoration: none; background: var(--abf-gray-lightes); } .acp-action-menu.acp-action-menu-active > ul { display: block; } .acp-container .select-parent { width: 100%; } .acp-modals .featherlight-content { max-width: 42rem; border-radius: 0.5rem; padding: 1.5rem; margin: 1.5rem; width: calc(100% - 6rem); } .acp-modals .featherlight-close { background: transparent !important; border-radius: 0.5rem; top: 0.6125rem; right: 0.6125rem; } .acp-modal-title { font-weight: 700; font-size: 1.5rem; line-height: 2rem; } .acp-modal-subtitle { color: var(--text-subtitle); font-size: 1rem; line-height: 1.5rem; } .acp-form-label { font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; } .acp-addtobasket-grid button { width: 2.5rem !important; height: 2.5rem !important; display: inline-flex; justify-content: center; align-items: center; padding: 0; } .acp-order-status { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .acp-order-status:before { content: " "; height: 0.625rem; width: 0.625rem; background-color: var(--abf-blue); border-radius: 1rem; } /* DEV-981 replaced data-status with data-color */ .acp-order-status[data-status="1"]:before { background-color: var(--abf-green); } /* DEV-981 replaced data-status with data-color */ .acp-order-status[data-status="2"]:before { background-color: var(--abf-gray); } /* DEV-981 replaced data-status with data-color */ .acp-order-status[data-status="3"]:before { background-color: var(--abf-orange); } .acp-order-status[data-color="green"]:before { background-color: var(--abf-green); } .acp-order-status[data-color="gray"]:before { background-color: var(--abf-gray); } .acp-order-status[data-color="orange"]:before { background-color: var(--abf-orange); } .acp-tracker { list-style: none; display: inline-flex; flex-direction: row; align-items: center; margin: 0; padding: 0; width: 100%; justify-content: center; } .acp-tracker > li { position: relative; max-width: 15rem; align-self: end; display: flex; flex-direction: column; align-items: center; flex: 1; } .acp-tracker > li:before { z-index: 1; content: " "; background-color: var(--abf-gray-light); position: absolute; left: -50%; right: 50%; height: 0.25rem; bottom: calc((2rem - 0.25rem) / 2); } .acp-tracker > li:first-child:before { left: 50%; right: 50% } .acp-tracker > li:last-child:before { right: 50%; } .acp-tracker > li .acp-tracker-label { font-weight: 600; font-size: 0.875rem; margin-bottom: 0.125rem; text-align: center; } .acp-tracker > li .acp-tracker-icon { border-radius: 1rem; width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; background-color: var(--abf-gray-light); z-index: 2; } .acp-tracker > li .acp-tracker-icon > i { width: 1rem; height: 1rem; filter: var(--abf-white-filter); } .acp-tracker > li[data-completed='1'] .acp-tracker-icon { background-color: var(--abf-blue); } .acp-tracker > li[data-completed='1']:before { background-color: var(--abf-blue); } .acp-tracker.acp-tracker-completed > li .acp-tracker-icon { background-color: var(--abf-green); } .acp-tracker.acp-tracker-completed > li:before { background-color: var(--abf-green); } .acp-tracker.acp-tracker-start { justify-content: start; } .acp-tracker.acp-tracker-start > li { --gap: min(20vw, 7rem); flex: 0; margin-right: var(--gap); } .acp-tracker.acp-tracker-start > li:before { left: calc(-50% - var(--gap)); } .acp-tracker.acp-tracker-start > li:first-child:before { display: none; } .acp-tracker.acp-tracker-secondary > li .acp-tracker-icon { background: white; border: 2px solid var(--abf-gray-light); box-sizing: border-box; } .acp-tracker.acp-tracker-secondary > li .acp-tracker-icon > i { filter: none; } .acp-tracker.acp-tracker-secondary > li[data-completed='1'] .acp-tracker-icon { background: white; border-color: var(--abf-green); } .acp-tracker.acp-tracker-secondary > li[data-completed='1'].done .acp-tracker-icon { background: var(--abf-green); } .acp-tracker.acp-tracker-secondary > li[data-completed='1'].done .acp-tracker-icon > i { filter: var(--abf-white-filter); } .acp-tracker.acp-tracker-secondary > li[data-completed='1']:before { background-color: var(--abf-green); } .acp-search-bar { display: flex; gap: 2rem; margin-bottom: 1rem; } .acp-search-input { position: relative; width: 100%; background-size: 1.25rem 1.25rem; background-repeat: no-repeat; background-position: calc(100% - 0.75rem) center; background-image: var(--ico-search); color: var(--abf-font-color); } /* Customer Portal filter options modal */ .acp-filter-button { position: relative; display: inline-block; } .acp-filter-button > a { width: 200px; display: flex; color: var(--abf-gray); font-weight: normal; height: 3rem; align-items: center; gap: 0.5rem; } .acp-filter-button > a:before { background-image: var(--ico-settings); } .acp-filter-button > a:before, .acp-filter-button > a:after { content: ' '; width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat; background-position: center center; filter: var(--abf-font-color-filter); } .acp-filter-button > a:after { width: 0.75rem; height: 0.75rem; background-image: var(--ico-chevron-down); } .acp-filter-button > a > span { flex-grow: 1; text-align: left; } .acp-filter-button.expanded > a:after { width: 0.75rem; height: 0.75rem; background-image: var(--ico-chevron-up); } .acp-filter-modal { margin-top: 0.5rem; display: none; width: 900px; box-sizing: border-box; box-shadow: 0px 0px 4px 1px #afafaf; padding: 1rem; border-radius: 0.5rem; position: absolute; background-color: white; z-index: 10; right: 0; } .acp-filter-modal.acp-filter-modal-active { display: block; } .acp-filter-grid-container { display: grid; padding: 0px; grid-template-columns: 220px 1fr; grid-auto-rows: auto; } .acp-filter-flex-container { display: flex; padding: 0px; flex-wrap: wrap; overflow: hidden; max-width: 100%; } .acp-filter-gap { gap: 1rem; } .acp-filter-vgap { row-gap: 1rem !important; } .acp-filter-hgap { column-gap: 1rem !important; } .acp-filter-label { grid-column-start: 1; grid-column-end: span 1; grid-row: 1; } .acp-filter-content { grid-column-start: 2; grid-column-end: span 1; } .acp-filter-row-2 { grid-row: 2; } .acp-filter-row-3 { grid-row: 3; } .acp-filter-checkbox { flex: 0 0 auto; text-align: center; vertical-align: middle; } .acp-filter-checkbox > input { display: inline-block; justify-content: center; /* Horizontal centering */ } .acp-filter-dropdown-option { align-items: center; line-height: 1.5rem; padding: 0.5rem 0; } .acp-overview-filter-reset { cursor: pointer; } /*ABF Customer portal OrderFilter specific*/ .acp-order-filter-order-status > label > div::before { content: " "; display: inline-block; height: 0.625rem; width: 0.625rem; background-color: var(--abf-blue); border-radius: 1rem; margin-right: 0.5rem; } .acp-order-filter-order-status.order-status-blue > label > div::before { background-color: var(--abf-blue); } .acp-order-filter-order-status.order-status-red > label > div::before { background-color: var(--abf-red); } .acp-order-filter-order-status.order-status-orange > label > div::before { background-color: var(--abf-orange); } .acp-order-filter-order-status.order-status-gray > label > div::before { background-color: var(--abf-gray); } .acp-order-filter-order-status.order-status-green > label > div::before { background-color: var(--abf-green); } /* Customer Portal date range picker */ .acp-datepicker { position: relative; display: inline-block; } .acp-datepicker-reset { cursor: pointer; } .acp-datepicker-button { display: flex; background: var(--abf-gray); background-color: transparent; font-weight: normal; height: 3rem; align-items: center; gap: 0.5rem; } .acp-datepicker-button.acp-datepicker-button-active { display: flex; color: var(--abf-white) !important; background-color: var(--abf-blue) !important; font-weight: normal; height: 3rem; align-items: center; gap: 0.5rem; } .acp-datepicker > a { width: 200px; display: flex; color: var(--abf-gray); font-weight: normal; height: 3rem; align-items: center; gap: 0.5rem; } .acp-datepicker > a > span { flex-grow: 1; text-align: left; } .acp-datepicker > a:before, .acp-datepicker > a:after { content: ' '; width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat; background-position: center center; filter: var(--abf-font-color-filter); } .acp-datepicker > a:before { background-image: var(--ico-calendar); } .acp-datepicker > a:after { width: 0.75rem; height: 0.75rem; background-image: var(--ico-chevron-down); } .acp-datepicker-popup { margin-top: 0.5rem; display: none; width: 900px; box-sizing: border-box; box-shadow: 0px 0px 4px 1px #afafaf; padding: 1rem; border-radius: 0.5rem; position: absolute; background-color: white; z-index: 10; right: 0; } .acp-datepicker-grid-container { display: grid; padding: 0px; grid-template-columns: 220px 1fr 1fr; grid-auto-rows: auto; gap: 1rem; } .acp-datepicker-label { grid-column-start: 1; grid-column-end: span 1; grid-row: 1; } .acp-datepicker-fromdate { grid-column-start: 2; grid-column-end: span 1; } .acp-datepicker-todate { grid-column-start: 3; grid-column-end: span 1; } .acp-datepicker-quickdatebuttons { grid-column-start: 2; grid-column-end: span 2; grid-row: 2; } .acp-datepicker.acp-datepicker-active .acp-datepicker-popup { display: block; } .acp-datepicker.acp-datepicker-active a:after { background-image: var(--ico-chevron-up); } .acp-datepicker-input { width: 307.875px; background-size: 1.25rem 1.25rem; background-repeat: no-repeat; background-position: calc(100% - 0.75rem) center; background-image: var(--ico-calendar); position: relative; } .acp-calendar .flatpickr-calendar.arrowTop:after { border-bottom-color: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-calendar.arrowBottom:after { border-top-color: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-months .flatpickr-month { background: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-current-month .flatpickr-monthDropdown-months { background: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-weekdays { background: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar span.flatpickr-weekday { background: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-day.selected, .acp-calendar .flatpickr-day.startRange, .acp-calendar .flatpickr-day.endRange, .acp-calendar .flatpickr-day.selected.inRange, .acp-calendar .flatpickr-day.startRange.inRange, .acp-calendar .flatpickr-day.endRange.inRange, .acp-calendar .flatpickr-day.selected:focus, .acp-calendar .flatpickr-day.startRange:focus, .acp-calendar .flatpickr-day.endRange:focus, .acp-calendar .flatpickr-day.selected:hover, .acp-calendar .flatpickr-day.startRange:hover, .acp-calendar .flatpickr-day.endRange:hover, .acp-calendar .flatpickr-day.selected.prevMonthDay, .acp-calendar .flatpickr-day.startRange.prevMonthDay, .acp-calendar .flatpickr-day.endRange.prevMonthDay, .acp-calendar .flatpickr-day.selected.nextMonthDay, .acp-calendar .flatpickr-day.startRange.nextMonthDay, .acp-calendar .flatpickr-day.endRange.nextMonthDay { background: var(--abf-yellow); border-color: var(--abf-yellow); color: var(--abf-dark-blue); } .acp-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .acp-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .acp-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 var(--abf-yellow); } .acp-calendar .flatpickr-day.week.selected { box-shadow: -5px 0 0 var(--abf-yellow), 5px 0 0 var(--abf-yellow); } /* Customer Portal modal date picker */ .acp-datepicker-toggle { height: auto; padding: 0 1rem; cursor: pointer; } .acp-datepicker-toggle > div:not(.display-none) { display: flex; align-items: center; padding: 0.75rem 0; gap: 0.5rem; } .acp-datepicker-toggle .acp-date-selected { flex: 1; } .acp-datepicker-toggle .acp-ico.acp-ico-calendar { filter: var(--abf-dark-blue-filter); } div.acp-datepicker-toggle > div.acp-datepicker-extra-label { padding-top: 0; } .acp-datepicker-toggle.disabled { opacity: 0.5; } input.acp-modal-datepicker, .acp-modal-datepicker .flatpickr-current-month .numInputWrapper > span { display: none; } .acp-modal-datepicker .flatpickr-calendar { box-shadow: none; } .acp-modal-datepicker .flatpickr-months { position: relative; } .acp-modal-datepicker .flatpickr-calendar { width: auto; } .acp-modal-datepicker .flatpickr-innerContainer, .acp-modal-datepicker .flatpickr-months, .acp-modal-datepicker .flatpickr-days, .acp-modal-datepicker .dayContainer { width: var(--mo-picker-width); min-width: var(--mo-picker-width); max-width: var(--mo-picker-width); } .acp-modal-datepicker .flatpickr-current-month .cur-month, .acp-modal-datepicker .flatpickr-current-month .numInputWrapper { display: none; } .acp-modal-datepicker .flatpickr-weekday { color: var(--abf-dark-blue); text-transform: capitalize; font-size: 1rem; font-weight: 600; } .acp-modal-datepicker .flatpickr-current-month .month-header { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #232020; } .acp-modal-datepicker .flatpickr-day { --day-size: calc(var(--mo-picker-width) / 7); font-size: 1rem; position: relative; flex-basis: initial; font-weight: 600; font-size: 0.875rem; border: none; width: var(--day-size); max-width: var(--day-size); height: var(--day-size); line-height: var(--day-size); } .acp-modal-datepicker .flatpickr-day, .acp-modal-datepicker .flatpickr-day:hover { color: #232020; } .acp-modal-datepicker .flatpickr-day.flatpickr-disabled { color: #cac7c7 } .acp-modal-datepicker .flatpickr-day.hiddenDay { color: transparent; background: transparent; border-color: transparent; cursor: default; } .acp-modal-datepicker .flatpickr-day:not(.hiddenDay-row)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #bbbbbb; cursor: default; } .acp-modal-datepicker .flatpickr-day:hover, .acp-modal-datepicker .flatpickr-day.selected { background: transparent; } .acp-modal-datepicker .flatpickr-day:not(.flatpickr-disabled).today::before, .acp-modal-datepicker .flatpickr-day:not(.flatpickr-disabled):hover::before, .acp-modal-datepicker .flatpickr-day:not(.flatpickr-disabled).selected::before { content: ""; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px; border-radius: 4px; background: #f5f5f5; z-index: -1; } .acp-modal-datepicker .flatpickr-day:not(.flatpickr-disabled):hover::before { border: 2px solid var(--abf-gray-light); } .acp-modal-datepicker .flatpickr-day.selected:not(.flatpickr-disabled)::before { border: 2px solid var(--abf-dark-blue); } .acp-modal-datepicker .flatpickr-day-indicators { display: flex; position: absolute; bottom: 0.25rem; left: 0; right: 0; height: 0.75rem; justify-content: center; gap: 0.125rem; } .acp-modal-datepicker .flatpickr-indicator { display: block; border-radius: 1rem; width: 0.5rem; height: 0.5rem; } .acp-modal-datepicker .flatpickr-indicators { padding: 1rem; background-color: #F5F5F5; border-radius: 0.25rem; display: flex; flex-direction: column; gap: 0.5rem; margin: 1rem 0; } .acp-modal-datepicker .flatpickr-indicators > div { display: flex; gap: 0.5rem; align-items: center; font-size: 0.875rem; } .acp-modal-datepicker .flatpickr-indicators .flatpickr-indicator { width: 1rem; height: 1rem; } .acp-modal-datepicker .flatpickr-indicator-yellow { background: var(--abf-yellow); } .acp-modal-datepicker .flatpickr-indicator-green { background: var(--abf-green); } .acp-modal-datepicker .flatpickr-day.flatpickr-disabled .flatpickr-indicator { background-color: #cac7c7; } .acp-modal-datepicker .featherlight-content { border-radius: 0.5rem; padding-top: 14px; } .acp-modal-datepicker .featherlight-close-icon { background-color: transparent !important; margin-top: 0.5rem; } /* Customer Portal progress bar */ .acp-progress-bar { width: 100%; max-width: 600px; height: 1rem; border-radius: 1rem; box-sizing: border-box; overflow: hidden; } .acp-progress-bar[value]::-webkit-progress-bar { background-color: #f5f5f5; border-radius: 1rem; box-shadow: inset 0px 0px 0px 1px #d3d6d9; } .acp-progress-bar[value]::-moz-progress-bar { background-color: var(--abf-green); } .acp-progress-bar[value]::-webkit-progress-value { background-color: var(--abf-green); } .acp-progress-bar[disabled][value]::-moz-progress-bar { background-color: var(--abf-red); } .acp-progress-bar[disabled][value]::-webkit-progress-value { background-color: var(--abf-red); } /* Customer Portal notification styling */ .acp-notification { position: fixed; bottom: 0; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; display: flex; flex-direction: row; gap: 1rem; align-items: center; padding: 1rem; z-index: 550; justify-content: space-between; transform: translateY(120%); transition: transform 0.5s ease-out; } .acp-notification.acp-notification-show { transform: translateY(0); } .acp-ico-green { filter: var(--abf-green); } .acp-notification.acp-notifaction-success { background: var(--abf-green); box-shadow: 0 0 1px 2px var(--abf-green); color: white; } .acp-notification.acp-notifaction-success .acp-ico { filter: var(--abf-white-filter); } /* Customer Portal pagination styling */ .acp-pager { display: flex; justify-content: center; } .acp-pager > ul { list-style: none; display: flex; } .acp-pager li > span { width: 2.5rem; height: 2.5rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; color: var(--abf-font-color); text-decoration: none; } .acp-pager li > span.active { color: var(--abf-blue); } .acp-pager li > span > i.acp-ico { filter: var(--abf-font-color-filter); } .acp-pager li > span[data-page] { cursor: pointer; } .acp-pager > li > span[data-page]:not(.active):hover, .acp-pager > li > span[data-page]:not(.active):active { color: var(--abf-blue); border: 0.125rem solid #d3d6d9; border-radius: 0.25rem; } .acp-pager > li > span[data-page]:not(.active):hover > i.acp-ico, .acp-pager > li > span[data-page]:not(.active):active > i.acp-ico { filter: var(--abf-blue-filter); } /* Dropdown */ .acp-dropdown { position: relative; --abf-gray-light: #E0E0E0; } .acp-dropdown .input { --line-height: 1rem; --padding-y: 0; cursor: pointer; height: auto; min-height: 3rem; padding: var( --padding-y) 1rem; position: relative; display: flex; align-items: center; background: white; line-height: var(--line-height); } .acp-dropdown .input::after { content: " "; width: 1rem; background: var(--ico-chevron-down) center center no-repeat; filter: var(--abf-dark-blue-filter); display: block; position: absolute; right: 1rem; height: 1rem; top: var(--line-height); } .acp-dropdown.open .input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-color: transparent; } .acp-dropdown.open .input::after { background-image: var(--ico-chevron-up); } .acp-dropdown .input span.placeholder { line-height: 2rem; color: var(--abf-gray); } .acp-dropdown .acp-dropdown-wrapper { display: none; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--abf-gray-light); border-top-style: none; box-shadow: 0px 8px 12px 0px var(--abf-gray-light); border-radius: 4px; position: absolute; background: white; z-index: 10; box-sizing: border-box; width: 100%; border-top-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden; } .acp-dropdown.open .acp-dropdown-wrapper { display: flex; max-height: 25rem; overflow-y: auto; } .acp-dropdown.open > .input { border-bottom-color: var(--abf-gray-light) !important; } .acp-dropdown.open .acp-dropdown-wrapper > .acp-dropdown-option:first-child::before { content: none; } .acp-dropdown .acp-dropdown-wrapper > div { position: relative; padding: 0.25rem 1rem; } .acp-dropdown .acp-dropdown-wrapper > div::before { content: " "; border-bottom: 1px solid var(--abf-gray-light); left: 0; right: 0; position: absolute; top: 0; } .acp-dropdown .acp-dropdown-wrapper > div:not(.disabled):hover { background: var(--abf-gray-lightest); cursor: pointer; } .acp-dropdown .acp-dropdown-wrapper .acp-dropdown-option.selected { background: var(--abf-gray-lightest); } .acp-dropdown .input .acp-dropdown-option { flex: 1; } .acp-dropdown .input.disabled { opacity: 0.5; } .acp-dropdown-option { padding-right: 2rem; } .checkout-header #language-popup, .checkout-header #settings-popup { top: 0rem; padding-top: 7rem; } .acp-dropdown-scroll { max-height: 535px; overflow-y: scroll; } /* Number Input */ .acp-number-input { position: relative; display: flex; background: #FFFFFF; border-radius: 0.25rem; cursor: pointer; } .acp-number-input > input { width: 100%; height: 42px; text-align: center; border: 1px solid var(--abf-gray-light); background: transparent; z-index: 1; border-radius: 4px; box-sizing: border-box; } .acp-number-input > button { position: absolute; top: 0; bottom: 0; display: flex; width: 3rem; justify-content: center; align-items: center; font-size: 1.25rem; border: none; background: transparent; z-index: 2; cursor: pointer; } .acp-number-input > button.decrement { left: 0; } .acp-number-input > button.increment { right: 0; } .acp-number-input > button:not(:disabled):hover { color: var(--abf-blue); } .acp-number-input.disabled { opacity: 0.5; } .acp-input { border: 1px solid var(--abf-gray-light); height: 42px; } .greyedOut > span { background-color: #cacaca; } .greyedOut > span > span { background-color: #cacaca; } /* Checkbox */ .acp-check { width: 0 !important; height: 0 !important; position: relative; margin: 0 24px 0 0 !important; vertical-align: top !important; } .acp-check:after, .acp-check:before { content: ' '; cursor: pointer; display: block; height: 16px; width: 16px; position: absolute; left: 0; top: -8px; box-sizing: border-box; border-radius: 3px; } .acp-check:before { border: 1px solid #BBBBBB; background-color: white; transition: linear .125s; z-index: 10; } .acp-check:after { background-repeat: no-repeat; background-position: center center; background-size: 12px 12px; z-index: 11; } .acp-check:checked:before, .acp-check:indeterminate:before { border-color: var(--abf-blue); background-color: var(--abf-blue); } .acp-check:not(:checked):hover:after { background-image: var(--ico-checkmark); filter: var(--abf-blue-filter); } .acp-check:indeterminate:after { background-image: var(--ico-line); filter: var(--abf-white-filter); } .acp-check:checked:after { background-image: var(--ico-checkmark); filter: var(--abf-white-filter); } .acp-upload-wrapper { transition: 150ms ease-in-out; height: 0; overflow: hidden; display: flex; } .acp-upload-wrapper.open { height: 236px; } .acp-upload-box { flex: 1; margin-top: 1rem; width: 100%; display: flex; height: 220px; box-shadow: inset 0px 4px 12px rgb(0 0 0 / 9%); border-radius: 4px; position: relative; flex-direction: column; justify-content: center; align-items: center; } .acp-upload-box > span { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: calc(1rem / 3); } .acp-upload-box > input { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: block; } .acp-upload-box span.btn-upload { border: 1px solid var(--abf-gray-light); border-radius: 4px; padding: 0.5rem 1rem; } .acp-upload-box:not(.uploading) span.has-file, .acp-upload-box.uploading span.no-file { display: none; } .acp-return-overview-grid { min-width: 800px; } .acp-return-overview-grid .row { display: grid; font-size: 0.875rem; border-bottom: 1px solid #d3d6d9; } .acp-return-overview-grid .header > div { font-weight: 700; gap: 0.25rem } .acp-return-overview-grid .row { align-items: flex-start; gap: .75rem; } .acp-return-overview-grid .row.open { background-color: #f5f5f5; } .acp-return-overview-grid .details .row { border-bottom: none; } .acp-return-overview-grid .row > div:not(.details) { padding: .5rem; display: flex; align-items: center; min-height: 2.5rem; } .acp-return-overview-grid .details { background-color: #FAFAFA; grid-column: 1/-1; display: block; border-top: 1px solid #d3d6d9; } .acp-return-overview-grid .row:not(.open) > .details { display: none; height: 0; } .acp-return-overview-grid .row .detail-view { cursor: pointer; } .acp-return-overview-grid .row:not(.open) .detail-view .acp-ico-chevron-up, .acp-return-overview-grid .row.open .detail-view .acp-ico-chevron-down { display: none; } .acp-return-overview-grid .acp-dropdown .input { min-height: 2.5rem; padding: 0; } .acp-return-overview-grid .acp-dropdown .acp-dropdown-wrapper { padding: 0; } .acp-return-overview-grid .acp-dropdown .acp-dropdown-option { min-height: 2.5rem; box-sizing: inherit; display: flex; align-items: center; padding: 0.75rem 0 0.75rem 1rem; } .acp-return-overview-grid .acp-dropdown .input span.placeholder { padding-left: 1rem; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 3rem); line-height: 1rem; } .acp-return-overview-grid .acp-dropdown .input .acp-dropdown-option { padding: 0 2rem 0 1rem; } .acp-return-overview-grid input[type='text'].input { height: 2.5rem; } #extraLabel { font-size: 14px; } /* Mobile Styling */ @media (max-width: 831px) { .flex-mobile-column { flex-direction: column; } .acp-return-overview-wrapper { overflow-x: scroll; } .acp-tracker.acp-tracker-start { justify-content: center; } .acp-tracker li:last-child { margin-right: 0; } .acp-dropdown.open .acp-dropdown-wrapper { position: fixed; width: calc(100vw - 2rem); max-height: calc(100vh - 8rem); z-index: 1000; overflow-y: scroll; border-top-style: solid; border-radius: 4px; box-shadow: none; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 1rem; } .acp-dropdown.open::after { content: ""; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); z-index: 999; } .acp-dropdown .acp-dropdown-wrapper > div:first-child::before { border-bottom: none; } .acp-notification { left: 1.5rem; right: 1.5rem; } .acp-hide-mobile { display: none; } .acp-grid-sm { display: grid; } acp-grid-sm-1 { grid-template-columns: 1fr; } .acp-modals .featherlight-content { min-width: auto; } .acp-modals .featherlight-content .featherlight-inner > .acp-subheader:first-child { margin-right: 2rem; } .acp-modals .featherlight-content .featherlight-inner > .acp-subheader:first-child h2 { white-space: initial; } .acp-modals .acp-modal-actions { display: flex; } .acp-info-block-data { flex-direction: column; gap: 0.5rem; } .acp-info-block-data > div[data-column="defaultaddress"] { justify-content: start; margin-top: 0.5rem; } .acp-header-quotes, .acp-menu { display: none; } .acp-header-menu { padding-left: 0.5rem; } .acp-header-menu .acp-menu { display: initial; } .acp-header-menu #account-btn { display: none; } .acp-header-menu #account-popup { display: initial; position: relative !important; } .acp-header-menu ul { visibility: initial; } .acp-header-settings { align-items: start; padding: 0 0.5rem; margin-bottom: 2rem; } .acp-header-settings .acp-header-language { flex: 1; } .acp-header-settings .acp-header-currency { min-width: 4rem } .acp-datepicker > a { width: 3rem; padding: 0; justify-content: center; } .acp-datepicker a:before { background-image: var(--ico-filter); filter: var(--abf-dark-blue-filter); } .acp-datepicker > a:after, .acp-datepicker > a > span { display: none; } .acp-datepicker-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: auto; margin: 0; border-radius: 0; box-shadow: none; padding-top: 0; z-index: 1000; } .acp-datepicker-popup .items-center { flex-direction: column; gap: 1rem; align-items: stretch; } .acp-datepicker-input { margin-left: 0; width: 100%; } .acp-search-bar { gap: 1rem; } .acp-dropdown-option { padding-right: 0; } .checkout-header .acp-header-settings { margin-bottom: 0; } .checkout-header #language-popup, .checkout-header #settings-popup { padding: 2rem 6rem 2rem 2rem; box-sizing: border-box; position: fixed; background: white; max-width: calc(100vw - 8rem); left: 50vw; top: 50vh; transform: translate(-50%, -50%); border-radius: 4px; } .checkout-header #language-popup > ul { display: flex; flex-direction: column; } .checkout-header #language-popup a[data-trackvalue] { display: flex; align-items: center; gap: 1rem; font-weight: 600; } .checkout-header #language-popup a[data-trackvalue] span { display: initial; } .checkout-header #language-popup a[data-trackvalue] span:not(.current) { color: var(--abf-font-color); } .checkout-header #language-popup a[data-trackvalue] span:not(.current):focus, .checkout-header #language-popup a[data-trackvalue] span:not(.current):hover { color: var(--abf-blue); } .checkout-header #language-btn > span { display: none; } .checkout-header .acp-header-settings .acp-header-currency { min-width: 0; } .checkout-header .acp-header-settings { display: flex; flex-direction: row; padding: 0; gap: 1rem; } .checkout-header .acp-header-settings > div { margin-right: 0; } } /* Medium devices (tablets, 832px and up) */ @media (min-width: 832px) { .acp-show-mobile { display: none; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } @media (max-width: 1399px) { .hide-xl-down { display: none !important; } .acp-return-overview-grid .row { gap: .5rem; } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { .show-xl-down { display: none !important; } .p-viewer { z-index: 9999; position: absolute; top: 30%; right: 10px; } } #acpOverviewFilter > a, #expOrderDateFilter > a { min-width: 200px; width: auto; } #acpOverviewFilter > a > span, #expOrderDateFilter > a > span { white-space: nowrap; } #acpOverviewFilter .acp-filter-checkbox label, #acpOverviewFilter .acp-filter-checkbox input { cursor: pointer; }