/* Minification failed. Returning unminified contents. (21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (644,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (645,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (646,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (647,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (687,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-nav' (691,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (692,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (749,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (751,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (752,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (753,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (753,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (758,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (759,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (760,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (761,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (944,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (945,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (946,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (947,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (951,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (952,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (953,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (954,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1022,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (1043,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1171,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (1172,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1173,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (1174,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1178,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (1187,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1205,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (1232,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (1235,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h4' (1241,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1253,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (1316,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h3' (1319,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (1325,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1337,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (1389,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1390,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1391,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (1392,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (1402,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (1411,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (1519,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1520,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1595,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1617,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (1680,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1681,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1682,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1683,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (1689,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (2235,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (2236,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (2240,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (2241,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2242,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (2243,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2292,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (2302,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (2303,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2305,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2339,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2348,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (2511,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2512,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2513,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2514,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2564,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2565,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2566,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2567,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2629,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h4' (2673,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (2736,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2742,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (2772,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (2776,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (2827,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (2828,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (2904,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h1' (2976,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2977,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (2980,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (2981,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3010,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (3020,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3038,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3039,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3046,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3047,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3048,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3049,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3050,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3086,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3089,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3124,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3137,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3141,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3152,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (3172,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3173,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3230,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3233,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3238,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3239,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3254,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3270,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3274,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3277,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3282,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3288,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3289,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3295,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3303,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4x' (3308,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3326,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3327,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3330,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3331,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3360,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (3370,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3388,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3389,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3396,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3397,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3398,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3399,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3400,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3436,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3439,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3474,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3487,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3491,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3502,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (3524,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (3527,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3598,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3599,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3680,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (3708,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3742,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (3743,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3744,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (3745,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3790,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (3796,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3820,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (3834,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3843,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (3874,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (3875,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3876,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (3877,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (3896,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (3898,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (3902,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (4025,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (4028,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (4029,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (4035,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (4039,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (4043,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (4123,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4127,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4132,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (4133,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (4193,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4194,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4195,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4238,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-body' (4246,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing' (4286,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (4301,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (4313,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (4318,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (4322,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3x' (4389,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (4459,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub' (4496,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h2' (4530,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h3' (4609,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (4610,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (4610,73): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4611,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module-inner' (4611,73): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4638,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4654,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4655,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4751,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-module' (4777,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2x' (4781,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-button' (4907,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h1' */ @charset "UTF-8"; @import "https://use.typekit.net/onl6uep.css"; body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /*$font-base: 14px; $font-base-xs: $font-base; $font-base-sm: $font-base-xs; $font-base-md: $font-base-sm; $font-base-lg: $font-base-md; $font-base-xl: $font-base-lg; $font-scale: 1.35; $font-scale-xs: $font-scale; $font-scale-sm: $font-scale-xs; $font-scale-md: $font-scale-sm; $font-scale-lg: $font-scale-md; $font-scale-xl: $font-scale-lg;*/ *:root { --font-size-h1: 32px; --font-size-h2: 32px; --font-size-h3: 24px; --font-size-h4: 20px; --font-size-sub: 18px; --font-size-nav: 16px; --font-size-body: 18px; --font-size-button: 18px; } @media (min-width: 992px) { *:root { --font-size-h1: 56px; --font-size-h2: 40px; --font-size-h3: 32px; --font-size-h4: 24px; --font-size-sub: 24px; --font-size-nav: 18px; --font-size-body: 22px; --font-size-button: 18px; } } :root { --spacing: 20px; --spacing-module: 60px; --spacing-module-inner: 38px; --spacing-2x: calc(var(--spacing) * 2); --spacing-3x: calc(var(--spacing) * 3); --spacing-4x: calc(var(--spacing) * 5); --spacing-5x: calc(var(--spacing) * 5); } @media (min-width: 576px) { :root { --spacing: 20px; --spacing-module: 60px; --spacing-module-inner: 38px; } } @media (min-width: 768px) { :root { --spacing: 27px; --spacing-module: 60px; --spacing-module-inner: 38px; } } @media (min-width: 992px) { :root { --spacing: 27px; --spacing-module: 120px; --spacing-module-inner: 68px; } } @media (min-width: 1200px) { :root { --spacing: 27px; --spacing-module: 120px; --spacing-module-inner: 68px; } } @media (min-width: 1640px) { :root { --spacing: 27px; --spacing-module: 120px; --spacing-module-inner: 68px; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("/css/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/css/fonts/slick.eot"); src: url("/css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/css/fonts/slick.woff") format("woff"), url("/css/fonts/slick.ttf") format("truetype"), url("/css/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } header.site-header { background-color: #0033A1; padding-top: var(--spacing); padding-right: var(--spacing); padding-bottom: var(--spacing); padding-left: var(--spacing); } header.site-header > .container { max-width: 1320px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header.site-header .brand svg { width: auto; max-width: 60vw; height: 54px; } /* NAVIGATION BEHAVIOUR */ body > .outer-container { position: relative; overflow-x: hidden; } body > .outer-container > .inner-container { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .nav-active body > .outer-container > .inner-container { -webkit-transform: translateX(-100px); transform: translateX(-100px); } @media all and (min-width: 992px) { .nav-active body > .outer-container > .inner-container { -webkit-transform: translateX(0); transform: translateX(0); } } .main-navigation { font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-nav); color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateX(calc(225px + var(--spacing-3x))); transform: translateX(calc(225px + var(--spacing-3x))); position: absolute; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 555; /* TOGGLE BUTTON */ } @media all and (min-width: 992px) { .main-navigation { -webkit-transition: none; transition: none; } } .main-navigation .menu-active-overlay { background: rgba(0, 0, 0, 0); width: 0; height: 100%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; right: 0; z-index: 1; } .nav-active .main-navigation .menu-active-overlay { background: rgba(0, 0, 0, 0.33); width: 100vw; height: 100%; } @media all and (min-width: 992px) { .main-navigation .menu-active-overlay { display: none; visibility: hidden; } } .nav-active .main-navigation { -webkit-transform: translateX(100px); transform: translateX(100px); } @media all and (min-width: 992px) { .main-navigation { width: auto; -webkit-transform: translateX(0); transform: translateX(0); position: relative; bottom: auto; } } .main-navigation .menu-toggle { background: #0033A1; width: calc(60px + var(--spacing)); height: 60px; margin-top: var(--spacing); padding: calc(var(--spacing) / 2); padding-right: calc(calc(var(--spacing) / 2) + var(--spacing)); border: none; outline: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateX(-calc(60pxvar(--spacing))); transform: translateX(-calc(60pxvar(--spacing))); -webkit-transform: translateX(calc(var(--spacing-3x) * -1)); transform: translateX(calc(var(--spacing-3x) * -1)); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 55; } @media all and (min-width: 992px) { .main-navigation .menu-toggle { display: none; visibility: hidden; } } .nav-active .main-navigation .menu-toggle:hover > span { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .nav-active .main-navigation .menu-toggle { background: transparent; -webkit-transform: translateX(0); transform: translateX(0); } .main-navigation .menu-toggle > span { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 2px; background: #FFCD00; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .nav-active .main-navigation .menu-toggle > span { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .main-navigation .menu-toggle > span::before, .main-navigation .menu-toggle > span::after { content: ""; position: absolute; z-index: 1; top: -10px; width: 100%; height: 2px; background: inherit; } .nav-active .main-navigation .menu-toggle > span::before, .nav-active .main-navigation .menu-toggle > span::after { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main-navigation .menu-toggle > span::after { top: 10px; } .main-navigation ul.menu { background-color: #0033A1; max-width: 225px; -webkit-box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3); list-style: none; padding: 0; margin: 0; position: relative; z-index: 50; } @media all and (min-width: 992px) { .main-navigation ul.menu { background-color: transparent; max-width: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; position: static; display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-navigation ul.menu > li { display: inline-block; width: 100%; } @media all and (min-width: 992px) { .main-navigation ul.menu > li { width: auto; } .main-navigation ul.menu > li:hover .navigation-element a { color: #FFCD00; text-decoration: none; -webkit-transform: translateY(-6px); transform: translateY(-6px); } .main-navigation ul.menu > li:hover .navigation-element a::after { width: 100%; } } .main-navigation ul.menu > li .navigation-element a { color: #ffffff; text-decoration: none; padding: 22px 0 8px; margin-right: 22px; margin-left: 22px; position: relative; display: block; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .main-navigation ul.menu > li .navigation-element a:hover { color: #FFCD00; } @media all and (min-width: 992px) { .main-navigation ul.menu > li .navigation-element a::after { content: ""; display: block; width: 0; height: 2px; background-color: #FFCD00; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } .main-navigation ul.menu > li .navigation-element a .expand-sub { width: 9px; height: 18px; display: inline-block; } .main-navigation ul.menu > li .navigation-element.has-children:hover { background-color: #fff; } .parents-hover.main-navigation ul.menu > li .navigation-element.has-children:hover ul.sub-nav { display: block; z-index: 10001; } .main-navigation ul.sub-nav { background-color: #fff; list-style: none; padding: 0; width: 100%; margin: 0; position: absolute; left: 0; display: none; } .main-navigation ul.sub-nav > li .navigation-element { display: inline-block; } footer.main-footer { font-family: "gill-sans-nova", sans-serif; font-size: "gill-sans-nova", sans-serif; line-height: 1.3; color: #ffffff; background-color: #0033A1; } footer.main-footer .container { width: 100%; max-width: 1320px; margin: 0 auto; } footer.main-footer .info-footer { padding-top: var(--spacing-module); padding-right: var(--spacing); margin-bottom: var(--spacing-module); padding-left: var(--spacing); } footer.main-footer .environment-banner { background-color: #00A041; padding-top: var(--spacing); padding-right: var(--spacing); padding-bottom: var(--spacing); padding-left: var(--spacing); } footer.main-footer .environment-banner .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } footer.main-footer .environment-banner svg { width: 100%; max-width: 190px; height: auto; } footer.main-footer .footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer.main-footer .footer-row .footer-column { width: 100%; margin-bottom: 5%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 768px) { footer.main-footer .footer-row .footer-column { width: calc(100% / 2 - 5% / 2); margin-bottom: 0; } footer.main-footer .footer-row .footer-column:nth-child(2n+1) { margin-right: 5%; } footer.main-footer .footer-row .footer-column:nth-child(1n+3) { margin-top: 5%; } } @media (min-width: 992px) { footer.main-footer .footer-row .footer-column { width: calc(100% / 3 - 5% * 2 / 3); } footer.main-footer .footer-row .footer-column:nth-child(2n+1) { margin-right: 0; } footer.main-footer .footer-row .footer-column:nth-child(3n+2) { margin-right: 5%; margin-left: 5%; } footer.main-footer .footer-row .footer-column:nth-child(1n+3) { margin-top: 0; } footer.main-footer .footer-row .footer-column:nth-child(1n+4) { margin-top: 5%; } } @media (min-width: 768px) { footer.main-footer .footer-row .footer-column:nth-child(1n+3) { margin-top: 0; } footer.main-footer .footer-row .footer-column:nth-child(1n+4) { margin-top: 5%; } } footer.main-footer .footer-row .footer-column:nth-child(1n+2) { margin-top: var(--spacing-2x); } @media (min-width: 992px) { footer.main-footer .footer-row .footer-column:nth-child(1n+2) { margin-top: 0; } } @media (min-width: 992px) { footer.main-footer .footer-row .footer-column:first-child { width: 40%; } footer.main-footer .footer-row .footer-column:nth-child(1n+2) { width: 25%; } } footer.main-footer .footer-title { font-family: "gill-sans-nova", sans-serif; font-weight: 700; color: #FFCD00; text-transform: uppercase; margin-top: 0; margin-bottom: var(--spacing); } footer.main-footer .footer-text { line-height: 1.6; } @media (min-width: 992px) { footer.main-footer .footer-text { max-width: 312px; } } footer.main-footer a { color: #ffffff; font-weight: 500; text-decoration: none; } footer.main-footer a:hover { text-decoration: underline; text-decoration-color: #FFCD00; } footer.main-footer .info .brand { width: 100%; max-width: 200px; } footer.main-footer .info .brand svg { width: 100%; max-width: 200px; height: 100%; } footer.main-footer .contact .contact-info, footer.main-footer .contact .address { position: relative; } footer.main-footer .contact .contact-info { list-style: none; padding: 0; margin: 0; } footer.main-footer .contact .contact-info .phone, footer.main-footer .contact .contact-info .email { margin-bottom: 1.8em; } footer.main-footer .contact .contact-info .aktiv-line { max-height: 22px; -webkit-transform: translateY(5px); transform: translateY(5px); } footer.main-footer .contact svg { position: absolute; left: -40px; /* width: 20px; margin-right: 20px; margin-left: -40px;*/ } footer.main-footer .info { /*@media @laptop-lg { padding-right: 5%; }*/ } footer.main-footer .info ul.social-media { list-style: none; padding: 0; margin: 0; } footer.main-footer .info ul.social-media li { margin-bottom: 1.2em; } footer.main-footer .info ul.social-media li a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer.main-footer .info ul.social-media li a:hover { text-decoration: none; } footer.main-footer .info ul.social-media li a:hover span { text-decoration: underline; text-decoration-color: #FFCD00; } footer.main-footer .info ul.social-media li svg { margin-right: 20px; } footer.main-footer .info ul.social-media li svg path { fill: #FFCD00; } footer.main-footer .info ul.social-media li span { font-weight: 500; } footer.main-footer ul.opening-hours { list-style: none; padding: 0 0 20px; margin: 0; position: relative; } @media (min-width: 992px) { footer.main-footer ul.opening-hours { padding: 0; } } footer.main-footer ul.opening-hours .opening-hours-icon { position: absolute; left: -40px; } footer.main-footer ul.opening-hours .opening-hours-day { margin-bottom: 0.4em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } footer.main-footer ul.opening-hours .opening-hours-day .day, footer.main-footer ul.opening-hours .opening-hours-day .hours { display: inline-block; } footer.main-footer ul.opening-hours .opening-hours-day .day { white-space: pre; width: 100%; } footer.main-footer ul.opening-hours .opening-hours-day .hours { text-align: right; white-space: pre; } footer.main-footer .socket { background-color: #0033A1; width: 100%; margin-top: var(--spacing-2x); padding-right: var(--spacing); padding-bottom: var(--spacing-2x); padding-left: var(--spacing); } footer.main-footer .socket .container { border-top: #FFCD00 1px solid; padding-top: var(--spacing-2x); } footer.main-footer .socket .certificates ul.certificate-list { list-style: none; padding: 0; margin: 0; } footer.main-footer .socket .certificates ul.certificate-list li.certificate-item { display: inline-block; margin-right: var(--spacing); } footer.main-footer .socket .certificates ul.certificate-list li.certificate-item:last-of-type { margin-right: 0; } @media (min-width: 992px) { footer.main-footer .socket .copy { text-align: right; } } @media (min-width: 992px) { footer.main-footer .socket .made-by { text-align: right; } } footer.main-footer .socket .made-by span { font-weight: 500; display: block; margin-bottom: var(--spacing-2x); } footer.main-footer .socket .made-by svg { height: 25px; } .button-object a { padding: 11px 19px 15px; } .button-style-text .button-object a { padding-right: 0; padding-left: 0; } .project-card { padding-left: 19px; padding-right: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .project-card img.project-image { width: 100%; height: auto; } .project-card .project-title { font-family: "gill-sans-nova", sans-serif; font-weight: 300; font-size: var(--font-size-body); } .project-card .project-excerpt { font-size: var(--font-size-h4); font-weight: 600; color: #323232; min-height: 2.7em; } .project-card .project-link { margin-top: var(--spacing); } .project-card .project-link .link-overlay { text-indent: -9001em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .project-card .project-link .link-object { font-family: inherit; font-size: var(--font-size-button); color: #0033A1; text-decoration: none; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .project-card .project-link .link-object::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%230033A1' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 8px; height: 12px; margin-left: 3px; display: inline-block; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .button-style-button.project-card .project-link .link-object::after { display: none; visibility: hidden; } .project-card .project-link:hover .link-object { color: #FFCD00; } .project-card .project-link:hover .link-object::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%23ffcd00' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); margin-left: 8px; } .project-card.see-all { position: relative; } .project-card.see-all::after { content: ""; display: block; padding-bottom: 62.8571428571%; border: 1px #0033A1 solid; } .project-card.see-all .project-link { margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .job-listing-card { padding-left: 19px; padding-right: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .job-listing-card img.job-listing-image { width: 100%; height: auto; } .job-listing-card .job-listing-title { font-family: "gill-sans-nova", sans-serif; font-weight: 600; font-size: var(--font-size-h3); } .job-listing-card .job-listing-excerpt { font-size: var(--font-size-body); font-weight: 600; color: #323232; min-height: 2.7em; } .job-listing-card .job-listing-link { margin-top: var(--spacing); } .job-listing-card .job-listing-link .link-overlay { text-indent: -9001em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .job-listing-card .job-listing-link .link-object { font-family: inherit; font-size: var(--font-size-button); color: #0033A1; text-decoration: none; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .job-listing-card .job-listing-link .link-object::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%230033A1' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 8px; height: 12px; margin-left: 3px; display: inline-block; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .button-style-button.job-listing-card .job-listing-link .link-object::after { display: none; visibility: hidden; } .job-listing-card .job-listing-link:hover .link-object { color: #FFCD00; } .job-listing-card .job-listing-link:hover .link-object::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%23ffcd00' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); margin-left: 8px; } .job-listing-card.see-all { position: relative; } .job-listing-card.see-all::after { content: ""; display: block; padding-bottom: 62.8571428571%; border: 1px #0033A1 solid; } .job-listing-card.see-all .job-listing-link { margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .module { font-family: "gill-sans-nova", sans-serif; width: 100%; padding-right: var(--spacing); padding-left: var(--spacing); margin-top: var(--spacing-module); margin-bottom: var(--spacing-module); z-index: 50; /* &:last-child { margin-bottom: 0; }*/ } .module:first-child { margin-top: 0; } .module + .last-placeholder { margin-bottom: calc(var(--spacing-module) * -1); } .module .container { width: 100%; max-width: 1320px; margin: 0 auto; } .module + .nyg_breadcrumbs.module { margin-top: calc(var(--spacing-module) * -1); } .module + .last-placeholder { margin-bottom: 0; } .nyg_banner.module { height: 70vh; position: relative; } .nyg_subpage .nyg_banner.module, .nyg_projectpage .nyg_banner.module { height: 50vh; } @media (min-width: 768px) { .nyg_banner.module { height: 650px; } .nyg_subpage .nyg_banner.module, .nyg_projectpage .nyg_banner.module { height: 400px; } } .nyg_banner.module .outer-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .nyg_banner.module .banner-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .nyg_banner.module .item.slide { width: 100%; height: 70vh; position: relative; } .nyg_subpage .nyg_banner.module .item.slide, .nyg_projectpage .nyg_banner.module .item.slide { height: 50vh; } @media (min-width: 768px) { .nyg_banner.module .item.slide { height: 650px; } .nyg_subpage .nyg_banner.module .item.slide, .nyg_projectpage .nyg_banner.module .item.slide { height: 400px; } } .nyg_banner.module .item.slide::after { content: ""; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 49, 161, 0.69)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 49, 161, 0.69), transparent); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .restrict-container.nyg_banner.module .container { height: 100%; position: relative; } .nyg_banner.module .video-container { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; overflow: hidden; } .nyg_banner.module .video-container video { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nyg_banner.module .media-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .nyg_banner.module .media-container .img-object { background-size: cover; background-position: center; height: 100%; } .nyg_banner.module .text-container { font-family: "gill-sans-nova", sans-serif; font-weight: 400; color: #ffffff; text-align: center; width: 100%; max-width: 100vw; padding-left: var(--spacing); padding-right: var(--spacing); position: absolute; left: 5%; z-index: 10; overflow: hidden; bottom: 5%; } .restrict-container.nyg_banner.module .text-container { left: 0; } @media (min-width: 992px) { .nyg_banner.module .text-container { text-align: left; width: 80%; top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (min-width: 768px) { .nyg_banner.module .text-container { width: 50%; } .top-left.nyg_banner.module .text-container { top: 5%; -webkit-transform: translate(0); transform: translate(0); } .top-middle.nyg_banner.module .text-container { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .top-right.nyg_banner.module .text-container { top: 5%; right: 5%; left: auto; -webkit-transform: translate(0); transform: translate(0); } .middle-middle.nyg_banner.module .text-container { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .middle-right.nyg_banner.module .text-container { right: 5%; left: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .bottom-left.nyg_banner.module .text-container { top: auto; bottom: 5%; -webkit-transform: translate(0); transform: translate(0); } .bottom-middle.nyg_banner.module .text-container { top: auto; bottom: 5%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .bottom-right.nyg_banner.module .text-container { top: auto; right: 5%; bottom: 5%; left: auto; -webkit-transform: translate(0); transform: translate(0); } } @media all and (min-width: 1320pxvar(--spacing)) { .nyg_banner.module .text-container { padding-left: 0; padding-right: 0; } } .nyg_banner.module .text-container .text-top { font-size: 35px; } .nyg_banner.module .text-container .text-bottom { font-size: 25px; } .nyg_banner.module .link-container { text-align: center; margin-top: 24px; } @media (min-width: 992px) { .nyg_banner.module .link-container { text-align: left; } } .nyg_banner.module .link-container .button-object { font-size: var(--font-size-button); font-weight: 600; color: #0033A1; text-align: center; border: 2px #0033A1 solid; border-radius: 0; margin-top: 23px; margin-bottom: 23px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; display: inline-block; border-color: #FFCD00; color: #FFCD00; } .nyg_banner.module .link-container .button-object:hover { background-color: #FFCD00; color: #323232; border-color: transparent; } .nyg_banner.module .link-container .button-object a { font-size: inherit; font-weight: inherit; color: inherit; background-color: transparent; padding: 7px 19px 10px; border: none; outline: none; cursor: pointer; text-decoration: none; display: inline-block; } .nyg_banner.module .link-container .button-object a:hover { border: none; -webkit-box-shadow: none; box-shadow: none; outline: none; } .nyg_banner.module .link-container .button-object:last-of-type { margin-right: 0; } .nyg_banner.module .link-container .button-object:hover { color: #323232; } .nyg_banner.module .slick-prev { left: 25px; z-index: 10; } .nyg_banner.module .slick-next { right: 25px; z-index: 10; } .nyg_banner.module .slick-dots { bottom: 25px; z-index: 10; } .nyg_banner.module .slick-dots button::before { color: #fff; } .nyg_breadcrumbs.module { background-color: #323232; color: #ffffff; padding-top: calc(var(--spacing) / 2); padding-right: var(--spacing); padding-bottom: calc(var(--spacing) /2); padding-left: var(--spacing); margin-top: 0; margin-bottom: 0; } .nyg_breadcrumbs.module nav { font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-body); } .nyg_breadcrumbs.module ul.breadcrumbs { padding: 0; margin: 0; } .nyg_breadcrumbs.module ul.breadcrumbs li { font-weight: 600; list-style: none; display: inline-block; } .nyg_breadcrumbs.module ul.breadcrumbs li a { font-weight: 400; color: inherit; text-decoration: none; } .nyg_breadcrumbs.module ul.breadcrumbs li a:hover { color: #FFCD00; } .nyg_breadcrumbs.module ul.breadcrumbs li .aktiv-line { height: 14px; } /*.nyg_contactform.module { font-family: @font-main; color: @color-dark-grey; background-color: @color-bright-grey; padding-top: @spacing-module; padding-right: @padding-sides; padding-bottom: @spacing-module; padding-left: @padding-sides; position: relative; overflow: hidden; @media @md { } @media @tablet-lg { padding-top: @spacing-module * 2; } .nyg_textimage.module ~ & { margin-top: @spacing-module; } .nyg_textimage.module.bg-overlay-image ~ & { margin-top: 0; } .container { width: 100%; position: relative; z-index: 2; .inner-container { @media @tablet-lg { display: flex; flex-wrap: wrap; } } h2.title { font-family: @font-heading; font-size: @font-size-heading-2; font-weight: @font-weight-heading-2; text-transform: uppercase; .header-style-mixin(); line-height: @font-line-height; margin-top: 21px; position: relative; display: inline-block; @media @mobile-lg { font-size: @font-size-heading-2; } } .first-section, .second-section { width: 100%; @media @tablet-lg { width: 50%; } } .second-section { margin-top: @padding-sides; @media @tablet-lg { margin-top: 0; width: 50%; } } } .intro-text { font-size: @font-size-text; line-height: @font-line-height; color: @color-text; padding-top: 0; padding-bottom: 0; box-sizing: border-box; @media @mobile-lg { font-size: @font-size-text; } @media @laptop-sm { padding-right: @padding-sides; } a { color: @color-main; text-decoration: none; &:hover { text-decoration: underline; } } @media @tablet-lg { padding-top: 0; padding-right: @spacing-main * 2; padding-bottom: 0; } p { margin: 32px 0; max-width: 100%; @media @tablet-lg { max-width: 75%; } } .styled-text { font-weight: @font-weight-pretext; } .link-container { .button-object { .button-object-mixin(); } } } .contact-form { padding: 0; position: relative; box-sizing: border-box; @media @laptop-sm { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: @spacing-main * 2; } .sending-message { opacity: 0; } &.sending { form { opacity: 0.2; filter: blur(10px); } .sending-container { color: @color-dark-grey; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } .sending-message { opacity: 1; } &.sent { .sending-message { opacity: 0; } .sent-message { opacity: 1; } } } form { position: relative; z-index: 1; transition: all 250ms ease-in-out; } .sending-container { opacity: 0; transition: all 250ms ease-in-out; .sending-message { text-align: center; position: absolute; z-index: 0; transition: all 250ms ease-in-out; img { width: 200px; height: auto; } div { font-size: @font-size-text; font-weight: 600; text-align: center; } } .sent-message { font-size: @font-size-text; text-align: center; padding: 0 14px; position: absolute; z-index: 0; opacity: 0; transition: all 250ms ease-in-out; } } .form-field- submit { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; @media @mobile-lg { flex-wrap: nowrap; } } .form-field { font-size: @font-size-text; background-color: @color-bright; width: 100%; transition: all 250ms ease-in-out; padding: 14px 20px 14px 20px; margin: 32px 0; border: none; position: relative; @media @mobile-lg { font-size: @font-size-text; } input, textarea { background-color: rgba(255,255,255,0); width: 100%; border: 0; outline: 0; position: relative; z-index: 1; }*/ /*input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-internal-autofill-selected, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-internal-autofill-selected, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px fade(@color-alt, 80%) inset !important; box-shadow: 0 0 0 30px fade(@color-alt, 80%) inset !important; }*/ /*input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {*/ /* display: none; <- Crashes Chrome on hover */ /*-webkit-appearance: none; margin: 0;*/ /* <-- Apparently some margin are still there even though it's hidden */ /*} label { color: #333; position: absolute; z-index: 0; transition: all 250ms ease-in-out; } span.pseudo-placeholder { color: rgba(0,0,0,0); position: absolute; z-index: 0; opacity: 0; transition: all 250ms ease-in-out; } .field-validation-error { right: 14px; position: absolute; top: 6px; right: 12px; font-size: 15px; font-weight: 600; display: inline-block !important; } &.active, &.has-value { background-color: @color-bright; //fade(@color-alt, 80%); label { font-size: @font-size-text - 5px; color: @color-main; transform: translate3d(0,-35px,0); @media @mobile-lg { font-size: @font-size-text - 5px; } } span.pseudo-placeholder { opacity: 1; color: rgba(0,0,0,.7); } } } .radio-field { margin-top: 50px; margin-bottom: -10px; input[type="radio"] { position: absolute; opacity: 0; } label, span { font-size: @font-size-text; color: @color-dark-grey; line-height: 0.5; margin-right: 20px; @media @mobile-lg { font-size: @font-size-text; } } label { cursor: pointer; } input[type="radio"] + label:before { content: ''; background: @color-bright; border-radius: 100%; display: inline-block; width: 22px; height: 22px; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease-in-out; } input[type="radio"]:checked + label:before { background-color: @color-bright; box-shadow: inset 0 0 0 4px @color-black; } input[type="radio"]:focus + label:before { outline: none; border-color: @color-dark-grey; } input[type="radio"]:disabled + label:before { background: @color-dark-grey; } input[type="radio"] + label:empty:before { margin-right: 0; } } .pull-submit-right { text-align: right; width: 100%; display: block; } .button-object { .button-object-mixin(); background-color: @color-main; border: 2px @color-main solid; margin-right: 0; float: right; .form-submit { color: @color-main-contrast; text-transform: uppercase; background-color: transparent; padding: 4px 18px 7px; border: none; transition: 250ms all ease-in-out; opacity: 1; outline: none; cursor: pointer; position: relative; z-index: 10; &:disabled { //opacity: .2; cursor: not-allowed; } } &:hover { .form-submit { color: @color-alt-contrast; } &.disabled { .form-submit { color: @color-alt-contrast; } } } &.disabled { background-color: fade(@color-main, 40%); border-color: transparent; color: @color-main-contrast; &::before { width: 0; } } } .form-submit { font-size: @font-size-text; } textarea.text-box { resize: none; } .gdpr-compliance { color: @color-dark-grey; p { font-size: @font-size-footer; } a { color: @color-dark-grey; &:hover { color: @color-main; } } &.gdpr-checkbox { padding: 0 14px 0 0; input[type="checkbox"]:checked ~ label { &::before { background-color: @color-bright; } > svg { height: 24px; animation: draw-checkbox ease-in-out 0.2s forwards; } } input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: inline-block; } label { font-size: @font-size-footer; cursor: pointer; position: relative; float: left; &:active::after { background-color: #e6e6e6; } &::before { content: ""; height: 20px; width: 20px; margin-top: 1px; margin-right: 1rem; float: left; border: 2px solid rgba(255,255,255,1); background-color: @color-bright; transition: 0.15s all ease-out; } svg { stroke: @color-main; stroke-width: 3px; height: 0; //Firefox fix width: 16px; position: absolute; left: 4px; top: 1px; stroke-dasharray: 33; //Firefox fix } span { line-height: @font-line-height; overflow: hidden; display: block; } } } } } }*/ .nyg_factboxes.module { text-align: center; margin-top: var(--spacing-module); margin-bottom: var(--spacing-module); } .nyg_factboxes.module .container { width: 100%; padding-top: var(--spacing-module-inner); padding-right: var(--spacing); padding-bottom: var(--spacing-module-inner); padding-left: var(--spacing); -webkit-box-sizing: border-box; box-sizing: border-box; } .bg-color--main.nyg_factboxes.module .container { background-color: #0033A1; color: #ffffff; } .bg-color--alt.nyg_factboxes.module .container { background-color: #FFCD00; color: #323232; } .bg-color--black.nyg_factboxes.module .container { background-color: #323232; color: #ffffff; } .bg-color--white.nyg_factboxes.module .container { background-color: #ffffff; color: #323232; } .bg-color--color-bright-grey.nyg_factboxes.module .container { background-color: #0033A1; color: #ffffff; } .bg-color--color-dark-grey.nyg_factboxes.module .container { background-color: #323232; color: #ffffff; } .bg-color--color-green.nyg_factboxes.module .container { background-color: #00A041; color: #ffffff; } .nyg_factboxes.module .container .inner-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .nyg_factboxes.module h2 { font-size: var(--font-size-h2); color: inherit; margin-bottom: 16px; } @media (min-width: 992px) { .nyg_factboxes.module h2 { margin-bottom: 25px; } } .nyg_factboxes.module .intro { font-size: var(--font-size-body); margin-top: var(--spacing); margin-right: auto; margin-bottom: var(--spacing); margin-left: auto; } .small-size.nyg_factboxes.module .intro { max-width: 580px; } .nyg_factboxes.module .fact-box-container { width: 100%; margin-top: 40px; margin-right: auto; margin-left: auto; } @media (min-width: 992px) { .nyg_factboxes.module .fact-box-container { margin-top: 100px; } .small-size.nyg_factboxes.module .fact-box-container { max-width: 675px; } } .nyg_factboxes.module ul.fact-box-list { width: 100%; padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nyg_factboxes.module ul.fact-box-list li { width: 100%; margin-bottom: var(--spacing); display: inline-block; } @media (min-width: 992px) { .nyg_factboxes.module ul.fact-box-list li { width: auto; padding-right: 0; padding-left: 0; margin-top: 0; margin-bottom: var(--spacing-2x); } } .boxes-2.nyg_factboxes.module ul.fact-box-list li { width: 100%; margin-bottom: 0; } @media (min-width: 768px) { .boxes-2.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 2 - 0 / 2); margin-bottom: 0; } .boxes-2.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 0; } .boxes-2.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } } .boxes-3.nyg_factboxes.module ul.fact-box-list li { width: 100%; margin-bottom: 30px; } @media (min-width: 768px) { .boxes-3.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 2 - 30px / 2); margin-bottom: 0; } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 30px; } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 30px; } } @media (min-width: 992px) { .boxes-3.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 3 - 30px * 2 / 3); } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 0; } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(3n+2) { margin-right: 30px; margin-left: 30px; } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4) { margin-top: 30px; } } @media (min-width: 768px) { .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } .boxes-3.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4) { margin-top: 30px; } } .boxes-4.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 2 - 30px / 2); } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 30px; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 30px; } @media (min-width: 992px) { .boxes-4.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 3 - 30px * 2 / 3); } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(3n+2) { margin-right: 30px; margin-left: 30px; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4) { margin-top: 30px; } } @media (min-width: 768px) { .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4) { margin-top: 30px; } } @media (min-width: 768px) { .boxes-4.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 2 - 30px / 2); } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(3n+2) { margin-right: 0; margin-left: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 30px; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4) { margin-top: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 30px; } } @media (min-width: 992px) { .boxes-4.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 3 - 30px * 2 / 3); } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(2n+1) { margin-right: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(3n+2) { margin-right: 30px; margin-left: 30px; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4) { margin-top: 30px; } } @media (min-width: 1200px) { .boxes-4.nyg_factboxes.module ul.fact-box-list li { width: calc(100% / 4 - 30px * 3 / 4); } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(3n+2) { margin-right: 0; margin-left: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(4n+1), .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(4n+2), .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(4n+3) { margin-right: 30px; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+4), .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+3) { margin-top: 0; } .boxes-4.nyg_factboxes.module ul.fact-box-list li:nth-child(1n+5) { margin-top: 30px; } } @media (min-width: 992px) { .nyg_factboxes.module ul.fact-box-list li:last-child { margin-bottom: 0; } } .nyg_factboxes.module .fact-box { text-align: center; width: 100%; max-width: 350px; height: 100%; padding-top: var(--spacing); padding-right: var(--spacing); padding-bottom: var(--spacing); padding-left: var(--spacing); margin-right: auto; margin-left: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bg-card--main.nyg_factboxes.module .fact-box { background-color: #0033A1; color: #ffffff; } .bg-card--alt.nyg_factboxes.module .fact-box { background-color: #FFCD00; color: #323232; } .bg-card--black.nyg_factboxes.module .fact-box { background-color: #323232; color: #ffffff; } .bg-card--white.nyg_factboxes.module .fact-box { background-color: #ffffff; color: #323232; } .bg-card--color-bright-grey.nyg_factboxes.module .fact-box { background-color: #0033A1; color: #ffffff; } .bg-card--color-dark-grey.nyg_factboxes.module .fact-box { background-color: #323232; color: #ffffff; } .bg-card--color-green.nyg_factboxes.module .fact-box { background-color: #00A041; color: #ffffff; } @media (min-width: 992px) { .nyg_factboxes.module .fact-box { padding-top: var(--spacing); padding-right: var(--spacing); padding-bottom: var(--spacing); padding-left: var(--spacing); } } .nyg_factboxes.module .fact-box .image-container { width: 100%; } .nyg_factboxes.module .fact-box .image-container img, .nyg_factboxes.module .fact-box .image-container svg { width: auto; height: 55px; max-height: 55px; } @media (min-width: 992px) { .nyg_factboxes.module .fact-box .image-container img, .nyg_factboxes.module .fact-box .image-container svg { height: 110px; max-height: 110px; } } .nyg_factboxes.module .fact-box .image-container svg path, .nyg_factboxes.module .fact-box .image-container svg text, .nyg_factboxes.module .fact-box .image-container svg polygon { -webkit-transition: 250ms; transition: 250ms; } .bg-color--not-set.nyg_factboxes.module .fact-box .image-container svg path, .bg-color--not-set.nyg_factboxes.module .fact-box .image-container svg text, .bg-color--not-set.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #0033A1; } .bg-card--not-set.nyg_factboxes.module .fact-box .image-container svg path, .bg-card--not-set.nyg_factboxes.module .fact-box .image-container svg text, .bg-card--not-set.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #0033A1; } .bg-color--main.nyg_factboxes.module .fact-box .image-container svg path, .bg-color--main.nyg_factboxes.module .fact-box .image-container svg text, .bg-color--main.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #ffffff; } .bg-card--main.nyg_factboxes.module .fact-box .image-container svg path, .bg-card--main.nyg_factboxes.module .fact-box .image-container svg text, .bg-card--main.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #ffffff; } .bg-color--alt.nyg_factboxes.module .fact-box .image-container svg path, .bg-color--alt.nyg_factboxes.module .fact-box .image-container svg text, .bg-color--alt.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #323232; } .bg-card--alt.nyg_factboxes.module .fact-box .image-container svg path, .bg-card--alt.nyg_factboxes.module .fact-box .image-container svg text, .bg-card--alt.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #323232; } .bg-color--bright-grey.nyg_factboxes.module .fact-box .image-container svg path, .bg-color--bright-grey.nyg_factboxes.module .fact-box .image-container svg text, .bg-color--bright-grey.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #323232; } .bg-card--bright-grey.nyg_factboxes.module .fact-box .image-container svg path, .bg-card--bright-grey.nyg_factboxes.module .fact-box .image-container svg text, .bg-card--bright-grey.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #323232; } .bg-color--dark-grey.nyg_factboxes.module .fact-box .image-container svg path, .bg-color--dark-grey.nyg_factboxes.module .fact-box .image-container svg text, .bg-color--dark-grey.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #ffffff; } .bg-card--dark-grey.nyg_factboxes.module .fact-box .image-container svg path, .bg-card--dark-grey.nyg_factboxes.module .fact-box .image-container svg text, .bg-card--dark-grey.nyg_factboxes.module .fact-box .image-container svg polygon { fill: #ffffff; } .nyg_factboxes.module .fact-box h3.title { font-size: var(--font-size-h4); font-weight: 400; color: inherit; width: 100%; min-height: 2.4em; margin-top: 16px; margin-bottom: 0; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .card--main.nyg_factboxes.module .fact-box h3.title { color: #ffffff; } .card--alt.nyg_factboxes.module .fact-box h3.title { color: #323232; } .card--black.nyg_factboxes.module .fact-box h3.title { color: #ffffff; } .card--white.nyg_factboxes.module .fact-box h3.title { color: #323232; } .card--color-bright-grey.nyg_factboxes.module .fact-box h3.title { color: #ffffff; } .card--color-dark-grey.nyg_factboxes.module .fact-box h3.title { color: #ffffff; } .card--color-green.nyg_factboxes.module .fact-box h3.title { color: #ffffff; } @media (min-width: 992px) { .nyg_factboxes.module .fact-box h3.title { margin-top: 28px; } } .nyg_factboxes.module .fact-box .text-container { font-size: var(--font-size-body); height: 100%; } .nyg_factboxes.module .fact-box .link-container a.link { text-indent: -9001em; text-align: left; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; } .bg-color--not-set.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-color--not-set.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-color--not-set.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-card--not-set.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-card--not-set.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-card--not-set.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-color--main.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-color--main.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-color--main.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-card--main.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-card--main.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-card--main.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-color--alt.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-color--alt.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-color--alt.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #0033A1; } .bg-card--alt.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-card--alt.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-card--alt.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #0033A1; } .bg-color--bright-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-color--bright-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-color--bright-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-card--bright-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-card--bright-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-card--bright-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-color--dark-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-color--dark-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-color--dark-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .bg-card--dark-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg path, .bg-card--dark-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg text, .bg-card--dark-grey.nyg_factboxes.module li.has-link .fact-box:hover .image-container svg polygon { fill: #FFCD00; } .nyg_factboxes.module li.has-link .fact-box:hover h3.title { color: #FFCD00; } .nyg_factboxes.module .link-container { width: 100%; max-width: 100%; } @media (min-width: 992px) { .nyg_factboxes.module .link-container { text-align: right; padding-right: calc(120px - var(--spacing)); margin-top: 80px; } } .nyg_factboxes.module .link-container a { font-family: inherit; font-size: var(--font-size-button); color: #FFCD00; text-decoration: none; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .nyg_factboxes.module .link-container a::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%23ffcd00' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 8px; height: 12px; margin-left: 3px; display: inline-block; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .nyg_factboxes.module .link-container a:hover { color: #FFCD00; } .nyg_factboxes.module .link-container a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%23ffcd00' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); -webkit-transform: translateX(5px); transform: translateX(5px); } .nyg_gallery.module .image-container { width: 100%; margin-bottom: var(--spacing-2x); } @media (min-width: 992px) { .nyg_gallery.module .image-container { margin-bottom: var(--spacing-4x); } } .nyg_gallery.module .image-container:nth-child(odd) { text-align: left; } .nyg_gallery.module .image-container:nth-child(even) { text-align: right; } .nyg_gallery.module .image-container img { max-width: 100%; height: auto; } .bg-color--main.nyg_image.module { background-color: #0033A1; color: #ffffff; } .bg-color--alt.nyg_image.module { background-color: #FFCD00; color: #323232; } .bg-color--black.nyg_image.module { background-color: #323232; color: #ffffff; } .bg-color--white.nyg_image.module { background-color: #ffffff; color: #323232; } .bg-color--color-bright-grey.nyg_image.module { background-color: #0033A1; color: #ffffff; } .bg-color--color-dark-grey.nyg_image.module { background-color: #323232; color: #ffffff; } .bg-color--color-green.nyg_image.module { background-color: #00A041; color: #ffffff; } .nyg_image.module .container { width: 100%; padding-top: var(--spacing-module-inner); padding-bottom: var(--spacing-module-inner); -webkit-box-sizing: border-box; box-sizing: border-box; } .bg-color--not-set.nyg_image.module .container { padding-top: 0; padding-bottom: 0; } .nyg_image.module .media-container { position: relative; } @media (min-width: 992px) { .full-width.nyg_image.module .media-container { max-width: 85%; margin: 0 auto; } .wide.full-width.nyg_image.module .media-container { max-width: 100%; } } .nyg_image.module .media-container img { max-width: 100%; height: auto; } .nyg_image.module .overlay-content { text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 10; } .overlay-bg--main.nyg_image.module .overlay-content { color: #ffffff; } .overlay-bg--alt.nyg_image.module .overlay-content { color: #323232; } .overlay-bg--black.nyg_image.module .overlay-content { color: #ffffff; } .overlay-bg--white.nyg_image.module .overlay-content { color: #323232; } .overlay-bg--color-bright-grey.nyg_image.module .overlay-content { color: #ffffff; } .overlay-bg--color-dark-grey.nyg_image.module .overlay-content { color: #ffffff; } .overlay-bg--color-green.nyg_image.module .overlay-content { color: #ffffff; } .nyg_image.module .overlay-content .overlay-icon { width: 54px; height: 54px; display: inline-block; } @media (min-width: 992px) { .nyg_image.module .overlay-content .overlay-icon { width: 104px; height: 104px; } } .nyg_image.module .overlay-content .overlay-title { font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-h1); font-weight: 800; text-transform: uppercase; } .nyg_image.module .overlay-video-link { position: absolute; right: 12px; bottom: 12px; z-index: 10; } @media (min-width: 992px) { .nyg_image.module .overlay-video-link { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; right: 18px; bottom: 18px; } .nyg_image.module .overlay-video-link:hover { opacity: 0.8; } } .nyg_image.module .overlay-bg { opacity: 0.3; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .overlay-bg--main.nyg_image.module .overlay-bg { background-color: #0033A1; color: #ffffff; } .overlay-bg--alt.nyg_image.module .overlay-bg { background-color: #FFCD00; color: #323232; } .overlay-bg--black.nyg_image.module .overlay-bg { background-color: #323232; color: #ffffff; } .overlay-bg--white.nyg_image.module .overlay-bg { background-color: #ffffff; color: #323232; } .overlay-bg--color-bright-grey.nyg_image.module .overlay-bg { background-color: #0033A1; color: #ffffff; } .overlay-bg--color-dark-grey.nyg_image.module .overlay-bg { background-color: #323232; color: #ffffff; } .overlay-bg--color-green.nyg_image.module .overlay-bg { background-color: #00A041; color: #ffffff; } .nyg_joblistingbanner.module { padding-left: 0; padding-right: 0; } .nyg_joblistingbanner.module .text-container { color: #ffffff; background-color: #0033A1; width: 100%; padding-right: var(--spacing); padding-left: var(--spacing); } .nyg_joblistingbanner.module .text-container .container { padding-top: var(--spacing-3x); padding-bottom: var(--spacing-3x); } .nyg_joblistingbanner.module .text-container .container .inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .nyg_joblistingbanner.module .text-container .container .inner-container { max-width: 85%; margin: 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .nyg_joblistingbanner.module .text-container .column-one, .nyg_joblistingbanner.module .text-container .column-two { width: 100%; } @media (min-width: 992px) { .nyg_joblistingbanner.module .text-container .column-one, .nyg_joblistingbanner.module .text-container .column-two { width: 47%; margin-right: 3%; } } .nyg_joblistingbanner.module .text-container .title { font-size: var(--font-size-h2); margin-top: 0; margin-bottom: 1.4em; } @media (min-width: 992px) { .nyg_joblistingbanner.module .text-container .title { margin-bottom: 0; } } .nyg_joblistingbanner.module .text-container .intro-text { font-size: var(--font-size-body); } .nyg_joblistingbanner.module .text-container .intro-text p { margin-top: 1em; margin-bottom: 1em; } .nyg_joblistingbanner.module .text-container .intro-text p:first-of-type { margin-top: 0; } .nyg_joblistingbanner.module .text-container .intro-text p:last-of-type { margin-top: 0; margin-bottom: 0; } .nyg_joblistingbanner.module .text-container .intro-text p:only-of-type { margin-top: 0; margin-bottom: 0; } .nyg_joblistingbanner.module .banner-image { padding-right: var(--spacing); padding-left: var(--spacing); } .nyg_joblistingbanner.module .banner-image .img-object { width: 100%; height: auto; } .nyg_joblistingbanner.module .key-information { font-size: var(--font-size-body); padding-right: var(--spacing); padding-left: var(--spacing); margin-top: var(--spacing-3x); margin-bottom: var(--spacing-3x); } .nyg_joblistingbanner.module .key-information ul { list-style: none; width: 100%; padding: 0; margin: 0 auto; } @media (min-width: 992px) { .nyg_joblistingbanner.module .key-information ul { width: 85%; } } .nyg_joblistingbanner.module .key-information ul li { line-height: 1.6; } .nyg_joblistingbanner.module .key-information ul span { font-weight: 700; min-width: 140px; display: inline-block; } @media (min-width: 992px) { .nyg_joblistingbanner.module .key-information ul span { min-width: 225px; } } .nyg_joblistinglist.module { font-family: "gill-sans-nova", sans-serif; max-width: 100%; overflow: hidden; } .nyg_joblistinglist.module .inner-container { position: relative; } .nyg_joblistinglist.module .title { font-size: var(--font-size-body); font-weight: 700; color: #0033A1; margin-bottom: var(--spacing-2x); } .nyg_joblistinglist.module .slide-control { text-align: right; margin-top: 32px; position: absolute; top: 0; right: 0; display: block; } .nyg_joblistinglist.module .slide-prev, .nyg_joblistinglist.module .slide-next { background: transparent; outline: none; cursor: pointer; border: none; padding: 0; margin: 0; } .nyg_joblistinglist.module .slide-prev svg path, .nyg_joblistinglist.module .slide-prev svg polygon, .nyg_joblistinglist.module .slide-next svg path, .nyg_joblistinglist.module .slide-next svg polygon { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .nyg_joblistinglist.module .slide-prev:hover path, .nyg_joblistinglist.module .slide-prev:hover polygon, .nyg_joblistinglist.module .slide-next:hover path, .nyg_joblistinglist.module .slide-next:hover polygon { fill: #0033A1; } .nyg_joblistinglist.module .job-listing-list { margin-left: -19px; margin-right: -19px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nyg_joblistinglist.module .job-listing-list .job-listing-card { margin-top: var(--spacing-2x); } .nyg_joblistinglist.module .job-listing-list .job-listing-card:first-child { margin-top: 0; } @media (min-width: 992px) { .nyg_joblistinglist.module .job-listing-list .job-listing-card { max-width: 50%; } .nyg_joblistinglist.module .job-listing-list .job-listing-card:nth-child(-n+2) { margin-top: 0; } .nyg_joblistinglist.module .job-listing-list .job-listing-card:nth-child(n+3) { margin-top: var(--spacing-2x); } } .nyg_joblistinglist.module .link-container { margin-top: calc(var(--spacing) * 2); text-align: center; } @media (min-width: 992px) { .nyg_joblistinglist.module .link-container { text-align: right; } } .nyg_joblistinglist.module .link-container .button-object a { font-family: inherit; font-weight: 700; font-size: var(--font-size-button); color: #0033A1; text-decoration: none; line-height: 1.3; background-color: transparent; border: 2px #0033A1 solid; border-radius: 14px; padding: 12px 11px 15px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; } .nyg_joblistinglist.module .link-container .button-object a:hover { background: #0033A1; /* The Fallback */ background: rgba(0, 51, 161, 0.2); } .nyg_partners.module { font-family: "gill-sans-nova", sans-serif; text-align: center; padding-right: var(--spacing); padding-left: var(--spacing); } .nyg_partners.module.bg-color--main { background-color: #0033A1; color: #ffffff; } .nyg_partners.module.bg-color--alt { background-color: #FFCD00; color: #323232; } .nyg_partners.module.bg-color--black { background-color: #323232; color: #ffffff; } .nyg_partners.module.bg-color--white { background-color: #ffffff; color: #323232; } .nyg_partners.module.bg-color--color-bright-grey { background-color: #0033A1; color: #ffffff; } .nyg_partners.module.bg-color--color-dark-grey { background-color: #323232; color: #ffffff; } .nyg_partners.module.bg-color--color-green { background-color: #00A041; color: #ffffff; } .nyg_partners.module .container { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .nyg_partners.module .container .inner-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; box-sizing: border-box; /* @include for-md { padding-right: $spacing-2x; padding-left: $spacing-2x; }*/ } .small-size.nyg_partners.module .container .inner-container { max-width: 424px; } .nyg_partners.module .text-container { text-align: left; } .nyg_partners.module .title { font-size: var(--font-size-body); font-weight: 700; color: #0033A1; margin-bottom: var(--spacing-2x); } .nyg_partners.module ul.partners-container { font-size: 0; list-style: none; padding-left: var(--spacing); padding-right: var(--spacing); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .nyg_partners.module ul.partners-container { padding-left: 0; padding-right: 0; } } .nyg_partners.module ul.partners-container li.partner-card { width: 100%; margin-bottom: var(--spacing-4x); padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-filter: grayscale(1); filter: grayscale(1); } @media (min-width: 768px) { .nyg_partners.module ul.partners-container li.partner-card { width: calc(100% / 2 - var(--spacing-4x) / 2); margin-bottom: 0; } .nyg_partners.module ul.partners-container li.partner-card:nth-child(2n+1) { margin-right: var(--spacing-4x); } .nyg_partners.module ul.partners-container li.partner-card:nth-child(1n+3) { margin-top: var(--spacing-4x); } } @media (min-width: 992px) { .nyg_partners.module ul.partners-container li.partner-card { width: calc(100% / 3 - var(--spacing-4x) * 2 / 3); } .nyg_partners.module ul.partners-container li.partner-card:nth-child(2n+1) { margin-right: 0; } .nyg_partners.module ul.partners-container li.partner-card:nth-child(3n+2) { margin-right: var(--spacing-4x); margin-left: var(--spacing-4x); } .nyg_partners.module ul.partners-container li.partner-card:nth-child(1n+3) { margin-top: 0; } .nyg_partners.module ul.partners-container li.partner-card:nth-child(1n+4) { margin-top: var(--spacing-4x); } } @media (min-width: 768px) { .nyg_partners.module ul.partners-container li.partner-card:nth-child(1n+3) { margin-top: 0; } .nyg_partners.module ul.partners-container li.partner-card:nth-child(1n+4) { margin-top: var(--spacing-4x); } } @media (min-width: 992px) { .nyg_partners.module ul.partners-container li.partner-card { padding: 0 var(--spacing-2x); } } .nyg_partners.module ul.partners-container li.partner-card img { max-width: 225px; height: auto; max-height: 150px; width: 100%; } .nyg_projectbanner.module { padding-left: 0; padding-right: 0; } .nyg_projectbanner.module .text-container { color: #ffffff; background-color: #0033A1; width: 100%; padding-right: var(--spacing); padding-left: var(--spacing); } .nyg_projectbanner.module .text-container .container { padding-top: var(--spacing-3x); padding-bottom: var(--spacing-3x); } .nyg_projectbanner.module .text-container .container .inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .nyg_projectbanner.module .text-container .container .inner-container { max-width: 85%; margin: 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .nyg_projectbanner.module .text-container .column-one, .nyg_projectbanner.module .text-container .column-two { width: 100%; } @media (min-width: 992px) { .nyg_projectbanner.module .text-container .column-one, .nyg_projectbanner.module .text-container .column-two { width: 47%; margin-right: 3%; } } .nyg_projectbanner.module .text-container .title { font-size: var(--font-size-h2); margin-top: 0; margin-bottom: 1.4em; } @media (min-width: 992px) { .nyg_projectbanner.module .text-container .title { margin-bottom: 0; } } .nyg_projectbanner.module .text-container .intro-text { font-size: var(--font-size-body); } .nyg_projectbanner.module .text-container .intro-text p { margin-top: 1em; margin-bottom: 1em; } .nyg_projectbanner.module .text-container .intro-text p:first-of-type { margin-top: 0; } .nyg_projectbanner.module .text-container .intro-text p:last-of-type { margin-top: 0; margin-bottom: 0; } .nyg_projectbanner.module .text-container .intro-text p:only-of-type { margin-top: 0; margin-bottom: 0; } .nyg_projectbanner.module .banner-image { padding-right: var(--spacing); padding-left: var(--spacing); } .nyg_projectbanner.module .banner-image .img-object { width: 100%; height: auto; } .nyg_projectbanner.module .key-information { font-size: var(--font-size-body); padding-right: var(--spacing); padding-left: var(--spacing); margin-top: var(--spacing-3x); margin-bottom: var(--spacing-3x); } .nyg_projectbanner.module .key-information ul { list-style: none; width: 100%; padding: 0; margin: 0 auto; } @media (min-width: 992px) { .nyg_projectbanner.module .key-information ul { width: 85%; } } .nyg_projectbanner.module .key-information ul li { line-height: 1.6; } .nyg_projectbanner.module .key-information ul span { font-weight: 700; min-width: 140px; display: inline-block; } @media (min-width: 992px) { .nyg_projectbanner.module .key-information ul span { min-width: 225px; } } .nyg_projectlist.module { font-family: "gill-sans-nova", sans-serif; max-width: 100%; overflow: hidden; } .nyg_projectlist.module .inner-container { position: relative; } .nyg_projectlist.module .title { font-size: var(--font-size-body); font-weight: 700; color: #0033A1; margin-bottom: var(--spacing-2x); } .nyg_projectlist.module .slide-control { text-align: right; margin-top: 32px; position: absolute; top: 0; right: 0; display: block; } .nyg_projectlist.module .slide-prev, .nyg_projectlist.module .slide-next { background: transparent; outline: none; cursor: pointer; border: none; padding: 0; margin: 0; } .nyg_projectlist.module .slide-prev svg path, .nyg_projectlist.module .slide-prev svg polygon, .nyg_projectlist.module .slide-next svg path, .nyg_projectlist.module .slide-next svg polygon { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .nyg_projectlist.module .slide-prev:hover path, .nyg_projectlist.module .slide-prev:hover polygon, .nyg_projectlist.module .slide-next:hover path, .nyg_projectlist.module .slide-next:hover polygon { fill: #0033A1; } .nyg_projectlist.module .project-list { margin-left: -19px; margin-right: -19px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nyg_projectlist.module .project-list .project-card { margin-top: var(--spacing-2x); } .nyg_projectlist.module .project-list .project-card:first-child { margin-top: 0; } @media (min-width: 992px) { .nyg_projectlist.module .project-list .project-card { max-width: 33.3333333333%; } .nyg_projectlist.module .project-list .project-card:nth-child(-n+3) { margin-top: 0; } .nyg_projectlist.module .project-list .project-card:nth-child(n+4) { margin-top: var(--spacing-2x); } } .nyg_projectlist.module .link-container { margin-top: calc(var(--spacing) * 2); text-align: center; } @media (min-width: 992px) { .nyg_projectlist.module .link-container { text-align: right; } } .nyg_projectlist.module .link-container .button-object a { font-family: inherit; font-weight: 700; font-size: var(--font-size-button); color: #0033A1; text-decoration: none; line-height: 1.3; background-color: transparent; border: 2px #0033A1 solid; border-radius: 14px; padding: 12px 11px 15px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; } .nyg_projectlist.module .link-container .button-object a:hover { background: #0033A1; /* The Fallback */ background: rgba(0, 51, 161, 0.2); } .nyg_projectlistwithfilter.module .inner-container { position: relative; } .nyg_projectlistwithfilter.module .title { font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-h2); text-transform: uppercase; margin-top: 0; margin-bottom: var(--spacing-3x); } .nyg_projectlistwithfilter.module .filter { background-color: #0033A1; width: 100%; max-height: 38px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } @media (min-width: 992px) { .nyg_projectlistwithfilter.module .filter { width: 150px; position: absolute; top: 0; right: 0; z-index: 55; } } .filter-active .nyg_projectlistwithfilter.module .filter { max-height: none; } .nyg_projectlistwithfilter.module .filter-toggle { color: #0033A1; background-color: #ffffff; width: 100%; border: 2px #0033A1 solid; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter-active .nyg_projectlistwithfilter.module .filter-toggle { color: #FFCD00; border-color: #0033A1; } .nyg_projectlistwithfilter.module .filter-toggle:hover { background-color: #0033A1; } .filter-active .nyg_projectlistwithfilter.module .filter-toggle:hover { background-color: #FFCD00; } .nyg_projectlistwithfilter.module .filter-toggle:hover span.text { color: #FFCD00; } .filter-active .nyg_projectlistwithfilter.module .filter-toggle:hover span.text { color: #0033A1; } .nyg_projectlistwithfilter.module .filter-toggle:hover .caret-inner-container .caret-item { background-color: #FFCD00; } .nyg_projectlistwithfilter.module .filter-toggle:hover .caret-inner-container .caret-item::before { background-color: #FFCD00; } .nyg_projectlistwithfilter.module .filter-toggle span.text { color: #0033A1; font-weight: 800; text-transform: uppercase; margin-right: var(--spacing); margin-left: var(--spacing); -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .nyg_projectlistwithfilter.module .filter-toggle span.caret-container { border-left: 2px #0033A1 solid; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .filter-active .nyg_projectlistwithfilter.module .filter-toggle span.caret-container { border-left-color: #0033A1; } .nyg_projectlistwithfilter.module .filter-toggle .caret-inner-container { position: relative; width: 24px; height: 24px; display: block; cursor: pointer; } .nyg_projectlistwithfilter.module .filter-toggle .caret-inner-container .caret-item { width: 16px; height: 4px; background-color: #0033A1; position: absolute; top: 4px; left: 8px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotate(45deg) translate(0px, 10px); transform: rotate(45deg) translate(0px, 10px); } .filter-active .nyg_projectlistwithfilter.module .filter-toggle .caret-inner-container .caret-item { -webkit-transform: rotate(45deg) translate(2px, 6px); transform: rotate(45deg) translate(2px, 6px); background-color: #0033A1; } .nyg_projectlistwithfilter.module .filter-toggle .caret-inner-container .caret-item::before { content: " "; position: absolute; height: 4px; width: 16px; top: 4px; left: -4px; background-color: #0033A1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotate(-90deg) translate(10px, 10px); transform: rotate(-90deg) translate(10px, 10px); } .filter-active .nyg_projectlistwithfilter.module .filter-toggle .caret-inner-container .caret-item::before { -webkit-transform: rotate(-90deg) translate(4px, 4px); transform: rotate(-90deg) translate(4px, 4px); background-color: #0033A1; } .nyg_projectlistwithfilter.module .project-list { max-width: 1320px; } .nyg_projectlistwithfilter.module .project-list::after { content: ""; display: block; clear: both; } .nyg_projectlistwithfilter.module .project-list .gutter-sizer { width: 20px; } @media (min-width: 992px) { .nyg_projectlistwithfilter.module .project-list .gutter-sizer { width: 30px; } } .nyg_projectlistwithfilter.module .grid-sizer, .nyg_projectlistwithfilter.module .project-card { width: 100%; margin-bottom: var(--spacing-3x); } @media (min-width: 768px) { .nyg_projectlistwithfilter.module .grid-sizer, .nyg_projectlistwithfilter.module .project-card { width: calc(50% - 10px); } } @media (min-width: 992px) { .nyg_projectlistwithfilter.module .grid-sizer, .nyg_projectlistwithfilter.module .project-card { width: calc(33.3333333333% - 20px); } } .nyg_projectlistwithfilter.module .grid-sizer img, .nyg_projectlistwithfilter.module .project-card img { width: 100%; height: auto; } .nyg_projectlistwithfilter.module .grid-sizer .project-services, .nyg_projectlistwithfilter.module .project-card .project-services { text-align: right; width: 100%; height: 50px; } .nyg_projectlistwithfilter.module .grid-sizer .project-services .service-item, .nyg_projectlistwithfilter.module .project-card .project-services .service-item { margin-top: 10px; margin-left: calc(var(--spacing) / 2); display: none; } .nyg_projectlistwithfilter.module .grid-sizer .project-services .service-item svg, .nyg_projectlistwithfilter.module .project-card .project-services .service-item svg { height: 30px; width: 24px; opacity: 0.4; } .nyg_projectlistwithfilter.module .grid-sizer .project-services .service-item svg path, .nyg_projectlistwithfilter.module .grid-sizer .project-services .service-item svg polygon, .nyg_projectlistwithfilter.module .project-card .project-services .service-item svg path, .nyg_projectlistwithfilter.module .project-card .project-services .service-item svg polygon { fill: #FFCD00; } .nyg_projectlistwithfilter.module .grid-sizer .project-services .service-item.has-service, .nyg_projectlistwithfilter.module .project-card .project-services .service-item.has-service { display: inline-block; } .nyg_projectlistwithfilter.module .grid-sizer .project-services .service-item.has-service svg, .nyg_projectlistwithfilter.module .project-card .project-services .service-item.has-service svg { opacity: 1; } .nyg_snazzymap.module .inner-container { width: 100%; max-width: 1320px; margin: auto; } .nyg_snazzymap.module .snazzy-map { width: 100%; height: 400px; } .nyg_text.module { padding-top: var(--spacing-module); padding-right: var(--spacing); padding-bottom: var(--spacing-module); padding-left: var(--spacing); } .bg-color--main.nyg_text.module { background-color: #0033A1; color: #ffffff; } .bg-color--alt.nyg_text.module { background-color: #FFCD00; color: #323232; } .bg-color--black.nyg_text.module { background-color: #323232; color: #ffffff; } .bg-color--white.nyg_text.module { background-color: #ffffff; color: #323232; } .bg-color--color-bright-grey.nyg_text.module { background-color: #0033A1; color: #ffffff; } .bg-color--color-dark-grey.nyg_text.module { background-color: #323232; color: #ffffff; } .bg-color--color-green.nyg_text.module { background-color: #00A041; color: #ffffff; } .nyg_text.module.bg-color--not-set { padding-top: 0; padding-bottom: 0; } .nyg_text.module.center-text { text-align: center; } .nyg_text.module .text-container { font-size: var(--font-size-body); line-height: 1.3; color: inherit; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: var(--spacing) 0 0; } .nyg_text.module .text-container p { margin-top: 1em; margin-bottom: 1em; } .nyg_text.module .text-container p:first-of-type { margin-top: 0; } .nyg_text.module .text-container p:last-of-type { margin-top: 0; margin-bottom: 0; } .nyg_text.module .text-container p:only-of-type { margin-top: 0; margin-bottom: 0; } .nyg_text.module .text-container .title, .nyg_text.module .text-container .text, .nyg_text.module .text-container .link-container { color: inherit; width: 100%; } .nyg_text.module .text-container .title { font-size: var(--font-size-h2); margin-bottom: 16px; margin-top: 0; } .bg-color--main.nyg_text.module .text-container .title { color: #FFCD00; } @media (min-width: 992px) { .nyg_text.module .text-container .title { margin-bottom: 25px; } } .nyg_text.module .link-container { margin-top: calc(var(--spacing) * 2); } .nyg_text.module .link-container .button-object { margin-right: 14px; display: inline-block; } .nyg_text.module .link-container .button-object a { font-family: inherit; font-weight: 700; font-size: var(--font-size-button); color: #323232; text-decoration: none; line-height: 1.3; background-color: transparent; border: 2px #323232 solid; border-radius: 14px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; } .bg-color--main.nyg_text.module .link-container .button-object a { color: #FFCD00; border-color: #FFCD00; } .nyg_text.module .link-container .button-object a:hover { background: #323232; /* The Fallback */ background: rgba(50, 50, 50, 0.2); } .bg-color--white.nyg_text.module .link-container .button-object a:hover { background: #0033A1; /* The Fallback */ background: rgba(0, 51, 161, 0.2); } .bg-color--main.nyg_text.module .link-container .button-object a:hover { color: #ffffff; border-color: #ffffff; } .nyg_textcolumns.module { padding-top: var(--spacing-module); padding-right: var(--spacing); padding-bottom: var(--spacing-module); padding-left: var(--spacing); } .nyg_textcolumns.module .title { color: #0033A1; font-weight: 700; position: relative; display: inline-block; /* &::after { content: ''; display: inline-block; background-color: $color-alt; width: 100%; height: 4px; margin-bottom: -8px; position: absolute; bottom: 0; left: 0; }*/ font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-h2); text-transform: uppercase; margin-bottom: var(--spacing-2x); } .nyg_textcolumns.module .columns-container { font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-body); -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .nyg_textcolumns.module .columns-container p { margin-top: 1em; margin-bottom: 1em; } .nyg_textcolumns.module .columns-container p:first-of-type { margin-top: 0; } .nyg_textcolumns.module .columns-container p:last-of-type { margin-top: 0; margin-bottom: 0; } .nyg_textcolumns.module .columns-container p:only-of-type { margin-top: 0; margin-bottom: 0; } .nyg_textcolumns.module .columns-container a { color: #0033A1; } .nyg_textcolumns.module .columns-container a:hover { color: #FFCD00; } @media (min-width: 992px) { .cols-2.nyg_textcolumns.module .columns-container { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .cols-3.nyg_textcolumns.module .columns-container { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .cols-4.nyg_textcolumns.module .columns-container { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } .nyg_textcolumns.module .columns-container .intro-text { font-weight: 700; } .nyg_texthorizontal.module .container { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .bg-color--main.nyg_texthorizontal.module .container { background-color: #0033A1; color: #ffffff; } .bg-color--alt.nyg_texthorizontal.module .container { background-color: #FFCD00; color: #323232; } .bg-color--black.nyg_texthorizontal.module .container { background-color: #323232; color: #ffffff; } .bg-color--white.nyg_texthorizontal.module .container { background-color: #ffffff; color: #323232; } .bg-color--color-bright-grey.nyg_texthorizontal.module .container { background-color: #0033A1; color: #ffffff; } .bg-color--color-dark-grey.nyg_texthorizontal.module .container { background-color: #323232; color: #ffffff; } .bg-color--color-green.nyg_texthorizontal.module .container { background-color: #00A041; color: #ffffff; } .nyg_texthorizontal.module .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .nyg_texthorizontal.module .text-container { max-width: 90%; margin: 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .nyg_texthorizontal.module .text-container .column-one, .nyg_texthorizontal.module .text-container .column-two { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .nyg_texthorizontal.module .text-container .column-one, .nyg_texthorizontal.module .text-container .column-two { width: 50%; } } .nyg_texthorizontal.module .text-container .title, .nyg_texthorizontal.module .text-container .text, .nyg_texthorizontal.module .text-container .link-container { width: 100%; } .nyg_texthorizontal.module .text-container .title { font-size: var(--font-size-h2); font-weight: 400; color: #0033A1; margin-top: var(--spacing); margin-bottom: var(--spacing); } .nyg_texthorizontal.module .text-container .title strong { font-weight: 600; } .nyg_texthorizontal.module .text-container .text { font-size: var(--font-size-body); line-height: 1.3; } .nyg_texthorizontal.module .text-container .link-container { margin-top: var(--spacing); } .nyg_texthorizontal.module .text-container .link-container a { font-family: inherit; font-size: var(--font-size-button); color: #0033A1; line-height: 1.3; text-decoration: none; text-align: center; width: 100%; } @media (min-width: 992px) { .nyg_texthorizontal.module .text-container .link-container a { width: auto; } } .nyg_texthorizontal.module .text-container .link-container a::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%230033A1' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 8px; height: 12px; margin-left: 3px; display: inline-block; } .button-style-button.nyg_texthorizontal.module .text-container .link-container a::after { display: none; visibility: hidden; } .button-style-button.nyg_texthorizontal.module .text-container .link-container a { font-weight: 700; color: #0033A1; background-color: transparent; border: 2px #0033A1 solid; border-radius: 14px; padding: 12px 11px 15px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; } .button-style-button.nyg_texthorizontal.module .text-container .link-container a:hover { background: #0033A1; /* The Fallback */ background: rgba(0, 51, 161, 0.2); } .bg-color--main.nyg_textimage.module { background-color: #0033A1; color: #ffffff; } .bg-color--alt.nyg_textimage.module { background-color: #FFCD00; color: #323232; } .bg-color--black.nyg_textimage.module { background-color: #323232; color: #ffffff; } .bg-color--white.nyg_textimage.module { background-color: #ffffff; color: #323232; } .bg-color--color-bright-grey.nyg_textimage.module { background-color: #0033A1; color: #ffffff; } .bg-color--color-dark-grey.nyg_textimage.module { background-color: #323232; color: #ffffff; } .bg-color--color-green.nyg_textimage.module { background-color: #00A041; color: #ffffff; } .nyg_textimage.module.banner-style { margin-bottom: calc(var(--spacing-module) * 2); } @media (min-width: 992px) { .nyg_textimage.module.banner-style { margin-bottom: var(--spacing-module); } } .nyg_textimage.module .container { width: 100%; padding-top: var(--spacing-module-inner); padding-bottom: var(--spacing-module-inner); -webkit-box-sizing: border-box; box-sizing: border-box; } .bg-color--main.nyg_textimage.module .container { background-color: #0033A1; color: #ffffff; } .bg-color--alt.nyg_textimage.module .container { background-color: #FFCD00; color: #323232; } .bg-color--black.nyg_textimage.module .container { background-color: #323232; color: #ffffff; } .bg-color--white.nyg_textimage.module .container { background-color: #ffffff; color: #323232; } .bg-color--color-bright-grey.nyg_textimage.module .container { background-color: #0033A1; color: #ffffff; } .bg-color--color-dark-grey.nyg_textimage.module .container { background-color: #323232; color: #ffffff; } .bg-color--color-green.nyg_textimage.module .container { background-color: #00A041; color: #ffffff; } .nyg_textimage.module .container .inner-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .restrict.nyg_textimage.module .container .inner-container { max-width: 90%; margin: 0 auto; } .nyg_textimage.module .container .inner-container .wide-container { background-color: #ffffff; background-size: cover; background-position: center; width: 100vw; height: calc(100% - var(--spacing-module)); margin-top: calc(var(--spacing-module) / 2); margin-bottom: calc(var(--spacing-module) / 2); position: absolute; top: 0; left: 50%; display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pull.nyg_textimage.module .container .inner-container .wide-container { height: 100%; margin-top: 0; margin-bottom: 0; } .big.nyg_textimage.module .container .inner-container { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .equal-height.nyg_textimage.module .container .inner-container { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .circle.nyg_textimage.module .container .inner-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .nyg_textimage.module .container .inner-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .nyg_textimage.module .container .container { position: relative; z-index: 2; } .nyg_textimage.module .text-container { font-size: var(--font-size-body); line-height: 1.3; color: #323232; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 5; margin: var(--spacing) 0 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nyg_textimage.module .text-container p { margin-top: 1em; margin-bottom: 1em; } .nyg_textimage.module .text-container p:first-of-type { margin-top: 0; } .nyg_textimage.module .text-container p:last-of-type { margin-top: 0; margin-bottom: 0; } .nyg_textimage.module .text-container p:only-of-type { margin-top: 0; margin-bottom: 0; } @media (min-width: 992px) { .nyg_textimage.module .text-container { width: 50%; } .wide.nyg_textimage.module .text-container { width: 75%; } .pull.wide.nyg_textimage.module .text-container { width: 50%; } .image-as-bg.nyg_textimage.module .text-container { width: 50%; } } .direction-right.nyg_textimage.module .text-container { padding-right: var(--spacing-2x); } @media (min-width: 992px) { .direction-right.nyg_textimage.module .text-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 992px) { .direction-left.nyg_textimage.module .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: var(--spacing-2x); } .overlap-image.direction-left.nyg_textimage.module .text-container { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .pull.direction-left.nyg_textimage.module .text-container { left: 50%; } } .overlay-icon.nyg_textimage.module .text-container { padding-top: var(--spacing-3x); } @media (min-width: 992px) { .overlay-icon.nyg_textimage.module .text-container { padding-top: 0; padding-right: var(--spacing-3x); } .direction-left.overlay-icon.nyg_textimage.module .text-container { padding-right: 0; padding-left: var(--spacing-3x); } } .banner-style.nyg_textimage.module .text-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 992px) { .direction-left.banner-style.nyg_textimage.module .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .big.nyg_textimage.module .text-container { margin-top: 0; margin-bottom: 0; margin-left: 0; width: 100%; } @media (min-width: 992px) { .big.nyg_textimage.module .text-container { width: 50%; } .wide.big.nyg_textimage.module .text-container { width: 80%; } .image-as-bg.big.nyg_textimage.module .text-container { width: 50%; } } .circle.nyg_textimage.module .text-container::after { content: ""; background-color: transparent; width: 150%; height: 100%; position: absolute; top: 0; left: 0; z-index: -2; display: block; } .direction-left.circle.nyg_textimage.module .text-container::after { margin-right: -50%; } .image-as-bg.circle.nyg_textimage.module .text-container::after { display: none; } .wide.nyg_textimage.module .text-container { background-color: transparent; } .nyg_textimage.module .text-container .title, .nyg_textimage.module .text-container .sub-title, .nyg_textimage.module .text-container .pre-text, .nyg_textimage.module .text-container .text, .nyg_textimage.module .text-container .link-container { color: inherit; width: 100%; } .nyg_textimage.module .text-container .title { font-size: var(--font-size-h2); color: inherit; margin-bottom: 16px; margin-top: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .bg-color--main.nyg_textimage.module .text-container .title { color: #ffffff; } .bg-color--alt.nyg_textimage.module .text-container .title { color: #323232; } .bg-color--black.nyg_textimage.module .text-container .title { color: #ffffff; } .bg-color--white.nyg_textimage.module .text-container .title { color: #323232; } .bg-color--color-bright-grey.nyg_textimage.module .text-container .title { color: #ffffff; } .bg-color--color-dark-grey.nyg_textimage.module .text-container .title { color: #ffffff; } .bg-color--color-green.nyg_textimage.module .text-container .title { color: #ffffff; } @media (min-width: 992px) { .nyg_textimage.module .text-container .title { margin-bottom: 25px; } } .bg-color--white.nyg_textimage.module .text-container .title { color: #0033A1; } .environmental.nyg_textimage.module .text-container .title { color: #00A041; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .environmental.nyg_textimage.module .text-container .title { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } } .environmental.nyg_textimage.module .text-container .title svg { margin-right: 23px; } .nyg_textimage.module .text-container .sub-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: var(--font-size-sub); text-transform: uppercase; margin-top: 0; margin-bottom: 24px; } .bg-color--main.nyg_textimage.module .text-container .sub-title { color: #ffffff; } .bg-color--alt.nyg_textimage.module .text-container .sub-title { color: #323232; } .bg-color--black.nyg_textimage.module .text-container .sub-title { color: #ffffff; } .bg-color--white.nyg_textimage.module .text-container .sub-title { color: #323232; } .bg-color--color-bright-grey.nyg_textimage.module .text-container .sub-title { color: #ffffff; } .bg-color--color-dark-grey.nyg_textimage.module .text-container .sub-title { color: #ffffff; } .bg-color--color-green.nyg_textimage.module .text-container .sub-title { color: #ffffff; } .nyg_textimage.module .text-container .pre-text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: var(--font-size-h2); line-height: 1.2; margin-top: 0; margin-bottom: 0; } .bg-color--main.nyg_textimage.module .text-container .pre-text { color: #ffffff; } .bg-color--alt.nyg_textimage.module .text-container .pre-text { color: #323232; } .bg-color--black.nyg_textimage.module .text-container .pre-text { color: #ffffff; } .bg-color--white.nyg_textimage.module .text-container .pre-text { color: #323232; } .bg-color--color-bright-grey.nyg_textimage.module .text-container .pre-text { color: #ffffff; } .bg-color--color-dark-grey.nyg_textimage.module .text-container .pre-text { color: #ffffff; } .bg-color--color-green.nyg_textimage.module .text-container .pre-text { color: #ffffff; } .nyg_textimage.module .text-container .pre-text p { font-size: var(--font-size-h3); font-weight: 700; } .nyg_textimage.module .text-container .pre-text p strong { font-weight: 600; } .nyg_textimage.module .text-container .text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .bg-color--main.nyg_textimage.module .text-container .text { color: #ffffff; } .bg-color--alt.nyg_textimage.module .text-container .text { color: #323232; } .bg-color--black.nyg_textimage.module .text-container .text { color: #ffffff; } .bg-color--white.nyg_textimage.module .text-container .text { color: #323232; } .bg-color--color-bright-grey.nyg_textimage.module .text-container .text { color: #ffffff; } .bg-color--color-dark-grey.nyg_textimage.module .text-container .text { color: #ffffff; } .bg-color--color-green.nyg_textimage.module .text-container .text { color: #ffffff; } .nyg_textimage.module .text-container .link-container { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .nyg_textimage.module .text-container ul li { margin-left: 1.1em; } .nyg_textimage.module .media-container { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 55; right: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (min-width: 992px) { .direction-right.nyg_textimage.module .media-container { width: calc(50% + 5px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .overlap-image.direction-right.nyg_textimage.module .media-container { -webkit-transform: translateX(-5px); transform: translateX(-5px); } } .banner-style.nyg_textimage.module .media-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: calc(var(--spacing-module-inner) * -1); -webkit-transform: translateY(calc(var(--spacing-module-inner) + var(--spacing-module))); transform: translateY(calc(var(--spacing-module-inner) + var(--spacing-module))); } @media (min-width: 992px) { .banner-style.nyg_textimage.module .media-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: none; transform: none; } .direction-right.banner-style.nyg_textimage.module .media-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 992px) { .pull.nyg_textimage.module .media-container { width: 50vw; height: 100%; margin-left: -50vw; position: absolute; right: 50%; left: 50%; } .big.pull.nyg_textimage.module .media-container { height: calc(100% - var(--spacing-module)); } .equal-height.pull.nyg_textimage.module .media-container { height: 100%; } .direction-right.pull.nyg_textimage.module .media-container { margin-left: auto; margin-right: -50vw; } } @media (min-width: 992px) { .nyg_textimage.module .media-container { width: 50%; } .big.nyg_textimage.module .media-container { height: auto; margin-top: calc(var(--spacing-module) / 2); margin-bottom: calc(var(--spacing-module) / 2); } .wide.big.nyg_textimage.module .media-container { margin-top: 0; margin-bottom: 0; } .equal-height.nyg_textimage.module .media-container { height: auto; margin-top: 0; margin-bottom: 0; } } .nyg_textimage.module .media-container .image-overlay-container { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 992px) { .nyg_textimage.module .media-container .image-overlay-container { top: 50%; left: 0; } .direction-left.nyg_textimage.module .media-container .image-overlay-container { left: auto; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } } .nyg_textimage.module .media-container .image-overlay-container .image-overlay { background-color: #0033A1; /* padding: 50px;*/ border-radius: 100%; width: 125px; /*max-width: 145px;*/ height: 125px; /*max-height: 145px;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nyg_textimage.module .media-container .image-overlay-container img, .nyg_textimage.module .media-container .image-overlay-container svg { max-width: 45px; width: 100%; max-height: 45px; height: 100%; } .nyg_textimage.module .media-container .image-overlay-container svg path, .nyg_textimage.module .media-container .image-overlay-container svg rect, .nyg_textimage.module .media-container .image-overlay-container svg circle { fill: #ffffff; } .nyg_textimage.module .media-container:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .imnage-as-bg.nyg_textimage.module .media-container:before { display: none; } .circle.nyg_textimage.module .media-container:before { display: none; } .nyg_textimage.module .media-container img { width: 100%; max-width: 100%; height: auto; } .nyg_textimage.module .media-container .img-object { background-size: cover; background-position: center; height: 100%; } .image-as-bg.nyg_textimage.module .media-container .img-object { display: none; } .circle.nyg_textimage.module .media-container .img-object { border-radius: 50%; width: 75vw; height: 75vw; margin-top: -calc(var(--spacing-module)/2); margin-right: auto; margin-left: auto; overflow: hidden; } @media (min-width: 992px) { .circle.nyg_textimage.module .media-container .img-object { width: 500px; height: 500px; margin-top: 0; margin-right: 0; margin-left: 0; } } .nyg_textimage.module .media-container .img-object::before { content: ""; padding-bottom: 60%; display: block; } @media (min-width: 992px) { .nyg_textimage.module .media-container .img-object::before { padding-bottom: 40%; } } .nyg_textimage.module .link-container { margin-top: var(--spacing-2x); } .nyg_textimage.module .link-container a { font-family: inherit; font-size: var(--font-size-button); color: #0033A1; line-height: 1.3; text-decoration: none; text-align: center; width: 100%; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } @media (min-width: 992px) { .nyg_textimage.module .link-container a { width: auto; } } .nyg_textimage.module .link-container a::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%230033A1' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 8px; height: 12px; margin-left: 3px; display: inline-block; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .button-style-button.nyg_textimage.module .link-container a::after { display: none; visibility: hidden; } .nyg_textimage.module .link-container a:hover { color: #FFCD00; } .nyg_textimage.module .link-container a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.968' height='11.936' viewBox='0 0 6.968 11.936'%3E%3Cpath id='chevron-right' d='M9,16.521l5.261-5.261L9,6' transform='translate(-8.293 -5.293)' fill='none' stroke='%23FFCD00' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); margin-left: 8px; } .button-style-button.nyg_textimage.module .link-container a { font-weight: 700; color: #323232; background-color: transparent; border: 2px #323232 solid; border-radius: 14px; padding: 12px 19px 15px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; } .bg-color--white.button-style-button.nyg_textimage.module .link-container a { color: #0033A1; border-color: #0033A1; } .environmental.button-style-button.nyg_textimage.module .link-container a { color: #00A041; border-color: #00A041; } .button-style-button.nyg_textimage.module .link-container a:hover { background: #323232; /* The Fallback */ background: rgba(50, 50, 50, 0.2); } .bg-color--white.button-style-button.nyg_textimage.module .link-container a:hover { background: #0033A1; /* The Fallback */ background: rgba(0, 51, 161, 0.2); } .environmental.button-style-button.nyg_textimage.module .link-container a:hover { background: #00A041; /* The Fallback */ background: rgba(0, 160, 65, 0.2); } .nyg_textimage.module .overlay-content { text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 10; } .overlay-bg--main.nyg_textimage.module .overlay-content { color: #ffffff; } .overlay-bg--alt.nyg_textimage.module .overlay-content { color: #323232; } .overlay-bg--black.nyg_textimage.module .overlay-content { color: #ffffff; } .overlay-bg--white.nyg_textimage.module .overlay-content { color: #323232; } .overlay-bg--color-bright-grey.nyg_textimage.module .overlay-content { color: #ffffff; } .overlay-bg--color-dark-grey.nyg_textimage.module .overlay-content { color: #ffffff; } .overlay-bg--color-green.nyg_textimage.module .overlay-content { color: #ffffff; } .nyg_textimage.module .overlay-content .overlay-icon { width: 54px; height: 54px; background-size: 54px 54px; display: inline-block; } @media (min-width: 992px) { .nyg_textimage.module .overlay-content .overlay-icon { width: 104px; height: 104px; background-size: 104px 104px; } } .nyg_textimage.module .overlay-content .overlay-title { font-family: "gill-sans-nova", sans-serif; font-size: var(--font-size-h1); font-weight: 800; text-transform: uppercase; } .nyg_textimage.module .overlay-video-link { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; } @media (min-width: 992px) { .nyg_textimage.module .overlay-video-link { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; right: 18px; bottom: 18px; } .nyg_textimage.module .overlay-video-link:hover { opacity: 0.8; } } .nyg_textimage.module .overlay-video-link a { height: 100%; width: 100%; display: block; } .nyg_textimage.module .overlay-video-link svg { position: absolute; right: 12px; bottom: 12px; } .nyg_textimage.module .overlay-bg { opacity: 0.3; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .overlay-bg--main.nyg_textimage.module .overlay-bg { background-color: #0033A1; color: #ffffff; } .overlay-bg--alt.nyg_textimage.module .overlay-bg { background-color: #FFCD00; color: #323232; } .overlay-bg--black.nyg_textimage.module .overlay-bg { background-color: #323232; color: #ffffff; } .overlay-bg--white.nyg_textimage.module .overlay-bg { background-color: #ffffff; color: #323232; } .overlay-bg--color-bright-grey.nyg_textimage.module .overlay-bg { background-color: #0033A1; color: #ffffff; } .overlay-bg--color-dark-grey.nyg_textimage.module .overlay-bg { background-color: #323232; color: #ffffff; } .overlay-bg--color-green.nyg_textimage.module .overlay-bg { background-color: #00A041; color: #ffffff; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .nyg_projectpage .nyg_gallery.module .title { display: none; } .nyg_projectpage .nyg_textcolumns.module .inner-container, .nyg_projectpage .nyg_texthorizontal.module .inner-container, .nyg_projectpage .nyg_text.module .inner-container { max-width: 100%; } @media (min-width: 992px) { .nyg_projectpage .nyg_textcolumns.module .inner-container, .nyg_projectpage .nyg_texthorizontal.module .inner-container, .nyg_projectpage .nyg_text.module .inner-container { max-width: 85%; margin: 0 auto; } } @media (min-width: 992px) { .nyg_projectpage .nyg_texthorizontal.module .text-container { max-width: 100%; } } .nyg_joblisting .nyg_gallery.module .title { display: none; } .nyg_joblisting .nyg_textcolumns.module .inner-container, .nyg_joblisting .nyg_texthorizontal.module .inner-container, .nyg_joblisting .nyg_text.module .inner-container { max-width: 100%; } @media (min-width: 992px) { .nyg_joblisting .nyg_textcolumns.module .inner-container, .nyg_joblisting .nyg_texthorizontal.module .inner-container, .nyg_joblisting .nyg_text.module .inner-container { max-width: 85%; margin: 0 auto; } } /*# sourceMappingURL=base.css.map */