/* Minification failed. Returning unminified contents. (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,17): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (91,22): run-time error CSS1039: Token not allowed after unary operator: '-body-bg' (92,28): run-time error CSS1039: Token not allowed after unary operator: '-body-bg' (168,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (172,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (190,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (191,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (192,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (193,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg-color' (197,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (201,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (202,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (203,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg-color' (204,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (208,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (212,22): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (213,28): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-top-button-color' (215,34): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (219,35): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (224,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-bg' (287,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (316,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (342,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (346,22): run-time error CSS1039: Token not allowed after unary operator: '-scrolled-header-bg' (388,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (391,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (414,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (418,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (461,17): run-time error CSS1039: Token not allowed after unary operator: '-third-color' (465,22): run-time error CSS1039: Token not allowed after unary operator: '-third-color' (466,28): run-time error CSS1039: Token not allowed after unary operator: '-third-color' (690,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (746,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (781,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (805,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (807,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (815,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (826,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (834,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (861,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (882,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (908,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (924,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (963,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (979,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (1049,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1105,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1203,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (1208,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1292,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1350,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1366,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (1534,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1595,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (1680,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1733,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1762,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (1890,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (1913,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2034,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2051,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2093,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2196,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2325,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2383,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2397,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2408,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2416,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2423,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2437,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2458,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2462,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2524,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2528,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2534,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2576,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2580,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2672,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2679,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2685,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2774,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (2869,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (2900,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3045,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3059,45): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3059,64): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (3146,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3154,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3187,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3206,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3212,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3304,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3318,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3338,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3442,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3459,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (3513,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3523,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3529,17): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (3570,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (3574,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (3613,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3615,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3685,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3700,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3729,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3761,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3823,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3830,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3837,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3858,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3881,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3890,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3913,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3937,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3973,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3982,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (3988,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4029,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4050,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4052,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4088,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4114,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4121,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4151,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4205,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4257,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4295,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4399,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4408,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4411,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4412,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg-color' (4427,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4431,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4547,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4604,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4626,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4667,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4671,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4720,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4738,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4781,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4788,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4795,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4851,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4873,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4934,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (4957,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (4967,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5039,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5083,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5180,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5200,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5293,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5307,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5308,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5331,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5347,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5357,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5401,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5450,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5518,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5533,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5581,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5621,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5652,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5673,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5748,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5767,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5780,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5866,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5896,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5914,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5946,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5980,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (5989,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (5996,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6094,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6122,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6166,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6189,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6195,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6201,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6287,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6294,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6307,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6312,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6394,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6408,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6557,16): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (6560,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6563,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6566,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6569,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6572,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6575,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6578,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6581,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6584,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6587,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg-color' (6590,22): run-time error CSS1039: Token not allowed after unary operator: '-third-color' (6593,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' (6594,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg-color' (6597,16): run-time error CSS1039: Token not allowed after unary operator: '-top-button-bg' (6830,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-bg' (6964,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg' */ .ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-single-selected .placeholder *{width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0}.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c} :root { --primary-bg: #114A59; --primary-bg-color: #ffffff; --secondary-bg: #f69f1d; --secondary-bg-color: #ffffff; --body-color: #000000; --top-button-bg: #850303; --top-button-color: #ffffff; --body-bg: #ffffff; --scrolled-header-bg: #ffffff; --third-color: #65b6cb; --footer-bg: #e7e7e7; --testimonial-bg: #6c6c6c; --testimonial-color:#ffffff; } .footer-signup-girl { box-sizing: border-box; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 2em; text-align: center; } .footer-signup-girl img.ucl-lazy[data-loaded=true]{ display:block; } .under-why-line { box-sizing: border-box; margin-top: 2em; width: 50%; max-width: 150px; margin-left: auto; margin-right: auto; } .all-why-home-container { box-sizing: border-box; display: flex; justify-content: space-between; margin-top: 2em; flex-wrap: wrap; } .single-why-home-container { width: 32%; box-sizing: border-box; } .single-why-home-image { box-sizing: border-box; border-radius: 4px; overflow: hidden; } .single-why-home-image img.ucl-lazy[data-loaded=true]{ display:block; } .single-why-home-text { box-sizing: border-box; margin-top: 1em; } .single-why-home-title { font-size: 1.2em; font-weight: 700; font-family: 'Montserrat'; } .single-why-home-details { margin-top: 1em; } html { margin: 0; padding: 0; background: #e7e7e7; } body { font-size: 16px; line-height: 24px; font-family: 'Roboto'; margin: 0; padding: 0; color: var(--body-color); font-weight: 400; display: flex; flex-wrap: wrap; min-height: 110vh; align-items: flex-start; position: relative; box-sizing: border-box; width: 100%; overflow-x: hidden; background: var(--body-bg); background-color: var(--body-bg); flex-direction: column; justify-content: flex-end; } .container { width: 80%; margin-left: auto; margin-right: auto; max-width: 1300px; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; } .my-font-1 { font-family: 'Roboto', sans-serif; } .my-font-2 { font-family: 'Montserrat', sans-serif; } .my-color-1 { } .my-color-2 { } .my-bg-1 { } .my-bg-2 { } img { max-width: 100%; height: auto; display: inline-block; } header.site-header { box-sizing: border-box; padding: 10px 0px; width: 100%; position: fixed; z-index: 1111; left:0;top:0; } .body-content { width: 100%; justify-self: flex-start; align-self: flex-start; margin-bottom: auto; } header.site-header .header_container { display: flex; align-items: center; justify-content: space-between; } header.site-header .header_container .header-left { width: 40%; max-width: 150px; } header.site-header .header_container .header-right { display: flex; /*align-items: center;*/ flex-wrap: wrap; box-sizing:border-box; } .my-color-yellow { color: var(--secondary-bg); } .my-color-green { color: var(--primary-bg); } .my-btn { display: inline-block; box-sizing: border-box; padding: 1.1em 1.7em; border-radius: 0.3em; font-size: 0.8em; font-weight: 500; cursor: pointer; transition: all 0.3s ease-in-out; line-height: 1em; text-align: center; text-decoration:none; } .btn-clr-yellow { background: var(--secondary-bg); background-color: var(--secondary-bg); box-shadow: 1px 1px 2px var(--secondary-bg); color: var(--secondary-bg-color); } .my-btn.btn-clr-yellow:hover { box-shadow: 5px 5px 15px var(--secondary-bg); } .btn-clr-green { background: var(--primary-bg); background-color: var(--primary-bg); color: var(--primary-bg-color); box-shadow: 1px 1px 2px var(--primary-bg); } .my-btn.btn-clr-green:hover { box-shadow: 5px 5px 15px var(--primary-bg); } .btn-clr-maroon { background: var(--top-button-bg); background-color: var(--top-button-bg); color: var(--top-button-color); box-shadow: 1px 1px 2px var(--top-button-bg); } .my-btn.btn-clr-maroon:hover { box-shadow: 5px 5px 15px var(--top-button-bg); } footer.site-footer { background: var(--footer-bg); width: 100%; align-self: flex-end; } .footer-items{ font-size:12px; } .site-footer .footer-logo { width: 30%; max-width: 100px; margin-left: auto; margin-right: auto; filter: grayscale(1) contrast(0) brightness(0.8); } .site-footer .container { box-sizing: border-box; padding: 2em 0em; } .site-footer .footer-trademark { text-align: center; font-size: .8em; font-weight: 500; color: #666666; } .home-top-section { background-size: auto 100%; min-height: 30vh; background-position: 65% 30%; background-repeat: no-repeat; display: flex; align-items: center; box-sizing: border-box; padding: 3em 0; position: relative; opacity:1!important; } .home-top-section:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(179deg,transparent,#ffffff); opacity:1; } .home-top-section .container { position: relative; padding-top: 8em; } .home-top-section .home-top-text { position: relative; } .home-top-section .home-top-text::before { /*content: ' ';*/ background: var(--primary-bg); width: 0.5em; height: 100%; display: block; position: absolute; } .home-top-section .home-top-text .home-top-text-inner { width: calc(100% - 2em); max-width: 775px; /*margin-left: 2em;*/ } .home-top-section .home-top-text .home-top-text-inner h1 { margin: 0; font-size: 4em; line-height: 1.1em; font-weight: 900; letter-spacing: 1px; } .home-top-section .home-top-text .home-top-text-inner p { margin: 0; font-weight:500; } .goto-top { background-color: var(--secondary-bg); color: #fff; text-align: center; border-radius: 4px; position: fixed; bottom: 2em; display: flex; right: 2em; transition: background-color .3s,opacity .5s,visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; align-items: center; justify-content: center; box-sizing: border-box; padding: .6em .8em; font-size: 1em; } .goto-top.show { opacity: 1; visibility: visible; } .goto-top:hover { cursor: pointer; background-color: var(--primary-bg); } header.site-header.header-is-scrolled { background: var(--scrolled-header-bg); padding: 5px 0px; box-shadow: 5px 5px 15px #7272721f; } header.site-header.header-is-scrolled .header_container .header-left { max-width: 80px; } .home-search-start-options { } .home-search-start-options .container { } .section-generic-padding { box-sizing: border-box; padding: 4em 0em; } .search-start-options-container { display: flex; flex-wrap: wrap; align-items: normal; justify-content: space-between; width: 80%; margin-left: auto; max-width: 1040px; margin-bottom: -5%; box-sizing: border-box; padding: 1em 0em; border-radius: 4px; } .search-start-option-container { width: 18%; max-width: 135px; box-sizing: border-box; padding: 1em; display: flex; flex-wrap: wrap; justify-content: center; border: 1px solid var(--primary-bg); border-radius: .3em; cursor: pointer; box-shadow: 1px 1px 2px var(--primary-bg); transition: all .3s ease-in-out; position: relative; overflow: hidden; background: #f9f9f9; } .search-start-option-container:before { content: ' '; position: absolute; left: -1%; top: -1%; width: 102%; height: 102%; border-radius: 0.3em; box-sizing: border-box; border: 1px solid #f1f1f1; transition: all 0.3s ease-in-out; } .search-start-option-container:hover { background: #fbfbfb; border: 1px solid #f2a817; box-shadow: 5px 5px 15px var(--secondary-bg); } .search-start-option-container:hover:before { border: 3px solid var(--secondary-bg); } .search-start-option-container .search-start-option-image-container { width: 100%; text-align: center; max-height:40px; overflow:hidden; } .search-start-option-container .search-start-option-image-container img { max-height: 35px; } .search-start-option-container .search-start-option-text-container { width: 100%; margin-top: 0.2em; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .search-start-option-container .search-start-option-text-container span { display: block; text-align: center; width: 100%; font-weight: 500; font-size: 0.8em; line-height:1em; } .ucl-lazy { opacity: 0; } .ucl-lazy[data-loaded=true] { opacity: 1; transition: opacity 0.3s ease-in-out; } .my-color-blue { color: var(--third-color); } .my-bg-blue { background: var(--third-color); background-color: var(--third-color); } .ssrb-overlay-anchor{ display:none; } .ssrb-overlayed-anchor .ssrb-right { margin-top: 0; position: relative; z-index: 1; } .ssrb-overlayed-anchor .single-search-result-m-btn-con{ display:none; } .ssrb-overlayed-anchor .ssrb-overlay-anchor { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home-how-works { background: #f7f7f7; } .home-how-works .container { } .how-work-top-text { text-align: center; margin-left: auto; margin-right: auto; width: 100%; max-width: 900px; } .how-work-top-text h3 { margin: 0; padding: 0; font-size: 2em; margin-top: 0.5em; line-height: 1.3em; } .how-work-top-text h4 { margin: 0; padding: 0; font-size: 1.5em; } .how-work-top-text h2 { margin: 0; padding: 0; font-size: 1.5em; } .how-work-top-text p { } .how-works-items { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1em; box-sizing: border-box; width: 100%; } .how-work-item { width: 30%; display: flex; flex-wrap: wrap; align-items: normal; max-width: 300px; margin-left: auto; margin-right: auto; } .how-work-item .how-work-item-image { width: 100%; text-align: center; } .how-work-item .how-work-item-image img { max-height: 170px; display: block; margin-left: auto; margin-right: auto; } .how-work-item .how-work-item-text { width: 100%; text-align: center; margin-top: 1em; align-self: flex-end; } .how-work-item .how-work-item-text .how-work-intro { font-size: 1.1em; font-weight: 600; } .how-work-item .how-work-item-text .how-work-intro span { } .how-work-item .how-work-item-text .how-work-intro span.my-color-blue { margin-right: 0.2em; } .how-work-item .how-work-item-text how-work-info { } .how-work-item .how-work-item-text how-work-info p { } .section-not-sure { padding-bottom: 0; padding-top:1em; } .not-sure-top-text { text-align: left; } .not-sure-top-text.text-only-mobile{ display:none; } .not-sure-top-text h4 { margin: 0; padding: 0; font-size: 2em; line-height: 1em; } .nots-sure-items { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-left: auto; margin-right: auto; width: 100%; max-width: 900px; box-sizing: border-box; padding: 0em 0em; margin-top: 3em; } .nots-sure-items .not-sure-left { width: 30%; align-self: flex-end; text-align: right; } .nots-sure-items .not-sure-left img { max-height: 400px; display: block; } .nots-sure-items .not-sure-right { width: 65%; box-sizing: border-box; padding: 0em 0em; } .not-sure-intro { } .not-sure-intro p { } .not-sure-btn-container { } .not-sure-btn-container .my-btn { } .full-search-closed { opacity: 0 !important; transform: scale(0) !important; } .full-search-visible { opacity: 1 !important; transform: scale(1) !important; } .full-search-modal-section { position: fixed; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; flex-wrap: wrap; z-index: 1111; display: flex; opacity: 0; transform: scale(0); } .full-search-modal-section .container { position: relative; z-index: 1; } .full-search-modal-section:before { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #182922; opacity: 0.8; } .full-search-modal-section:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: var(--primary-bg); opacity: 0.8; } .full-search-modal-section.full-search-visible:before { height: 100%; transition: all 0.2s ease-in-out; transition-delay: 0.1s; } .full-search-modal-section.full-search-visible:after { height: 100%; transition: all 0.2s ease-in-out; transition-delay: 0.1s; } .full-search-inner-container { width: 100%; background: white; box-sizing: border-box; border-radius: 3px; max-width: 800px; margin-left: auto; margin-right: auto; box-shadow: 5px 5px 15px rgb(12, 47, 56); opacity: 0; } .full-search-modal-section.full-search-visible .full-search-inner-container { opacity: 1; transition: all 0.2s ease-in-out; transition-delay: 0.3s; } .full-search-modal-section.full-search-visible .full-search-close-container span i { transform: rotate(360deg); transition: all 0.3s ease-in-out; opacity: 1; transition-delay: 0.6s; } .full-search-close-container { text-align: right; box-sizing: border-box; padding: 1em; display: flex; align-items: center; justify-content: space-between; } .full-search-close-container span { cursor: pointer; } .full-search-close-container span i { font-size: 2em; color: var(--primary-bg); opacity: 0; } .full-search-tab-headers { display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; width: 100%; box-sizing: border-box; border-top: 1px solid #f9f9f9; } .full-search-tab-headers .search-tab-header { width: 20%; text-align: center; box-sizing: border-box; padding: 1em 0.4em; background: white; font-size: 0.8em; font-weight: 600; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; } .full-search-all-tabs { box-sizing: border-box; width: 100%; padding: 2em 1em; background: #f9f9f9; } .full-search-tab-headers .search-tab-header:hover { background: var(--secondary-bg); color: white; } .full-search-tab-headers .search-tab-header:before { content: ' '; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f9f9f9; transition: all 0.3s ease-in-out; } .full-search-tab-headers .search-tab-header:after { content: ' '; } .full-search-tab-headers .search-tab-header.search-active-tab { background: var(--primary-bg); color: white; box-shadow: 0px 15px 20px -15px var(--primary-bg); } .full-search-tab-headers .search-tab-header.search-active-tab:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--primary-bg); } .full-search-tab-headers .search-tab-header.search-active-tab:after { } body::-webkit-scrollbar { width: 10px; } body::-webkit-scrollbar-thumb { background-color: var(--primary-bg); } body::-webkit-scrollbar-track { background: #e6e6e6; } ::selection { background: var(--primary-bg); text-shadow: none; color: #fff; } .full-search-tab { display: none; min-height: 340px; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; position: relative; } .full-search-tab.search-active-tab { display: flex; } .ss-content .ss-list { max-height: 138px; } .ss-content .ss-list::-webkit-scrollbar { width: 10px; } .ss-content .ss-list::-webkit-scrollbar-thumb { background-color: var(--primary-bg); } .ss-content .ss-list::-webkit-scrollbar-track { background: #e6e6e6; } .ss-main .ss-multi-selected .ss-values .ss-value { background: #66B7CB; } .ss-main .ss-multi-selected .ss-values .ss-disabled { padding: 0.5em 0.5em; } .ss-main .ss-multi-selected .ss-add { display: none; } .ss-content .ss-search input:focus { box-shadow: none; border-color: var(--secondary-bg); } .ss-main .ss-multi-selected { border-radius: 3px; } .my-form { } .my-form .my-form-row { margin-top: 1em; margin-bottom: 1em; } .my-form-row .my-form-row-label { font-weight: 600; display: block; font-size: 0.9em; margin-bottom: 0.8em; } .my-form-row .my-form-element { } .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:hover { background-color: var(--primary-bg); } .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option { padding: 0.3em 0.5em; border-bottom: 1px solid #f3f3f3; box-sizing: border-box; } .ss-content .ss-search input { border-radius: 0px; padding: 1em 0.5em; -webkit-appearance: none; -moz-appearance: none; } .sc-screen-countries .ss-main .ss-single-selected { border: 1px solid var(--primary-bg); height:50px; border-radius:0px; } .full-search-tab-inner { width: 100%; } .full-search-tab-inner-btns { width: 100%; align-self: flex-end; position: absolute; width: 100%; bottom: 0; left: 0; } .full-search-close-left { width: 50%; text-align: left; } .full-search-close-left img { max-width: 100%; max-height: 33px; } .full-search-close-right { width: 50%; } .my-form-element { } .my-form-element input[type="text"] { width: 100%; padding: .6em .5em; box-sizing: border-box; line-height: 1.5em; border: 1px solid var(--primary-bg); border-radius: 0px; outline: none; box-sizing: border-box; height: 45px; -webkit-appearance: none; -moz-appearance: none; } .my-form-element input[type="text"]::-webkit-input-placeholder { color: #dedede; font-weight: 500; } .my-form-element input[type="text"]:focus, .my-form-element input[type="text"]:active, .my-form-element input[type="text"]:focus-visible, .my-form-element input[type="text"]:focus { border-color: var(--secondary-bg); } section.search-result-page { margin-top: 8em; } .search-result-full-page { display: flex; justify-content: space-between; align-items: flex-start; position: relative; box-sizing: border-box; padding-bottom: 4em; flex-wrap:wrap; } .search-result-full-page .search-result-page-left { width: 300px; box-sizing: border-box; background: #ffffff; padding: 1em 1em; position: sticky; top: 5.3em; box-shadow: 5px 5px 15px rgba(234, 234, 234,0.6); border: 1px solid rgba(225, 225, 225); padding-top: 0px; } .search-result-full-page .search-result-page-right { width: calc(100% - 350px); } .search-result-page-top-banner1 { background-size: cover; background-repeat: no-repeat; background-position: top left; min-height: 89px; display: flex; align-items: center; justify-content: left; flex-wrap: wrap; box-shadow: 5px 5px 15px rgba(181, 190, 197,0.3); } .search-result-banner { border-radius: 3px; } .search-banner-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 1em 1em; } .search-banner-inner-left { width: 48%; } .search-banner-inner-right { width: 48%; } .search-banner-inner-right p { margin: 0; padding: 0; color: var(--primary-bg); font-weight: 500; } .search-result-page-top-banner1 .search-banner-inner-right p { font-size: 0.8em; line-height: 1.5em; } .search-results-filter-title { font-weight: 600; } #a2apage_dropdown + div{ left:0px; } .single-search-result { box-sizing: border-box; padding: 2em 2em; border: 1px solid #e3e3e3; margin-top: 1em; margin-bottom: 1em; border-radius: 3px; box-shadow: 5px 5px 15px rgba(222, 222, 222,0.4); transition: all 0.3s ease-in-out; background: rgba(243, 243, 243,0.2); position: relative; overflow: hidden; } .single-search-result .single-search-result-inner-container { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .single-search-result-top { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .single-search-result-left { width: 68%; } .single-search-result-left .single-search-result-college-name { } .single-search-result-left .single-search-result-college-name h2 { margin: 0; padding: 0; font-size: 1em; line-height:1.2em; color: var(--primary-bg); } .single-search-result-left .single-search-result-program-name { margin-top: 0.3em; } .single-search-result-left .single-search-result-program-name h3 { margin: 0; padding: 0; font-weight: 500; font-size: 0.9em; } .single-search-result-left .single-search-result-program-name h3 .single-search-result-program-level { font-weight: 700; } .single-search-result-left .single-search-result-program-name h3 .single-search-result-program-fulln { color: #7A7373; } .single-search-result-program-location { margin-top: 0.2em; font-size: 0.8em; font-weight: 500; color: #66B7CB; line-height:1em; } .single-search-result-program-location .single-search-result-program-country { margin-right: 0.5em; } .single-search-result-program-location .single-search-result-program-city { } .single-search-result-program-location .single-search-result-program-state { margin-right: 0.5em; } .single-search-result-middle { width: 100%; margin-top: 0.5em; } .single-search-result-middle p { margin: 0; padding: 0; font-size: 0.8em; line-height: 1.5em; text-overflow: ellipsis; max-height: 4.5em; overflow: hidden; } .single-search-result-m-btn-con { margin-top: 0.3em; } .single-search-result-m-btn-con .single-result-learn-btn { font-size: 1em; font-weight: 600; text-decoration: underline; line-height: 1.5em; display: inline-block; cursor: pointer; color: inherit; transition: all 0.3s ease-in-out; } .single-search-result-m-btn-con .single-result-learn-btn:hover { color: #66b7cb; } .single-search-result-bottom { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5em; } .single-search-result-bottom .ssrb-left { width: calc(100% - 110px); display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: flex-start; } .ssrb-left .ssrb-left-length { background: #66B7CB; color: white; } .ssrb-left .ssrb-left-careers { background: var(--secondary-bg); color: white; } .ssrb-left .ssrb-left-delivery { background: var(--primary-bg); color: white; } .ssrb-right { width: 100px; margin-top: auto; } .ssrb-right .ssrb-right-btns { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 70px; margin-left: auto; } .ssrb-right-btns .ssrb-btn-compare { } .ssrb-right-btns .ssrb-btn-compare img { } .ssrb-right-btns .ssrb-btn-compare:hover { } .ssrb-right-btns .ssrb-btn-compare:hover img { } .ssrb-right-btns .ssrb-btn-save { } .ssrb-right-btns .ssrb-btn-save img { } .ssrb-right-btns .ssrb-btn-save:hover { } .ssrb-right-btns .ssrb-btn-save:hover img { } .single-search-result-right { width: 30%; text-align: right; } .single-search-result-right img { max-width: 130px; max-height: 35px; } .ssrb-label { font-size: 0.5em; font-weight: 500; margin-right: 1em; box-sizing: border-box; display: inline-block; background: #f9f9f9; line-height: 1.5em; padding: 0.3em 0.5em; border-radius: 3px; } .ssrb-btn { width: 48%; display: flex; max-width: 30px; align-items: center; justify-content: center; flex-wrap: wrap; padding: 4px 6px; box-sizing: border-box; border-radius: 3px; box-shadow: 5px 5px 15px rgba(247, 247, 247,0.4); transition: all 0.3s ease-in-out; cursor: pointer; background: #66b7cb; width:30px; height:28px; color:white; } .ssrb-btn:hover { background: var(--primary-bg); box-shadow: 5px 5px 15px rgba(247, 247, 247, 0.8); } .ssrb-btn img { transition: all 0.3s ease-in-out !important; } .ssrb-btn:hover img { transform: scale(0.9); } .single-search-result:hover { background: rgba(243, 243, 243,0.5); box-shadow: 5px 5px 15px rgba(99, 99, 99, 0.1); } .all-search-results-paging { width: 100%; box-sizing: border-box; padding: 1em 0em 3em 0em; } .search-result-pager { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .search-result-pager b { font-weight: 500; font-size: 0.8em; align-self: flex-end; margin-right: 0.5em; width: 100%; order: 1; margin-top: 0.5em; } .search-result-pager span { color: white; background: #66b7cb; box-sizing: border-box; padding: 0.5em 0.5em; display: inline-block; font-size: 0.9em; font-weight: 500; min-width: 30px; min-height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 0.5em; } .search-result-pager a { color: white; background: var(--primary-bg); box-sizing: border-box; padding: 0.5em 0.5em; display: inline-block; font-size: 0.9em; font-weight: 500; min-width: 30px; min-height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 0.5em; transition: all 0.3s ease-in-out; } .search-result-pager a:hover { background: var(--secondary-bg); } .search-result-pager a:last-of-type { } .search-result-pager a:last-of-type:hover { } .single-search-result.ad-search-result { background: #f3f3f3; box-shadow: 5px 5px 15px rgba(243, 243, 243,0.7); border: 1px solid #ececec; } .ssrb-left-program { } .ssrb-left-program .ssrb-left-program-top { } .ssrb-left-program .ssrb-left-program-bottom { } .ssrb-left-program .single-search-result-program-name { } .ssrb-left-program .single-search-result-program-name h3 { margin: 0; font-size: 0.6em; font-weight: 700; line-height: 1.1em; } .ssrb-left-program .single-search-result-program-level { color: gray; } .ssrb-left-program .single-search-result-program-fulln { } .ssrb-left .ssrb-left-program { display: inline-block; background: #f1f1f1; border-radius: 4px; box-sizing: border-box; padding: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; } .ssrb-left .ssrb-left-program:nth-child(even) { } .ssrb-left .ssrb-left-program:nth-child(odd) { } .ssrb-left .ssrb-total-programs { width: 100%; order: 1; } .ssrb-total-programs .ssrb-total-programs-found { } .ssrb-total-programs .ssrb-total-programs-at-here { font-size: 0.8em; font-weight: 500; font-style: italic; } .single-filter { box-sizing: border-box; padding-bottom: 1em; border-bottom: 1px solid #e2e2e2; padding-top: 1em; margin-right: 4px; } .single-filter-title { font-size: .8em; font-weight: 500; position: sticky; left: 0; top: -2px; background: #ffffff; z-index: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .single-filter-title .total-applied{ width:100%; } .rating-filter-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; } .single-rating-container { width: 65px; margin-bottom: 0.1em; margin-top: 0.1em; display: flex; flex-wrap: wrap; align-items: center; } .rating_input { } .rating_label { font-size: 0.8em; } .program-type-filter-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; } .single-program-type-container { width: 100%; margin-bottom: 0.1em; margin-top: 0.1em; display: flex; flex-wrap: wrap; align-items: center; } .program_type_input { } .program_type_label { font-size: 0.8em; text-transform: capitalize; } .checkbox label:after { content: ''; display: table; clear: both; } .form-check .cr { position: relative; display: inline-block; border: 1px solid #66B7CB; border-radius: 0; width: 1em; height: 1em; float: left; margin-right: .5em; box-sizing: border-box; } .form-check .cr .cr-icon { position: absolute; font-size: 0.8em; line-height: 0; top: 47%; left: 3%; color: var(--primary-bg); } .form-check label input[type="checkbox"] { display: none; } .form-check label input[type="checkbox"] + .cr > .cr-icon { opacity: 0; transform: scale(0); } .form-check label input[type="checkbox"]:checked + .cr > .cr-icon { opacity: 1; transform: scale(1); transition: opacity 0s ease-in-out,transform 0.1s ease-in-out; } .form-check label input[type="checkbox"]:disabled + .cr { opacity: .5; } .ucl-checkbox { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; cursor: pointer; } .ad-search-result .ssrb-left .ssrb-left-program { background: #dcd9d9; } .program_delivery_label { font-size: 0.8em; text-transform: capitalize; } .degree-type-modal-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .degree-type-modal-container .single-degree-type-container { width: 48%; margin-bottom: 0.6em; } .degree-type-modal-container .degree_type_label { text-transform: capitalize; font-size: 0.9em; } .search-result-page-left::-webkit-scrollbar { width: 8px; } .search-result-page-left::-webkit-scrollbar-thumb { background-color: var(--secondary-bg); } .search-result-page-left::-webkit-scrollbar-track { background: #e6e6e6; } .search-result-page-left-top { position: sticky; top: 0px; width: 100%; box-sizing: border-box; background: #ffffff; padding-top: 1em; z-index: 11; } .program_major_label { font-size: 0.8em; text-transform: capitalize; } .program_area_label { font-size: 0.8em; text-transform: capitalize; } .search-result-page-left .single-filter:last-of-type { border-bottom: none; } .program-majorm-filter-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; box-sizing: border-box; border-bottom: 1px solid #e4e4e4; padding-bottom: 0.5em; width: 100%; max-width: calc(100% - 10px); } .program-majorm-filter-container .single-program-majorm-container { width: 48%; margin-bottom: 0.6em; } .program-majorm-filter-container .program_majorm_label { text-transform: capitalize; font-size: 0.9em; } .degree-aream-modal-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; max-width: calc(100% - 10px); box-sizing: border-box; } .degree-aream-modal-container .single-degree-aream-container { width: 48%; margin-bottom: 0.6em; } .degree-aream-modal-container .degree_aream_label { text-transform: capitalize; font-size: 0.9em; } .big-search-modal-full-fields-c { max-height: calc(90vh - 200px); overflow: auto; box-sizing: border-box; margin-bottom: 1em; } .big-search-modal-full-fields-c::-webkit-scrollbar { width: 10px; } .big-search-modal-full-fields-c::-webkit-scrollbar-thumb { background-color: var(--primary-bg); } .big-search-modal-full-fields-c::-webkit-scrollbar-track { background: #e6e6e6; } .big-search-field-title { font-size: 1em; font-weight: 600; margin-bottom: 0.5em; box-sizing: border-box; position: sticky; top: 0; z-index: 1; background: #f9f9f9; padding-bottom: 0.5em; } .big-search-field-title.big-search-field-title-brdr { margin-top: 0.5em; box-sizing: border-box; } .search-filters-btn-container { position: sticky; left: 0; bottom: 0; width: calc(100% + 2em); margin-left: -1em; margin-bottom: 0; background: #ffffff; box-sizing: border-box; padding: 1em; } .search-filter-btn { display: block; width: 100%; box-sizing: border-box; font-size: 0.8em; text-align: center; padding: 1em 1em; line-height: 1em; cursor: pointer; font-weight: 500; transition: all 0.3s ease-in-out; } .search-filter-btn:hover { } .search-filter-btn-clr1 { background: var(--primary-bg); color: white; } .search-filter-btn-clr1:hover { background: #0a4858; box-shadow: 5px 5px 15px rgba(17, 74, 89,0.2); } .search-filter-btn-clr2 { background: #dadada; margin-top: 1em; } .search-filter-btn-clr2:hover { background: #d0cfcf; box-shadow: 5px 5px 15px rgba(218, 218, 218,0.5); } .search-result-page-left .all-filters-left { max-height: calc(100vh - 340px); overflow-y: auto; } .search-result-page-left .all-filters-left::-webkit-scrollbar { width: 8px; } .search-result-page-left .all-filters-left::-webkit-scrollbar-thumb { background-color: var(--secondary-bg); } .search-result-page-left .all-filters-left::-webkit-scrollbar-track { background: #e6e6e6; } .big-search-modal-full-fields-c1 { } .single-colg-top-section { box-sizing: border-box; padding-top: 0em; margin-bottom: 5em; } .single-colg-top-section .container { } .single-colg-top-section .single-colg-full { } .single-colg-top-section .single-colg-ful-top { box-sizing: border-box; padding: 3em 0em; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; min-height:196px; } .single-colg-top-section .single-colg-top-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .single-colg-top-section .single-colg-top-details { width: 100%; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-wrap: wrap; } .single-colg-top-section .single-colg-top-details h1 { margin: 0; padding: 0; line-height: 1em; font-size: 2em; color: #fff; position: relative; padding-left: 10px; } .single-colg-top-details .single-colg-top-left { width: 60%; } .single-colg-top-details .single-colg-top-right { width: 30%; text-align: right; } .single-colg-top-right { } .single-colg-top-right .single-colg-top-image { width: 100%; max-width: 100px; margin-left: auto; } .single-colg-top-right .single-colg-top-image img { } .single-colg-full-details { box-sizing: border-box; margin-top: 2em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .single-colg-full-details .single-colg-full-details-left { width: 300px; box-sizing: border-box; border-radius: 3px; position: sticky; top: 50px; left: 0; } .single-colg-full-details-right { width: calc(98% - 600px); box-sizing: border-box; padding: 0em 1em; padding-top: 0; border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; margin-top: 1.5em; } .scfdr-all-programs .scfdr-single-program:last-of-type{ margin-bottom:0; } .scfdr-top { width: 100%; margin-bottom: 1em; } .scfdr-top .colg-full-desc { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em; } .single-colg-full-details-left .scdl-name { color: var(--primary-bg); font-size: 1.2em; margin-bottom: 0.4em; font-weight: 500; margin-top: 1em; } .single-colg-full-details-left .scdl-total-programs { } .single-colg-full-details-left .scdl-full-address { } .single-colg-full-details-left .scdl-website { } .single-colg-full-details-left .scdl-website a { color: #2d2d2d; transition: all 0.3s ease-in-out; text-decoration: none; } .single-colg-full-details-left .scdl-website a:hover { color: var(--secondary-bg); } .single-colg-full-details-left .scdl-telephone { } .single-colg-full-details-left .scdl-email { } .single-colg-full-details-left .scdl-fax { } .single-colg-full-details-left .scdl-info { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 1em; font-size: 0.9em; font-weight: 500; } .single-colg-full-details-left .scdl-info.visible { display: flex; } .single-colg-full-details-left .scdl-info.hidden { display: none; } .scdl-info-left i { color: #b5b5b5; } .single-colg-full-details-left .scdl-info-left { width: 20px; } .single-colg-full-details-left .scdl-info-right { width: calc(100% - 25px); } .scdl-info-right .hidden { display: none; } .scdl-info-right .visible { display: block; } .single-colg-top-details .single-colg-top-left .single-colg-country { font-weight: 500; color:white; } .scdl-total-rating { margin-bottom: 1em; } .scdl-total-rating i { color: gold; } .scfdr-all-programs { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; list-style: none; margin-left: 0px; padding-left: 0px; } .scfdr-all-programs .scfdr-single-program { width: 100%; box-sizing: border-box; padding: 1.8em 1.2em; border: 1px solid #d3d3d3; margin-top: 1em; margin-bottom: 1em; border-radius: 3px; box-shadow: 0px 1px 15px rgb(243, 243, 243); transition: all 0.3s ease-in-out; background: #fbfbfb; position:relative; } .scfdr-all-programs .scfdr-single-program .scfdr-overlay-anchor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .scfdr-all-programs .scfdr-single-program:hover { background: whitesmoke; box-shadow: 0px 1px 15px rgb(245, 245, 245); } .scfdr-single-program .scfdr-single-program-name { font-size: 1.2em; font-weight: 600; line-height: 1em; } .scfdr-single-program-labels { margin-top: 0.5em; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .scfdr-single-program-labels .scfdr-single-program-label { font-size: 0.6em; font-weight: 400; box-sizing: border-box; padding: 5px 10px; background: var(--secondary-bg); margin-right: 6px; line-height: 1em; border-radius: 4px; color: white; display: inline-block; margin-bottom: 6px; } .scfdr-single-program-labels .scfdr-single-program-label:nth-child(1) { } .scfdr-single-program-labels .scfdr-single-program-label:nth-child(2) { background: gray; } .scfdr-single-program-labels .scfdr-single-program-label:nth-child(3) { background: var(--primary-bg); } .scfdr-single-program-labels .scfdr-single-program-label:nth-child(4) { background: #673ab7; } .scfdr-single-program-labels .scfdr-single-program-label:nth-child(5) { background: #9c27b0; } .scfdr-single-program-labels .scfdr-single-program-label:nth-child(6) { background: #66B7CB; } .scfdr-single-program-desc { margin-top: 0.5em; } .scfdr-single-program-desc p { margin: 0; padding: 0; font-size: 0.9em; line-height: 1.5em; text-overflow: ellipsis; max-height: 3em; overflow: hidden; } .scfdr-single-program-btns { margin-top: 0.6em; display:none; } .scfdr-single-program-btns a { font-weight: 500; text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out; } .scfdr-single-program-btns a:hover { color: var(--primary-bg); } .search-title-small-info { font-size: 0.8em; color: gray; font-weight: 500; } .single-program-majorm-dummy { display: none !important; } .single-program-majorm-hidden { display: none !important; } .single-degree-aream-dummy { display: none !important; } .single-degree-aream-hidden { display: none !important; } .big-search-modal-full-fields-c2-hidden { display: none !important; } .single-degree-type-dummy { display: none !important; } .single-degree-type-hidden { display: none !important; } .scfdr-single-program-dummy { display: none !important; } .scfdr-single-program-hidden { display: none !important; } .single-colg-full-details-rightmost { width: 300px; box-sizing: border-box; border-radius: 3px; position: sticky; top: 50px; left: 0; padding-top: 1.5em; } .ucl-share-btns { } .ucl-share-btns .a2a_kit a:nth-child(1) { display: none !important; } .ucl-share-btns .a2a_kit { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .ucl-share-btns .a2a_kit a { width: 40px; height: 40px; box-sizing: border-box; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0; border-radius: 5px; margin-right: 10px; } .ucl-share-btns .a2a_kit a:hover { } .ucl-share-btns .a2a_kit a span.a2a_svg { width: 100%; height: auto; background-color: #e8e8e8 !important; transition: all 0.3s ease-in-out; } .ucl-share-btns .a2a_kit a span.a2a_svg path{ fill: #9c9c9c; transition: all 0.3s ease-in-out; } .ucl-share-btns .a2a_kit a:hover span.a2a_svg path{ fill:white; } .ucl-share-btns .a2a_kit a:hover span.a2a_svg { opacity: 1; background-color: var(--secondary-bg) !important; } .ucl-share-btns .a2a_kit a span.a2a_label { } .ucl-share-btns .a2a_kit a:hover span.a2a_label { } .ucl-share-btns .a2a_kit a span.a2a_svg svg { } .ucl-share-btns .a2a_kit a:hover span.a2a_svg svg { } .ucl-share-title { font-size: 0.8em; margin-bottom: 0.5em; box-sizing: border-box; font-weight: 500; } .single-program-type-dummy { display: none !important; } .single-program-delivery-dummy { display: none !important; } .single-program-major-dummy { display: none !important; } .single-program-area-dummy { display: none !important; } .scdl-map{ overflow:hidden; position:relative; } .scdl-map::before { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; content:' '; cursor:default; } .scdl-map .scdl-google-map{ width:100%; height:150px; } .single-result-learn-btn-hdn { line-height: 0; font-size: 0; color: transparent; } .scfdr-single-program-btns a .hidden { line-height: 0; font-size: 0; color: transparent; } .scfdr-single-program-btns a { font-size: 1em; font-weight: 600; text-decoration: underline; line-height: 1.5em; display: inline-block; cursor: pointer; color: inherit; transition: all 0.3s ease-in-out; } .scfdr-single-program-btns a:hover{ color: #66b7cb; } .spd-section { box-sizing: border-box; margin-top: 0em; margin-bottom: 5em; } .spd-section .container{ } .spd-full{ } .spd-top { box-sizing: border-box; padding: 3em 0em; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; min-height:223px; } .colg-logo-bg-image { width: 100%; height: 0; padding-bottom: 100%; background-repeat: no-repeat; background-size: 80%; background-position: center center; background-color: white; border-radius: 50%; box-shadow: 0px 0px 30px #222222; } .spd-name { margin: 0; padding: 0; line-height: 1em; font-size: 2em; color:white; position:relative; padding-left:10px; } .spd-name:before{ content: ' '; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: var(--secondary-bg); } .spd-inner { box-sizing: border-box; margin-top: 2em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .spd-inner-left { width: 300px; box-sizing: border-box; border-radius: 3px; position: sticky; top: 50px; left: 0; } .spd-inner-center { width: calc(98% - 600px); box-sizing: border-box; padding: 0em 1em; padding-top: 0; border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; margin-top: 1.5em; padding-bottom: 0; } .spd-inner-right { width: 300px; box-sizing: border-box; border-radius: 3px; position: sticky; top: 50px; left: 0; padding-top: 1.5em; } .spd-top-details { width: 100%; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-wrap: wrap; } .spd-top-details-left { width: 60%; } .spd-top-details-right { width: 30%; text-align: right; } .spd-clg-name { margin: 0; padding: 0; margin-top: 0.3em; line-height:1.5em; color:var(--secondary-bg); } .spd-top-clg-image { width: 100%; max-width: 100px; margin-left: auto; } .single-colg-top-section .single-colg-top-details h1:before { content: ' '; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: var(--secondary-bg); } .spd-top-clg-image img { } .spd-top-details-left .spd-clg-link { text-decoration: none; color: white; display: inline-block; font-size: 0.9em; } .spd-top-details-left .spd-clg-link:hover{ color: var(--secondary-bg); } .spd-clg-country { font-weight: 500; color: white; display:block; } .spd-inner-left .scdl-program-name { color: var(--primary-bg); font-size: 1.2em; margin-bottom: 1em; font-weight: 500; margin-top: 1em; } .spd-inner-left .scdl-name { color: var(--primary-bg); font-size: 1.2em; margin-bottom: 0.4em; font-weight: 500; margin-top: 0px; } .spd-inner-left .scdl-name-text { text-decoration: none; color: #060606; transition: all 0.3s ease-in-out; display: inline-block; } .spd-inner-left .scdl-name-text:hover{ color: var(--secondary-bg); } .spd-inner-left .scdl-info { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 1em; font-size: 0.9em; font-weight: 500; } .spd-inner-left .scdl-info-left { width: 20px; } .spd-inner-left i { color: #b5b5b5; } .spd-inner-left .scdl-info-right { width: calc(100% - 25px); } a.spd-learn-clg:hover { color: var(--primary-bg); } a.spd-learn-clg { color: var(--secondary-bg); transition: all 0.3s ease-in-out; text-decoration: none; display: inline-block; line-height:1.3em; } .spd-inner-left .hidden{ display:none!important; } .spd-inner-center .hidden{ display:none!important; } .spd-inner-center .spd-inner-detail { box-sizing: border-box; margin-top: 1em; margin-bottom: 0px; } .spd-inner-center .spd-inner-detail:first-of-type { margin-top:0px; } .spd-inner-center .spd-inner-detail:first-of-type p{ } .spd-inner-center .spd-inner-detail h3{ margin:0; padding:0; margin-bottom:0em; } .spd-inner-center .spd-inner-detail p{ margin: 0; padding: 0; font-size: 1em; line-height: 1.5em; } .spd-inner-center .spd-inner-detail ul{ margin: 0; padding: 0; box-sizing: border-box; list-style: none; } .spd-inner-center .spd-inner-detail ul li{ margin-top:0.3em; margin-bottom:0.3em; } .spd-inner-center .spd-inner-detail ul li:before{ font-family: FontAwesome; display: inline-block; padding-right: 3px; vertical-align: middle; content:'\f054'; margin-right:5px; color:#b5b5b5; } .spd-link-to-college.spd-inner-detail{ } .spd-link-to-college.spd-inner-detail a{ margin: 0; padding: 0; display: block; line-height: 1; width: calc(100% - 30px); color:var(--primary-bg); text-decoration:underline; } .spd-link-to-college.spd-inner-detail a:hover{ color:var(--primary-bg); } .spd-link-to-college.spd-inner-detail h3{ display: flex; align-items: flex-start; justify-content: space-between; color: var(--primary-bg); background: #e8e8e8; box-sizing: border-box; width: 100%; padding: 1em; border-radius: 4px; } .spd-link-to-college.spd-inner-detail h3 i{ width: 30px; font-size: 1em; } .spd-more-programs-all { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style:none; margin-left:0px; padding-left:0px; } .spd-more-programs-all .spd-single-other{ background: #fbfbfb; transition: all 0.3s ease-in-out; box-sizing: border-box; padding: 1em 1.5em; border-radius: 4px; box-shadow: 0px 0px 15px #f9f9f9; border: 1px solid #d3d3d3; cursor: pointer; width: 32%; position: relative; margin-bottom: 2%; margin-right: 2%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .spd-more-programs-all .spd-single-other:nth-child(3n){ margin-right:0; } .spd-more-programs-all .spd-single-other:hover { border: 1px solid var(--primary-bg); box-shadow: 0px 0px 15px #eaeaea; } .spd-more-programs-all .spd-single-other .spd-single-other-name{ color: var(--primary-bg); font-weight: 600; font-size: 0.9em; } .spd-more-programs-all .spd-single-other .spd-single-other-clg{ font-size: 0.7em; font-weight: 500; margin: 0; line-height: 1.4em; } .spd-more-programs-all .spd-single-other .spd-single-other-level{ font-size: 0.6em; font-weight: 500; } .spd-more-programs-all .spd-single-other a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .spd-more-programs-all .spd-single-other a:hover{ } .spd-more-programs-title { font-size: 1.5em; margin: 0; padding: 0; margin-bottom: 2em; position: sticky; top: 2em; z-index: 11; background: white; box-sizing: border-box; padding: 0.6em 0em; } .spd-more-programs { box-sizing: border-box; padding-top: 8em; padding-bottom: 2em; position:relative; } .spd-single-dummy{ display:none!important; } .spd-more-programs.hidden{ display:none!important; } .spd-more-programs-all .spd-single-other .spd-single-other-left { width: calc(100% - 65px); } .spd-more-programs-all .spd-single-other .spd-single-other-right { width: 60px; } .offine-section { box-sizing: border-box; padding-top: 8em; } .offline-container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: auto; } .offline-left { width: 55%; order:1; } .offline-left h1{ font-size: 3em; font-weight: 900; margin: 0; padding: 0; line-height: 1em; } .offline-right { width: 40%; } .offline-right img{ } .offline-timer{ } .offline-timer p{ } .offline-timer p span{ color: var(--secondary-bg); font-weight: 600; } .offline-reload-now{ } .offline-reload-now a{ color: var(--primary-bg); cursor: pointer; font-weight: 500; box-sizing: border-box; } .offline-reload-now a:hover{ color:var(--secondary-bg); transition:all 0.3s ease-in-out; } .gep-section { box-sizing: border-box; padding-top: 10em; } .gep-section .container{ } .gep-left-right-container { box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 3em 0em; } .gep-left-right-container .gel-container{ width: 40%; } .gel-container img{ } .ger-container{ width:50%; } .ger-title { margin: 0; padding: 0; font-size: 2em; font-weight: 900; line-height:1.1em; } .ger-buttons{ margin-top:2em; } .ger-buttons .my-btn{ } .ger-buttons .my-btn:hover{ } .scfdr-programs-stik-head.hidden{ display:none!important; } .scfdr-programs-stik-head { position: sticky; left: 0; top: 50px; background: #fefefe; box-sizing: border-box; padding-top: 0.5em; padding-bottom: 0.5em; z-index: 11; } .scfdr-programs-stik-head h2{ font-size: 1em; line-height: 1.1em; margin: 0; padding: 0; margin-top: 0em; } .scfdr-programs-stik-head h2 .scfdr-pgrm-clg{ } .home-search-start-options.section-generic-padding{ padding-top:2em; padding-bottom:4em; } .ucl-home-new-start { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; width: calc(96% - 300px); } .ucl-new-start-tt{ width:100%; position:relative; } .ucl-new-start-ttt { font-weight: 900; font-size: 3em; display: inline-block; color: var(--secondary-bg); font-family: 'Montserrat'; margin-left: 15%; position: absolute; left: 0%; top: 0; margin-top: -1%; } .ucl-home-start-img { width: 20%; max-width: 250px; } .this-is-loading { position: relative; overflow: hidden; min-height:4em; } .this-is-loading:before{ content: ' '; background: gray; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; animation: this-is-loading; animation-duration: 0.5s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: linear; background: linear-gradient(to right,#eee 40%,#ddd 50%,#eee 60%); background-size: 200%; z-index:111; } .this-is-loading:after{ content:' '; } @keyframes this-is-loading{ 0% { background-position: 100% 100%; } 100% { background-position: 0 0; } } .sc-section { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11111111; transform:scale(0); opacity:0; } .sc-full-container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; min-height: calc(100vh - 200px); position: relative; z-index: 111; opacity: 0; flex-direction: column; } .sc-top-section { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; padding: 1em 1em; border-bottom: 1px solid #f7f7f7; } .sc-left-logo { width: 30%; max-width: 80px; } .sc-left-logo img{ max-height:38px; } .sc-right-button { width: 70%; text-align: right; } .sc-right-button span{ display: inline-block; box-sizing: border-box; padding: 0em; font-size: 2em; color: var(--primary-bg); cursor:pointer; } .sc-right-button span i{ opacity:0; } .sc-main-container { opacity: 0; width: 100%; padding-top: 3em; padding-bottom: 3em; margin-top: auto; margin-bottom: auto; } .sc-screen { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; transform: scale(0); opacity: 0; height: 0; width: 0; overflow: hidden; } .sc-screen-1{ } .sc-section-bg::before { content:' '; background: var(--primary-bg); position: fixed; left: 0; bottom: 0; width: 100%; height: 0; z-index: 1; opacity: 0.9; } .sc-section-bg::after { content: ' '; background: #ffffff; position: fixed; left: 0; bottom: 0; width: 100%; height: 0; z-index: 11; opacity: 0; } .sc-section-visible{ transform:scale(1); opacity:1; } .sc-section-hidden{ transform:scale(0); opacity:0; } .sc-section-visible .sc-section-bg::before{ height:100%; transition:0.2s ease-in-out; } .sc-section-visible .sc-section-bg::after{ opacity:1; height:100%; transition:opacity 0.2s ease-in-out; transition-delay:0.2s; } .sc-section-visible .sc-full-container{ opacity:1; transition:opacity 0.2s ease-in-out; transition-delay:0.4s; } .sc-section-visible .sc-right-button span i{ transform:rotate(360deg); opacity:1; transition:all 0.3s ease-in-out; transition-delay:0.5s; } .all-search-results{ margin-top:1em; list-style:none; margin-left:0px; padding-left:0px; } .all-search-results .single-search-result:first-of-type{ margin-top:0; } .all-search-results .single-search-result:last-of-type{ margin-bottom:0; } .sc-section-visible .sc-main-container{ opacity:1; transition:0.2s ease-in-out; transition-delay:0.7s; } .sc-screen-left { width: 50%; order: 1; } .sc-screen-right { width: 50%; box-sizing: border-box; padding: 0em 2em; padding-left: 0; max-width:400px; } .sc-screen-question { /* font-family: 'Montserrat'; */ font-weight: 700; font-size: 2em; line-height: 1.2em; } .sc-screen-answer{ margin-top:2em; } .sc-screen-next{ margin-top:2em; } .my-btn i { margin-left: 0.5em; margin-right: 0.5em; } .sc-screen-countries .ss-main { box-shadow: 5px 5px 15px #f1f1f1; } .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{ color:transparent; } span.ss-value-delete::before { content: '\f00d'; font: normal normal normal 14px/1 'FontAwesome'; font-weight: 900; color: white; } .sc-screen-active { transform: scale(1); opacity: 1; transition: opacity .3s ease-in-out; width: auto; height: auto; overflow:visible; } .btn-clr-light { background-color: #f7f7f7; box-shadow: 1px 1px 9px #eaeaea; color: #000; border: 1px solid #e2e2e2; } .my-btn.btn-clr-light:hover { background: #f1f1f1; box-shadow: 5px 5px 15px #cecece; border: 1px solid #c5c5c5; } .sc-screen-next .my-btn{ margin-right:2em; } .single-sc-screen-mode-dummy{ display:none!important; } .sc-screen .form-check-label{ text-transform:capitalize; font-size:0.9em; } .sc-progress-container { width: 100%; height: 10px; align-self: flex-start; margin-bottom: auto; position:relative; overflow:hidden; } .sc-progress-bar { width: 0; transition: width 0.3s ease-in-out; background: var(--primary-bg); position: absolute; left: 0; top: 0; height: 100%; } .sc-progress-bar:before{ content: ' '; position: absolute; right: 0; top: 0; width: 50%; height: 100%; background: #317284; background: linear-gradient(90deg, var(--primary-bg), var(--secondary-bg)); } .sc-single-degree-type-dummy{ display:none!important; } .sc-degrees-type-container{ display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; width:100%; } .sc-single-degree-type-container{ width:48%; margin-bottom:0.3em; } .single-sc-screen-mode-container{ margin-bottom:0.3em; } .sc-program-majorm-filter-container{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; } .sc-single-program-majorm-container{ width: 48%; margin-bottom: .3em; } .sc-single-program-majorm-dummy{ display:none!important; } .ucl-home-start-big-container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: flex-start; } .ucl-home-start-questions { width: 30%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; box-sizing: border-box; margin-top: 0; padding: 0em 0em; max-width: 300px; } .home-start-or { text-transform: uppercase; font-family: 'Montserrat'; font-weight: 800; font-size: 3em; line-height: 1em; display: inline-block; margin-right: auto; color: #9c0000; margin-left: auto; display:none; } .home-start-help-container { width: calc(100% - 100px); display:none; } .home-help-start-btn { /* background: var(--secondary-bg);*/ box-sizing: border-box; color: #fff; padding: 1.5em 2em; border-radius: 4px; cursor: pointer; box-shadow: 5px 5px 15px rgba(18 66 78 / 40%); transition: all .3s ease-in-out; width: 100%; text-align: center; display: block; } .home-help-start-btn:hover { box-shadow: 5px 5px 15px #84a1a9; /*background-color: var(--secondary-bg);*/ } .not-sure-btn-container i { display: block; color: var(--primary-bg); margin-top: 0.5em; font-weight: 500; } .home-start-help-container i { display: block; margin-top: 0.5em; font-weight: 500; color: var(--primary-bg); } .footer-social { text-align: center; margin-bottom: 0.5em; box-sizing: border-box; margin-top: 1em; } .footer-social-heading { font-weight: 600; color: #666666; font-size: .8em; } .footer-social-icons { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 0.5em; } .footer-social-icon { display: inline-block; margin-left: 0.5em; margin-right: 0.5em; font-size: 2em; color: #666666; transition: all 0.3s ease-in-out; } .footer-social-icon i{ } .footer-social-icon:hover{ color: var(--primary-bg); transform: scale(0.9); } .footer-social-icon:hover i{ } .single-blog-page { box-sizing: border-box; padding-top: 8em; padding-bottom:6em; } .article-title-container{ } .article-title-container h1{ font-size: 3em; font-weight: 800; margin: 0; line-height: 1.5em; color:var(--primary-bg); } .article-title-container span[itemprop="author"]{ } .article-title-container span[itemprop="author"] a{ color: var(--primary-bg); font-weight: 500; } .article-title-container time[itemprop="datePublished"]{ color: gray; font-style: italic; } .article-image{ margin-top:1em; } .single-blog-container{ display:flex; justify-content:space-between; align-items:flex-start; position:relative; flex-wrap:wrap; } .single-blog-container article{ width:60%; } .single-blog-container aside{ width:35%; position:sticky; top:70px; } .blog-article .article-body{ position:relative; } .article-body .article-subtitle{ position:sticky; background:#ffffff; top:50px; padding:7px 0px; z-index:1; } .article-body .list-of-colleges { margin: 0; padding: 0; margin-top: 1em; } .article-body .list-of-colleges li::marker{ display:none!important; content:' '; } .sc-screen-question.sc-screen-question-small{ font-size:1.2em; } .cx-signup-form { width: 100%; max-width: 600px; box-sizing: border-box; border: 1px solid whitesmoke; padding: 2em 2em; border-radius: 4px; box-shadow: 5px 5px 15px #f7f7f7; } .cx-signup-form.full-signup-form-hidden .cx-signup-form-heading{ display:none!important; } .cx-signup-form.full-signup-form-fullhidden{ display:none!important; } .cx-login-form.cx-login-form-hidden{ display:none!important; } .cx-login-form { width: 100%; max-width: 600px; box-sizing: border-box; border: 1px solid whitesmoke; padding: 2em 2em; border-radius: 4px; box-shadow: 5px 5px 15px #f7f7f7; } .cx-login-form-btns .my-btn{ width:100%; } .cx-login-notice { font-size: 0.8em; font-weight: 500; color: #949494; min-height: 1em; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .cx-signup-form-heading { font-size: 0.9em; font-weight: 700; margin-bottom: 1em; color: var(--primary-bg); } .form-field { width: 100%; margin-bottom: 1.5em; } .form-field.form-field-fifty{ width:48%; } .form-field label{ display: block; font-size: 0.8em; font-weight: 500; color: var(--primary-bg); line-height: 1em; margin-bottom: 0.2em; } .form-field input[type=text],.form-field input[type=email],.form-field input[type=password],.form-field input[type=tel]{ border: 1px solid #cecece; box-sizing: border-box; width: 100%; font-size: .9em; padding: .8em .5em .8em .5em; background: #fff; box-shadow: 5px 5px 15px rgba(111, 111, 111, 0.1); border-radius: 0px; transition: all .3s ease-in-out; outline: none; -webkit-appearance: none; -moz-appearance: none; } .form-field input[type=text]:focus,.form-field input[type=email]:focus,.form-field input[type=password]:focus,.form-field input[type=tel]:focus{ border:1px solid var(--primary-bg); } .cx-signup-form-final { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: -1em; } .cx-form-skip-btns.cx-form-skip-btns-hidden{ display:none!important; } .cx-form-skip-btns { margin-top: 1em; text-align: center; max-width:600px; } .cx-form-signup-or-login span{ cursor:pointer; } .cx-skip-btn { font-size: 0.8em; font-weight: 500; text-decoration: underline; cursor: pointer; color: #a2a2a2; } .cx-signup-form.full-signup-form-hidden { padding-bottom: 0em; } .cx-signup-form.full-signup-form-hidden .cx-signup-form-final { display: none !important; } .cx-signup-form.full-signup-form-hidden .cx-signup-form-btns { display: none !important; } .cx-signup-notice { font-size: 0.8em; font-weight: 500; color: #949494; min-height: 1em; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .cx-form-initial-btns.cx-form-initial-btns-hidden{ display:none!important; } .cx-signup-form-btns .my-btn{ width:100%; } .cx-form-signup-or-login { text-align: center; margin-top: 1em; font-size: 0.9em; font-weight: 500; text-decoration: underline; } .home-new-work{ width:100%; } .home-new-how-cx { width: 100%; text-align: center; box-sizing: border-box; padding-bottom: 2em; padding-top: 1em; } .how-work-info p{ margin:0; font-style:italic; font-size:0.9em; } .home-new-how-cx .my-btn{ font-size:1em; } .search-no-results { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 2em 0em; } .search-no-results-left { width: 48%; font-style: italic; font-size: 1.2em; color: #134e5e; } .search-no-results-right { width: 48%; text-align: center; } .search-no-results-right img{ max-width: 300px; width: 100%; } .search-results-for{ } .search-results-for h1{ font-size: .7em; font-weight: 500; color: var(--primary-bg); line-height: 1.1em; } .search-results-for h1 b{ margin-left:0.2em; margin-right:0.2em; } .search-results-for h1 b:first-of-type{ margin-left:0; } .search-results-for h1 span{ display:block; } .search-no-results-left span { display: inline-block; font-weight: 600; text-decoration: underline; color: var(--secondary-bg); cursor: pointer; margin-top: 0.2em; } .ucl-new-imgbtn-container { width: 100%; max-width: 200px; } .ucl-img-btn { display: block; height: 0; width: calc(100% - 60px); padding-bottom: calc(100% - 60px); position: relative; overflow: hidden; border-radius: 50%; cursor: pointer; /* margin-bottom: -5em;*/ } .ucl-img-btn-outer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; padding: 2%; box-sizing: border-box; transform: rotate(20deg); } .ucl-img-btn-middle { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; } .ucl-img-btn-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 70%; height: 70%; background: var(--primary-bg); border-radius: 50%; overflow: hidden; box-sizing: border-box; transition: all .3s ease-in-out; box-shadow: 0px 0px 5px #005f78; } .ucl-img-btn:hover .ucl-img-btn-inner { width: 72%; height: 72%; box-shadow: 0 0 15px var(--primary-bg); } .ucl-home-desk-or { width: 60px; font-weight: 900; font-size: 1.6em; color: var(--top-button-bg); } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 20s linear infinite; -moz-animation: rotating 20s linear infinite; -o-animation: rotating 20s linear infinite; animation: rotating 20s linear infinite; } .search-start-option-container.this-is-highlighted { border: 1px solid var(--secondary-bg); background: #fbfbfb; } .search-start-option-container.this-is-highlighted:before{ border:3px solid var(--secondary-bg); } .single-college-top-banner { padding-top: 8em; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; opacity:1!important; } .single-college-top-banner:before{ content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: .8; background: linear-gradient(-180deg,#000,#000000); } .single-college-top-banner:after{ content:' '; } .single-program-top-banner { padding-top: 8em; background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; opacity: 1 !important; } .single-program-top-banner:before{ content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primary-bg); opacity: 0.8; background: linear-gradient(-180deg, #ffffff, var(--primary-bg)); } .main-signup-form.full-signup-form-hidden{ display:none!important; } .page-template-Login-Index.page-template-Login.page-template-Index .body-content { box-sizing: border-box; margin: auto; } .login-section { padding-top: 1em; padding-bottom: 1em; } .login-items-container { display: flex; justify-content: center; flex-wrap: wrap; border: 5px; box-sizing: border-box; } .login-items-container .login-section-left{ width: 50%; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative; min-height: 60px; background-color: #c1c7c9; } .login-items-container .login-section-left:before{ content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: var(--primary-bg);*/ opacity: 0.4; /*background: linear-gradient(179deg, var(--secondary-bg), var(--primary-bg));*/ } .main-login-form { width: 100%; max-width: 400px; box-sizing: border-box; } .main-signup-form-heading { font-weight: 500; margin-bottom: 1em; font-size: 1.2em; } .login-items-container .login-section-right { width: 100%; box-sizing: border-box; padding: 2em 2em; display: flex; align-items: flex-start; justify-content: space-between; border: 1px solid #00485b; background: #fff; flex-wrap: wrap; max-width: 820px; border-radius: 5px; box-shadow: 13px 14px 0px #4e4e4e; } .ucl-login-rll{ width:48%; } .ucl-login-rrl { width: 48%; box-sizing: border-box; border-left: 5px solid var(--primary-bg); padding-left: 2em; } .main-login-notice { margin-top: -1em; margin-bottom: 1em; min-height: 1.5em; font-size: 0.8em; font-style: italic; line-height: 1.1em; } .main-form-signup-or-login { margin-top: 2em; font-weight: 500; color: var(--primary-bg); text-decoration: underline; border-top: 1px solid #dadada; padding-top: 1em; box-sizing: border-box; } .big-ask-destionation-country { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111111111111; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .badc-inner-items { width: 100%; z-index: 1; position: relative; } .badc-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primary-bg); opacity: 0.9; } .badc-container { background: #fff; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 0 0; border-radius: 0; box-shadow: 0 0 30px #00232c; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } .bdac-close-container { position: absolute; left: 0; top: 0; width: 100%; text-align: right; box-sizing: border-box; padding: 1em 1em; } .bdac-close-container.hidden{ display:none!important; } .bdac-close-container .fa-close{ font-size: 1.5em; color: var(--primary-bg); cursor: pointer; } .badc-left { width: 50%; display: flex; align-items: flex-end; } .badc-right { width: 50%; display: flex; box-sizing: border-box; padding: 2em 1em; flex-wrap: wrap; flex-direction: column; justify-content: center; } .badc-left img { display: block; top: auto; } .badc-question { font-size: 0.8em; font-weight: 500; line-height: 1.2em; } .badc-hidden{ display:none!important; } .badc-visible{ display:flex!important; } .badc-countries-container{ width:100%; } .badc-countries-suggestion{ width:100%; margin-top:1em; } .badc-submit-btn-container{ margin-top:1em; width:100%; } .badc-suggest-title{ font-size:0.8em; line-height:1em; } .badc-single-suggestion { background: #e3e3e3; box-sizing: border-box; padding: .5em .8em; display: inline-block; font-size: 1em; line-height: 1.3em; margin-top: .5em; margin-bottom: .5em; cursor: pointer; border-radius: 2px; transition:all 0.3s ease-in-out; } .badc-single-suggestion:hover{ background: var(--primary-bg); color: white; } .badc-user-location.badc-user-loc-hidden{ display:none!important; } .badc-single-suggestion.this-is-selected { background: var(--primary-bg); color: #fff; } .badc-countries-container.hidden{ display:none; } .badc-countries-container .ss-main .ss-single-selected { border: 1px solid var(--primary-bg); border-radius:0px; height:3em; } .badc-top-country{ } .badc-top-country-container { cursor: pointer; margin-right: .3em; box-sizing: border-box; background: #ededed; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; padding: .3em; max-width: 80px; height: 100%; box-shadow: 0px 0px 15px #f3f3f3; border: 1px solid var(--primary-bg); transition: all 0.3s ease-in-out; min-width:66px; } .badc-top-country-container:hover{ box-shadow: 0px 0px 15px #afafaf; background: #f3f3f3; } .badc-top-country-container .badc-top-country-flag{ max-width: 35px; margin-right: 0.2em; } .badc-top-country-flag img{ display:block; } .badc-top-country-name { font-weight: 700; font-size: 0.8em; } .badc-top-country.hidden{ display:none; } .full-search-tab-inner .ss-main .ss-single-selected { border: 1px solid var(--primary-bg); border-radius:0px; height:45px; } .introjs-tooltip{ font-size:0.8em; } .introjs-tooltiptext { padding: 1em; color: var(--primary-bg); font-weight: 500; line-height: 1.3em; font-size:0.9em; } .introjs-bullets{ padding-top:0.1em; padding-bottom:0.1em; } .introjs-button { font-size: 0.8em; padding: 0em 1em; } .introjs-tooltip-header { background: #ffffff; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; } .introjs-tooltip-header .introjs-skipbutton{ color: var(--primary-bg); font-weight: 900; font-size: 2em; padding: 0.1em 0.4em; background: whitesmoke; } .introjs-tooltip-header .introjs-skipbutton:hover{ background:#ffedc9; } .introjs-arrow.top { border-bottom-color: #ffffff; } .introjs-tooltipReferenceLayer * { font-family: 'Roboto'; } .introjs-bullets ul li a { background: #f0a512; } .introjs-bullets ul li a.active{ background:#19363d; } .introjs-nextbutton { float: right; background: #ffedc9; color: var(--primary-bg); text-shadow: none; border: 1px solid #f0a512; font-weight: 500; } .introjs-button:hover { outline: 0; text-decoration: none; border-color: #f0a512; background-color: #f0a512; color: white; } .introjs-button:focus { background-color: #f0a512; color:white; } .introjs-button{ text-shadow:none; } .fscas-other-hidden{ display:none!important; } .fscas-single-suggestion { background: #e3e3e3; box-sizing: border-box; padding: .5em .8em; display: inline-block; font-size: 1em; line-height: 1.3em; margin-top: .5em; margin-bottom: .5em; cursor: pointer; border-radius: 2px; transition: all .3s ease-in-out; } .fscas-single-suggestion.this-is-selected{ background: var(--primary-bg); color: white; } .search-result-selected-country{ margin-top:0em; } .search-result-selected-country .srsc-title{ font-weight: 600; font-size: 0.8em; color: var(--primary-bg); } .search-result-selected-country .srsc-value{ font-weight: 600; font-size: 0.8em; margin-left: 0.5em; color: var(--secondary-bg); text-decoration: underline; cursor:pointer; } .single-filter-title .fa.fa-plus{ opacity:1; } .single-filter-title .fa.fa-close { opacity:0; } .single-filter-title .fa { color: #66b7cb; cursor: pointer; font-size: 1.5em; margin-right: 1em; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out; } .filter-items-ac { height: 0; overflow: hidden; transition:all 0.3s ease-in-out; opacity:0; } .this-filter-open .filter-items-ac { height: auto; overflow: auto; opacity:1; } .this-filter-open .total-applied{ display:none; } .this-filter-open .single-filter-title .fa.fa-plus{ opacity:0; } .this-filter-open .single-filter-title .fa.fa-close { opacity: 1; transform: rotate(360deg); color: var(--primary-bg); } .main-page-template-header { padding-top: 8em; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; opacity: 1 !important; padding-bottom: 3em; box-sizing: border-box; display: flex; align-items: center; } .main-page-template-header:before{ content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primary-bg); opacity: .8; background: linear-gradient(-180deg,#fff,var(--primary-bg)); } .main-page-template-header .container{ position: relative; z-index: 1; } .main-page-template-header .container h1{ color: #fff; font-size: 2em; margin: 0; margin-bottom: .5em; position: relative; box-sizing: border-box; padding-left: 10px; line-height: 1.2em; } .main-page-template-header .container p{ color:white; } .main-page-template-body{ padding-top:3em; padding-bottom:4em; } .generic-text ul { list-style: none; padding-left: 0; } .generic-text ul li{ margin-bottom: 0.5em; display:flex; align-items:flex-start; justify-content:flex-start; } .generic-text ul li:before{ content:'\f0a9'; font-family: 'FontAwesome'; color: var(--primary-bg); margin-right: 0.5em; } .footer-menu-section { width: 100%; box-sizing: border-box; padding: 0em 0em; } .footer-full-menu { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-left: auto; margin-right: auto; } .footer-full-menu-part { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; } .footer-full-menu-part a{ margin-bottom: 0.3em; color: var(--primary-bg); transition: all 0.3s ease-in-out; font-size: 0.7em; font-weight: 500; } .footer-full-menu-part a:hover{ color:var(--secondary-bg); } .generic-text .container.max-1000{ max-width:1000px; } .page-template-MainPages header.site-header .header_container .header-left { filter: grayscale(1) contrast(1) brightness(100); } .page-template-MainPages .main-page-template-header:before { background: #000000; } .page-template-MainPages header.site-header.header-is-scrolled .header_container .header-left { filter:none; } .page-template-MainPages .top-buttons .my-btn{ box-shadow:none; border:1px solid white; } .page-template-MainPages .top-buttons .btn-clr-green{ border:1px solid white; } .page-template-MainPages .badc-top-country-container { box-shadow: none; } .page-template-College header.site-header .header_container .header-left { filter: grayscale(1) contrast(1) brightness(100); } .page-template-College .main-page-template-header:before { background: var(--primary-bg); } .page-template-College header.site-header.header-is-scrolled .header_container .header-left { filter: none; } .page-template-College .top-buttons .my-btn { box-shadow: none; border:1px solid white; } .page-template-College .top-buttons .btn-clr-green { border: 1px solid white; } .page-template-College .badc-top-country-container { box-shadow: none; } /*page-template-Programs*/ .page-template-Programs header.site-header .header_container .header-left { filter: grayscale(1) contrast(1) brightness(100); } .page-template-Programs .single-program-top-banner:before { background: #000000; background: linear-gradient(-180deg,#000,#000); } .page-template-Programs header.site-header.header-is-scrolled .header_container .header-left { filter: none; } .page-template-Programs .top-buttons .my-btn { box-shadow: none; border:1px solid white; } .page-template-Programs .top-buttons .btn-clr-green { border: 1px solid white; } .page-template-Programs .badc-top-country-container { box-shadow: none; } .main-page-template-header .container h1:before { content: ' '; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: var(--secondary-bg); } .page-template-SearchCollege { background: #f3f3f3; } .page-template-SearchCollege .single-search-result{ background:#ffffff; box-shadow:0px 0px 15px rgba(215 215 215); border:1px solid #c5c5c5; } .page-template-SearchCollege .single-search-result:hover{ background: #fbfbfb; box-shadow: 0px 0px 30px rgba(161 161 161); } .rmcic-section { width: 100%; min-height: 1px; } .rmcic-section[college-loaded="true"]{ } .rmcic-container{ } .rmcic-all { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; } .rmcic-section .slick-track{ display:flex!important; } .rmcic-single { height: inherit; display: flex !important; align-items: center; flex-wrap: wrap; box-sizing: border-box; background: #f9f9f9; padding: 2em 1em; margin-left: 1em; margin-right: 1em; border: 1px solid #f3f3f3; border-radius: 4px; box-shadow: 0px 0px 15px #f7f7f7; position:relative; overflow:hidden; transition:border 0.2s ease-in-out; } .rmcic-single:hover{ border:1px solid var(--primary-bg); } .rmcic-inner { } .rmcic-anchor { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; } .rmcic-circle { text-align: center; width: 100%; } .rmcic-logo { width: 90%; text-align: center; max-width: 100px; margin-left: auto; margin-right: auto; overflow:hidden; } .rmcic-logo img{ max-height: 40px; margin: auto; } .rmcic-logo img[data-loaded="true"]{ } .rmcic-name { width: 100%; text-align: center; font-size: .9em; line-height: 1.1em; font-weight: 500; color: var(--primary-bg); margin-top: 0.5em; display: block; margin-bottom: 0.1em; } .rmcic-dummy{ display:none!important; } .rmcic-section-visible{ box-sizing:border-box; padding-top:2em; padding-bottom:2em; } .rmcic-container{ opacity:0; } .rmcic-section-visible .rmcic-container{ opacity:1; } .rmcic-section .slick-list { padding: 0 5% 0 5% !important; } .rmcic-title{ text-align:center; width:100%; font-size:1em; } .rmcic-all.rmcic-no-slick { justify-content: center; align-items: normal; } .rmcic-all.rmcic-no-slick .rmcic-single{ width:20%; margin-top:1em; margin-bottom:1em; min-width:380px; } .rmcic-detail-container{ width:100%; } .rmcic-address{ font-size:0.8em; line-height:1.1em; } .ucl-news-signup-section { width: 100%; box-sizing: border-box; padding: 2em 0; background: #fdfdfd; align-self: flex-end; background: linear-gradient(360deg, #d9d9d9, transparent); padding-bottom:0px; } .ucl-news-signup-container { width: 100%; text-align: center; } .ucl-news-signup-title { text-align: center; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0.5em; font-weight: 500; } .ucl-news-signup-footer { font-size: 0.9em; font-weight: 400; line-height: 1.3em; } .ucl-news-form { display: flex; justify-content: space-between; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; border: 2px solid #e9e9e9; height: 45px; box-sizing: border-box; } .ucl-news-form input{ outline: none; border: none; font-size: 1em; box-sizing: border-box; padding: 0.5em 0.5em; display: block; width: calc(100% - 100px); background: transparent; } .ucl-news-form-btn { width: 100px; background: #e9e9e9; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 0.9em; box-sizing: border-box; padding: 0.3em; cursor:pointer; font-weight:500; } .ucl-news-form-btn:hover{ background:var(--secondary-bg); } .page-template-SearchCollege .ucl-news-signup-section{ background: #efefef; } .page-template-Login-Index .ucl-news-signup-section{ background:#efeeee; } .ucl-news-form:focus, .ucl-news-form:focus-within, .ucl-news-form:hover { border: 2px solid var(--primary-bg); } .ucl-news-form:focus .ucl-news-form-btn, .ucl-news-form:focus-within .ucl-news-form-btn, .ucl-news-form:hover .ucl-news-form-btn{ background: var(--secondary-bg); color: var(--secondary-bg-color); } .ucl-news-form-notice { line-height: 1.1em; font-size: 0.7em; margin-top: 0.5em; box-sizing: border-box; min-height: 12px; } .rmcic-all-view-more{ text-align:center; margin-top:1em; } .rmcic-all-view-more a{ font-size: 0.9em; color: var(--primary-bg); font-weight: 500; } .rmcic-all-view-more a:hover{ color: var(--secondary-bg); } .search-no-results-rm{ width:100%; } .rmcic-trigger{ width:10px; height:10px; } video { width: 100%; max-height: 100%; display:block; } .login-page-video{ width:100%; max-width:400px; margin-bottom:1em; } .login-page-video .ucl-video{ position:relative; } .login-page-video .ucl-video:after{ content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #e7e6e8; z-index: 1; } .main-login-form.main-login-form-hidden{ display:none!important; } .main-form-signup-or-login span{ cursor:pointer; font-size:0.8em; } .main-signup-form { width: 100%; max-width: 400px; box-sizing: border-box; } .main-signup-form-final{ display:flex; justify-content:space-between; flex-wrap:wrap; } .main-signup-notice { margin-top: -1em; margin-bottom: 1em; min-height: 1.5em; font-size: .8em; font-style: italic; line-height: 1.1em; } .cpf-section{ } .cpf-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .cpf-container .cpf-left{ width: 500px; box-sizing: border-box; padding: 2em 2em; border: 1px solid whitesmoke; border-radius: 5px; } .cpf-container .cpf-right{ width: calc(100% - 530px); } .cpf-form{ display:flex; flex-wrap:wrap; justify-content:space-between; } .form-field textarea { border: 1px solid #cecece; box-sizing: border-box; width: 100%; font-size: .9em; padding: 0.8em 0.5em 0.8em 0.5em; background: #fff; box-shadow: 5px 5px 15px rgba(111 111 111 / 10%); border-radius: 0; transition: all .3s ease-in-out; outline: none; -webkit-appearance: none; -moz-appearance: none; width:100%; max-width:100%; height:150px; max-height:150px; min-width:100%; min-height:150px; } .form-field select { border: 1px solid #cecece; box-sizing: border-box; width: 100%; font-size: .9em; padding: 0.8em 0.5em 0.8em 0.5em; background: #fff; box-shadow: 5px 5px 15px rgba(111 111 111 / 10%); border-radius: 0; transition: all .3s ease-in-out; outline: none; } .form-field textarea:focus, .form-field select:focus { border: 1px solid var(--primary-bg); } .cpf-form .form-btns{ } .cpf-form .form-btns .my-btn{ } .cpf-image { width: 100%; background: #fbfbfb; text-align: center; display: flex; align-items: center; justify-content: center; } .cpf-image img{ width:100%; max-width:300px; } .cpf-social{ margin-top:3em; } .cpf-social .cpf-social-title{ text-align: center; font-weight: 500; margin-bottom: 1em; } .cpf-social .footer-social-icons{ } .scdl-telephone .scdl-info-right .hidden-college-phone { position: relative; color: #2d2d2d; } .scdl-telephone .scdl-info-right .hidden-college-phone.college-phone-visible::after{ content:none; color:#2d2d2d; } .scdl-telephone .scdl-info-right .hidden-college-phone::after { content: 'Click to view'; position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: left; line-height: 1em; background: white; cursor: pointer; } .scdl-telephone .scdl-info-right .hidden-college-phone:hover{ color:var(--secondary-bg); transition:color 0.3s ease-in-out; } .scdl-telephone .scdl-info-right .hidden-college-phone.college-phone-visible:hover{ color:#2d2d2d; } .scdl-full-address-right.scdl-info-right { position: relative; height: 1.3em; overflow: hidden; } .scdl-full-address-right.scdl-info-right::after { position: absolute; content:'Click to view'; left:0; top:0; width:100%; height:100%; background:white; cursor:pointer; } .scdl-full-address-right.scdl-info-right:hover{ color:var(--secondary-bg); transition:color 0.3s ease-in-out; } .scdl-full-address-right.scdl-info-right.full-address-shown{ overflow:auto; height:auto; } .scdl-full-address-right.scdl-info-right.full-address-shown{ color:#323232; } .scdl-full-address-right.scdl-info-right.full-address-shown::after{ content:none; } .profile-section{ width:100%; box-sizing:border-box; padding-top:8em; padding-bottom:4em; } .ucl-profile-tabs-header { width: 30%; } .ucl-profile-tabs-header span{ display: flex; align-items: center; justify-content: center; width: 100%; font-size: 0.8em; min-height: 4em; box-sizing: border-box; padding: 1%; font-weight: 500; background: #f3f3f3; border: 1px solid white; line-height: 1.1em; text-align: center; word-break: break-word; cursor:pointer; transition:all 0.3s ease-in-out; } .ucl-profile-tabs-header span.active{ background: var(--primary-bg)!important; color: white!important; } .ucl-profile-tabs-header span:hover{ background: var(--secondary-bg); color: white; } .ucl-profile-tabs-inner { padding: 3em 1em; background: #fbfbfb; box-sizing: border-box; width: 70%; } .profile-personal-form { width: 100%; max-width: 600px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .ucl-profile-tab { display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width:100%; } .ucl-profile-tab.ucl-profile-tab-active{ display:flex; } .profile-tab-btn-container{ width:100%; } .hdpi.pac-logo:after{ display:none!important; } .iti__flag { background-image: url("/images/flags.png"); } .form-field .iti--allow-dropdown{ width:100%; } .form-field .iti--allow-dropdown input[type="text"] { padding-left:4em; } .iti__country-list{ overflow-x:hidden; } .iti__country-list::-webkit-scrollbar { width: 10px; } .iti__country-list::-webkit-scrollbar-thumb { background-color: var(--primary-bg); } .iti__country-list::-webkit-scrollbar-track { background: #e6e6e6; } .iti__country-name, .iti__dial-code, .iti__flag-box{ font-size:0.8em; } .iti-mobile .iti--container{ z-index:1111; } body.intel-tel-input-is-open:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primary-bg); opacity: .9; z-index: 11111111; } body.intel-tel-input-is-open .iti.iti--allow-dropdown { z-index: 11111111; } body.intel-tel-input-is-open.iti-mobile .iti--container { z-index: 111111111; } .ucl-profile-tabs { display: flex; justify-content: space-between; flex-wrap: wrap; } body.page-template-UserDetails-Index.page-template-UserDetails { background: #f3f3f3; background-color: #f3f3f3; } body.page-template-UserDetails-Index.page-template-UserDetails .ucl-news-signup-section{ display:none; } body.page-template-UserDetails-Index.page-template-UserDetails .footer-menu-section{ display:none; } .fyf-results-header { background: #cfcfcf; box-sizing: border-box; padding: 0.5em 0.5em; border-radius: 3px; display: flex; align-items: center; justify-content: space-between; } .fyf-results-header-left{ width:80px; } .fyf-results-header-right { width: calc(100% - 100px); font-size: 0.8em; line-height: 1.3em; font-weight: 500; color: var(--primary-bg); } .fyf-results-header-left img{ display:block; } .fyf-results-header h2 { font-size: 0.9em; color: var(--primary-bg); margin: 0; } .fyf-modified { font-size: .7em; margin: 0; font-weight: 600; color: var(--primary-bg); line-height: 1.2em; } .afyf-section { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1111111111; transform: scale(0); opacity: 0; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; } .afyf-section.afyf-section-visible{ transform:scale(1); opacity:1; } .afyf-header { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 1; box-sizing: border-box; border-bottom: 1px solid #f3f3f3; opacity: 0; transition: opacity .2s ease-in-out; align-self: flex-start; margin-top: 0; margin-bottom: 0; } .afyf-header .afyf-logo{ width:48%; max-width:150px; box-sizing:border-box; padding:1em; } .afyf-header .afyf-close{ width:48%; max-width:100px; text-align:right; box-sizing:border-box; padding:1em; } .afyf-close i { display: inline-block; box-sizing: border-box; padding: 0; font-size: 2em; color: var(--primary-bg); cursor: pointer; transition: transform 0.3s ease-in-out; } .afyf-progress{ width:100%; } .afyf-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .afyf-bg:before{ content: ' '; position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; background: var(--primary-bg); transition: all .1s ease-in-out; opacity: 0; } .afyf-bg:after{ content: ' '; position: fixed; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; transition: all .2s ease-in-out; } .afyf-section.afyf-section-visible .afyf-bg{ } .afyf-section.afyf-section-visible .afyf-bg:before { height: 100%; opacity: 0.9; } .afyf-section.afyf-section-visible .afyf-bg:after { height: 100%; transition-delay: .1s; } .afyf-section.afyf-section-visible .afyf-header{ opacity:1; transition-delay:0.3s; } .afyf-section.afyf-section-visible .afyf-close i{ transform:rotate(360deg); transition-delay:0.3s; } .afyf-container { position: relative; z-index: 1; width: 90%; margin-left: auto; margin-right: auto; max-width: 1200px; box-sizing: border-box; padding: 2em 0; opacity: 0; align-self: center; justify-self: center; margin-top: auto; margin-bottom: auto; } .afyf-section.afyf-section-visible .afyf-container{ opacity:1; transition:opacity 0.3s ease-in-out; transition-delay: 0.3s; } .afyf-qa{ text-align:center; } .afyf-q { font-size: 2em; font-weight: 500; line-height: 1.2em; margin-bottom: 0.5em; color: var(--primary-bg); } .afyf-a{ } .afyf-a-options{ } .afyf-a-options .afyf-a-option{ display: inline-block; box-sizing: border-box; border: 1px solid gray; border-radius: 4px; padding: 0.7em 1.5em; margin-right: 1em; cursor: pointer; background: whitesmoke; font-size: 0.9em; font-weight: 600; transition: all 0.3s ease-in-out; margin-left: 1em; } .afyf-a-options .afyf-a-option:hover{ background:var(--secondary-bg); color:white; } .afyf-programs { text-align: center; font-weight: 600; letter-spacing: 2px; margin-bottom: 1em; } .fyf-results-promote-advanced { background: var(--secondary-bg); box-sizing: border-box; padding: 1em 1em; font-size: 0.8em; margin-top: 1em; border-radius: 3px; } .fyf-results-promote-advanced h3{ margin: 0; line-height: 1.3em; display: inline-block; cursor:pointer; color:#062f3a; } header.site-header .header_container .header-right .top-buttons { display:flex; } .btn-clr-yellow.common-usp-front { border-radius: 50%; box-sizing: border-box; width: 42px; height: 42px; padding: 0 0; display: inline-flex; align-items: center; justify-content: center; margin-left: 0.3em; } .btn-clr-yellow.common-usp-front img { width: 94%; border-radius: 50%; box-sizing: border-box; overflow: hidden; } .front-top-login-btn{ margin-left:0.3em; } .autl-section { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:11111111; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(0); } .autl-section-visible { opacity: 1 !important; transform: scale(1) !important; } .autl-section:before{ content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #182922; opacity: .8; } .autl-section:after{ content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: var(--primary-bg); opacity: .8; } .autl-section.autl-section-visible:before { height: 100%; transition: all .2s ease-in-out; transition-delay: .1s; } .autl-section.autl-section-visible:after { height: 100%; transition: all .2s ease-in-out; transition-delay: .1s; } .autl-container { width: 90%; background: #f9f9f9; box-sizing: border-box; border-radius: 3px; max-width: 800px; margin-left: auto; margin-right: auto; box-shadow: 5px 5px 15px #0c2f38; opacity: 0; position:relative; z-index:1; overflow:hidden; } .autl-section.autl-section-visible .autl-container{ opacity:1; transition:opacity 0.5s ease-in-out; transition-delay:0.3s; } .autl-header { text-align: right; box-sizing: border-box; padding: 1em; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f9f9f9; background:#ffffff; } .autl-header .full-search-close-right span i { font-size: 2em; color: var(--primary-bg); opacity: 0; cursor:pointer; } .autl-section.autl-section-visible .full-search-close-right span i { transform: rotate(360deg); transition: all .3s ease-in-out; opacity: 1; transition-delay: .6s; } .autl-items { background: #f9f9f9; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 1em; } .autl-left { width: 35%; max-width: 190px; margin-left: auto; margin-right: auto; } .autl-right{ width:60%; } .autl-inner{ box-sizing:border-box; padding-bottom:2em; } /*Start Partners*/ .autl-partner-section { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11111111; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0); backdrop-filter: blur(5px); } .autl-partner-section-visible { opacity: 1 !important; transform: scale(1) !important; } .autl-partner-section:before { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #000000; opacity: .5; } .autl-partner-section:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #000000; opacity: .5; } .autl-partner-section.autl-partner-section-visible:before { height: 100%; transition: all .2s ease-in-out; transition-delay: .1s; } .autl-partner-section.autl-partner-section-visible:after { height: 100%; transition: all .2s ease-in-out; transition-delay: .1s; } .autl-partner-container { width: 90%; background: #f9f9f9; box-sizing: border-box; border-radius: 3px; max-width: 800px; margin-left: auto; margin-right: auto; box-shadow: 5px 5px 15px #000000; opacity: 0; position: relative; z-index: 1; /*overflow: hidden;*/ border: 1px solid #161616; border-bottom: 1em solid var(--secondary-bg); } .autl-partner-section.autl-partner-section-visible .autl-partner-container { opacity: 1; transition: opacity 0.5s ease-in-out; transition-delay: 0.3s; } .autl-partner-header { text-align: right; box-sizing: border-box; padding: 1em; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e0e0; background: #fff; } .autl-partner-header .full-search-close-right span i { font-size: 2em; color: var(--primary-bg); opacity: 0; cursor: pointer; } .autl-partner-section.autl-partner-section-visible .full-search-close-right span i { transform: rotate(360deg); transition: all .3s ease-in-out; opacity: 1; transition-delay: .6s; } .autl-partner-items { background: #f9f9f9; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 1em; } .autl-partner-section .full-search-close-left{ width:100%; text-align:center; } .autl-partner-left { width: 35%; max-width: 260px; margin-left: auto; margin-right: auto; } .autl-partner-right { width: 60%; align-self: flex-start; box-sizing: border-box; border: 2px solid #626262; border-radius: 4px; } .up-form-lead { width: 100%; box-sizing: border-box; padding: 0em 1em; } .up-form-lead form{ } .autl-partner-right h3 { background: #626262; margin: 0; padding: 0; color: white; box-sizing: border-box; width: 100%; border-radius: 0px; text-align: center; margin-bottom: 1em; font-size: 1em; line-height: 1.4em; padding: 0.6em 0.5em; } .up-form-lead form .form-field-fifty { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } .up-form-lead form .form-field-fifty .form-field{ width:49%; } .up-form-lead-btn-container{ margin-bottom:1em; } .up-form-lead-btn-container button{ width:100%; } .up-form-lead-btn-container button:hover{ } .autl-partner-inner { box-sizing: border-box; padding-bottom: 2em; } .upr-colleges{ } .upr-colleges h3{ font-size: 1.5em; margin: 0; padding: 0; line-height: 1.4em; margin-bottom: 0.5em; font-weight: 800; color: var(--primary-bg); } .upr-colleges h2{ font-size: 1.6em; line-height: 1.4em; color: #484848; margin: 0; padding: 0; } .upr-colleges .upr-colleges-count{ font-size: 3em; display: block; line-height: 1em; font-weight: 800; color: var(--primary-bg); text-shadow:5px 5px 0px var(--secondary-bg); } /*End Partners*/ .afyf-fs { position: relative; z-index: 11; width: 90%; margin-left: auto; margin-right: auto; max-width: 1200px; box-sizing: border-box; padding: 2em 0; opacity: 1; align-self: center; justify-self: center; margin-top: auto; margin-bottom: auto; } .afyf-fs h3{ font-size: 2em; font-weight: 500; line-height: 1.2em; margin-bottom: 0.5em; color: var(--primary-bg); font-family: 'Roboto'; text-align: center; width: 100%; max-width: 850px; margin-left: auto; margin-right: auto; } .afyf-final-text-p { font-style: italic; font-weight: 600; } .afyf-fs-btns .afyf-a-options{ text-align:center; } .afyf-fs-btns .afyf-a-options .afyf-a-option{ background:var(--secondary-bg); } .overlay.ucla-loader { width: 100%; box-sizing: border-box; padding: 1em; text-align: center; } body.afyf-final-result-open .afyf-bg:after { background: var(--primary-bg); } body.afyf-final-result-open .afyf-header .afyf-logo { filter: grayscale(1) contrast(1) brightness(100); } body.afyf-final-result-open .afyf-fs h3 { color: white; } .afyf-fs-img { width: 100%; position: relative; z-index: 1; display: block; text-align: center; } .afyf-fs-img img{ width:100%; max-width:200px; } .fyf-options-v2 { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .fyf-options-v2 .fyf-options-single-v2{ width: 30%; box-sizing: border-box; border: 1px solid gray; font-size: 0.9em; line-height: 1.2em; padding: 1em; margin-top: 0.5em; margin-bottom: 0.5em; margin-right: 1.5%; border-radius: 5px; background: #6c6c6c; font-weight: 500; transition: all 0.3s ease-in-out; cursor: pointer; color:white; } .fyf-options-v2 .fyf-options-single-v2:hover{ background: var(--primary-bg); color: #ffffff; } .fyf_f_s_v2_img { width: 100%; max-width: 130px; } .adyfyf_final_s .sc-screen-answer { margin-top: 0em; } .sr-fyf-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1111111; display: flex; align-items: center; justify-content: center; overflow: hidden; } .sr-fyf-overlay:before{ content: ' '; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: black; opacity: 0.2; } .sr-fyf-overlay:after{ content: ' '; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: black; opacity: 0.2; } .sr-fyf-over-inner { width: 90%; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: var(--primary-bg); box-sizing: border-box; padding: 2em 2em; position: relative; z-index: 1111; border-radius: 5px; box-shadow: 15px 18px 15px #000000; border: 2px solid #eaeaea; background: #f0f0f0; } .sr-fyf-over-inner .sr-fyf-over-inner-left{ width:40%; } .sr-fyf-over-inner .sr-fyf-over-inner-right{ width:55%; } .sr-fyf-overlay-back { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 1; backdrop-filter: blur(50px) opacity(1); background-color: rgba(37 37 37 / 90%); background-color: rgba(0 0 0 / 59%); -webkit-backdrop-filter: blur(2em); backdrop-filter: blur(4px); opacity: 1; } .fyf-results-promote-advanced{ display:none!important; } .css-v1-section { box-sizing: border-box; background: #f7f7f7; padding: 2em 2em; border-radius: 3px; border: 1px solid #e3e3e3; margin-top: 2em; box-shadow: 5px 5px 15px #f3f3f3; } .css-v1-container{ } .css-v1-head { } .css-v1-head h2{ margin: 0; padding: 0; font-size: 1em; line-height: 1.2em; display: none; } .css-v1-form { display: flex; justify-content: space-between; flex-wrap: wrap; } .css-v1-item{ width:24%; } .css-v1-item-head { font-size: 0.8em; font-weight: 600; color: var(--primary-bg); line-height: 1.3em; margin-bottom: 0.5em; } .css-v1-item-inner{ } .css-v1-item.css-v1-submit{ align-self:flex-end; } .css-v1-item.css-v1-submit a{ width:100%; line-height:1.5em; } .css-v1-item .ss-main .ss-single-selected { border: 1px solid var(--primary-bg); border-radius: 0px; height: 45px; box-sizing:border-box; border-radius:0.3em; } .css-v1-item-inner.css-v1-item-inner-hidden { display: none !important; } .srp-fil-mob { box-sizing: border-box; margin-top: 1em; text-align: right; display:none; } .srp-fil-mob .srp-fil-mob-btn{ display: inline-block; box-sizing: border-box; background: #f3a714; font-size: 0.9em; font-weight: 500; padding: 0.5em 1em; line-height: 1em; cursor: pointer; letter-spacing: 0.1px; color:white; } .srp-fil-mob-btn-close{ display:none; } .main-forgot-form-hidden{ display:none!important; } .main-forgot-form { width: 100%; max-width: 400px; box-sizing: border-box; } .main-forgot-form-heading { margin-bottom: 1em; font-size: 1.2em; font-weight:500; } .fp-heading-point { display: inline-block; text-decoration: underline; font-size: 0.7em; margin-top: 0.4em; color: var(--primary-bg); font-weight: 500; cursor: pointer; } .main-forgot-notice { margin-top: -1em; margin-bottom: 1em; min-height: 1.5em; font-size: 0.8em; font-style: italic; line-height: 1.1em; } .full-search-v2 .full-search-tab-headers .search-tab-header { width:33.33%; } .full-search-v2 .css-v1-item.css-v1-submit { display: none !important; } .full-search-v2 .css-v1-item{ width:30%; } .full-search-v2 .ss-content .ss-list .ss-option { font-size: 0.8em; } .full-search-v2 .ss-main .ss-single-selected .placeholder { font-size: 0.8em; } .full-search-v2 .css-v1-section { background: transparent; border: none; box-shadow: none; padding: 0; margin-top: 0; border-radius: 0px; } .full-search-v2 .css-v1-item .ss-main .ss-single-selected { border-radius: 0px; } .full-search-v2 .ss-main .ss-multi-selected { line-height: 1.5em; border: 1px solid var(--primary-bg); border-radius: 0px; outline: none; box-sizing: border-box; min-height: 45px; } .sr-fyf-over-inner-actual { display: none; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; } .sr-fyf-over-loader { position: relative; width: 100%; text-align: center; overflow: hidden; } .sr-fyf-over-loader.sr-fyf-over-loader-hidden{ display:none!important; } .sr-fyf-over-inner-actual.sr-fyf-over-inner-actual-visible { display: flex; } .loader-v2 { transform: rotateZ(45deg); perspective: 1000px; border-radius: 50%; width: 48px; height: 48px; color: var(--primary-bg); margin-left: auto; margin-right: auto; display: block; } .loader-v2:before, .loader-v2:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: 50%; transform: rotateX(70deg); animation: 1s spin linear infinite; } .loader-v2:after { color: var(--secondary-bg); transform: rotateY(70deg); animation-delay: .4s; } @keyframes rotate { 0% { transform: translate(-50%, -50%) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateZ(360deg); } } @keyframes rotateccw { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes spin { 0%, 100% { box-shadow: .2em 0px 0 0px currentcolor; } 12% { box-shadow: .2em .2em 0 0 currentcolor; } 25% { box-shadow: 0 .2em 0 0px currentcolor; } 37% { box-shadow: -.2em .2em 0 0 currentcolor; } 50% { box-shadow: -.2em 0 0 0 currentcolor; } 62% { box-shadow: -.2em -.2em 0 0 currentcolor; } 75% { box-shadow: 0px -.2em 0 0 currentcolor; } 87% { box-shadow: .2em -.2em 0 0 currentcolor; } } .filter-keyword-text { border: 1px solid #cecece; box-sizing: border-box; width: 100%; font-size: .9em; padding: 0.8em 0.5em 0.8em 0.5em; background: #fff; box-shadow: 5px 5px 15px rgba(111 111 111 / 10%); border-radius: 0px; transition: all .3s ease-in-out; outline: none; -webkit-appearance: none; -moz-appearance: none; } .filter-keyword-text:focus,.filter-keyword-text:focus-within,.filter-keyword-text:hover{ border-color:var(--primary-bg); } .cp-right-ab { width: calc(100% - 10px); margin-top: 1em; } .cp-right-ab .cp-right-ab-c{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .cp-right-ab-c-b { font-size: 0.8em; box-sizing: border-box; padding: 0.6em 0.5em; border: 1px solid #9c9c9c; width: 48%; background: #e8e8e8; color: var(--primary-bg); border-radius: 3px; margin-bottom: 1em; font-weight: 500; cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center; transition:all 0.3s ease-in-out; } .cp-right-ab-c-b:hover{ box-shadow: 5px 5px 15px #bebebe; background: var(--primary-bg); color: white; border-color: #0a4655; } .cp-r-ab-c-b-text{ } .cp-r-ab-c-b-icon{ margin-left:0.2em; font-size:1.5em; } .cp-r-ab-c-b-icon i{ } .testimonials-title-container{ } .testimonials-title-container h3{ text-align:center; margin: 0; padding: 0; font-size: 2em; margin-top: 0.5em; line-height: 1.3em; } .all-testimonials-container { margin-top:3em; } .all-testimonials-container .single-testimonial{ box-sizing: border-box; border: 1px solid #ededed; border-radius: 3px; background: #f7f7f7; box-shadow: 5px 5px 15px #e9e9e9; margin-left:1em; margin-right:1em; height:auto; outline:none!important; } .testimonial-image { width: 35%; margin-left: auto; margin-right: auto; margin-top: -3em; max-width: 100px; border-radius: 50%; overflow: hidden; position: relative; -webkit-mask-image: -webkit-radial-gradient(white, black); z-index:0; } .testimonial-text-container { box-sizing: border-box; padding: 1.5em 2em; } .testimonial-inner-text { font-size: 0.9em; line-height: 1.3em; font-style: italic; } .testimonial-by-text { font-size: 0.9em; font-weight: 500; text-align:right; } .testimonial-image-mask { width: 100%; padding-bottom: 100%; height: 0; border-radius: 50%; overflow: hidden; box-sizing: border-box; background: #6c6c6c; position: relative; -webkit-mask-image: -webkit-radial-gradient(white, black); z-index: 0; } .testimonial-image-mask img{ display: inline-block; position: relative; z-index: 0; width: 100px; height: auto; max-width: 100%; } .compare-colleges-now-btn { background-color: var(--secondary-bg); color: #fff; text-align: center; border-radius: 4px; position: relative!important; display: flex; transition: background-color .3s,opacity .5s,visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; align-items: center; justify-content: center; box-sizing: border-box; padding: 0.6em 0.8em; font-size: 1em; opacity: 1; visibility: visible; display: none; margin-left:0.3em; } .page-template-Home-SearchCollege .compare-colleges-now-btn{ display:flex; } .compare-colleges-now-btn-count { position: absolute; top: -2px; right: -2px; font-size: 0.7em; color: white; font-weight: 600; background: var(--primary-bg); box-sizing: border-box; display: block; line-height: 1em; padding: 2px; border-radius: 3px; } .compare-colleges-now-btn.allow-college-compare{ cursor:pointer; } .animating-compare { animation: animate-compare 1s cubic-bezier(0,1,1,0); } .compare-colleges-now-btn.compare-button-is-hidden{ display:none!important; } .compare-Programs-now-btn { background-color: var(--primary-bg); color: #fff; text-align: center; border-radius: 4px; position: relative !important; display: flex; transition: background-color .3s,opacity .5s,visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; align-items: center; justify-content: center; box-sizing: border-box; padding: 0.6em 0.8em; font-size: 1em; opacity: 1; visibility: visible; display: none; margin-left: 0.3em; } .page-template-Programs-ProgramDetail .compare-Programs-now-btn { display: flex; } .compare-Programs-now-btn-count { position: absolute; top: -2px; right: -2px; font-size: 0.7em; color: white; font-weight: 600; background: var(--primary-bg); box-sizing: border-box; display: block; line-height: 1em; padding: 2px; border-radius: 3px; } .compare-Programs-now-btn.allow-Program-compare { cursor: pointer; } .compare-Programs-now-btn.compare-button-is-hidden { display: none !important; } @keyframes animate-compare { from { transform: scale(1); } to { transform: scale(1.7); } } .compare-row-logo{ } .compare-row-logo .ucl-compare-metrics{ border-top: 1px solid #e4e2e2; border-top-left-radius: 4px; border-top-right-radius: 4px; background: var(--primary-bg); position:relative; } .compare-row-logo .ucl-compare-metrics .ucl-rem-colg-from-compare{ position: absolute; left: -0.5em; top: -0.5em; font-size: 1.5em; color: white; background: var(--secondary-bg); box-sizing: border-box; padding: 5px; border-radius: 2px; cursor:pointer; } .compare-row-logo .ucl-compare-metrics .ucl-rem-colg-from-compare:hover{ color: var(--secondary-bg); background: #444444; } .ucl-compare-logo { width: 100%; height: 0; padding-bottom: 100%; background-repeat: no-repeat; background-size: 80%; background-position: center center; background-color: #fff; border-radius: 50%; border: 1px solid #f8f8f8; } .ucl-compare-full-container { /*display: flex;*/ flex-wrap: wrap; /* width: 100%;*/ justify-content: space-between; align-items: flex-start; margin-bottom: auto; height: auto; box-sizing: border-box; padding-top: 2em; padding-right: 2em; padding-bottom:2em; min-width:100%; } .ucl-compare-row { width: 100%; display: flex; justify-content: flex-start; height: auto; vertical-align: middle; } .ucl-compare-metrics { width: 24%; border-left: 1px solid #e4e2e2; border-right: 1px solid #e4e2e2; border-bottom: 1px solid #e4e2e2; box-sizing: border-box; padding: 0.3em 1em; text-align: center; margin-right: 1%; display: flex; align-items: center; justify-content: center; line-height: 1.3em; min-width: 250px; font-size: 0.9em; max-width:250px; } .ucl-compare-logo-container { width: 90%; max-width: 70px; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; } .ucl-compare-metrics.ucl-compare-metrics-header { background: #6a6b6b; text-align: right; color: white!important; border-color: white; font-size: 0.8em; font-weight: 500!important; justify-content:flex-end; align-items:center!important; position:sticky; left:0; } .ucl-compare-full-container .ucl-compare-row:nth-child(1) .ucl-compare-metrics.ucl-compare-metrics-header { background: white; border: none; border-top-right-radius: 0px; margin-top: -2em; z-index: 1; } .ucl-compare-full-container .ucl-compare-row:nth-child(2n) { background: #f9f9f9; } .ucl-compare-full-container .ucl-compare-row:nth-child(2n) .ucl-compare-metrics { background: #f9f9f9; } .ucl-compare-full-container .ucl-compare-row:nth-child(2n) .ucl-compare-metrics.ucl-compare-metrics-header { background: #6a6b6b; } .ucl-compare-full-container .ucl-compare-row:nth-child(1) { background: none; } .compare-row-desc .ucl-compare-metrics { text-overflow: ellipsis; overflow: hidden; align-items: flex-start; } .compare-row-name .ucl-compare-metrics { font-weight: 600; color: var(--primary-bg); } .compare-row-rating .ucl-compare-metrics i { color: #ffd700; font-size:1.5em; } body.page-template-College-CollegeDetail.page-template-College.page-template-CollegeDetail .compare-colleges-now-btn { display: flex; } .compare-row-actions .ucl-compare-metrics.ucl-compare-metrics-header { background:white; border:none; } .compare-row-actions .ucl-compare-metrics { background: #dedede; } .all-compared-noti-section { position: fixed; left: 0; right: 0; width: 92%; bottom: 1em; max-width: 520px; margin-left: auto; margin-right: auto; background: #f1f1f1; box-sizing: border-box; border: 4px solid var(--secondary-bg); border-radius: 2px; z-index: 1111; display: none; } .all-compared-noti-section.compared-noti-visible{ display:block; } .all-compared-noti-close { width: 100%; text-align: right; box-sizing: border-box; margin-top: -0.5em; } .all-compared-noti-close-btn { font-size: 1em; display: inline-block; margin-right: -0.5em; background: #5a5a5a; color: white; box-sizing: border-box; padding: 0.1em; line-height: 1em; cursor:pointer; } .all-compared-noti-inner { display: flex; width: 100%; box-sizing: border-box; align-items: center; justify-content: space-between; padding: 0em 1em 1em 1em; } .all-compared-noti-container{ position:relative; } .all-compared-noti-right{ font-size:0.8em; } .all-compared-noti-left { font-size: 0.8em; } .all-compared-noti-section.all-compared-program-noti { border: 4px solid var(--primary-bg); } .cp-b-container{ } .scfdr-all-programs .cp-b-container { position: relative; z-index: 1; } .scfdr-all-programs .cp-b-container .cp-right-ab-c{ display: flex; justify-content: space-between; box-sizing: border-box; margin-top: 1em; margin-bottom: -1em; } .spd-single-other-right .colg-logo-bg-image { box-shadow: none; border: 1px solid #f4f4f4; background-color: #f4f4f4; } .cp-right-ab-c-b.active-compare-p-btn { box-shadow: 5px 5px 15px #bebebe; background: var(--primary-bg); color: #fff; border-color: #0a4655; } .cp-right-ab-c-b.active-compare-c-btn { box-shadow: 5px 5px 15px #bebebe; background: var(--primary-bg); color: #fff; border-color: #0a4655; } .cp-right-ab-c-b.cp-right-ab-c-b-active { box-shadow: 5px 5px 15px #bebebe; background: var(--primary-bg); color: #fff; border-color: #0a4655; } .ssrb-right-btns .ssrb-btn.ssrb-btn-active { background: #878787; } .extra-login-methods { width: 100%; box-sizing: border-box; max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 1em; border-top: 1px solid #dedede; padding-top: 1em; } .extra-login-btn { display: inline-flex; box-sizing: border-box; padding: 1.1em 1.7em; border-radius: 0.3em; font-size: .8em; font-weight: 500; cursor: pointer; transition: all .3s ease-in-out; line-height: 0.8em; text-align: center; text-decoration: none; border: 1px solid #a6a6a6; color: #000; vertical-align: middle; align-items: center; flex-wrap: wrap; width: 100%; justify-content: center; background: #f8f8f8; } .extra-login-btn:hover { background: #cfcfcf; box-shadow: 5px 5px 15px #dadada; } .extra-login-btn .extra-login-icon{ width:15px; margin-right:5px; display:inline-block; } .extra-login-btn .extra-login-icon img{ } .extra-login-btn:hover .extra-login-icon{ } .extra-login-btn:hover .extra-login-icon img{ } .extra-login-btn-text{ } .extra-login-btn:hover .extra-login-btn-text { } .extra-login-methods .google-auto-container{ box-sizing:border-box; width:100%!important; } .extra-login-methods .google-auto-container #credential_picker_container{ box-sizing: border-box; width: 100%!important; } .extra-login-methods .google-auto-container #credential_picker_container iframe{ box-sizing: border-box; width: 100%!important; } .up-sp-disclaimer { box-sizing: border-box; padding: 0.5em 0em 0em 0em; font-size: 0.8em; font-weight: 500; line-height:1.2em; white-space:pre-line; } .up-sp-disclaimer b{ } .partners-front-trade { color: var(--primary-bg); font-weight: 600; text-decoration: underline; line-height: 1.2em; transition: color 0.3s ease-in-out; } .partners-front-trade:hover{ color:var(--secondary-bg); } footer.site-footer.partners-footer{ } .partners-form-notice { font-size: .6em; box-sizing: border-box; line-height: 1.1em; margin-bottom: 2em; white-space:pre-line; } .partners-form-notice a{ color: var(--primary-bg); text-decoration: underline; transition: color 0.3s ease-in-out; } .partners-form-notice a:hover{ color:var(--secondary-bg); } .ap-select-container { display: flex; justify-content: space-between; width: 100%; flex-wrap:wrap; } .ap-select-container .ap-select-container-left{ width:80%; } .ap-select-container .ap-select-container-right{ width:20%; min-width:100px; } .ap-select-container .ap-select-container-left select{ border-radius:0px; height:100%; } .ap-select-container .ap-select-container-right .my-btn{ width:100%; border-radius:0px; } .ap-select-error { width: 100%; font-size: 1em; line-height: 1.2em; margin-bottom: 0.5em; font-weight: 700; color: red; } /*Start request info animation */ .ap-is-sent { animation: launch 1.5s ease-in-out; } @keyframes launch { 0% { opacity: 1; transform: translateX(0) scale(1); } 10%, 15% { transform: translateX(0) scale(0.5); } 30%, 35% { transform: translateX(-20) scale(0.5); } 40%, 70% { transform: translateX(100vw) scale(0.5); } 70% { opacity: 1 } 71% { opacity: 0; transform: translateX(100vw) scale(0.5); } 72% { opacity: 0; transform: translateX(0px) scale(0.5); } 100% { opacity: 1; transform: translateX(0px) scale(1); } } .ap-envelope { position: relative; width: 280px; height: 180px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-left: auto; margin-right: auto; background-color: var(--secondary-bg); box-shadow: 0 4px 20px rgba(0,0,0,.2); } .ap-envelope .ap-front { position: absolute; width: 0; height: 0; z-index: 3; } .ap-envelope .ap-flap { border-left: calc(280px / 2) solid transparent; border-right: calc(280px / 2) solid transparent; border-bottom: calc( calc( 180px / 2) - 8px) solid transparent; /* a little smaller */ border-top: calc(calc(180px/2) + 8px) solid var(--primary-bg); /* a little larger */ transform-origin: top; pointer-events: none; } .ap-envelope .ap-pocket { border-left: calc(280px/2) solid #074e60; border-right: calc(280px/2) solid #115466; border-bottom: calc(180px/2) solid #10586b; border-top: calc(180px/2) solid transparent; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .ap-envelope .ap-letter { position: relative; background-color: #b6b6b6; width: 90%; margin-left: auto; margin-right: auto; height: 90%; top: 5%; border-radius: 6px; box-shadow: 0 2px 26px rgba(0,0,0,.12); } .ap-envelope .ap-letter:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 25%, rgba(215,227,239,0.70) 55%, rgba(215,227,239,1.00) 100%); } .ap-envelope .ap-words { position: absolute; left: 10%; width: 80%; height: 14%; background-color: #EEEFF0; } .ap-words.ap-line1 { top: 15%; width: 20%; height: 7%; } .ap-words.ap-line2 { top: 30%; } .ap-words.ap-line3 { top: 50%; } .ap-words.ap-line4 { top: 70%; } .ap-open .ap-flap { transform: rotateX(180deg); transition: transform .4s ease, z-index .6s; z-index: 1; } .ap-close .ap-flap { transform: rotateX(0deg); transition: transform .4s .6s ease, z-index 1s; z-index: 5; } .ap-close .ap-letter { transform: translateY(0px); transition: transform .4s ease, z-index 1s; z-index: 1; } .ap-open .ap-letter { transform: translateY(-60px); transition: transform .4s .6s ease, z-index .6s; z-index: 2; } .ap-envlope-wrapper { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; width: 100%; transform: scale(0.2); } .ap-send-animation { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f6f6f6; z-index: 11; display:none; } .ap-envlope-wrapper.info-requested { text-align: center; transform: scale(1); display: flex; align-items: center; justify-content: center; background: #097409; color: white; box-sizing: border-box; padding: 1em; } .ap-envlope-wrapper.info-requested i{ font-size:3em; } .ap-envlope-wrapper.info-requested .ap-r-i-text{ font-size: 0.8em; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; line-height:1.4em; white-space:pre-line; } /*End request info animation*/ .partner-left-head-logo{ display:flex; align-items:center; } .partner-left-head-logo a{ display:flex; align-items:center; } .partner-left-head-logo img{ max-width:100%; max-height:71px; } header.site-header.header-is-scrolled .partner-left-head-logo img { max-height:38px; } .vendors-website-body .site-footer .footer-logo { filter: none; } .vendors-website-body .home-start-or{ color:var(--top-button-bg); } .vendors-website-body .pace .pace-progress{ background:var(--secondary-bg); } .vendors-website-body .footer-social-icon{ color:var(--primary-bg); } .vendors-website-body .footer-social-icon:hover { color: var(--secondary-bg); } .vendors-website-body .footer-social-heading{ color:var(--primary-bg); } .vendors-website-body .site-footer .footer-trademark { color: var(--primary-bg); } .vendors-website-body .site-footer .footer-promo { color: var(--primary-bg)!important; } .vendors-website-body .badc-top-country-container{ box-shadow:1px 1px 2px var(--primary-bg); } .vendors-website-body .badc-top-country-container:hover { box-shadow: 5px 5px 15px var(--primary-bg); } .vendors-website-body .fyf-results-header{ background:var(--secondary-bg); } .vendors-website-body .fyf-results-header-right{ color:var(--secondary-bg-color); } .vendors-website-body .ap-filter-full-section { background: var(--third-color); } .vendors-website-body .ap-envlope-wrapper.info-requested { background: var(--primary-bg); color:var(--primary-bg-color); } .vendors-website-body .ap-filter-collapser-btn:hover{ color:var(--top-button-bg); } .vendor-site-id-0.vendors-website-body .ap-filter-full-section { background: #666464; } .vendor-site-id-0.vendors-website-body .ap-envlope-wrapper.info-requested { background: #097409; } .vendor-site-id-0.vendors-website-body .ap-filter-collapser-btn:hover { color: #f3a712; } @media(max-width:1431px) { .ucl-home-start-big-container{ align-items:center; } .home-top-section { background-position: 55% 30%; } } @media(max-width:1340px) { .ucl-new-start-ttt{ margin-top:-4%; } } @media (max-width:1080px) { .ucl-home-new-start{ width:100%; } .ucl-home-start-questions { width: 100%; margin-top: 2em; display: block; text-align: center; max-width: 300px; margin-left: auto; margin-right: auto; } .home-start-or { line-height: 1.5em; display: block; margin-bottom: 0.5em; } .sc-screen-left{ width:100%; } .sc-screen-right { width: 100%; margin-right: auto; max-width: 200px; } .single-colg-full-details .single-colg-full-details-left{ width:200px; } .single-colg-full-details-rightmost{ width:200px; } .single-colg-full-details-right { width: calc(98% - 400px); } .spd-inner-left{ width:200px; } .spd-inner-center { width: calc(98% - 400px); } .spd-inner-right { width: 200px; } .home-start-help-container{ width:100%; display:block; max-width:100%; } .ucl-home-start-questions .ucl-img-btn{ display:none; } .ucl-home-desk-or{ display:none; } } @media (max-width:980px) { .single-why-home-container{ width:100%; margin-bottom:3em; } .all-why-home-container .single-why-home-container:last-of-type{ margin-bottom:0em; } .partner-left-head-logo img { max-width: 100%; max-height: 38px; } .ap-select-container .ap-select-container-left select{ min-height:4em; } .ap-select-container { flex-wrap: wrap; } .ap-select-container .ap-select-container-left { width: 100%; } .ap-select-container .ap-select-container-right{ width:100%; } .upr-colleges h3 { line-height: 1.2em; margin-bottom: 0em; font-size: 1.3em; margin-top: 0.5em; } .autl-partner-items { padding: 0em 1em; } .upr-colleges { text-align: center; } .upr-colleges h2{ font-size: 1em; padding: 0em; margin: 0em; margin-top: 0.5em; margin-bottom: 1em; } .autl-partner-left { width: 100%; } .autl-partner-right{ width:100%; } .page-template-College.page-template-CollegeDetail .all-compared-noti-section { bottom: 5em; } .page-template-Programs.page-template-ProgramDetail .all-compared-noti-section { bottom: 5em; } .sr-fyf-overlay-back { opacity: 0.5; backdrop-filter: none; } .sr-fyf-overlay:before{ opacity:0.7; } .fyf_f_s_v2_img { display: none !important; } .single-colg-full-details-rightmost { z-index: 11; } .spd-inner-right{ z-index:111; } .cp-right-ab { position: fixed; left: 0; bottom: 0; width: 100%; background: #f9f9f9; box-sizing: border-box; padding: 0.5em 0em; z-index: 1; border-top: 1px solid #eeeeee; } body.page-template-College-CollegeDetail.page-template-College footer.site-footer { box-sizing: border-box; padding-bottom: 4em; } body.page-template-College-CollegeDetail.page-template-College .goto-top { bottom:6em; } body.page-template-Programs-ProgramDetail.page-template-Programs footer.site-footer { box-sizing: border-box; padding-bottom: 4em; } body.page-template-Programs-ProgramDetail.page-template-Programs .goto-top { bottom: 6em; } .cp-right-ab .cp-right-ab-c { width: 92%; margin-left: auto; margin-right: auto; } .cp-right-ab-c-b{ margin-bottom:0; } .full-search-v2 .css-v1-item { width: 100%; } .fyf-results-header h2 { line-height: 1.1em; } .search-result-selected-country { margin-top: -2em; } body.mobile-search-filter-visible:before { content: ' '; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; z-index: 11111; opacity: 0.9; } .search-result-full-page .search-result-page-left.mobile-search-filter-visible { display: block !important; position: fixed; left: 0; top: 0; width: 95%; height: fit-content; z-index: 11111; bottom: 0; margin: auto; right: 0; box-shadow: 5px 5px 15px rgba(0 0 0 / 60%); } .search-result-page-left.mobile-search-filter-visible .all-filters-left { max-height: calc(100vh - 200px); } .search-result-page-left.mobile-search-filter-visible .search-results-filter-title { display: flex; align-items: flex-start; justify-content: flex-start; } .search-result-page-left.mobile-search-filter-visible .srp-fil-mob-btn-close { align-self: flex-end; justify-self: flex-end; margin-left: auto; margin-bottom: 1em; display: block; box-sizing: border-box; background: var(--secondary-bg); color: white; font-size: 0.8em; padding: 0.1em 1em; font-weight: 500; cursor:pointer; } .srp-fil-mob{ display:block; } .css-v1-item { width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; } .fyf-options-v2 .fyf-options-single-v2 { width: 48%; } .sr-fyf-over-inner .sr-fyf-over-inner-left { width: 100%; max-width: 100px; margin-left: auto; margin-right: auto; } .sr-fyf-over-inner .sr-fyf-over-inner-right { width: 100%; text-align: center; box-sizing: border-box; padding-bottom: 2em; } .autl-container{ position:fixed; left:0; top:0; width:100%; height:100%; border-radius:0px; background:#f9f9f9; max-width:100%; } .autl-items{ align-items:flex-start; } .autl-right{ width:100%; text-align:center; } .btn-clr-yellow.common-usp-front { width: 35px; height: 35px; } .cpf-container .cpf-right { width: 100%; margin-bottom: 3em; } .cpf-container .cpf-left{ width:100%; order:1; } .rmcic-section .slick-list { padding: 0px 15% 0px 15% !important; } .search-start-option-container .search-start-option-image-container { max-height: 22px; } .gep-left-right-container .gel-container { width: 100%; text-align: center; } .ger-container{ width:100%; margin-top:1em; text-align:center; } .offline-right{ width:100%; text-align:center; } .offline-left{ width:100%; text-align:center; margin-bottom:2em; } .offline-svg-img-container{ width:100%; max-width:80px; text-align:center; margin-left:auto; margin-right:auto; } .offline-left h1{ font-size:2em; } .gel-container img{ max-width:150px; margin-left:auto; margin-right:auto; } [aria-label][role~="tooltip"]::before, [aria-label][role~="tooltip"]::after { display: none !important; } section.search-result-page { margin-top: 5em; } .single-search-result { padding: 1.2em 1.2em; } .single-search-result-bottom .ssrb-left { width: 100%; } .single-search-result-bottom .ssrb-right { width: 100%; } .ssrb-left .ssrb-left-program:nth-child(odd){ margin-right:0px; } .badc-left { width: 100%; max-height: 50px; overflow: hidden; } .badc-right{ width:100%; } .login-section { } .ucl-login-rll{ width:100%; } .ucl-login-rrl { width: 100%; max-width: 400px; margin: auto; border-top: 5px solid var(--primary-bg); padding-top: 2em; border-left: none; padding-left: 0px; } .login-page-video{ margin:auto; } .login-items-container .login-section-left { width: 100%; min-height: 40px; } .login-items-container .login-section-left:before{ background: #0c445b; opacity: 1; } .login-items-container .login-section-right{ width:100%; max-width:600px; box-shadow:none; } body { font-size: 16px; } .container{ width:92%; } .search-start-option-container .search-start-option-image-container img{ max-height:20px; } .search-start-option-container{ padding:0.5em; } .search-start-option-container .search-start-option-text-container{ margin-top:0px; } .home-top-section .home-top-text .home-top-text-inner h1 { font-size: 1.5em; line-height: 1.2em; } .ucl-new-start-ttt { font-size: 2em; z-index: 1; left: 0; top: 0; margin-top: 0em; position: absolute; margin-left: 1em; } .ucl-home-start-img { width: 10%; max-width: 234px; margin-bottom: auto; transform: rotate( 45deg) translate(-5px, 10px); opacity:0.4; } .search-start-options-container{ width:100%; justify-content:center; } .home-top-section{ padding-bottom:0em; margin-top:4em; } .search-start-option-container { min-width: 80px; margin-bottom: 2em; margin-left: auto; margin-right: auto; } .how-work-item{ width:100%; margin-bottom:2em; } .how-work-top-text h3{ font-size:1.2em; } .how-work-item .how-work-item-image img{ max-height:80px; } .not-sure-top-text h4{ font-size:1.2em; text-align:center; } .testimonials-title-container h3 { font-size: 1.2em; text-align: center; } .sr-over-close .my-btn{ margin-top:2em; } .nots-sure-items .not-sure-left { width: 100%; text-align: center; order: 0; margin-bottom:2em; } .nots-sure-items .not-sure-right { width: 100%; text-align: center; margin-bottom: 4em; } .full-search-modal-section .container{ width:100%; } .full-search-inner-container { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background: #f9f9f9; border-radius:0px; max-width:100%; } .nots-sure-items{ margin-top:0em; } .home-start-or { font-size: 2em; box-sizing: border-box; padding-bottom: .1em; margin-bottom: 0px; } .full-search-close-container{ background:white; } header.site-header .header_container .header-left{ max-width:90px; } header.site-header.header-is-scrolled .header_container .header-left{ max-width:65px; } .home-top-section{ min-height:none; padding:0px 0px; } .home-top-section .container{ padding-top:6em; } .home-search-start-options.section-generic-padding { padding-top: 2em; padding-bottom: 1em; } .full-search-tab-headers .search-tab-header{ font-size:0.6em; } .degree-type-modal-container .single-degree-type-container{ width:100%; } .program-majorm-filter-container .single-program-majorm-container{ width:100%; } .degree-aream-modal-container .single-degree-aream-container{ width:100%; } .sc-screen-question{ font-size:1.1em; } .sc-single-degree-type-container{ width:100%; } .sc-single-program-majorm-container{ width:100%; } .sc-main-container { height: calc(100vh - 200px); overflow-y:auto; } .search-result-full-page .search-result-page-left{ display:none; } .search-result-full-page .search-result-page-right{ width:100%; } .search-banner-inner-left{ width:20%; } .search-banner-inner-right{ width:80%; } .search-result-page-top-banner1 { background-size: contain; background-position: left bottom; background-color: #c0c6ce; } .single-search-result-left .single-search-result-college-name h2{ font-size:0.8em; } .single-search-result-right img{ max-width:100%; } .search-result-pager a{ margin-top:1em; } .search-result-pager span{ margin-top:1em; } .single-colg-top-section .single-colg-ful-top{ padding:1em 0em; min-height:128px; } .single-colg-top-section .single-colg-top-details h1{ font-size:1em; } .single-colg-full-details .single-colg-full-details-left{ width:100%; position:initial; } .single-colg-full-details-right{ width:100%; padding:0px 0px; border-right:none; border-left:none; } .scfdr-programs-stik-head{ top:44px; } .scfdr-single-program .scfdr-single-program-name{ font-size:1em; } .single-colg-full-details-rightmost{ width:100%; } .spd-top{ padding:1em 0em; min-height:128px; } .spd-name{ font-size:1em; } .spd-clg-name{ font-size:0.9em; } .spd-inner-left{ width:100%; position:initial; } .spd-inner-center{ width:100%; padding:0px 0px; margin-top:1em; border-right:none; border-left:none; margin-bottom:2em; } .spd-inner-right{ width:100%; position:initial; } .spd-more-programs{ padding-top:2em; padding-bottom:2em; } .spd-more-programs-title{ font-size:1em; top:44px; line-height:1em; } .spd-more-programs-all .spd-single-other{ width:100%; margin-bottom:1em; margin-right:0px; } .home-start-help-container{ width:100%; } .ucl-home-start-questions { margin-top: 0em; padding: 0em 1em 1em 1em; max-width:100%; } .single-blog-container article{ width:100%; } .single-blog-container aside{ width:100%; position:initial; margin-top:3em; } .article-body .article-subtitle{ top:40px; font-size:1.2em; } .article-title-container h1{ font-size:2.5em; } .home-new-how-cx { padding-top: 0em; margin-top: -2em; } .search-no-results-left{ width:100%; text-align:center; } .search-no-results-right{ width:100%; margin-top:2em; } .home-top-section{ background-position:15% 30%; } .home-top-section:before{ opacity:1; } .nots-sure-items .not-sure-left img { max-width: 130px; margin-left: auto; margin-right: auto; } .home-help-start-btn{ border:none; } .pace .pace-progress{ display:none!important; } header.site-header .header_container .header-right{ font-size:12px; } .ssrb-left .ssrb-left-program{ font-size:10px; } } @media (max-width:620px) { .single-search-result-bottom .ssrb-left { justify-content:space-between; } .ssrb-left .ssrb-left-program{ width:48%; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("/images/flags@2x.png"); } }