/* Minification failed. Returning unminified contents. (8320,3786): run-time error CSS1046: Expect comma, found '0' (8320,3790): run-time error CSS1046: Expect comma, found '/' */ /*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/) */ /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } /*.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }*/ .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #ffffff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .nav:before, .nav:after { display: table; content: " "; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .nav:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* ----------------------------------- * Slidebars * Version 0.10.3 * http://plugins.adchsm.me/slidebars/ * * Written by Adam Smith * http://www.adchsm.me/ * * Released under MIT License * http://plugins.adchsm.me/slidebars/license.txt * * ------------------- * Slidebars CSS Index * * 001 - Box Model, Html & Body * 002 - Site * 003 - Slidebars * 004 - Animation * 005 - Helper Classes * * ---------------------------- * 001 - Box Model, Html & Body */ html, body, #sb-site, .sb-site-container, .sb-slidebar { /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; overflow-x: hidden; /* Stops horizontal scrolling. */ } html { height: 100%; /* Site is as tall as device. */ } body { min-height: 100%; height: auto; position: relative; /* Required for static Slidebars to function properly. */ } /* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */ html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; } /* ---------- * 002 - Site */ #sb-site, .sb-site-container { /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ width: 100%; min-height: 100vh; position: relative; z-index: 1; /* Site sits above Slidebars */ background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ } /* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */ #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { content: ' '; display: table; } #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { clear: both; } /* --------------- * 003 - Slidebars */ .sb-slidebar { height: 100%; overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ position: fixed; top: 0; z-index: 0; /* Slidebars sit behind sb-site. */ display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */ } .sb-slidebar, .sb-slidebar * { -webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */ } .sb-left { left: 0; /* Set Slidebar to the left. */ } .sb-right { right: 0; /* Set Slidebar to the right. */ } html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ } .sb-slidebar.sb-active { display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ } .sb-style-overlay { z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ } .sb-momentum-scrolling { -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ } /* Slidebar widths for browsers/devices that don't support media queries. */ .sb-slidebar { width: 30%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } @media (max-width: 480px) { /* Slidebar widths on extra small screens. */ .sb-slidebar { width: 70%; } .sb-width-thin { width: 55%; } .sb-width-wide { width: 85%; } } @media (min-width: 481px) { /* Slidebar widths on small screens. */ .sb-slidebar { width: 55%; } .sb-width-thin { width: 40%; } .sb-width-wide { width: 70%; } } @media (min-width: 768px) { /* Slidebar widths on medium screens. */ .sb-slidebar { width: 40%; } .sb-width-thin { width: 25%; } .sb-width-wide { width: 55%; } } @media (min-width: 992px) { /* Slidebar widths on large screens. */ .sb-slidebar { width: 30%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } } @media (min-width: 1200px) { /* Slidebar widths on extra large screens. */ .sb-slidebar { width: 20%; } .sb-width-thin { width: 5%; } .sb-width-wide { width: 35%; } } /* --------------- * 004 - Animation */ .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transform: translate( 0px ); -moz-transform: translate( 0px ); -o-transform: translate( 0px ); transform: translate( 0px ); -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ } /* -------------------- * 005 - Helper Classes */ .sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; 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); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [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; } /* * This code was generated using SASS. * * Manual changes to this file will be overwritten if the code is regenerated. * * Read "css/build/readme.txt" for more information. */ @charset "UTF-8"; /* Every file is compiled into '/css/build.main.css' in the order that they are included */ .clearfix:before, .block-link-nav:before, .leadership-list:before, .clearfix:after, .block-link-nav:after, .leadership-list:after { content: ''; clear: both; display: table; } .absolute-center, .leader-tile-hover { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } /*@import "../main";*/ .c794 .text-2col-md { -webkit-columns: 1; columns: 1; } @media (max-width: 767px) { .text-2col { -webkit-columns: 1 !important; columns: 1 !important; } } /*@import "../main";*/ .flex-row, #BannerHomeMobile .banner-mobile_slider .slick-track, .search-block, .block-link-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row.container:before, #BannerHomeMobile .banner-mobile_slider .container.slick-track:before, .container.search-block:before, .container.block-link-nav:before, .flex-row.container:after, #BannerHomeMobile .banner-mobile_slider .container.slick-track:after, .container.search-block:after, .container.block-link-nav:after, .flex-row.row:before, #BannerHomeMobile .banner-mobile_slider .row.slick-track:before, .row.search-block:before, .row.block-link-nav:before, .flex-row.row:after, #BannerHomeMobile .banner-mobile_slider .row.slick-track:after, .row.search-block:after, .row.block-link-nav:after { content: normal; } @media (min-width: 568px) { .flex-row-xs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row-xs.container:before, .flex-row-xs.container:after, .flex-row-xs.row:before, .flex-row-xs.row:after { content: normal; } } @media (min-width: 768px) { .flex-row-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row-sm.container:before, .flex-row-sm.container:after, .flex-row-sm.row:before, .flex-row-sm.row:after { content: normal; } } @media (min-width: 992px) { .flex-row-md { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row-md.container:before, .flex-row-md.container:after, .flex-row-md.row:before, .flex-row-md.row:after { content: normal; } } @media (min-width: 1200px) { .flex-row-lg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row-lg.container:before, .flex-row-lg.container:after, .flex-row-lg.row:before, .flex-row-lg.row:after { content: normal; } } @media (min-width: 1600px) { .flex-row-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row-xl.container:before, .flex-row-xl.container:after, .flex-row-xl.row:before, .flex-row-xl.row:after { content: normal; } } @media (min-width: 1800px) { .flex-row-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; } .flex-row-xxl.container:before, .flex-row-xxl.container:after, .flex-row-xxl.row:before, .flex-row-xxl.row:after { content: normal; } } .flex-center, .Page404 #sb-site { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } @media (min-width: 568px) { .flex-center-xs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media (min-width: 768px) { .flex-center-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media (min-width: 992px) { .flex-center-md { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media (min-width: 1200px) { .flex-center-lg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media (min-width: 1600px) { .flex-center-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media (min-width: 1800px) { .flex-center-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } .flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } @media (min-width: 568px) { .flex-column-xs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } } @media (min-width: 768px) { .flex-column-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } } @media (min-width: 992px) { .flex-column-md { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } } @media (min-width: 1200px) { .flex-column-lg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } } @media (min-width: 1600px) { .flex-column-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } } @media (min-width: 1800px) { .flex-column-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: both; height: 100%; } } .flex-column_bottom { margin-top: auto; } @media (min-width: 568px) { .flex-column_bottom-xs { margin-top: auto; } } @media (min-width: 768px) { .flex-column_bottom-sm { margin-top: auto; } } @media (min-width: 992px) { .flex-column_bottom-md { margin-top: auto; } } @media (min-width: 1200px) { .flex-column_bottom-lg { margin-top: auto; } } @media (min-width: 1600px) { .flex-column_bottom-xl { margin-top: auto; } } @media (min-width: 1800px) { .flex-column_bottom-xxl { margin-top: auto; } } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 568px) { .flex-1-xs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 768px) { .flex-1-sm { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 992px) { .flex-1-md { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 1200px) { .flex-1-lg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 1600px) { .flex-1-xl { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 1800px) { .flex-1-xxl { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } /*@import "../main";*/ .banner-padding, .banner-padding-top { padding-top: 2em; } .banner-padding, .banner-padding-bottom { padding-bottom: 2em; } .md-banner-padding, .md-banner-padding-top { padding-top: 1.5em; } .md-banner-padding, .md-banner-padding-bottom { padding-bottom: 1.5em; } .sm-banner-padding, .sm-banner-padding-top { padding-top: 1em; } .sm-banner-padding, .sm-banner-padding-bottom { padding-bottom: 1em; } .banner-margin, .banner-margin-top { margin-top: 2em; } .banner-margin, .banner-margin-bottom { margin-bottom: 2em; } .md-banner-margin, .md-banner-margin-top { margin-top: 1.5em; } .md-banner-margin, .md-banner-margin-bottom { margin-bottom: 1.5em; } .sm-banner-margin, .sm-banner-margin-top { margin-top: 1em; } .sm-banner-margin, .sm-banner-margin-bottom { margin-bottom: 1em; } .block-padding { padding: 40px 30px; } .block-padding-top { padding-top: 40px; } .block-padding-bottom { padding-bottom: 40px; } .block-padding-left { padding-left: 30px; } .block-padding-right { padding-right: 30px; } .md-block-padding { padding: 25px 20px; } .md-block-padding-top { padding-top: 25px; } .md-block-padding-bottom { padding-bottom: 25px; } .md-block-padding-left { padding-left: 20px; } .md-block-padding-right { padding-right: 20px; } .sm-block-padding { padding: 15px 15px; } .sm-block-padding-top { padding-top: 15px; } .sm-block-padding-bottom { padding-bottom: 15px; } .sm-block-padding-left { padding-left: 15px; } .sm-block-padding-right { padding-right: 15px; } .project .banner-padding { padding-top: 3em; padding-bottom: 3em; } .wide-container, .narrow-container { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .wide-container:before, .wide-container:after, .narrow-container:before, .narrow-container:after { content: ""; display: table; clear: both; } @media (min-width: 768px) { .wide-container, .narrow-container { width: 738px; } .block-padding { padding: 45px 45px; } .block-padding-top { padding-top: 45px; } .block-padding-bottom { padding-bottom: 45px; } .block-padding-left { padding-left: 45px; } .block-padding-right { padding-right: 45px; } .md-block-padding { padding: 30px 30px; } .md-block-padding-top { padding-top: 30px; } .md-block-padding-bottom { padding-bottom: 30px; } .md-block-padding-left { padding-left: 30px; } .md-block-padding-right { padding-right: 30px; } .sm-block-padding { padding: 25px 25px; } .sm-block-padding-top { padding-top: 25px; } .sm-block-padding-bottom { padding-bottom: 25px; } .sm-block-padding-left { padding-left: 25px; } .sm-block-padding-right { padding-right: 25px; } } @media (min-width: 992px) { .wide-container, .narrow-container { width: 962px; } .banner-padding, .banner-padding-top { padding-top: 4em; } .banner-padding, .banner-padding-bottom { padding-bottom: 4em; } .md-banner-padding, .md-banner-padding-top { padding-top: 3em; } .md-banner-padding, .md-banner-padding-bottom { padding-bottom: 3em; } .sm-banner-padding, .sm-banner-padding-top { padding-top: 2em; } .sm-banner-padding, .sm-banner-padding-bottom { padding-bottom: 2em; } .banner-margin, .banner-margin-top { margin-top: 4em; } .banner-margin, .banner-margin-bottom { margin-bottom: 4em; } .md-banner-margin, .md-banner-margin-top { margin-top: 3em; } .md-banner-margin, .md-banner-margin-bottom { margin-bottom: 3em; } .sm-banner-margin, .sm-banner-margin-top { margin-top: 2em; } .sm-banner-margin, .sm-banner-margin-bottom { margin-bottom: 2em; } .block-padding { padding: 50px 50px; } .block-padding-top { padding-top: 50px; } .block-padding-bottom { padding-bottom: 50px; } .block-padding-left { padding-left: 50px; } .block-padding-right { padding-right: 50px; } .md-block-padding { padding: 40px 40px; } .md-block-padding-top { padding-top: 40px; } .md-block-padding-bottom { padding-bottom: 40px; } .md-block-padding-left { padding-left: 40px; } .md-block-padding-right { padding-right: 40px; } .sm-block-padding { padding: 30px 30px; } .sm-block-padding-top { padding-top: 30px; } .sm-block-padding-bottom { padding-bottom: 30px; } .sm-block-padding-left { padding-left: 30px; } .sm-block-padding-right { padding-right: 30px; } } @media (min-width: 1200px) { .wide-container, .narrow-container { width: 1170px; } .banner-padding, .banner-padding-top { padding-top: 5em; } .banner-padding, .banner-padding-bottom { padding-bottom: 5em; } .md-banner-padding, .md-banner-padding-top { padding-top: 3.75em; } .md-banner-padding, .md-banner-padding-bottom { padding-bottom: 3.75em; } .sm-banner-padding, .sm-banner-padding-top { padding-top: 2.5em; } .sm-banner-padding, .sm-banner-padding-bottom { padding-bottom: 2.5em; } .banner-margin, .banner-margin-top { margin-top: 5em; } .banner-margin, .banner-margin-bottom { margin-bottom: 5em; } .md-banner-margin, .md-banner-margin-top { margin-top: 3.75em; } .md-banner-margin, .md-banner-margin-bottom { margin-bottom: 3.75em; } .sm-banner-margin, .sm-banner-margin-top { margin-top: 2.5em; } .sm-banner-margin, .sm-banner-margin-bottom { margin-bottom: 2.5em; } .block-padding { padding: 60px 60px; } .block-padding-top { padding-top: 60px; } .block-padding-bottom { padding-bottom: 60px; } .block-padding-left { padding-left: 60px; } .block-padding-right { padding-right: 60px; } .md-block-padding { padding: 45px 45px; } .md-block-padding-top { padding-top: 45px; } .md-block-padding-bottom { padding-bottom: 45px; } .md-block-padding-left { padding-left: 45px; } .md-block-padding-right { padding-right: 45px; } .sm-block-padding { padding: 35px 35px; } .sm-block-padding-top { padding-top: 35px; } .sm-block-padding-bottom { padding-bottom: 35px; } .sm-block-padding-left { padding-left: 35px; } .sm-block-padding-right { padding-right: 35px; } } @media (min-width: 1600px) { .container { width: 1330px; } .wide-container { width: 1570px; } .banner-padding, .banner-padding-top { padding-top: 6em; } .banner-padding, .banner-padding-bottom { padding-bottom: 6em; } .md-banner-padding, .md-banner-padding-top { padding-top: 4.5em; } .md-banner-padding, .md-banner-padding-bottom { padding-bottom: 4.5em; } .sm-banner-padding, .sm-banner-padding-top { padding-top: 3em; } .sm-banner-padding, .sm-banner-padding-bottom { padding-bottom: 3em; } .banner-margin, .banner-margin-top { margin-top: 6em; } .banner-margin, .banner-margin-bottom { margin-bottom: 6em; } .md-banner-margin, .md-banner-margin-top { margin-top: 4.5em; } .md-banner-margin, .md-banner-margin-bottom { margin-bottom: 4.5em; } .sm-banner-margin, .sm-banner-margin-top { margin-top: 3em; } .sm-banner-margin, .sm-banner-margin-bottom { margin-bottom: 3em; } .block-padding { padding: 70px 70px; } .block-padding-top { padding-top: 70px; } .block-padding-bottom { padding-bottom: 70px; } .block-padding-left { padding-left: 70px; } .block-padding-right { padding-right: 70px; } .md-block-padding { padding: 55px 55px; } .md-block-padding-top { padding-top: 55px; } .md-block-padding-bottom { padding-bottom: 55px; } .md-block-padding-left { padding-left: 55px; } .md-block-padding-right { padding-right: 55px; } .sm-block-padding { padding: 40px 40px; } .sm-block-padding-top { padding-top: 40px; } .sm-block-padding-bottom { padding-bottom: 40px; } .sm-block-padding-left { padding-left: 40px; } .sm-block-padding-right { padding-right: 40px; } } @media (min-width: 1800px) { .block-padding { padding: 80px 80px; } .block-padding-top { padding-top: 80px; } .block-padding-bottom { padding-bottom: 80px; } .block-padding-left { padding-left: 80px; } .block-padding-right { padding-right: 80px; } .md-block-padding { padding: 65px 65px; } .md-block-padding-top { padding-top: 65px; } .md-block-padding-bottom { padding-bottom: 65px; } .md-block-padding-left { padding-left: 65px; } .md-block-padding-right { padding-right: 65px; } .sm-block-padding { padding: 50px 50px; } .sm-block-padding-top { padding-top: 50px; } .sm-block-padding-bottom { padding-bottom: 50px; } .sm-block-padding-left { padding-left: 50px; } .sm-block-padding-right { padding-right: 50px; } } @media (min-width: 992px) and (max-width: 1439px) { #CareersBanner .big-headline { max-width: 80%; padding-left: 20%; } } .c965 iframe { width: 100%; height: 1000px; border: none; overflow: hidden; } .our-values .container .row { margin-left: -40px; margin-right: -40px; } .our-values .container .row [class*='col-'] { padding-right: 40px; padding-left: 40px; } .testimonial-content { background-image: url(/Areas/CMS/Assets/img/°ÄÃÅ¿ª½±-BrandPattern-01.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 2em 0; } @media (min-width: 768px) { .testimonial-content { padding: 4em 0; } } @media (min-width: 992px) { .testimonial-content { padding: 6em 0; } } .testimonial-content h4, .testimonial-content .meta { font-weight: 400; margin-top: 1em; } .testimonial-content .container { position: relative; } .testimonial-content .container:before { content: "“"; display: block; position: absolute; top: -.03em; left: -.3em; font-size: 24em; line-height: 1; color: #d0d0d0; } @media (max-width: 991px) { .careers .banner-padding-top { padding-top: 0; } } @media (max-width: 767px) { .container-fluid.testimonial-content { background: none; } .banner-padding.our-values { padding-top: 0; } .our-values h2 { margin-bottom: 0; } } /*@import "../main";*/ .divide0, .divide-xs-0 { width: 100%; display: block; height: 0; } .divide2, .divide-xs-2 { width: 100%; display: block; height: 2px; } .divide3, .divide-xs-3 { width: 100%; display: block; height: 3px; } .divide5, .divide-xs-5 { width: 100%; display: block; height: 5px; } .divide10, .divide-xs-10 { width: 100%; display: block; height: 10px; } .divide15, .divide-xs-15 { width: 100%; display: block; height: 15px; } .divide20, .divide-xs-20 { width: 100%; display: block; height: 20px; } .divide25, .divide-xs-25 { width: 100%; display: block; height: 25px; } .divide30, .divide-xs-30 { width: 100%; display: block; height: 30px; } .divide35, .divide-xs-35 { width: 100%; display: block; height: 35px; } .divide40, .divide-xs-40 { width: 100%; display: block; height: 40px; } .divide45, .divide-xs-45 { width: 100%; display: block; height: 40px; } .divide50, .divide-xs-50 { width: 100%; display: block; height: 50px; } .divide55, .divide-xs-55 { width: 100%; display: block; height: 55px; } .divide60, .divide-xs-60 { width: 100%; display: block; height: 60px; } .divide65, .divide-xs-65 { width: 100%; display: block; height: 65px; } .divide70, .divide-xs-70 { width: 100%; display: block; height: 70px; } .divide75, .divide-xs-75 { width: 100%; display: block; height: 75px; } .divide80, .divide-xs-80 { width: 100%; display: block; height: 80px; } .divide85, .divide-xs-85 { width: 100%; display: block; height: 85px; } @media (min-width: 768px) { .divide-sm-0 { width: 100%; display: block; height: 0; } .divide-sm-2 { width: 100%; display: block; height: 2px; } .divide-sm-3 { width: 100%; display: block; height: 3px; } .divide-sm-5 { width: 100%; display: block; height: 5px; } .divide-sm-10 { width: 100%; display: block; height: 10px; } .divide-sm-15 { width: 100%; display: block; height: 15px; } .divide-sm-20 { width: 100%; display: block; height: 20px; } .divide-sm-25 { width: 100%; display: block; height: 25px; } .divide-sm-30 { width: 100%; display: block; height: 30px; } .divide-sm-35 { width: 100%; display: block; height: 35px; } .divide-sm-40 { width: 100%; display: block; height: 40px; } .divide-sm-45 { width: 100%; display: block; height: 40px; } .divide-sm-50 { width: 100%; display: block; height: 50px; } .divide-sm-55 { width: 100%; display: block; height: 55px; } .divide-sm-60 { width: 100%; display: block; height: 60px; } .divide-sm-65 { width: 100%; display: block; height: 65px; } .divide-sm-70 { width: 100%; display: block; height: 70px; } .divide-sm-75 { width: 100%; display: block; height: 75px; } .divide-sm-80 { width: 100%; display: block; height: 80px; } .divide-sm-85 { width: 100%; display: block; height: 85px; } } @media (min-width: 992px) { .divide-md-0 { width: 100%; display: block; height: 0; } .divide-md-2 { width: 100%; display: block; height: 2px; } .divide-md-3 { width: 100%; display: block; height: 3px; } .divide-md-5 { width: 100%; display: block; height: 5px; } .divide-md-10 { width: 100%; display: block; height: 10px; } .divide-md-15 { width: 100%; display: block; height: 15px; } .divide-md-20 { width: 100%; display: block; height: 20px; } .divide-md-25 { width: 100%; display: block; height: 25px; } .divide-md-30 { width: 100%; display: block; height: 30px; } .divide-md-35 { width: 100%; display: block; height: 35px; } .divide-md-40 { width: 100%; display: block; height: 40px; } .divide-md-45 { width: 100%; display: block; height: 40px; } .divide-md-50 { width: 100%; display: block; height: 50px; } .divide-md-55 { width: 100%; display: block; height: 55px; } .divide-md-60 { width: 100%; display: block; height: 60px; } .divide-md-65 { width: 100%; display: block; height: 65px; } .divide-md-70 { width: 100%; display: block; height: 70px; } .divide-md-75 { width: 100%; display: block; height: 75px; } .divide-md-80 { width: 100%; display: block; height: 80px; } .divide-md-85 { width: 100%; display: block; height: 85px; } } @media (min-width: 1200px) { .divide-lg-0 { width: 100%; display: block; height: 0; } .divide-lg-2 { width: 100%; display: block; height: 2px; } .divide-lg-3 { width: 100%; display: block; height: 3px; } .divide-lg-5 { width: 100%; display: block; height: 5px; } .divide-lg-10 { width: 100%; display: block; height: 10px; } .divide-lg-15 { width: 100%; display: block; height: 15px; } .divide-lg-20 { width: 100%; display: block; height: 20px; } .divide-lg-25 { width: 100%; display: block; height: 25px; } .divide-lg-30 { width: 100%; display: block; height: 30px; } .divide-lg-35 { width: 100%; display: block; height: 35px; } .divide-lg-40 { width: 100%; display: block; height: 40px; } .divide-lg-45 { width: 100%; display: block; height: 40px; } .divide-lg-50 { width: 100%; display: block; height: 50px; } .divide-lg-55 { width: 100%; display: block; height: 55px; } .divide-lg-60 { width: 100%; display: block; height: 60px; } .divide-lg-65 { width: 100%; display: block; height: 65px; } .divide-lg-70 { width: 100%; display: block; height: 70px; } .divide-lg-75 { width: 100%; display: block; height: 75px; } .divide-lg-80 { width: 100%; display: block; height: 80px; } .divide-lg-85 { width: 100%; display: block; height: 85px; } } /*@import "../main";*/ .black-bg { background-color: #000; } .text-black { color: #000; } .dark-gray-bg { background-color: #313D48; } .text-dark-gray { color: #313D48; } .gray-bg { background-color: #5B6771; } .text-gray { color: #5B6771; } .medium-gray-bg { background-color: #6A737A; } .text-medium-gray { color: #6A737A; } .light-gray-bg { background-color: #d0d0d0; } .text-light-gray { color: #d0d0d0; } .off-white-bg { background-color: #F2F3F4; } .text-off-white { color: #F2F3F4; } .white-bg { background-color: #ffffff; } .text-white { color: #ffffff; } .yellow-bg { background-color: #ccdd00; } .text-yellow { color: #ccdd00; } .blue-bg { background-color: #0075C9; } .text-blue { color: #0075C9; } .dark-blue-bg { background-color: #0D1F2B; } .text-dark-blue { color: #0D1F2B; } /* roboto-condensed-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-300.eot); /* IE9 Compat Modes */ src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-300.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-300.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-300.woff) format("woff"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-300.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-300.svg) format("svg"); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-regular.eot); /* IE9 Compat Modes */ src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-regular.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-regular.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-regular.woff) format("woff"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-regular.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-regular.svg) format("svg"); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-700.eot); /* IE9 Compat Modes */ src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-700.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-700.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-700.woff) format("woff"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-700.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/roboto_condensed/roboto-condensed-v16-latin-700.svg) format("svg"); /* Legacy iOS */ } /* poppins-100 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-100.eot); /* IE9 Compat Modes */ src: local("Poppins Thin"), local("Poppins-Thin"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-100.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-100.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-100.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-100.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-100.svg) format("svg"); /* Legacy iOS */ } /* poppins-200 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-200.eot); /* IE9 Compat Modes */ src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-200.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-200.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-200.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-200.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-200.svg) format("svg"); /* Legacy iOS */ } /* poppins-300 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-300.eot); /* IE9 Compat Modes */ src: local("Poppins Light"), local("Poppins-Light"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-300.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-300.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-300.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-300.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-300.svg) format("svg"); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-regular.eot); /* IE9 Compat Modes */ src: local("Poppins Regular"), local("Poppins-Regular"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-regular.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-regular.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-regular.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-regular.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-regular.svg) format("svg"); /* Legacy iOS */ } /* poppins-500 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-500.eot); /* IE9 Compat Modes */ src: local("Poppins Medium"), local("Poppins-Medium"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-500.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-500.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-500.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-500.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-500.svg) format("svg"); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-600.eot); /* IE9 Compat Modes */ src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-600.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-600.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-600.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-600.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-600.svg) format("svg"); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-700.eot); /* IE9 Compat Modes */ src: local("Poppins Bold"), local("Poppins-Bold"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-700.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-700.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-700.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-700.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-700.svg) format("svg"); /* Legacy iOS */ } /* poppins-800 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-800.eot); /* IE9 Compat Modes */ src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-800.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-800.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-800.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-800.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-800.svg) format("svg"); /* Legacy iOS */ } /* poppins-900 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; src: url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-900.eot); /* IE9 Compat Modes */ src: local("Poppins Black"), local("Poppins-Black"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-900.eot) format("embedded-opentype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-900.woff2) format("woff2"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-900.woff) format("woff"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-900.ttf) format("truetype"), url(/Areas/CMS/Assets/fonts/poppins/poppins-v5-latin-900.svg) format("svg"); /* Legacy iOS */ } /*@import "../main";*/ html, body { font-size: 16px; font-family: "Poppins", Helvetica, Arial, sans-serif; line-height: 1.6; position: relative; color: #0D1F2B; min-width: 320px; } @media (min-width: 1600px) { html, body { font-size: 18px; } } h1, .h1 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: .5em; letter-spacing: 0; } h2, .h2 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: none; line-height: 1.15; margin-top: 0; margin-bottom: 1em; font-size: 2.44444em; letter-spacing: 0; } h3, .h3 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.66667em; letter-spacing: .075em; line-height: 1.2; margin-top: 0; margin-bottom: .5em; } h4, .meta, .h4 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.55556em; font-weight: 600; letter-spacing: 0.06667em; margin-bottom: .125em; } .about-widget h4, .about-widget .meta { margin-top: 0; } .about-widget h2 { font-size: 2.1em; } .headline, .big-headline, .huge-headline { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; } .big-headline { line-height: 1; font-size: 3.5em; /*@media(min-width: $md) { font-size: pxtoem(80); }*/ } @media (max-width: 599px) { .big-headline { font-size: 3em; } } @media (max-width: 479px) { .big-headline { font-size: 2em; } } @media (min-width: 1600px) { .big-headline { font-size: 5.55556em; } } @media (min-width: 1800px) { .big-headline { font-size: 6.11111em; } } .huge-headline { line-height: .85; font-size: 2.5em; } @media (min-width: 568px) { .huge-headline { font-size: 4.44444em; } } @media (min-width: 768px) { .huge-headline { font-size: 5.55556em; } } @media (min-width: 992px) { .huge-headline { font-size: 6.66667em; letter-spacing: .08em; } } @media (min-width: 1600px) { .huge-headline { font-size: 8.88889em; } } .huge-headline u { font-size: 1rem; text-decoration: none; margin-left: 4px; display: block; letter-spacing: .08em; line-height: 1.9; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; } @media (min-width: 992px) { .huge-headline u { font-size: 0.16667em; margin-left: 6px; } } @media (min-width: 1600px) { .huge-headline u { margin-left: 8px; } } @media (max-width: 479px) { .huge-headline u { font-size: 0.8rem; letter-spacing: 0; } } .meta { line-height: 1.2em; } p { margin-top: 0; margin-bottom: 1em; } p .mb-none { margin-bottom: 0; } a { -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; outline: 0; } a:hover, a:active, a:focus { text-decoration: none; color: unset; } a.blank { color: inherit; } a.blank:hover, a.blank:active, a.blank:focus { text-decoration: none; } button.blank { outline: 0; color: inherit; border: 0; background: none; padding: 0; } address { font-style: normal; } .large { font-size: 1.2em; } .smaller { font-size: .888em; line-height: 1.2; } @media (min-width: 768px) { .small { font-size: .888em; } .smaller { font-size: .75em; line-height: 1.2; } } .extra-small, .xsmall { font-size: .788em; line-height: 1.5; display: block; } .light { font-weight: 300; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-2col { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col div, .text-2col li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } @media (min-width: 568px) { .text-2col-xs { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col-xs div, .text-2col-xs li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } @media (min-width: 768px) { .text-2col-sm { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col-sm div, .text-2col-sm li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } @media (min-width: 992px) { .text-2col-md { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col-md div, .text-2col-md li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } @media (min-width: 1200px) { .text-2col-lg { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col-lg div, .text-2col-lg li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } @media (min-width: 1600px) { .text-2col-xl { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col-xl div, .text-2col-xl li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } @media (min-width: 1800px) { .text-2col-xxl { -webkit-columns: 2; columns: 2; -webkit-column-gap: 60px; column-gap: 60px; } .text-2col-xxl div, .text-2col-xxl li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } .yellow-line { color: #ccdd00; display: block; width: 12.66667em; border-bottom: 0.16667em solid; margin: 1.25em auto 1.25em 0; } .blue-line { color: #0075C9; display: block; width: 12.66667em; border-bottom: 0.16667em solid; margin: 1.25em auto 1.25em 0; } @media (min-width: 1200px) { .yellow-border_right { border-right: solid 0.16667em #ccdd00; padding-right: 30px; } } @media (min-width: 1200px) { .yellow-border_left { border-left: solid 0.16667em #ccdd00; padding-left: 30px; } } .editor-content { color: #5B6771; } .editor-content h1, .editor-content .h1, .editor-content h2, .editor-content .h2, .editor-content h3, .editor-content .h3, .editor-content h4, .editor-content .meta, .editor-content .h4, .editor-content .headline, .editor-content .big-headline, .editor-content .huge-headline { color: #313D48; } .M867 h2 { color: #313D48; } .M867 p strong { color: #313D48; } .project h1 { text-transform: none; margin-top: 1em; font-size: 2.4444em; line-height: 1.2em; } @media (max-width: 991px) { .project h1 { margin-top: 0; } } @media (max-width: 479px) { h2, .h2 { font-size: 1.8em; } } @media (max-width: 991px) { .fs-section .content-left h1.huge-headline { color: #ffffff !important; } } /*@import "../main";*/ .no-margin { margin: 0 !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .background-cover, .fs-section .fs-foreground, .fs-section .fs-background, .content-slice .col-stat, .project-tile, .leader-tile-toggle > a { background-size: cover; background-position: center; } .opaque { opacity: .5; } .relative { position: relative; } .float-right { float: right; } .float-left { float: left; } .float-none { float: none; } .list-inline { padding-left: 0; margin-left: -0.27778em; list-style: none; } .list-inline > li { display: inline-block; padding-right: 0.27778em; padding-left: 0.27778em; } .svg { position: relative; } .svg > svg, .svg > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .svg.block-link-icon > svg, .svg.block-link-icon > img { width: 50%; height: 50%; } .JumpNav { position: absolute; top: -200px; z-index: 500; color: #ffffff; background: #666666; padding: 5px; } .JumpNav:focus { top: 0; left: 0; color: #ffffff; } .careers .padding-right, .project .padding-right { padding-right: 40px; } .no-gutters, .no-padding { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"], .no-padding > .col, .no-padding > [class*="col-"] { padding-right: 0; padding-left: 0; } .no-gutters .column-margin, .no-padding .column-margin { margin-top: 0; margin-bottom: 0; } .wide-gutters { margin-right: -30px; margin-left: -30px; } .wide-gutters > .col, .wide-gutters > [class*="col-"] { padding-right: 30px; padding-left: 30px; } .block-figure { display: block; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .block-figure span { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } .h-100 { height: 100%; } .bubble { padding: 2em 0; background: #ccdd00; color: #0D1F2B; } .bubble .inner h2 { color: #0D1F2B; } @media (min-width: 992px) { .bubble { position: absolute; top: 0; right: 0; border-radius: 100%; width: 35em; height: 35em; -webkit-transform: translate(10%, -50%); -ms-transform: translate(10%, -50%); transform: translate(10%, -50%); padding: 4em; } .bubble .inner { position: absolute; top: 50%; left: 20%; right: 25%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: auto !important; } .bubble .inner h2 { color: #0D1F2B; } } .small-bubble:before { content: ''; position: absolute; top: 50%; right: 0; border-radius: 100%; width: 37em; height: 37em; -webkit-transform: translate(15%, -50%); -ms-transform: translate(15%, -50%); transform: translate(15%, -50%); background: #ccdd00; padding: 4em; } .small-bubble h2 { z-index: 5; position: relative; } .small-bubble a { background: #0D1F2B; } @media (max-width: 768px) { .small-bubble { padding: 40px 30px; } } @media (max-width: 991px) { .bubble { margin-bottom: 4em; } .small-bubble { background: #ccdd00; padding: 45px; } .small-bubble h2 { margin-bottom: 0.5em !important; } .small-bubble:before { content: unset; } } @media (max-width: 1300px) { .small-bubble:before { -webkit-transform: translate(36%, -50%); -ms-transform: translate(36%, -50%); transform: translate(36%, -50%); } } .img-left { width: auto; max-width: 50%; margin: 0 20px 20px 0; float: left; } .img-right { width: auto; max-width: 50%; margin: 0 20px 20px 0; float: right; } .img-full { width: 100%; max-width: 100%; margin: 0 0 20px 0; } /*@import "../main";*/ #header { position: fixed; width: 100%; top: 0; left: 0; background: #0D1F2B; z-index: 150; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 14px; color: #fff; will-change: transform, scroll-position; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 992px) { #header { letter-spacing: .18em; } } #header .wide-container { position: relative; height: 100%; } #header .toggle-flyout { padding: 17px 15px; margin-right: -15px; width: 65px; } #header a, #header button { color: #ffffff; display: block; padding: 1.07143em 0.35714em; } @media (min-width: 992px) { #header a, #header button { padding: 1.42857em 0.71429em; } } @media (min-width: 1200px) { #header a, #header button { padding: 1.85714em 1.28571em 1.71429em; } } #header a.active, #header button.active { color: #0075C9; } #header a:hover, #header button:hover { color: #ccdd00; } #header #toggle-search { text-align: right; } #header #toggle-search > i { display: inline-block; width: 15px; } #header .search-bar { position: absolute; display: none; top: 100%; left: 0; right: 0; border-top: 2px solid #283641; background-color: #0D1F2B; } #header .search-bar form { position: relative; } #header .search-bar input { text-align: right; padding-right: 45px; font-weight: 500; } #header .search-bar button { position: absolute; top: 50%; right: 0; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: inherit; } #header .search-bar button:hover, #header .search-bar button:active, #header .search-bar button:focus { color: #ccdd00; } #header .search-bar.active { display: block; -webkit-animation: fadein .15s; animation: fadein .15s; } #header nav { float: right; } #header nav ul { margin: 0 -0.33333em; } @media (min-width: 992px) { #header nav ul { margin: 0 -0.66667em; } } @media (min-width: 1200px) { #header nav ul { margin: 0 -1.2em; } } #header nav ul > li { padding: 0; } #header nav ul > li.dropdown-open .dropdown-menu { display: block; -webkit-animation: dropdownOpen 0.2s forwards; animation: dropdownOpen 0.2s forwards; } #header nav ul > li .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: left; min-width: 160px; text-align: left; list-style: none; margin: 0; padding: 0; background: #0D1F2B repeat top; left: auto; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 0; font-size: 1em; } #header nav ul > li .dropdown-menu li a { display: block; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; border-bottom: none; color: #fff; text-transform: none; padding: 15px 25px !important; letter-spacing: 0; font-family: "Poppins", Helvetica, Arial, sans-serif; } #header nav ul > li .dropdown-menu li a:hover, #header nav ul > li .dropdown-menu li a:active, #header nav ul > li .dropdown-menu li a:focus, #header nav ul > li .dropdown-menu li a .active { background: #ccdd00; color: #0D1F2B; text-decoration: none; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } #logo { position: relative; padding: 10px 0 10px; width: 86px; display: block; float: left; } @media (min-width: 992px) { #logo { padding: 11px 0 10px; width: 90px; } } @media (min-width: 1200px) { #logo { width: 104px; padding: 12px 0 11px; } } @media (min-width: 1600px) { #logo { padding: 16px 0 15px; } } #logo a { display: block; padding: 0 0 41.33333%; } .anchor { position: relative; top: -68px; } @media (min-width: 1600px) { .anchor { top: -73px; } } @-webkit-keyframes dropdownOpen { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes dropdownOpen { 0% { opacity: 0; } 100% { opacity: 1; } } .hamburger { width: 45px; margin-right: 0; float: right; margin-left: auto; } .hamburger i { width: 100%; height: 2px; margin-bottom: 8px; display: block; background-color: #fff; border-radius: 4px; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .hamburger i:last-child { margin: 0; } /*@import "../main";*/ .home #footer { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(13, 31, 43, 0.8); } @media (max-width: 991px) { .home #footer { position: relative; background-color: #0D1F2B; } } #footer { width: 100%; z-index: 150; color: #ffffff; background: #0D1F2B; font-size: 18px; overflow: hidden; z-index: 150; } #footer .list-inline { display: inline-block; } @media (max-width: 767px) { #footer .list-inline { margin-bottom: 5px; } } #footer a { color: #ffffff; opacity: .65; } #footer a:hover, #footer a:active, #footer a:focus { opacity: 1; } #social { float: right; font-size: 17px; padding: 0 15px; position: relative; } #social .list-inline { margin: 15px -1px; } #social .list-inline > li { padding-left: 1px; padding-right: 1px; } #social a { background-color: #ffffff; color: #0D1F2B; display: inline-block; padding: .23em; border-radius: 100%; width: 1.9em; height: 1.9em; text-align: center; opacity: 1; } #social a:hover { background-color: #ccdd00; } @media (max-width: 767px) { #social { display: block; float: left; padding-left: 0; } } /* Moncur Bug */ .moncur-bug { display: block; -o-transition: all .15s; -webkit-transition: all .15s; transition: all .15s; margin-top: -2px; } .moncur-bug img { height: 20px; opacity: 0.5; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; margin-left: 10px; } .moncur-bug:hover img { opacity: 0.75; } .moncur-bug:hover:after, .moncur-bug:focus:after { opacity: 1; -ms-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); outline: 0; } .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transition: all 0.3s cubic-bezier(0.3, 0.3, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.3, 0.3, 0.3, 1); transition: all 0.3s cubic-bezier(0.3, 0.3, 0.3, 1); } .sb-slidebar { width: 258px; } .flyout-nav { font-size: 20px; background-color: #0D1F2B; border-left: 2px solid #313D48; } .flyout-nav nav { width: 100%; } .flyout-nav ul { padding: 0; margin: 0; list-style: none; } .flyout-nav a { color: #ffffff; display: block; border-left: 4px solid transparent; line-height: 1.2; } .flyout-nav a.active, .flyout-nav a.is-active { border-color: #313D48; } .flyout-nav a:hover, .flyout-nav a:active, .flyout-nav a:focus { background: #313D48; } .flyout-nav .dropdown-menu { padding: 0 0 20px; display: none; font-size: 16px; } .flyout-nav .dropdown-menu li a { padding: 10px 18px; } .flyout-nav .dropdown-menu.open { display: block; } .flyout-nav .dropdown-menu.open li a { padding: 10px 28px; opacity: 0.6; } .flyout-nav > nav > ul > li { position: relative; display: block; } .flyout-nav > nav > ul > li > a { font-size: 22px; padding: 20px 18px; display: block; color: #fff; } .flyout-nav .toggle-sub-menu { position: absolute; top: 0; right: 0; border: 0; } .flyout-nav .toggle-sub-menu:hover, .flyout-nav .toggle-sub-menu:active, .flyout-nav .toggle-sub-menu:focus { background: transparent; } .search-bar { margin: 0; color: #ffffff; border-bottom: 2px solid #313D48; } .search-bar input { background-color: transparent; border: none; outline: 0; padding: 11px 0 11px 20px; border-radius: 0 !important; min-width: 0; width: 100%; } .search-bar button { position: absolute; top: 0; right: 0; border: 0; background: transparent; outline: 0; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; font-size: 18px; height: 52.34px; width: 52.34px; border: 0; padding: 17px 26px; width: auto; background-color: transparent; } .expand-plus { height: 66px; width: 66px; } .expand-plus:before, .expand-plus:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; height: 2px; width: 20px; background-color: #fff; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .expand-plus:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 0.5); -o-transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 0.5); transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 0.5); } .expand-plus.active:before { -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } .flyout-footer { padding-top: 25px; padding-bottom: 25px; font-size: 16px; } .soc-nav { padding: 0 18px; } .soc-nav ul { margin-left: -5px; } .side-menu { border-left: solid 0.16667em #F2F3F4; } @media (max-width: 991px) { .side-menu { margin-top: 45px; } } .side-menu .meta { padding-left: 30px; } .side-menu ul { list-style: none; padding: 0; } .side-menu li { padding-left: 30px; position: relative; } .side-menu li.active > a { color: #0D1F2B; } .side-menu > ul { margin-bottom: 0; list-style: none; } .side-menu > ul > li.has-sub, .side-menu > ul > li.active { border-left: 0.16667em solid #ccdd00; margin-left: -0.16667em; } .side-menu a { color: #5B6771; display: block; border-bottom: 2px solid #F2F3F4; margin-top: -2px; padding: 0.55556em 0; } .side-menu a:hover, .side-menu a:active, .side-menu a:focus { /*padding-left: pxtoem(12); background-color: $dark-blue;*/ color: #0075C9; } .media-contact { padding-left: 30px; margin-top: 80px; } .media-contact h3 { color: #5B6771; padding: 0.55556em 0; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.55556em; font-weight: 600; letter-spacing: 0.06667em; } .media-contact a { color: #0075C9; } .media-contact .btn { color: #0D1F2B; } /*@import "../main";*/ .fs-section { height: calc(100vh - 68px); position: relative; overflow: hidden; } @media (max-width: 991px) { .fs-section { height: 800px; } } @media (max-width: 599px) { .fs-section { height: 600px; } } @media (min-width: 1600px) { .fs-section { height: calc(100vh - 73px); } } .fs-section:focus { outline: 0; } .fs-section > .content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .fs-section h1 { margin-bottom: 2.77778rem; z-index: 2; position: relative; } @media (max-width: 991px) { .fs-section h1 { z-index: 0; margin-bottom: 1.11111rem; } } .fs-section .content-center, .fs-section .content-left { z-index: 4; color: #d0d0d0; background: rgba(13, 31, 43, 0.8); position: relative; margin-bottom: 2.08333em; } @media (min-width: 992px) { .fs-section .content-center, .fs-section .content-left { font-size: 1.33333em; } } .fs-section .content-center { padding: 2.27778em 3.77778em 2.5em; } .fs-section .content-left { padding: 1.11111em 1.33333em 1.16667em 0; } .fs-section .content-left:before { content: ''; position: absolute; top: 0; bottom: 0; right: 100%; width: 50vw; background: inherit; } .fs-section .fs-foreground, .fs-section .fs-background { position: absolute; width: 100%; height: 100%; will-change: transform; background-repeat: no-repeat; opacity: 0; top: 0; left: 0; } .fs-section .fs-foreground.unloaded, .fs-section .fs-background.unloaded { background-image: none !important; } .fs-section .fs-foreground.loaded, .fs-section .fs-background.loaded { opacity: 1; -webkit-animation: fadein .6s ease-out forwards; animation: fadein .6s ease-out forwards; } .fs-section .fs-foreground { z-index: 3; pointer-events: none; } @media (min-width: 992px) { .fs-section .fs-foreground { z-index: 3; } } .fs-section .fs-background { z-index: 1; } .fs-section a { z-index: 4; } #fs__jump-nav { position: fixed; top: 50%; right: 0; -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); z-index: 150; -webkit-transition: -webkit-transform .3s ease-in; transition: -webkit-transform .3s ease-in; -o-transition: transform .3s ease-in; transition: transform .3s ease-in; transition: transform .3s ease-in, -webkit-transform .3s ease-in; will-change: transform, scroll-position; display: none; } @media (min-width: 992px) { #fs__jump-nav { display: block; } } #fs__jump-nav.active { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } #fs__jump-nav a { display: block; width: 4.44444em; height: 3.88889em; background: #0D1F2B; overflow: hidden; -webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); transform: translate(10px, 0); padding-right: 10px; } #fs__jump-nav a:hover, #fs__jump-nav a:active, #fs__jump-nav a:focus, #fs__jump-nav a.active { background: #0075C9; } #fs__jump-nav a:hover, #fs__jump-nav a:active, #fs__jump-nav a:focus { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #fs__jump-nav a .svg { width: 60%; height: 60%; margin: 20%; } #renewable-energy-container { color: #ffffff; } #renewable-energy-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-5.jpg?w=780&mode=max&quality=60); width: 100%; width: calc(100% + 100px); } @media (min-width: 1200px) { #renewable-energy-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-5-2x.jpg?w=1400&mode=max&quality=60); } } #renewable-energy-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Wind-Foreground.png?w=780&mode=max); right: 0; left: auto; } @media (min-width: 992px) { #renewable-energy-container .fs-foreground { width: 78.39%; } } @media (min-width: 1200px) { #renewable-energy-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Wind-Foreground-2x.png?w=1400&mode=max); } } #solar-energy-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-7.jpg?w=780&mode=max&quality=60); width: 100%; width: calc(100% + 100px); } @media (min-width: 1200px) { #solar-energy-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-7-2x.jpg?w=1400&mode=max&quality=60); } } #solar-energy-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/solar-foreground-copy.png?w=780&mode=max); width: 100%; right: 0; } @media (min-width: 1200px) { #solar-energy-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/solar-foreground-copy-2x.png?w=1400&mode=max); } } #thermal-container { color: #ffffff; } #thermal-container .fs-background { background-color: #313D48; background-image: url(/Areas/CMS/Assets/img/Mask-Group-2.jpg?w=780&mode=max&quality=60); } @media (min-width: 1200px) { #thermal-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-2-2x.jpg?w=1400&mode=max&quality=60); } } #thermal-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Mask-Group-1.png?w=780&mode=max); } @media (min-width: 1200px) { #thermal-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Mask-Group-1-2x.png?w=1400&mode=max); } } #petrochemical-industrial-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-6.jpg?w=780&mode=max&quality=60); } @media (min-width: 1200px) { #petrochemical-industrial-container .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-6-2x.jpg?w=1400&mode=max&quality=60); } } #petrochemical-industrial-container .fs-foreground { height: 80%; width: 80%; top: auto; left: auto; right: 0; bottom: 0; background-size: contain; background-position: right bottom; background-image: url(/Areas/CMS/Assets/img/Petro-Foreground.png?w=780&mode=max&quality=80&format=gif); } @media (max-width: 991px) { #petrochemical-industrial-container .fs-foreground { width: 100%; background-size: cover; background-position: center bottom; } } @media (min-width: 1200px) { #petrochemical-industrial-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Petro-Foreground-2x.png?w=1400&mode=max&quality=80&format=gif); } } #biomass-container { color: #ffffff; } #biomass-container .fs-background { background-image: -webkit-linear-gradient(85deg, #2bb8ee, #012d90); background-image: -o-linear-gradient(85deg, #2bb8ee, #012d90); background-image: linear-gradient(5deg, #2bb8ee, #012d90); } #biomass-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/biomass.png?w=780&mode=max); background-position: top center; width: 120%; height: 90%; top: 10%; left: -10%; } @media (min-width: 1200px) { #biomass-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/biomass-2x.png?w=1400&mode=max); } } #power-delivery-container .fs-background { background-image: url(/Areas/CMS/Assets/img/power-background.jpg?w=780&mode=max&quality=60); width: 110%; left: -5%; } @media (min-width: 1200px) { #power-delivery-container .fs-background { background-image: url(/Areas/CMS/Assets/img/power-background-2x.jpg?w=1400&mode=max&quality=60); } } #power-delivery-container .fs-foreground-container { position: absolute; top: -10px; left: -15px; width: 60%; } #power-delivery-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/wire.png?w=780&mode=max); background-repeat: no-repeat; padding-bottom: 35.45%; height: auto; width: 100%; background-position: 0, 0; } @media (min-width: 1200px) { #power-delivery-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/wire-2x.png?w=1400&mode=max); } } #heavy-civil-container { color: #ffffff; } #heavy-civil-container .fs-background { background-image: -webkit-linear-gradient(102deg, #d9f0fe 45%, #1c6dd9 90%); background-image: -o-linear-gradient(102deg, #d9f0fe 45%, #1c6dd9 90%); background-image: linear-gradient(-12deg, #d9f0fe 45%, #1c6dd9 90%); } #heavy-civil-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Mask-Group-4.png?w=780&mode=max); } @media (min-width: 1200px) { #heavy-civil-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/Mask-Group-4-2x.png?w=1400&mode=max); } } #contact-section .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-7.png?w=780&mode=max&quality=60&format=jpg); } @media (min-width: 1200px) { #contact-section .fs-background { background-image: url(/Areas/CMS/Assets/img/Mask-Group-7-2x.png?w=1400&mode=max&quality=60&format=jpg); } } #wind-energy-container:after, #thermal-container:after, #biomass-container:after, #heavy-civil-container:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #313D48; z-index: -4; } #industrial-container .fs-background { background-image: url(/Areas/CMS/Assets/img/industrial-bg.jpg?w=780&mode=max&quality=60); } #industrial-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/industrial-fg.png?w=780&mode=max); background-position: center center; width: 110%; height: 100%; top: 2%; left: 0; } @media (min-width: 1200px) { #industrial-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/industrial-fg.png?w=1400&mode=max); } } #rail-container .fs-background { background-image: url(/Areas/CMS/Assets/img/rail-bg.jpg?w=780&mode=max&quality=60); } #rail-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/rail-fg.png?w=780&mode=max); background-position: center center; width: 110%; height: 100%; top: 0; left: 0; } @media (min-width: 1200px) { #rail-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/rail-fg.png?w=1400&mode=max); } } #environmental-container .fs-background { background-image: url(/Areas/CMS/Assets/img/environmental-bg.jpg?w=780&mode=max&quality=60); } #environmental-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/environmental-fg2.png?w=780&mode=max); background-position: center bottom; width: 110%; height: 100%; top: 5%; left: -5%; } @media (min-width: 1200px) { #environmental-container .fs-foreground { background-image: url(/Areas/CMS/Assets/img/environmental-fg2.png?w=1400&mode=max); } } /*@import "../main";*/ .banner { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .row.no-gutter { margin-left: 0; margin-right: 0; } .row.no-gutter [class*='col-'] { padding-right: 0; padding-left: 0; } #BannerHome { position: relative; text-align: center; /*padding-bottom: (50px + 190px);*/ padding-top: 73px; color: #fff; /*background-image: url(/Areas/CMS/Assets/img/HomePageBG.jpg?w=780);*/ background-color: #313D48; /*@media (min-aspect-ratio: 5/4) { height: 75vh; } @media (min-aspect-ratio: 3/2) { height: 85vh; }*/ /*@media (min-aspect-ratio: 31/18) { height: 100vh; .huge-headline { margin-bottom: .25em; } }*/ } @media (min-width: 1200px) { #BannerHome { /*background-image: url(/Areas/CMS/Assets/img/HomePageBG.jpg?w=1400);*/ } } #BannerHome .banner-home_content { position: absolute; z-index: 10; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } #BannerHome .banner-home_content.flex-center, #BannerHome .Page404 .banner-home_content#sb-site, .Page404 #BannerHome .banner-home_content#sb-site { height: auto !important; } #BannerHome .huge-headline { margin-bottom: 0; } #BannerHome .huge-headline u { margin-bottom: 1em; } #BannerHome .huge-headline > span { margin-bottom: 1.5em; } #BannerHome .container-fluid { padding-left: 0; padding-right: 0; } @media (max-width: 1199px) { #BannerHome { padding-top: 62px; } } @media (max-width: 991px) { #BannerHome { display: none; } } #BannerHome .flex-center > .container-fluid, #BannerHome .Page404 #sb-site > .container-fluid, .Page404 #BannerHome #sb-site > .container-fluid { -ms-flex: 0 1 auto; } #BannerHome .market-slice { height: calc(100vh - 74px); position: relative; background-position: bottom center; background-repeat: no-repeat; background-size: cover; position: relative; background-repeat: no-repeat; min-height: 500px; } @media (max-width: 1199px) { #BannerHome .market-slice { height: calc(100vh - 62px); } } #BannerHome #fs__jump-nav-row { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 15px; letter-spacing: .2em; position: absolute; width: 100%; bottom: 0; left: 0; right: 0; overflow: hidden; } #BannerHome #fs__jump-nav-row:before, #BannerHome #fs__jump-nav-row:after { content: ''; clear: both; display: table; } #BannerHome #fs__jump-nav-row a { color: #fff; display: block; background: rgba(13, 31, 43, 0.8); padding: 25px 10px 45px; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); width: 100%; /*&:last-of-type { width: calc(14.2857% - 1px); }*/ } #BannerHome #fs__jump-nav-row a:hover, #BannerHome #fs__jump-nav-row a:active, #BannerHome #fs__jump-nav-row a:focus { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #BannerHome #fs__jump-nav-row a span { display: block; line-height: 1.2; min-height: 2.4em; } #BannerHome #fs__jump-nav-row .svg { margin: 15px auto 0; width: 25%; padding-bottom: 30%; } #BannerHome #fs__jump-nav-row .svg.heavy-civil { width: 33%; } #BannerHome #fs__jump-nav-row .svg.rail { width: 33%; } #BannerHomeMobile { height: 100vh; min-height: 500px; position: relative; } @media (min-width: 992px) { #BannerHomeMobile { display: none; } } #BannerHomeMobile .banner-mobile_heading { position: absolute; z-index: 50; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(13, 31, 43, 0.8); } #BannerHomeMobile .banner-mobile_heading .huge-headline { color: #ffffff; text-align: center; position: relative; z-index: 55; padding: 30px 0 15px; margin: 0; } #BannerHomeMobile .banner-mobile_heading .huge-headline u { margin-bottom: 10px; } #BannerHomeMobile .banner-mobile_slider { height: 100%; } #BannerHomeMobile .banner-mobile_slider .slick-list, #BannerHomeMobile .banner-mobile_slider .slick-track { height: 100%; } #BannerHomeMobile .banner-mobile_slide { width: 100%; height: 100%; background-size: cover; background-position: bottom center; position: relative; overflow: hidden; } #BannerHomeMobile .banner-mobile_slide img { display: block; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #BannerHomeMobile .slick-dots { list-style: none; padding: 0; text-align: center; right: 0; left: 0; padding-bottom: 30px; margin: 0; } #BannerHomeMobile .slick-dots li { display: inline-block; vertical-align: top; margin: 0 6px; } #BannerHomeMobile .slick-dots li button { background-color: transparent; border: solid 1px #ffffff; border-radius: 100%; font-size: 0; height: 14px; margin: 0; padding: 0; width: 14px; outline: 0; } #BannerHomeMobile .slick-dots li.slick-active button { background-color: #ffffff; } #BannerHomeMobile #ScrollArrow { display: block; position: absolute; bottom: 25px; left: 50%; width: 35px; height: 35px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%, 0) rotate(45deg); -ms-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); } #BannerLanding { padding: 13.88889em 0 0; } #BannerLanding h1 { margin: 0; line-height: .68; } .esg-banner { overflow: hidden; } .esg-banner .h2 { margin-bottom: unset; } .esg-banner .btn:hover { background: #d0d0d0 !important; color: #081F2D !important; } .callout-banner { position: relative; border-bottom: 2px solid #283641; background-color: #313d48; } .callout-banner .container { position: relative; z-index: 5; } .callout-banner .huge-headline { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); pointer-events: none; color: #5b6771; line-height: 1; display: block; z-index: 0; opacity: .35; } @media (min-width: 992px) { .callout-banner { border: 0; } .callout-banner .btn { float: right; } } @media (max-width: 991px) { .callout-banner .huge-headline { display: none; } } @media (max-width: 767px) { .callout-banner { padding-top: 45px; padding-bottom: 45px; } } #BannerInterior { padding: 16.66667em 0 0; } @media (max-width: 767px) { #BannerInterior { padding: 10em 0 0; } } #BannerInterior .interior-menu_wrapper { list-style: none; margin: 0; padding: 0; line-height: .66; } #BannerInterior .interior-menu_wrapper .interior-menu_item { display: inline-block; margin-right: 2em; } @media (max-width: 1600px) { #BannerInterior .interior-menu_wrapper .interior-menu_item { margin-right: 1.4em; } } @media (max-width: 1200px) { #BannerInterior .interior-menu_wrapper .interior-menu_item { margin-right: 1em; } } @media (max-width: 992px) { #BannerInterior .interior-menu_wrapper .interior-menu_item { display: none; } #BannerInterior .interior-menu_wrapper .interior-menu_item.active { display: inline-block; } } #BannerInterior .interior-menu_wrapper .interior-menu_item:last-of-type { margin-right: 0; } #BannerInterior .interior-menu_wrapper .interior-menu_item a { color: #d0d0d0; font-size: 1.55556em; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; } #BannerInterior .interior-menu_wrapper .interior-menu_item a:hover { color: #ccdd00; } @media (max-width: 1600px) { #BannerInterior .interior-menu_wrapper .interior-menu_item a { font-size: 1.33333em; } } @media (max-width: 1200px) { #BannerInterior .interior-menu_wrapper .interior-menu_item a { font-size: 1.11111em; letter-spacing: .06em; } } #BannerInterior .interior-menu_wrapper .interior-menu_item h1 { font-size: 1.0em; margin: 0; padding: 0; } #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a { color: #ffffff; font-size: 1.55556em; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin: 0; padding: 0; } #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a:hover { color: #ffffff; } @media (max-width: 1600px) { #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a { font-size: 1.33333em; } } @media (max-width: 1200px) { #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a { font-size: 1.11111em; letter-spacing: .06em; } } @media (max-width: 992px) { #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a { font-size: 3.33333em; } } @media (max-width: 767px) { #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a { font-size: 2em; font-size: 6vw; } } @media (max-width: 479px) { #BannerInterior .interior-menu_wrapper .interior-menu_item h1 a { font-size: 1.2em; font-size: 6vw; } } .project #BannerInterior:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: .8; background: #0075C9; } #CareersBanner { padding: 16em 0 14em; } #CareersBanner .big-headline { margin-bottom: .25em; } #jobs-intro { padding: 5em 0; } #job-fair .col-md-6 { padding: 4em; height: inherit; } #job-fair .row .col-md-6.dark-blue-bg h4:first-child, #job-fair .row .col-md-6.dark-blue-bg .meta:first-child { margin-top: 0; } #job-fair .row .col-md-6.dark-blue-bg a { color: white !important; text-decoration: underline !important; } #job-fair .row .col-md-6.dark-blue-bg a:hover { opacity: .7; } #jobs-prefooter { background: #323E48; } #jobs-prefooter h4, #jobs-prefooter .meta { margin-top: 0; margin-bottom: 1em; } @media (min-width: 992px) { #job-fair .row { display: -webkit-box; display: -ms-flexbox; display: flex; } } .success h4, .success .meta { margin-bottom: 0.3em !important; } .success h1, .jobs h1 { font-size: 5em; } .jobs .yellow-line { margin-left: auto !important; } .toggle-jobs-modal.click { cursor: pointer; color: #337ab7; } .toggle-jobs-modal.click:hover, .toggle-jobs-modal.click:focus { color: #23527c; } #careers-banner { padding-top: 3.5em; } #careers-banner .banner-padding { padding: 7em 0; } #careers-banner .banner-padding h1 { font-size: 4.8em; line-height: 100px; } #careers-banner .banner-padding h3 { text-transform: none !important; font-size: 2.8em; } #careers-banner .row { display: -webkit-box; display: -ms-flexbox; display: flex; } #careers-banner .row .col-lg-6 { height: inherit; position: relative; } #careers-banner .row .col-lg-6 img { position: absolute; bottom: -7em; max-width: 120% !important; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media (max-width: 1199px) { #careers-banner .row { display: block; } #careers-banner .row .col-lg-6.text-center { height: 15em; } #careers-banner .row .col-lg-6.text-center img { height: 150%; } } @media (max-width: 767px) { .jobs #careers-banner .banner-padding { padding: 0 0 7em; } } .jobs .yellow-line { margin: 4.25em auto 2.25em 0; } @media (max-width: 767px) { #careers-banner .banner-padding h1 { font-size: 3.8em; line-height: 60px; margin-top: 10px; } #careers-banner .banner-padding h3 { font-size: 1.8em; } } .jobs #job-fair .yellow-line { margin: 2.25em auto 4.25em 0; } /*@import "../main";*/ .btn { font-size: 0.77778em; padding: 1.5em 2.75em; font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: .175em; display: inline-block; position: relative; overflow: hidden; -webkit-transition: color .15s, background-color .15s; -o-transition: color .15s, background-color .15s; transition: color .15s, background-color .15s; } .btn span { position: relative; z-index: 10; } @media (min-width: 992px) { .btn.wide { padding-left: 3.625em; padding-right: 3.625em; } } .btn.blue-bg { color: #ffffff; } .btn.blue-bg:hover, .btn.blue-bg:active, .btn.blue-bg:focus { background-color: #ccdd00; color: #0D1F2B; } .btn.dark-blue-bg { color: #ffffff; } .btn.dark-blue-bg:hover, .btn.dark-blue-bg:active, .btn.dark-blue-bg:focus { background-color: #ccdd00; color: #0D1F2B; } .btn.white-bg { color: #0D1F2B; } .btn.white-bg:hover, .btn.white-bg:active, .btn.white-bg:focus { background-color: #ccdd00; } .btn.gray-bg { background-color: #6A737A; color: #ffffff; border: solid 3px #6A737A; } .btn.gray-bg:hover, .btn.gray-bg:active, .btn.gray-bg:focus { background-color: #ffffff; color: #6A737A; } .btn-outline { padding: 1.3125em 2.5625em; border: 3px solid #fff; } .btn-outline:hover, .btn-outline:active, .btn-outline:focus { color: #0D1F2B; background-color: #ffffff; } .btn-outline-yellow { color: #fff; border-color: #ccdd00; } .btn-outline-yellow:hover, .btn-outline-yellow:active, .btn-outline-yellow:focus { color: #0D1F2B; background-color: #ccdd00; } .btn-outline-blue { color: #0D1F2B; border-color: #0D1F2B; } .btn-outline-blue:hover, .btn-outline-blue:active, .btn-outline-blue:focus { color: #ffffff; background-color: #0D1F2B; } .contact-form .btn { border: 0; margin-top: 5px; } /*.M867 .btn-outline-yellow { color:#0D1F2B; } .M867 .btn-outline-yellow:hover, .M867 .btn-outline-yellow:focus, .M867 .btn-outline-yellow:active { color:#ffffff; }*/ .investor-links-section { margin-top: 3em; width: 100%; } .investor-links-section .row { margin-left: -5px; margin-right: -5px; } .investor-links-section .row [class*='col-'] { padding-right: 5px; padding-left: 5px; } .investor-link { position: relative; padding: 36px; float: left; width: 100%; /*height: 140px;*/ margin-bottom: 10px; } .investor-link_left { width: 60%; float: left; height: 100%; position: relative; } .investor-link_left p { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.2em; margin: 0; padding: 0; position: relative; /*top: 50%; transform: translateY(-50%);*/ } .investor-link_left p .date { font-size: 0.75em; display: block; } .investor-link_right { width: 40%; float: left; text-align: right; } .investor-link { background-color: #0D1F2B; color: #ffffff; } .investor-link .btn-outline { color: #fff; border-color: #ccdd00; } .investor-link:hover { background-color: #ccdd00; color: #0D1F2B; } .investor-link:hover .btn-outline { color: #0D1F2B; border-color: #0D1F2B; } .investor-link:hover .btn-outline:hover { color: #ffffff; background-color: #0D1F2B; } @media (max-width: 767px) { .investor-link { height: auto; } .investor-link_left, .investor-link_right { width: 100%; } .investor-link_right { text-align: left; } .investor-link_left p { -webkit-transform: none; -ms-transform: none; transform: none; top: initial; margin-bottom: 10px; } } .rock-slide { position: absolute; top: -18%; left: -10%; right: -10%; bottom: -10%; opacity: 0; -webkit-transition: opacity .25s, background-color .25s; -o-transition: opacity .25s, background-color .25s; transition: opacity .25s, background-color .25s; background-color: transparent; } .rock-slide svg { min-width: 100%; min-height: 100%; } .rock-slide svg path, .rock-slide svg polygon, .rock-slide svg polyline { -webkit-transform: translate(0, -600px); -ms-transform: translate(0, -600px); transform: translate(0, -600px); -webkit-animation: stay .25s; animation: stay .25s; fill: #081F2D; border: transparent; stroke: transparent; } .btn:hover .rock-slide, .btn:focus .rock-slide { opacity: 1; -webkit-transition: opacity 0s, background-color 0.6s 0.2s cubic-bezier(0.65, 0, 1, 1); -o-transition: opacity 0s, background-color 0.6s 0.2s cubic-bezier(0.65, 0, 1, 1); transition: opacity 0s, background-color 0.6s 0.2s cubic-bezier(0.65, 0, 1, 1); background-color: #0D1F2B; } .btn:hover .rock-slide svg path, .btn:hover .rock-slide svg polygon, .btn:hover .rock-slide svg polyline, .btn:focus .rock-slide svg path, .btn:focus .rock-slide svg polygon, .btn:focus .rock-slide svg polyline { -webkit-animation: rockslide forwards .25s; animation: rockslide forwards .25s; } .btn:hover .rock-slide svg path:nth-child(1), .btn:hover .rock-slide svg polygon:nth-child(1), .btn:hover .rock-slide svg polyline:nth-child(1), .btn:focus .rock-slide svg path:nth-child(1), .btn:focus .rock-slide svg polygon:nth-child(1), .btn:focus .rock-slide svg polyline:nth-child(1) { -webkit-animation-delay: 0.025s; animation-delay: 0.025s; } .btn:hover .rock-slide svg path:nth-child(2), .btn:hover .rock-slide svg polygon:nth-child(2), .btn:hover .rock-slide svg polyline:nth-child(2), .btn:focus .rock-slide svg path:nth-child(2), .btn:focus .rock-slide svg polygon:nth-child(2), .btn:focus .rock-slide svg polyline:nth-child(2) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; } .btn:hover .rock-slide svg path:nth-child(3), .btn:hover .rock-slide svg polygon:nth-child(3), .btn:hover .rock-slide svg polyline:nth-child(3), .btn:focus .rock-slide svg path:nth-child(3), .btn:focus .rock-slide svg polygon:nth-child(3), .btn:focus .rock-slide svg polyline:nth-child(3) { -webkit-animation-delay: 0.075s; animation-delay: 0.075s; } .btn:hover .rock-slide svg path:nth-child(4), .btn:hover .rock-slide svg polygon:nth-child(4), .btn:hover .rock-slide svg polyline:nth-child(4), .btn:focus .rock-slide svg path:nth-child(4), .btn:focus .rock-slide svg polygon:nth-child(4), .btn:focus .rock-slide svg polyline:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .btn:hover .rock-slide svg path:nth-child(5), .btn:hover .rock-slide svg polygon:nth-child(5), .btn:hover .rock-slide svg polyline:nth-child(5), .btn:focus .rock-slide svg path:nth-child(5), .btn:focus .rock-slide svg polygon:nth-child(5), .btn:focus .rock-slide svg polyline:nth-child(5) { -webkit-animation-delay: 0.125s; animation-delay: 0.125s; } .btn:hover .rock-slide svg path:nth-child(6), .btn:hover .rock-slide svg polygon:nth-child(6), .btn:hover .rock-slide svg polyline:nth-child(6), .btn:focus .rock-slide svg path:nth-child(6), .btn:focus .rock-slide svg polygon:nth-child(6), .btn:focus .rock-slide svg polyline:nth-child(6) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .btn:hover .rock-slide svg path:nth-child(7), .btn:hover .rock-slide svg polygon:nth-child(7), .btn:hover .rock-slide svg polyline:nth-child(7), .btn:focus .rock-slide svg path:nth-child(7), .btn:focus .rock-slide svg polygon:nth-child(7), .btn:focus .rock-slide svg polyline:nth-child(7) { -webkit-animation-delay: 0.175s; animation-delay: 0.175s; } .btn:hover .rock-slide svg path:nth-child(8), .btn:hover .rock-slide svg polygon:nth-child(8), .btn:hover .rock-slide svg polyline:nth-child(8), .btn:focus .rock-slide svg path:nth-child(8), .btn:focus .rock-slide svg polygon:nth-child(8), .btn:focus .rock-slide svg polyline:nth-child(8) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .btn:hover .rock-slide svg path:nth-child(9), .btn:hover .rock-slide svg polygon:nth-child(9), .btn:hover .rock-slide svg polyline:nth-child(9), .btn:focus .rock-slide svg path:nth-child(9), .btn:focus .rock-slide svg polygon:nth-child(9), .btn:focus .rock-slide svg polyline:nth-child(9) { -webkit-animation-delay: 0.225s; animation-delay: 0.225s; } .btn:hover .rock-slide svg path:nth-child(10), .btn:hover .rock-slide svg polygon:nth-child(10), .btn:hover .rock-slide svg polyline:nth-child(10), .btn:focus .rock-slide svg path:nth-child(10), .btn:focus .rock-slide svg polygon:nth-child(10), .btn:focus .rock-slide svg polyline:nth-child(10) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .btn:hover .rock-slide svg path:nth-child(11), .btn:hover .rock-slide svg polygon:nth-child(11), .btn:hover .rock-slide svg polyline:nth-child(11), .btn:focus .rock-slide svg path:nth-child(11), .btn:focus .rock-slide svg polygon:nth-child(11), .btn:focus .rock-slide svg polyline:nth-child(11) { -webkit-animation-delay: 0.275s; animation-delay: 0.275s; } .btn:hover .rock-slide svg path:nth-child(12), .btn:hover .rock-slide svg polygon:nth-child(12), .btn:hover .rock-slide svg polyline:nth-child(12), .btn:focus .rock-slide svg path:nth-child(12), .btn:focus .rock-slide svg polygon:nth-child(12), .btn:focus .rock-slide svg polyline:nth-child(12) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .btn:hover .rock-slide svg path:nth-child(13), .btn:hover .rock-slide svg polygon:nth-child(13), .btn:hover .rock-slide svg polyline:nth-child(13), .btn:focus .rock-slide svg path:nth-child(13), .btn:focus .rock-slide svg polygon:nth-child(13), .btn:focus .rock-slide svg polyline:nth-child(13) { -webkit-animation-delay: 0.325s; animation-delay: 0.325s; } .btn:hover .rock-slide svg path:nth-child(14), .btn:hover .rock-slide svg polygon:nth-child(14), .btn:hover .rock-slide svg polyline:nth-child(14), .btn:focus .rock-slide svg path:nth-child(14), .btn:focus .rock-slide svg polygon:nth-child(14), .btn:focus .rock-slide svg polyline:nth-child(14) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } .btn:hover .rock-slide svg path:nth-child(15), .btn:hover .rock-slide svg polygon:nth-child(15), .btn:hover .rock-slide svg polyline:nth-child(15), .btn:focus .rock-slide svg path:nth-child(15), .btn:focus .rock-slide svg polygon:nth-child(15), .btn:focus .rock-slide svg polyline:nth-child(15) { -webkit-animation-delay: 0.375s; animation-delay: 0.375s; } .btn:hover .rock-slide svg path:nth-child(16), .btn:hover .rock-slide svg polygon:nth-child(16), .btn:hover .rock-slide svg polyline:nth-child(16), .btn:focus .rock-slide svg path:nth-child(16), .btn:focus .rock-slide svg polygon:nth-child(16), .btn:focus .rock-slide svg polyline:nth-child(16) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .btn:hover .rock-slide svg path:nth-child(17), .btn:hover .rock-slide svg polygon:nth-child(17), .btn:hover .rock-slide svg polyline:nth-child(17), .btn:focus .rock-slide svg path:nth-child(17), .btn:focus .rock-slide svg polygon:nth-child(17), .btn:focus .rock-slide svg polyline:nth-child(17) { -webkit-animation-delay: 0.425s; animation-delay: 0.425s; } .btn:hover .rock-slide svg path:nth-child(18), .btn:hover .rock-slide svg polygon:nth-child(18), .btn:hover .rock-slide svg polyline:nth-child(18), .btn:focus .rock-slide svg path:nth-child(18), .btn:focus .rock-slide svg polygon:nth-child(18), .btn:focus .rock-slide svg polyline:nth-child(18) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } .btn:hover .rock-slide svg path:nth-child(19), .btn:hover .rock-slide svg polygon:nth-child(19), .btn:hover .rock-slide svg polyline:nth-child(19), .btn:focus .rock-slide svg path:nth-child(19), .btn:focus .rock-slide svg polygon:nth-child(19), .btn:focus .rock-slide svg polyline:nth-child(19) { -webkit-animation-delay: 0.475s; animation-delay: 0.475s; } .btn:hover .rock-slide svg path:nth-child(20), .btn:hover .rock-slide svg polygon:nth-child(20), .btn:hover .rock-slide svg polyline:nth-child(20), .btn:focus .rock-slide svg path:nth-child(20), .btn:focus .rock-slide svg polygon:nth-child(20), .btn:focus .rock-slide svg polyline:nth-child(20) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .btn:hover .rock-slide svg path:nth-child(21), .btn:hover .rock-slide svg polygon:nth-child(21), .btn:hover .rock-slide svg polyline:nth-child(21), .btn:focus .rock-slide svg path:nth-child(21), .btn:focus .rock-slide svg polygon:nth-child(21), .btn:focus .rock-slide svg polyline:nth-child(21) { -webkit-animation-delay: 0.525s; animation-delay: 0.525s; } .btn:hover .rock-slide svg path:nth-child(22), .btn:hover .rock-slide svg polygon:nth-child(22), .btn:hover .rock-slide svg polyline:nth-child(22), .btn:focus .rock-slide svg path:nth-child(22), .btn:focus .rock-slide svg polygon:nth-child(22), .btn:focus .rock-slide svg polyline:nth-child(22) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; } .btn:hover .rock-slide svg path:nth-child(23), .btn:hover .rock-slide svg polygon:nth-child(23), .btn:hover .rock-slide svg polyline:nth-child(23), .btn:focus .rock-slide svg path:nth-child(23), .btn:focus .rock-slide svg polygon:nth-child(23), .btn:focus .rock-slide svg polyline:nth-child(23) { -webkit-animation-delay: 0.575s; animation-delay: 0.575s; } .btn:hover .rock-slide svg path:nth-child(24), .btn:hover .rock-slide svg polygon:nth-child(24), .btn:hover .rock-slide svg polyline:nth-child(24), .btn:focus .rock-slide svg path:nth-child(24), .btn:focus .rock-slide svg polygon:nth-child(24), .btn:focus .rock-slide svg polyline:nth-child(24) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .btn:hover .rock-slide svg path:nth-child(25), .btn:hover .rock-slide svg polygon:nth-child(25), .btn:hover .rock-slide svg polyline:nth-child(25), .btn:focus .rock-slide svg path:nth-child(25), .btn:focus .rock-slide svg polygon:nth-child(25), .btn:focus .rock-slide svg polyline:nth-child(25) { -webkit-animation-delay: 0.625s; animation-delay: 0.625s; } .btn:hover .rock-slide svg path:nth-child(26), .btn:hover .rock-slide svg polygon:nth-child(26), .btn:hover .rock-slide svg polyline:nth-child(26), .btn:focus .rock-slide svg path:nth-child(26), .btn:focus .rock-slide svg polygon:nth-child(26), .btn:focus .rock-slide svg polyline:nth-child(26) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; } .btn:hover .rock-slide svg path:nth-child(27), .btn:hover .rock-slide svg polygon:nth-child(27), .btn:hover .rock-slide svg polyline:nth-child(27), .btn:focus .rock-slide svg path:nth-child(27), .btn:focus .rock-slide svg polygon:nth-child(27), .btn:focus .rock-slide svg polyline:nth-child(27) { -webkit-animation-delay: 0.675s; animation-delay: 0.675s; } @-webkit-keyframes rockslide { 0% { -webkit-transform: translate(0, -300px); transform: translate(0, -300px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes rockslide { 0% { -webkit-transform: translate(0, -300px); transform: translate(0, -300px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stay { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes stay { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } /*Don't hate me*/ .c902 .btn.white-bg { color: #ffffff !important; } .c902 .white-bg { background-color: transparent !important; border: solid 3px #ccdd00 !important; } .c902 .btn.white-bg:hover, .c902 .btn.white-bg:active, .c902 .btn.white-bg:focus { color: #0D1F2B !important; background-color: #ccdd00 !important; } /*@import "../main";*/ .contact-form .row { margin-left: -5px; margin-right: -5px; } .contact-form .row [class*='col-'] { padding-right: 5px; padding-left: 5px; } .contact-form .form-group input { height: 58px; width: 100%; margin-bottom: 10px; border: solid 2px #d0d0d0; padding: 10px; font-size: 20px; } .contact-form .form-group input:focus { border-color: #ccdd00; outline: 0; } .contact-form .form-group select { height: 58px; width: 100%; margin-bottom: 10px; border: solid 2px #d0d0d0; padding: 0 10px; font-size: 20px; } .contact-form .form-group select:focus { border-color: #ccdd00; outline: 0; } .contact-form .form-group select:invalid { color: gray; } .contact-form .form-group textarea { width: 100%; border: solid 2px #d0d0d0; padding: 0 10px; font-size: 20px; } .contact-form .form-group textarea:focus { border-color: #ccdd00; outline: 0; } .contact-form .btn-position { text-align: center; } .contact-form .btn-position .btn { border: none; padding: 1em 2.5em; margin-top: 22px; } .search-block { font-size: 1.44444em; } .search-block input { border: 4px solid #0D1F2B; font-weight: 700; padding: 0.625em 0.875em; color: #0D1F2B; } .search-block input:focus { outline: 0; } .search-block button { padding: 0.625em 0.875em; background: transparent; border: 0; background: #0D1F2B; color: #fff; } .search-block button:hover, .search-block button:active, .search-block button:focus { background-color: #0D1F2B; outline: 0; } .alert { border: solid 2px #ccdd00; padding: 10px; margin-bottom: 10px; } .alert-danger { border-color: red; } .jobs-form .form-header { font-size: 1.16667em; font-weight: 600; margin-bottom: 1em; color: #6A737A; } .jobs-form label { color: #6A737A; } .jobs-form .form-group #state-select { color: #808080; } .jobs-form .form-group .form-control { width: 100%; margin-bottom: 1em; padding: 0.2em 0.5em; border: 2px solid #D0D0D0; } .jobs-form .form-group .form-control option.graytext { color: #808080; } .jobs-form .form-group .form-control option.defaulttext { color: initial; } .jobs-form .form-group .checkbox-group { font-size: 1em; color: #6A737A; font-weight: 600; } .jobs-form .btn { background-color: #313D48; padding: 1em 3em; border: 2px solid #313D48; color: white; } .jobs-form input[type="checkbox"] { -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; width: 1em; height: 1em; border: none; background: white; position: relative; border: 2px solid #D0D0D0; top: 3px; } .jobs-form input[type="checkbox"]:checked { border: 2px solid #313D48; } .jobs-form input[type="checkbox"]:checked:after { /* Heres your symbol replacement - this is a tick in Unicode. */ content: "\2715"; color: #CDDE00; /* The following positions my tick in the center, * but you could just overlay the entire box * with a full after element with a background if you want to */ position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* * If you want to fully change the check appearance, use the following: * content: " "; * width: 100%; * height: 100%; * background: blue; * top: 0; * left: 0; */ } /*@import "../main";*/ .block-link-nav { margin: 0 -5px; } .block-link-nav .col { padding: 0 0.44444em; margin: 0.44444em 0; overflow: hidden; width: 100%; } @media (min-width: 768px) { .block-link-nav .col { width: 49.9%; float: left; } } .block-link-nav .col.wide { width: 100%; } .block-link { display: block; min-height: 100%; text-align: left; position: relative; overflow: hidden; background: #5B6771; color: #ffffff; } @media (max-width: 992px) { .block-link { min-height: 320px; } } @media (max-width: 768px) { .block-link { min-height: 100%; } } .block-link .padding { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } @media (max-width: 539px) { .block-link .padding { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } } .block-link-image { position: relative; width: 100%; padding-bottom: 74.480712166%; background-size: cover; background-repeat: no-repeat; -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: -webkit-filter .4s; transition: -webkit-filter .4s; -o-transition: filter .4s; transition: filter .4s; transition: filter .4s, -webkit-filter .4s; } @media (max-width: 768px) { .block-link-image { padding-bottom: 50%; } } @media (max-width: 568px) { .block-link-image { padding-bottom: 65%; } } .block-link-icon { content: ''; position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 6em; height: 6em; background: #0D1F2B; overflow: hidden; padding: 10%; } @media (max-width: 992px) { .block-link-icon { right: 0; left: auto; } } @media (max-width: 768px) { .block-link-icon { right: auto; left: 0; } } .block-link-content { position: absolute; z-index: 5; top: 100%; left: 0; right: 0; width: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: top 0.45s, -webkit-transform 0.45s; transition: top 0.45s, -webkit-transform 0.45s; -o-transition: top 0.45s, transform 0.45s; transition: top 0.45s, transform 0.45s; transition: top 0.45s, transform 0.45s, -webkit-transform 0.45s; } @media (max-width: 568px) { .block-link-content { padding: 0 1em; } } .block-link-content h3 { margin: 0; max-width: 500px; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: padding 0.45s, -webkit-transform 0.45s; transition: padding 0.45s, -webkit-transform 0.45s; -o-transition: padding 0.45s, transform 0.45s; transition: padding 0.45s, transform 0.45s; transition: padding 0.45s, transform 0.45s, -webkit-transform 0.45s; } @media (max-width: 379px) { .block-link-content h3 { font-size: 1.333em; } } .block-link .color-fill { content: ''; display: block; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 29%; background: rgba(0, 117, 201, 0.9); -webkit-transition: height 0.45s; -o-transition: height 0.45s; transition: height 0.45s; background-size: cover; } .block-link:hover, .block-link:active, .block-link:focus, .block-link.active { color: #ffffff; } .block-link:hover .block-link-image, .block-link:active .block-link-image, .block-link:focus .block-link-image, .block-link.active .block-link-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .block-link:hover .block-link-content, .block-link:active .block-link-content, .block-link:focus .block-link-content, .block-link.active .block-link-content { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .block-link:hover .block-link-content h3, .block-link:active .block-link-content h3, .block-link:focus .block-link-content h3, .block-link.active .block-link-content h3 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding-bottom: 0; } .block-link:hover .color-fill, .block-link:active .color-fill, .block-link:focus .color-fill, .block-link.active .color-fill { height: 100%; background-image: url(/Areas/CMS/Assets/img/rollover-pattern2x.png); } .block-link.active .color-fill { background-image: none; } .block-link_event .color-fill { background-color: #ccdd00; } .about-widget { background-size: cover; background-repeat: no-repeat; height: 100%; text-align: left; } .about-widget.sm-block-padding { padding: 80px 50px; } @media (max-width: 992px) { .about-widget.sm-block-padding { padding: 20px 30px; } } @media (max-width: 768px) { .about-widget.sm-block-padding { padding: 50px 30px; } } /*.c902 .block-link-image { padding-bottom:50%; }*/ .c902 .block-link .color-fill { background-color: #0D1F2B; } .c902 .block-link .color-fill { background-image: url(/Areas/CMS/Assets/img/rollover-pattern2x.png); } .c902 .block-link .color-fill:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: .6; background: #0D1F2B; } @media (max-width: 991px) { .block-link .color-fill { height: 100%; background-image: url(/Areas/CMS/Assets/img/rollover-pattern2x.png); } .block-link .block-link-content { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .block-link-content h3 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .block-link .padding { padding-bottom: 0; } } @media (max-width: 767px) { .block-link-icon { left: initial; left: unset; right: 0; } } @media (max-width: 539px) { .block-link-icon { width: 4em; height: 4em; } } /*@import "../main";*/ #main-content > .content-slice:last-child .col-stat:after { display: none; } @media (min-width: 1920px) { .content-slice .block-padding { padding: 120px 175px; } } .content-slice h2 { margin: 0; } @media (min-width: 768px) { .content-slice h2 { margin: .5em 0; } } .content-slice .col-stat { -ms-flex: 0 1 auto; position: relative; color: #fff; background: #0D1F2B; background-size: cover; background-position: center; font-size: 16px; } @media (min-width: 992px) { .content-slice .col-stat { max-width: 41.66666667%; min-width: 25%; } } .content-slice .col-stat h2 { color: #fff; -ms-flex: 0 1 auto; } .content-slice .col-stat h2 .text-yellow { font-weight: 500; } .content-slice .col-stat > div { position: relative; z-index: 2; } .content-slice .col-stat .flex-center > div, .content-slice .col-stat .Page404 #sb-site > div, .Page404 .content-slice .col-stat #sb-site > div { -ms-flex: 0 1 auto; } .content-slice .col-stat:after, .content-slice .col-stat:before { content: ''; display: block; position: absolute; } .content-slice .col-stat:before { left: 0; bottom: 0; right: 0; top: 0; background: rgba(13, 31, 43, 0); } .content-slice .col-stat:after { width: 2.77778em; height: 2.77778em; z-index: 2; top: 100%; left: 5%; border-top: 1.38889em solid #323E48; border-left: 1.38889em solid transparent; border-right: 1.38889em solid transparent; } @media (min-width: 992px) { .content-slice .col-stat:after { width: 3.33333em; height: 3.33333em; top: 50%; left: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-left: 1.66667em solid #323E48; border-top: 1.66667em solid transparent; border-bottom: 1.66667em solid transparent; } } .content-slice .col-content { background: #F2F3F4; -ms-flex: 0 1 auto; -webkit-box-flex: 1; flex: 1; } .content-slice .col-content .meta { margin-bottom: 1em; } .content-slice .col-content .btn { margin-top: 1em; } .content-slice .col-content p { max-width: 800px; } @media (max-width: 767px) { .content-slice .col-content, .content-slice .col-stat { padding: 45px 15px; } } .esg-sub .col-content { background: #F2F3F4 !important; color: #081F2D; } .esg-sub .col-content .btn { background: #0D1F2B; } .esg-sub .col-content .btn:hover { background: #d0d0d0 !important; color: #081F2D !important; } .esg-sub .col-md-5 { min-height: 20em; background-position: top !important; } @media (min-width: 992px) { .slice-sub-list .content-slice:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .slice-sub-list .content-slice:nth-child(2n) .col-stat { float: right; } .slice-sub-list .content-slice:nth-child(2n) .col-stat:after { left: auto; right: 100%; border-left: 0; border-right: 1.66667em solid #283641; } .slice-sub-list .content-slice:nth-child(2n) .col-content { background: #ffffff; float: left; } .esg-sub .content-slice:nth-child(2n) .col-content { float: left; background: #0D1F2B !important; color: white !important; } .esg-sub .content-slice:nth-child(2n) h3 { color: white !important; } .esg-sub .content-slice:nth-child(2n) .btn { background: #0075C9; } .esg-sub .content-slice:nth-child(2n) .btn:hover { background: #d0d0d0 !important; color: #081F2D !important; } } @media (min-width: 1921px) { .slice-sub-list .content-slice:nth-child(2n + 1) .col-stat { padding-left: 240px; } .slice-sub-list .content-slice:nth-child(2n + 1) .col-content { padding-right: 240px; } .slice-sub-list .content-slice:nth-child(2n) .col-content { padding-left: 240px; } .slice-sub-list .content-slice:nth-child(2n) .col-stat { padding-right: 240px; } } .careers .content-slice .col-content { background: #5B6771; } .careers .content-slice .col-stat:after { content: normal; } .careers .content-slice ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 50px; column-gap: 50px; } @media (max-width: 767px) { .careers .content-slice ul { -webkit-column-count: 1; column-count: 1; } } .careers .content-slice h2 span.text-yellow { display: block; } @media (max-width: 992px) { .careers .content-slice h2 span.text-yellow { display: inline; } } .safety .content-slice ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 50px; column-gap: 50px; } @media (max-width: 767px) { .safety .content-slice ul { -webkit-column-count: 1; column-count: 1; } } @media (min-width: 992px) { .interior2 .content-slice h2 span.text-yellow { display: block; } } .interior2 .content-slice ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 50px; column-gap: 50px; } @media (max-width: 767px) { .interior2 .content-slice ul { -webkit-column-count: 1; column-count: 1; } } .project .content-slice h2 span.text-yellow { display: block; } @media (max-width: 992px) { .project .content-slice h2 span.text-yellow { display: inline; } } .project .content-slice ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 50px; column-gap: 50px; } @media (max-width: 767px) { .project .content-slice ul { -webkit-column-count: 1; column-count: 1; } } @media (max-width: 991px) { .project .content-slice .col-stat { width: 100%; background-position: center; } } .block-overlay { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 !important; background-color: rgba(13, 31, 43, 0.8); } .esg-keys { background: #0D1F2B; color: #ffffff; } .esg-keys .row.wide-gutters { display: -webkit-box; display: -ms-flexbox; display: flex; } .esg-keys .row.wide-gutters .col { background: #0075C9; padding: 2em; margin-top: 2em; margin-left: 1.8em; margin-right: 1.8em; } .esg-keys .row.wide-gutters .col ul { padding-left: 1.2em; } @media (max-width: 991px) { .esg-keys { background: #0D1F2B; color: #ffffff; } .esg-keys .row.wide-gutters { display: initial; } } #breadcrumb { width: 100%; background-color: #d0d0d0; } #breadcrumb ul { list-style: none; margin: 0; padding: 20px 0; } #breadcrumb ul li { display: inline-block; margin-right: 10px; } #breadcrumb ul li a { color: #0D1F2B; } #breadcrumb ul li:last-of-type { font-weight: 700; } #breadcrumb ul li:after { content: ' > '; padding-left: 5px; } #breadcrumb ul li:last-of-type:after { content: none; } .company-tile { height: 100%; } #company-tiles { padding-bottom: 6em; } #company-tiles .row > [class*=col] { margin-bottom: 30px; } .company-tile_image { background-color: #ddd; height: 220px; text-align: center; position: relative; padding: 15px; } .company-tile_image img { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; max-width: 100%; max-height: 100%; max-height: 60px; } .company-tile_image:after { content: ''; display: block; position: absolute; top: 100%; left: 5.3333%; /*-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);*/ width: 0; height: 0; z-index: 2; border-left: 1.5em solid transparent; border-right: 1.5em solid transparent; border-top: 1.5em solid #ddd; } .company-tile_content { background-color: #F2F3F4; height: calc(100% - 220px); position: relative; } .company-tile_content .h4 { margin: .5em 0; } @media (min-width: 1200px) { .company-tile_content .h4 { margin-top: 0; } } .company-tile_content .btn { margin-top: 1em; } #map { height: 85vh; min-height: 500px; } .map-popup { max-width: 200px; } #what-is-deib .deib-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #what-is-deib .deib-row .col { padding: 2em; width: 25%; } #what-is-deib .deib-row .col .btn { width: 90%; font-size: 1em !important; margin-bottom: 1em; text-align: center; } #what-is-deib .deib-row .col .btn:hover { background-color: #ccdd00; color: initial; } #deib-featured .w-80 { width: 80%; } #deib-featured .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2em; } #deib-featured .d-flex .large-item { width: 64%; } #deib-featured .d-flex .large-item padding { margin-bottom: 0; margin-top: .5em; } #deib-featured .d-flex .small-item { width: 28.2%; } #deib-featured .d-flex a padding { margin-top: 1em; } .callout-banner-deib h2 { margin: 0; } .deib-two-col .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .deib-row .col { width: 50% !important; } } @media (max-width: 991px) { #deib-featured .d-flex { display: block !important; } #deib-featured .large-item { width: 100% !important; } #deib-featured .small-item { width: 100% !important; padding-top: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #deib-featured .small-item a { width: 48%; } .deib-two-col img { margin-bottom: 2em !important; } .deib-two-col .row { display: block !important; } .callout-banner-deib h2 { margin-bottom: 1em !important; } } @media (max-width: 575px) { #what-is-deib .deib-row .col { width: 100% !important; } #deib-featured .w-80 { width: 100% !important; } } /*@import "../main";*/ #timeline .row.align-items-center .dot-div { height: 32.5rem; } #timeline .row.align-items-center .dot-div .vl { border-left: 3px solid #6A737A; opacity: .2; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 2.3em; } #timeline .row.align-items-center .dot-div .dot { height: 25px; width: 25px; background-color: #6A737A; border-radius: 50%; display: inline-block; position: absolute; left: 50%; top: 2.3em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #timeline .row.align-items-center .bg-gray { background-color: #F4F4F4 !important; } #timeline .row.align-items-center .timeline-year { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; background-color: #ccdd00; font-size: 2.9em; font-weight: 600; padding: .5rem 2.5rem; height: 5.5rem; } #timeline .row.align-items-center .timeline-year:after { content: ''; display: block; position: absolute; width: 0.53333em; height: 0.33333em; top: 1em; right: -0.55em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-left: 0.36667em solid #ccdd00; border-top: 0.36667em solid transparent; border-bottom: 0.36667em solid transparent; border-right: 0.18889em solid transparent; z-index: 2; } #timeline .row.align-items-center .timeline-content { padding: 2.5rem; font-size: 1.3em; height: 20rem; } #timeline .row.align-items-center .timeline-img { height: 25.5rem; } #timeline .row.align-items-center .timeline-img-png { position: relative; } #timeline .row.align-items-center .timeline-img-png img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; max-width: 60%; } #timeline .row.align-items-center:last-child .dot-div { height: unset; } .dot-div .dot { height: 25px; width: 25px; background-color: #6A737A; border-radius: 50%; display: inline-block; position: absolute; left: 50%; top: 2.3em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 991px) { .dot-div { display: none; } .row.align-items-center { padding-bottom: 6em; } .timeline-year:after { display: none !important; } .timeline-img { height: 50vw !important; } .timeline-content { height: auto !important; } .timeline-content:after { content: ''; display: block; position: absolute; width: 0.53333em; height: 0.53333em; bottom: -2.8em; left: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-bottom: 0.96667em solid transparent; border-top: 0.96667em solid #0D1F2B; border-left: 0.96667em solid transparent; border-right: 0.98889em solid transparent; z-index: 2; } } .wrapper-testimonials { /*background-image:url(/Areas/CMS/Assets/img/testimonial-background.png); background-size:cover; background-repeat:no-repeat;*/ background-color: #F2F3F4; text-align: center; padding: 4em; color: #0D1F2B; margin-top: 6em; } @media (max-width: 767px) { .wrapper-testimonials { padding: 3em; background-image: url(/Areas/CMS/Assets/img/testimonial-background.png); background-size: cover; background-repeat: no-repeat; } } @media (max-width: 479px) { .wrapper-testimonials { padding: 2em; } } .testimonial_content { font-family: 'Roboto'; font-weight: 700; line-height: 1.2; font-size: 1.25em; } @media (min-width: 992px) { .testimonial_content { font-size: 1.75em; } } .wrapper-images { margin-top: 6em; margin-bottom: 9em; position: relative; } @media (max-width: 767px) { .wrapper-images { margin-bottom: 4em; } } .wrapper-images h2 { text-align: center; } .wrapper-images .slider-images img { width: 100%; height: auto; display: block; } #half-widgets { margin-bottom: 6em; } #related-projects { margin-top: 6em; margin-bottom: 6em; width: 100%; } @media (max-width: 767px) { #related-projects { margin-top: 3em; margin-bottom: 3em; } } .related-projects_slide { color: #ffffff; background-size: cover; width: 100%; height: 684px; position: relative; } .related-projects_slide:before { opacity: .9; } .related-projects_slide:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0d1f2b; } .related-projects_slide.all-projects:before { opacity: 0.3; } .related-projects_slide.all-projects { background-color: #0D1F2B; background-image: url(/Areas/CMS/Assets/img/rollover-pattern2x.png); background-size: cover; } .related-projects_slide-inner, .related-service_inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .related-projects_slide-inner .project-title, .related-service .service-title { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: none; line-height: 1; margin-top: 0; margin-bottom: 0.1em; font-size: 2.6em; letter-spacing: 0; } .related-service .service-title { margin: 0 0 .5em; } .related-projects_slide-inner address, .related-service address { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: none; line-height: 1; font-size: 2.6em; letter-spacing: 0; margin: 0 0 .5em; } .related-service address { font-weight: 700; font-size: inherit; display: inline-block; } /*.M923 .related-service address, .M925 .related-service address { display: none; }*/ .slider-images .slick-dots, .slider-testimonials .slick-dots, .related-projects .slick-dots, .stand-slider .slick-dots, .provided-by .slick-dots { list-style: none; margin: 0 -6px 30px -6px; padding: 0; text-align: center; } .slider-images .slick-dots, .related-projects .slick-dots { margin-top: -100px; position: relative; z-index: 999; } @media (max-width: 767px) { .slider-images .slick-dots { margin-top: 20px; } } .slider-images .slick-dots li, .slider-testimonials .slick-dots li, .related-projects .slick-dots li, .stand-slider .slick-dots, .provided-by .slick-dots li { display: inline-block; vertical-align: top; margin: 0 6px; } .slider-images .slick-dots li button, .slider-testimonials .slick-dots li button, .related-projects .slick-dots li button, .stand-slider .slick-dots li button, .provided-by .slick-dots li button { background-color: transparent; border: solid 1px #0D1F2B; border-radius: 100%; font-size: 0; height: 14px; margin: 0; padding: 0; width: 14px; outline: 0; } .slider-images .slick-dots li button { background-color: #ffffff; } .related-projects .slick-dots li button, .related-projects.half-widget .slick-dots li button { border-color: #ffffff; } .slider-images .slick-dots li.slick-active button, .slider-testimonials .slick-dots li.slick-active button, .related-projects .slick-dots li.slick-active button, .stand-slider .slick-dots li.slick-active button, .provided-by .slick-dots li.slick-active button { background-color: #0D1F2B; } .slider-images .slick-dots li.slick-active button { border-color: #ffffff; } .related-projects .slick-dots li.slick-active button, .related-projects.half-widget .slick-dots li.slick-active button { background-color: #ffffff; } .stand-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stand-slider .slick-dots li { margin: 0.2em; } .testimonial_author { font-weight: 700; } .related-service, .related-project { position: relative; height: 684px; overflow: hidden; color: #ffffff; } .related-projects.half-widget .background-image, .related-service .background-image, .related-project .background-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .related-projects.half-widget .background-image img, .related-service .background-image img, .related-project .background-image img { height: 100%; overflow: hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .related-projects.half-widget .blue-filter, .related-service .blue-filter, .related-project .blue-filter { background: rgba(13, 31, 43, 0.7); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .related-projects.half-widget .related-projects_slide-inner, .related-service .related-service_inner, .related-project .related-projects_slide-inner { z-index: 3; } .slider-testimonials .slick-dots { text-align: left; margin-top: 8px; } @media (max-width: 1599px) { .related-projects_slide { height: 503px; } .related-service { height: 503px; } } @media (max-width: 1199px) { .related-projects_slide { height: 409px; } .related-service { height: 409px; } } @media (max-width: 991px) { .related-projects.half-widget { height: 409px; margin-bottom: 1em; } .related-service { width: 100%; } .related-service .background-image img { width: 100%; height: auto; overflow: hidden; } } @media (max-width: 767px) { .related-service .background-image img { width: auto; -o-object-fit: contain; object-fit: contain; } } @media (max-width: 479px) { .related-projects.half-widget, .related-projects_slide { height: 350px; } .related-service { height: 350px; } .related-projects_slide-inner .meta, .related-service_inner .meta { font-size: 1em; } .related-projects_slide-inner .project-title, .related-service .service-title { font-size: 1.6em; } .related-projects_slide-inner address, .related-service address { font-size: 1.6em; } } .provided-by { position: relative; } .provided-by figure { height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .provided-by figure img { max-height: 60px; max-width: 300px; } .provided-by .slick-prev, .provided-by .slick-next { position: absolute; top: 50%; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); transform: translate(0, -75%); width: 34px; height: 36px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .provided-by .slick-prev:focus, .provided-by .slick-next:focus { outline: none; } .provided-by .slick-prev { left: -36px; } .provided-by .slick-next { right: -36px; } .provided-by .slick-prev:before, .provided-by .slick-next:before { font-family: 'Font Awesome 5 Pro'; font-size: 40px; color: #C2C7D0; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; } .provided-by .slick-prev:hover:before, .provided-by .slick-prev:focus:before, .provided-by .slick-next:hover:before, .provided-by .slick-next:focus:before { color: #0D1F2B; } .provided-by .slick-next:before { content: "\f105"; } .provided-by .slick-prev:before { content: "\f104"; } @media (min-width: 1300px) { .provided-by .slick-prev { left: -55px; } .provided-by .slick-next { right: -55px; } .provided-by .slick-prev:before, .provided-by .slick-next:before { font-size: 50px; } } .provided-by .slick-slide figure img { margin: 0 auto; } .slick-prev, .slick-next { position: absolute; top: -30px; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); transform: translate(0, -75%); width: 34px; height: 36px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev { right: 60px; } .slick-next { right: 15px; } .slick-prev:before, .slick-next:before { font-family: 'Font Awesome 5 Pro'; font-size: 40px; color: #C2C7D0; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #0D1F2B; } .slick-next:before { content: "\f105"; } .slick-prev:before { content: "\f104"; } @media (min-width: 1300px) { .slick-prev:before, .slick-next:before { font-size: 50px; } } @media (max-width: 767px) { .slick-prev, .slick-next { top: 105%; } } .esg-commitment { margin-bottom: 20px; } .esg-commitment .h2 { margin-left: 25px; } .esg-commitment-corp-stories .slick-slide { padding: 0 25px; } .esg-commitment-corp-stories .slick-slide a:hover { color: #0D1F2B; } #career-opportunities, #safety-number { border: 2px solid #ccdd00; padding: 3em; height: 100%; } #safety-number h2 { margin-bottom: 0; } #CareersFrameContainer { position: relative; border-top-right-radius: 4px; border-top-left-radius: 4px; overflow: hidden; } #CareersFrameContainer .loader { position: absolute; top: 0; left: 0; height: 8px; width: 100%; background-color: #0075C9; -webkit-animation: loading 1.5s ease-in-out forwards; animation: loading 1.5s ease-in-out forwards; } @-webkit-keyframes loading { 0% { width: 100%; left: 0; } 50% { width: 0%; left: 100%; } 51% { width: 0%; left: 0; } 100% { width: 100%; left: 0; } } @keyframes loading { 0% { width: 100%; left: 0; } 50% { width: 0%; left: 100%; } 51% { width: 0%; left: 0; } 100% { width: 100%; left: 0; } } #CareersFrame { opacity: 0; border: 2px solid #F2F3F4; padding-top: 25px; background: #ffffff; } #CareersFrame.ready { opacity: 1; -webkit-animation: fadein .3s; animation: fadein .3s; } .esg-commitment figure { height: 15em; margin-bottom: 1.5em; margin-top: 2em; } .esg-commitment .h2 { margin-bottom: unset; } .esg-contact { background: #d0d0d0; } .esg-contact .h2 { margin-bottom: unset; } .career-opp .col-md-6, .career-opp .col-12 { padding: 2em 5em; min-height: 20em; height: inherit; } .career-opp .col-12 { width: 100%; } .career-opp .col-md-6.text-center > div { position: relative; top: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .career-opp .col-md-6.text-center > div a { min-width: 22em; } @media (max-width: 991px) { .career-opp .col-md-6 { width: 100%; } .career-opp .flex-row:nth-child(1) .text-white, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .text-white, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .text-white, .career-opp .search-block:nth-child(1) .text-white, .career-opp .block-link-nav:nth-child(1) .text-white { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .career-opp .flex-row:nth-child(1) .background-cover, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .background-cover, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .background-cover, .career-opp .search-block:nth-child(1) .background-cover, .career-opp .block-link-nav:nth-child(1) .background-cover, .career-opp .flex-row:nth-child(1) .fs-section .fs-foreground, .fs-section .career-opp .flex-row:nth-child(1) .fs-foreground, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .fs-section .fs-foreground, .fs-section .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .fs-foreground, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .fs-section .fs-foreground, .fs-section #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .fs-foreground, .career-opp .search-block:nth-child(1) .fs-section .fs-foreground, .fs-section .career-opp .search-block:nth-child(1) .fs-foreground, .career-opp .block-link-nav:nth-child(1) .fs-section .fs-foreground, .fs-section .career-opp .block-link-nav:nth-child(1) .fs-foreground, .career-opp .flex-row:nth-child(1) .fs-section .fs-background, .fs-section .career-opp .flex-row:nth-child(1) .fs-background, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .fs-section .fs-background, .fs-section .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .fs-background, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .fs-section .fs-background, .fs-section #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .fs-background, .career-opp .search-block:nth-child(1) .fs-section .fs-background, .fs-section .career-opp .search-block:nth-child(1) .fs-background, .career-opp .block-link-nav:nth-child(1) .fs-section .fs-background, .fs-section .career-opp .block-link-nav:nth-child(1) .fs-background, .career-opp .flex-row:nth-child(1) .content-slice .col-stat, .content-slice .career-opp .flex-row:nth-child(1) .col-stat, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .content-slice .col-stat, .content-slice .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .col-stat, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .content-slice .col-stat, .content-slice #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .col-stat, .career-opp .search-block:nth-child(1) .content-slice .col-stat, .content-slice .career-opp .search-block:nth-child(1) .col-stat, .career-opp .block-link-nav:nth-child(1) .content-slice .col-stat, .content-slice .career-opp .block-link-nav:nth-child(1) .col-stat, .career-opp .flex-row:nth-child(1) .project-tile, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .project-tile, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .project-tile, .career-opp .search-block:nth-child(1) .project-tile, .career-opp .block-link-nav:nth-child(1) .project-tile, .career-opp .flex-row:nth-child(1) .leader-tile-toggle > a, .career-opp #BannerHomeMobile .banner-mobile_slider .slick-track:nth-child(1) .leader-tile-toggle > a, #BannerHomeMobile .banner-mobile_slider .career-opp .slick-track:nth-child(1) .leader-tile-toggle > a, .career-opp .search-block:nth-child(1) .leader-tile-toggle > a, .career-opp .block-link-nav:nth-child(1) .leader-tile-toggle > a { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } #opp-callout { display: block !important; } } @media (max-width: 767px) { .col-md-7.col-sm-7.col-xs-12 { margin: 0.5em 0; } } /*@import "../main";*/ #careers-video iframe { width: 100%; height: 732px; } @media (max-width: 1299px) { #careers-video iframe { height: 56.25vw; } } .testimonial-checker .vid-div .col-sm-6 { height: 18em; position: relative; } .testimonial-checker .vid-div .col-sm-6 a { height: inherit; } .testimonial-checker .vid-div .col-sm-6 a .background-cover, .testimonial-checker .vid-div .col-sm-6 a .fs-section .fs-foreground, .fs-section .testimonial-checker .vid-div .col-sm-6 a .fs-foreground, .testimonial-checker .vid-div .col-sm-6 a .fs-section .fs-background, .fs-section .testimonial-checker .vid-div .col-sm-6 a .fs-background, .testimonial-checker .vid-div .col-sm-6 a .content-slice .col-stat, .content-slice .testimonial-checker .vid-div .col-sm-6 a .col-stat, .testimonial-checker .vid-div .col-sm-6 a .project-tile, .testimonial-checker .vid-div .col-sm-6 a .leader-tile-toggle > a { height: 100%; } .testimonial-checker .video-container { padding: 0; } .testimonial-checker .main-row .col-lg-6 .dark-blue-bg:after { content: ''; display: block; position: absolute; width: 3.33333em; height: 3.33333em; top: 50%; left: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-left: 1.66667em solid #0D1F2B; border-top: 1.66667em solid transparent; border-bottom: 1.66667em solid transparent; border-right: 1.38889em solid transparent; z-index: 2; } .testimonial-checker .main-row .col-lg-6:nth-child(4n+4) .video-container, .testimonial-checker .main-row .col-lg-6:nth-child(4n+3) .video-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .testimonial-checker .main-row .col-lg-6:nth-child(4n+4) .dark-blue-bg, .testimonial-checker .main-row .col-lg-6:nth-child(4n+3) .dark-blue-bg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .testimonial-checker .main-row .col-lg-6:nth-child(4n+4) .dark-blue-bg:after, .testimonial-checker .main-row .col-lg-6:nth-child(4n+3) .dark-blue-bg:after { right: 100%; border-right: 1.66667em solid #0D1F2B; border-left: 1.66667em solid transparent; left: unset; } @media (max-width: 1199px) { .testimonial-checker .main-row .col-lg-6:nth-child(4n+4) .video-container, .testimonial-checker .main-row .col-lg-6:nth-child(4n+3) .video-container { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .testimonial-checker .main-row .col-lg-6:nth-child(4n+4) .dark-blue-bg, .testimonial-checker .main-row .col-lg-6:nth-child(4n+3) .dark-blue-bg { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .testimonial-checker .main-row .col-lg-6:nth-child(even) .video-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .testimonial-checker .main-row .col-lg-6:nth-child(even) .dark-blue-bg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .testimonial-checker .main-row .col-lg-6:nth-child(even) .dark-blue-bg:after { left: unset; right: 100%; border-left: 1.38889em solid transparent; border-right: 1.66667em solid #0D1F2B; } .testimonial-checker .main-row .col-lg-6:nth-child(odd) .dark-blue-bg:after { left: 100%; right: unset; border-right: 1.38889em solid transparent; border-left: 1.66667em solid #0D1F2B; } } @media (max-width: 767px) { .testimonial-checker .main-row .col-lg-6 .video-container { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .testimonial-checker .main-row .col-lg-6 .dark-blue-bg { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .testimonial-checker .main-row .col-lg-6 .dark-blue-bg:after { top: 100%; bottom: unset; right: unset !important; left: 50% !important; border-top: 1.66667em solid #0D1F2B; border-right: 1.66667em solid transparent !important; border-left: 1.66667em solid transparent !important; border-bottom: 1.38889em solid transparent; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .testimonial-checker .vid-div .col-sm-6:before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .testimonial-checker .vid-div .col-sm-6 p { margin-bottom: .2em; } .testimonial-checker .vid-div .col-sm-6 .quotation { font-size: 1.3em; line-height: 1.2; margin-bottom: 1em; } .test-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 2.5em; } .careers-interior .col-lg-6:first-child { border-right: 3px solid #CDDE00; } .careers-interior .col-lg-6:nth-child(2) { padding-left: 2em; color: #6A737A; } .careers-interior h1 { width: 75%; margin-bottom: 0; } /* Career Testimonials Responsive */ .testimonial-checker .vid-div .col-sm-6 { height: 22em; } @media (max-width: 1239px) { .testimonial-checker .vid-div .col-sm-6 .quotation { font-size: 1.4em; } } @media (max-width: 1239px) { .testimonial-checker .vid-div .col-sm-6 { height: 20em; } } .slide-bg { height: 37em; } .slide-bg > div { margin: 0; height: 100%; width: 63%; background-color: rgba(13, 31, 43, 0.8); color: white; font-size: 1.5em; position: relative; } .slide-bg > div i { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; padding: 3em; } .stand-slider .col-md-2 { position: relative; } .stand-slider .col-md-2 > div { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 0; right: 0; position: absolute; width: inherit; height: inherit; font-size: 1em; font-weight: bold; color: #F2F3F4; left: 101px; text-transform: uppercase; } .stand-slider .col-md-2 > div span { white-space: nowrap; overflow: hidden; -o-text-overflow: clip; text-overflow: clip; } .stand-slider .slick-arrow { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .stand-slider .slick-prev { left: -50px; } .stand-slider .slick-next { right: -50px; } @media (max-width: 991px) { .slide-bg > div { width: 100%; } } .employee-count > div { 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; } .employee-count > div div { font-size: 4.8em; } .employee-count .text-yellow { font-size: 11.5em; padding-right: .3em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .employee-count .h3 { margin-bottom: 0; } .employee-count i { font-size: 0.5em; } .employee-count p { margin: 0; } @media (max-width: 1199px) { .employee-count .text-yellow { font-size: 13vw; } .employee-count p { font-size: 5.5vw; } } #perspectives .flex-row, #perspectives #BannerHomeMobile .banner-mobile_slider .slick-track, #BannerHomeMobile .banner-mobile_slider #perspectives .slick-track, #perspectives .search-block, #perspectives .block-link-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 30em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #perspectives .background-cover, #perspectives .fs-section .fs-foreground, .fs-section #perspectives .fs-foreground, #perspectives .fs-section .fs-background, .fs-section #perspectives .fs-background, #perspectives .content-slice .col-stat, .content-slice #perspectives .col-stat, #perspectives .project-tile, #perspectives .leader-tile-toggle > a { height: 30em; } #perspectives .col-md-8 { padding-left: 4em; } @media (max-width: 991px) { #perspectives .col-md-8 { padding: 0; } #perspectives .background-cover, #perspectives .fs-section .fs-foreground, .fs-section #perspectives .fs-foreground, #perspectives .fs-section .fs-background, .fs-section #perspectives .fs-background, #perspectives .content-slice .col-stat, .content-slice #perspectives .col-stat, #perspectives .project-tile, #perspectives .leader-tile-toggle > a { width: 100%; height: 25em; margin-bottom: 1.5em; } } #opp-callout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding: 1em; } #opp-callout .h4 { margin: 0; } .logo-slider figure { position: relative; } .logo-slider figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 240px; } @media (min-width: 1200px) { .columns-md-2 { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } #careers-explore-culture { margin-top: -5em; } .btn.yellow-bg.text-dark-blue:hover { color: white; background-color: #0D1F2B; } @media (max-width: 991px) { #careers-explore-culture { margin-top: 1.5em; } } @media (max-width: 767px) { .slide-bg > div i { padding: 1em; } .slide-bg > div { font-size: 1.3em; } } #project-details { border: 2px solid #ccdd00; padding: 3em; height: 100%; } @media (max-width: 568px) { #project-details { padding: 1.8em; } } #project-details h4, #project-details .meta { margin-top: 0; } #project-details .project-detail_fieldname { font-weight: 700; color: #313D48; } #project-details img { max-height: 80px; padding: 10px 10px 10px 0; } .filter-bar { padding: 1.44444em 0 1.38889em; text-align: center; margin-bottom: 5.55556em; } .filter-bar a { color: #fff; opacity: .75; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin: 0 0.83333em; } .filter-bar a:hover, .filter-bar a:active, .filter-bar a:focus, .filter-bar a.active { opacity: 1; } /*@import "../main";*/ .project-tile { display: block; min-height: 100%; position: relative; overflow: hidden; background: #5B6771; background-size: cover; background-repeat: no-repeat; color: #ffffff; text-align: center; } @media (min-width: 568px) { .project-tile { padding-bottom: 100%; } .project-tile-content { position: absolute; z-index: 10; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 568px) { .project-tile-content { position: relative; } } .project-tile:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: opacity .15s; -o-transition: opacity .15s; transition: opacity .15s; opacity: .4; background: #0D1F2B; } .project-tile:hover, .project-tile:active, .project-tile:focus { color: #ffffff; } .project-tile:hover:before, .project-tile:active:before, .project-tile:focus:before { opacity: .9; } .project-tile-content { width: 100%; margin: 0 auto; } .project-tile-content .meta { margin-bottom: 0.55556em; } .project-tile-content .h2 { margin: 0 0 .1em; } @media (max-width: 992px) { .project-tile-content .h2 { font-size: 2em; } } @media (max-width: 768px) { .project-tile-content .h2 { font-size: 2.444em; } } .project-tile-content address { font-weight: 300; } .project-tile-content .btn { margin-top: 3em; } .leadership-list { margin-left: -7px; margin-right: -7px; } .leadership-list .grid-sizer, .leadership-list .leader-tile { width: 50%; float: left; } @media (min-width: 992px) { .leadership-list .grid-sizer, .leadership-list .leader-tile { width: 33.33333%; } } .leader-tile { margin-bottom: 14px; padding-left: 7px; padding-right: 7px; } .leader-tile.inactive .leader-tile-toggle { -webkit-filter: grayscale(75%); filter: grayscale(75%); } .leader-tile.inactive .leader-tile-toggle > a:after { mix-blend-mode: color; background-color: rgba(39, 93, 129, 0.58); } .leader-tile.inactive:hover .leader-tile-hover, .leader-tile.inactive:active .leader-tile-hover, .leader-tile.inactive:focus .leader-tile-hover { opacity: 1; } .leader-tile.inactive:hover .leader-tile-toggle, .leader-tile.inactive:active .leader-tile-toggle, .leader-tile.inactive:focus .leader-tile-toggle { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .leader-tile.inactive:hover .leader-tile-toggle > a:after, .leader-tile.inactive:active .leader-tile-toggle > a:after, .leader-tile.inactive:focus .leader-tile-toggle > a:after { mix-blend-mode: unset; background-color: rgba(0, 117, 201, 0.75); } .leader-tile.active { width: 100%; padding: 0; } .leader-tile.active .leader-tile-toggle { width: 100%; padding: 0 7px; width: 100%; } @media (min-width: 768px) { .leader-tile.active .leader-tile-toggle { width: 25%; } } @media (min-width: 992px) { .leader-tile.active .leader-tile-toggle { width: 33.33333%; } } .leader-tile.active .leader-tile-content { display: block; -webkit-animation: fadein .8s; animation: fadein .8s; width: 100%; padding: 0 7px; } @media (min-width: 768px) { .leader-tile.active .leader-tile-content { width: 75%; } } @media (min-width: 992px) { .leader-tile.active .leader-tile-content { width: 66.66667%; } } .leader-tile.active .leader-tile-toggle > a:after { opacity: 0; } .leader-tile-toggle { float: left; width: 100%; position: relative; } .leader-tile-toggle > a { background-repeat: no-repeat; display: block; padding-bottom: 100%; width: 100%; position: relative; min-height: 100%; background-color: #5B6771; } .leader-tile-toggle > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; opacity: 1; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; } .leader-tile-hover { width: 100%; color: #ffffff; opacity: 0; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; z-index: 5; padding: 30px; } .leader-tile-hover .h4 { text-transform: none; margin-bottom: 0; line-height: 1.5; } .leader-tile-hover p.h4 { font-weight: normal; } .leader-tile-hover .btn { margin-top: 1.5em; } @media (min-width: 1200px) { .leader-tile-hover .btn { margin-top: 3em; } } .leader-tile-content { float: left; padding: 0 7px; color: #F2F3F4; display: none; } .leader-tile-content > article { height: 100%; } .leader-tile-content .h4 { text-transform: none; color: #ffffff; } @media (min-width: 992px) { .leader-tile-content .h4 { margin-bottom: 1em; } } @keyframes fadein { 0% { opacity: 0; } 33% { opacity: 0; } 100% { opacity: 1; } } .list-article { padding: 60px 0; border-bottom: solid 1px #6A737A; float: left; width: 100%; } .list-article .h6 { margin-top: 0; margin-bottom: 0; } .list-article .h6 a, .list-article .content a, .site-map a { color: #0D1F2B; } .list-article .h6 a:hover, .list-article .h6 a:focus, .list-article .h6 a:active, .list-article .content a:hover, .list-article .content a:focus, .list-article .content a:active, .site-map a:hover, .site-map a:focus, .site-map a:active { color: #ccdd00; } .list-article figure { width: 230px; float: left; } @media (max-width: 767px) { .list-article figure { display: none; } .search-block input { width: 75%; } } .list-article figure img { width: 200px; } .list-article .list-content { margin-left: 230px; } .list-article.no-image .list-content { margin-left: 0; } .list-article address { margin-bottom: 10px; font-weight: 400; } .pagination { display: block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #0D1F2B; border-color: #0D1F2B; } #stock-quote { width: 100%; background-image: url(/Areas/CMS/Assets/img/StockBackground.jpg); background-size: cover; padding: 6em 0; } #stock-quote .meta { color: #6A737A; } #stock-quote .stock-price { color: #ffffff; font-size: 9em; font-family: 'Roboto'; font-weight: 700; line-height: 1.4; } #stock-quote .stock-price sup { vertical-align: super; font-size: 50px; } @media (max-width: 539px) { #stock-quote .stock-price sup { font-size: 20px; } } @media (max-width: 539px) { #stock-quote .stock-price { font-size: 4em; } } #stock-quote .stock-price_date { color: #6A737A; margin-top: 1em; } @media (max-width: 991px) { #stock-quote .stock-price_date { margin-bottom: 3em; } } #stock-quote .stock-change, #stock-quote .stock-change_volume { color: #ccdd00; font-size: 4em; font-family: 'Roboto'; font-weight: 200; } @media (max-width: 539px) { #stock-quote .stock-change, #stock-quote .stock-change_volume { font-size: 2em; } } #stock-quote .stock-change { margin-bottom: 0.6em; } #stock-quote .stock-change span { margin-right: 0.4em; } #stock-quote .stock-change_direction { font-size: 0.85em; } #stock-quote .stock-change_direction .svg-inline--fa { vertical-align: -.075em; } #stock-quote .stock-change_direction .fa-arrow-down { color: #C53114; } @media (max-width: 539px) { #stock-quote { padding: 3em 0; } } #investor-contact h2 { max-width: 85%; } @media (max-width: 767px) { #investor-contact h2 { font-size: 1.8em; } } #investor-news { width: 100%; padding: 6em 0; position: relative; } #investor-news .side-headline { font-size: 8.88889em; position: absolute; top: 54px; left: -136px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 1599px) { #investor-news .side-headline { top: 47px; left: -121px; } } @media (max-width: 1399px) { #investor-news .side-headline { display: none; } } #investor-news .side-button { position: absolute; top: 430px; left: -25px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 1599px) { #investor-news .side-button { top: 400px; } } @media (max-width: 1399px) { #investor-news .side-button { display: none; } } #investor-news .side-button .btn-outline-yellow { color: #0D1F2B; } #investor-news .news-abstract { padding-right: 5em; } @media (max-width: 991px) { #investor-news .news-abstract { margin-bottom: 3em; padding-right: 0; } } @media (max-width: 1199px) { #investor-news .news-abstract h2 { font-size: 1.8em; } } @media (max-width: 539px) { #investor-news { padding: 3em 0; } } #investor-contact { padding: 6em 0; } @media (max-width: 539px) { #investor-contact { padding: 3em 0; } } .news-header { float: left; width: 100%; margin-bottom: 3em; } .news-header h1 { display: inline; float: left; } .news-header .inline-button { display: inline; float: right; } .news-header .inline-button .btn-outline-yellow { color: #0D1F2B; } @media (min-width: 1400px) { .news-header { display: none; } } /*@import "../main";*/ .Page404 { min-height: 100vh; background-color: #0D1F2B; position: relative; } .Page404 #sb-site { background-color: #0D1F2B; } .Page404 #main-content { min-height: 100%; width: 100%; } .Page404 #footer { position: absolute; bottom: 0; left: 0; } #Page404 { padding: 120px 0; } #positions-accordion { background: transparent !important; } .accordion { overflow: hidden; background: transparent !important; margin-left: 0 !important; margin-right: 0 !important; } .accordion-section { position: relative; background: white; padding: 25px 0; border-bottom: 2px solid #E1E3E4; } .accordion .col-12:first-child .accordion-section { border-top: 2px solid #E1E3E4; } /* Accordion Section Titles */ .accordion-section-title { width: 100%; padding: 0 50px; display: inline-block; -o-transition: all linear 0.15s; -webkit-transition: all linear 0.15s; transition: all linear 0.15s; } .accordion-title-text { font-size: 2.88889em !important; color: #313D48 !important; font-weight: bold; font-family: "Roboto", Helvetica, Arial, sans-serif; } .accordion-section-title, .accordion-section-title:active, .accordion-section-title:focus { outline: none; } /* End patch */ .accordion-section-title.active, .accordion-section-title:focus, .accordion-section-title:hover { color: rgba(255, 255, 255, 0.5); text-decoration: none; } /*.accordion-section-title.active .accordion-plus:after, .accordion-section-title.active .accordion-plus:before, .accordion-section-title:focus .accordion-plus:after, .accordion-section-title:focus .accordion-plus:before, .accordion-section-title:hover .accordion-plus:after, .accordion-section-title:hover .accordion-plus:before { background-color: rgba(255, 255, 255, 0.5); }*/ .accordian-number { display: inline-block; width: 50px; font-size: 30px; font-family: 'aileron-thin'; letter-spacing: 0; position: absolute; top: 0; left: 0; /*line-height: 50px;*/ text-align: center; } .accordian-number img { width: 100%; } .accordion .row > .col-xl-4 > div:nth-of-type(2n+1) .accordion-section-title .accordian-number { background-color: #47c0a0; } .accordion .row > .col-xl-4 > div:nth-of-type(2n) .accordion-section-title .accordian-number { background-color: #86d18d; } /* Accordion Section Content */ .accordion-section-content { padding: 15px; display: none; } .active .accordion-plus { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -ms-transform-origin: 1px 50%; -webkit-transform-origin: 1px 50%; transform-origin: 1px 50%; } .accordion-plus:before, .accordion-plus:after { height: 2.05556em; width: 4px; background-color: #CDDE00; content: ''; position: relative; -o-transition: all .2s .3s; -webkit-transition: all .2s .3s; transition: all .2s .3s; position: absolute; } .accordion-plus:after { -ms-transform-origin: 1px 50%; -webkit-transform-origin: 1px 50%; transform-origin: 1px 50%; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -o-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; } .accordion-plus:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .accordion-plus { pointer-events: none; position: relative; top: 22px; margin-top: -6px; left: -33px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); width: 16px; height: 16px; } .active .accordion-plus:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .active .accordion-plus:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 991px) { .accordion-title-text { font-size: 2.22222em !important; } .accordion-plus:before, .accordion-plus:after { height: 1.5em; } .accordion-plus { top: 14px; } } .tabs-container > .nav { width: 100%; display: table; table-layout: fixed; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .tabs-container > .nav .nav-item { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid #fff; } .tabs-container > .nav .nav-item a { display: block; background: #6A737A; color: #fff; padding: .75em; } .tabs-container > .nav .nav-item.active a { background: #313D48; color: #fff; } .tabs-container .tab-content { overflow: hidden; } .tabs-container .tab-content h4, .tabs-container .tab-content .meta { margin-top: 0; } .tabs-container .tab-content .block-figure { height: 100%; width: 100%; } @media (min-width: 992px) { .tabs-container .tab-pane { border-bottom: 0; } .tabs-container .tab-pane > [data-toggle="collapse"] { display: none; } .tabs-container .tab-pane > .collapse, .tabs-container .tab-pane > .collapsing, .tabs-container .tab-pane > .show { display: block; height: auto !important; opacity: 1 !important; } } @media (max-width: 991px) { .tabs-container > .nav { display: none; } .tabs-container .tab-content > .tab-pane { display: block; opacity: 1; } } .images-slider { position: relative; } .images-slider .slick-list { margin: 0 -5px; } .images-slider .block-figure { position: relative; margin: 0 5px; } .images-slider .block-figure span { width: 100%; padding-bottom: 95%; } .images-slider .slick-arrow { border: 0; background: #0D1F2B; font-size: 0; line-height: 0; padding: 1.1rem 1.4rem; position: absolute; bottom: 0; right: 0; z-index: 50; outline: 0; -webkit-transition: background .15s; -o-transition: background .15s; transition: background .15s; } .images-slider .slick-arrow:hover, .images-slider .slick-arrow:active, .images-slider .slick-arrow:focus { background: #313D48; } .images-slider .slick-arrow:after { content: ''; display: block; width: 0.8rem; height: 0.8rem; border-top: 3px solid #ffffff; border-right: 3px solid #ffffff; padding: 0; } .images-slider .slick-arrow.slick-next:after { -webkit-transform: translate(-3px, 0) scaleY(0.8) rotate(45deg); -ms-transform: translate(-3px, 0) scaleY(0.8) rotate(45deg); transform: translate(-3px, 0) scaleY(0.8) rotate(45deg); } .images-slider .slick-arrow.slick-prev { right: 3.7rem; } .images-slider .slick-arrow.slick-prev:after { -webkit-transform: translate(3px, 0) scaleY(0.8) rotate(-135deg); -ms-transform: translate(3px, 0) scaleY(0.8) rotate(-135deg); transform: translate(3px, 0) scaleY(0.8) rotate(-135deg); } .images-slider__container { position: relative; } .images-slider__container .h1 { color: #ffffff; position: absolute; left: 0; top: calc(50% - .023em); -webkit-transform: translate(-50%, -100%) rotate(90deg); -ms-transform: translate(-50%, -100%) rotate(90deg); transform: translate(-50%, -100%) rotate(90deg); z-index: 100; margin: 0; line-height: .7; font-size: 11.1vw; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @media (max-width: 639px) { .images-slider__container .h1 { font-size: 16.8vw; } } @media (max-width: 339px) { .images-slider__container .h1 { font-size: 33.6vw; } } .news-listing_wrapper { float: left; margin-top: 2em; } .news-listing_container { float: left; border-bottom: solid 1px #cbcbcb; padding-bottom: 1em; margin-bottom: 2em; } .news-listing_image { float: left; width: 280px; } .news-listing_image .news-listing_image_inner { width: 100%; padding-bottom: 56.25%; background-size: cover; background-repeat: no-repeat; } .news-listing_content { margin-left: 310px; position: relative; } .news-listing_content h3 { font-size: 1.2em; text-transform: none; line-height: 1.44em; /*margin-right:215px;*/ } .news-listing_date { text-transform: none; letter-spacing: 0; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: .9em; line-height: 1.44em; font-weight: 700; margin-bottom: 0.5em; } .news-listing_button { /*position:absolute; right:0; top:32px;*/ /*float:right; margin-top:2em; margin-left:30px;*/ } .news-img { width: 100%; padding-bottom: 56.25%; overflow: hidden; background-size: cover; background-repeat: no-repeat; margin-bottom: 2em; } .press-and-events_wrapper, .video-gallery_wrapper { float: left; margin-top: 2em; border-bottom: solid 1px #cbcbcb; padding-bottom: 2em; margin-bottom: 2em; } .video-gallery_wrapper { padding-bottom: 0; } .video-gallery_wrapper .col-md-4 { margin-bottom: 4em; } @media (max-width: 1090px) { .video-gallery_wrapper .col-md-4 { margin-bottom: 0; } } .video-container { padding-bottom: 65px; height: 100%; } @media (max-width: 1090px) { .video-container { padding-bottom: 50px; } } .video-container p { margin-top: 1em; margin-bottom: 1em; color: #0D1F2B; font-weight: 600; } .video-container .btn { color: #0D1F2B; position: absolute; left: 20px; bottom: 0; } @media (max-width: 991px) { .video-container .btn { position: relative; bottom: auto; left: 0; } } .video-container > a > img { max-width: 100%; height: auto; display: block; } .video-gallery_wrapper .row.wide-gutter { margin-left: -20px; margin-right: -20px; } .video-gallery_wrapper .row.wide-gutter [class*='col-'] { padding-right: 20px; padding-left: 20px; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-wrapper.news { margin-bottom: 2em; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .news-listing_image { width: 100%; margin-bottom: 1em; } .news-listing_content { width: 100%; margin-left: 0; } .news-img { float: none; margin-left: 0; margin-bottom: 30px; max-width: 100%; width: 100%; } .video-container p { margin-top: 1em; } } .toggle-video-modal, .toggle-careervideo-modal { position: relative; display: block; } .toggle-video-modal .video-thumbnail_overlay, .toggle-careervideo-modal .video-thumbnail_overlay { opacity: 0; visibility: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background-color: rgba(0, 117, 201, 0.9); -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; } .toggle-video-modal .video-thumbnail_overlay i, .toggle-careervideo-modal .video-thumbnail_overlay i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 3em; } .toggle-video-modal:hover .video-thumbnail_overlay, .toggle-careervideo-modal:hover .video-thumbnail_overlay { opacity: 1; visibility: visible; } .block-link-nav.jobs .toggle-video-modal, .block-link-nav.jobs .toggle-careervideo-modal { display: inline-block !important; } .latest-news .meta { margin-bottom: 1em; } .latest-news_img { width: 100%; padding-bottom: 56.25%; background-size: cover; background-repeat: no-repeat; margin-bottom: 0.5em; } .latest-videos .meta { margin-bottom: 1em; } .latest-videos_img { margin-bottom: 0.5em; } .latest-videos_img img { max-width: 100%; height: auto; display: block; } @media (max-width: 991px) { .latest-news p, .latest-videos p { margin-bottom: 2em; } } .news-detail .news-date { text-transform: none; color: #5B6771; font-size: 1em; } .news-detail h1, .video-detail h1 { text-transform: none; } .video-detail .video-wrapper { margin-bottom: 2em; } /* video Modal */ .video-modal_open, .careervideo-modal_open, .modal_open, .jobs-modal_open { overflow: hidden; } .video-modal, .video-career-modal, .jobs-modal { position: fixed; top: 0; left: 0; z-index: 90001; height: 100vh; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; overflow-y: auto; overflow-x: hidden; background-color: rgba(33, 33, 33, 0.95); } .video-modal.active, .video-career-modal.active, .jobs-modal.active { opacity: 1; visibility: visible; pointer-events: all; } .video-modal .top, .video-career-modal .top { height: 100px; width: 100%; position: absolute; top: 0; left: 0; } /*.mobile-menu .top a.logo { display:block; position:absolute; top:65px; left:85px; }*/ .video-modal .top a.close-modal, .video-career-modal .top a.close-career-modal { position: absolute; right: 30px; top: 30px; padding: 0; display: block; z-index: 50; height: 50px; width: 90px; text-align: right; padding-top: 10px; padding-right: 5px; color: #ffffff; font-weight: 300; font-size: 20px; } @media (max-width: 991px) { .video-modal .top a.close-modal, .video-career-modal .top a.close-career-modal { width: 40px; top: 10px; right: 15px; } } .jobs-modal .top a.close-jobs-modal { position: relative; right: 0; padding: 0; display: block; z-index: 50; height: 50px; width: 50px; text-align: right; padding-top: 10px; padding-right: 5px; color: #ffffff; font-weight: 300; font-size: 20px; } @media (max-width: 991px) { .jobs-modal .top a.close-jobs-modal { width: 40px; top: 10px; right: 15px; } } .close-modal:before, .close-modal:after, .close-career-modal:before, .close-career-modal:after { width: 35px; height: 4px; background-color: #fff; content: ''; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 55px; top: 50%; margin-top: 0; } @media (max-width: 991px) { .close-modal:before, .close-modal:after, .close-career-modal:before, .close-career-modal:after { right: 0; } } .close-jobs-modal:before, .close-jobs-modal:after { width: 25px; height: 3px; background-color: #CDDE00; content: ''; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 0; position: absolute; top: 50%; margin-top: 0; } @media (max-width: 991px) { .close-jobs-modal:before, .close-jobs-modal:after { right: 0; } } .close-modal:after, .close-career-modal:after, .close-jobs-modal:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .video-modal_content, .careervideo-modal_content, .jobs-modal_content { padding: 80px 50px 0 50px; } @media (max-width: 991px) { .video-modal_content, .careervideo-modal_content, .jobs-modal_content { padding: 80px 0 0 0; } } .jobs-modal-body { max-width: 50em; margin: auto; padding-top: 6em; } .jobs-modal-body .top { background-color: #323E48; padding: 1.5em; padding-top: 3em; } .jobs-modal-body .top .text-align-right { text-align: right; position: relative; float: right; margin-top: -2.5em; } .jobs-modal-body .top .text-align-right .close-jobs-modal { position: relative !important; } .jobs-modal-body .jobs-modal_content { background-color: #F2F3F4; padding: 1.5em; } .jobs-modal .col-xs-12.text-center { margin-top: 1.5em; } /*# sourceMappingURL=main.css.map */ #join-the-iea-family{padding-top:120px;margin-top:-120px}.logo-row .tile{padding:3em;margin-top:30px;display:block;background-color:#0075C9;transition:all 0.3s}.logo-row .tile:hover{background-color:#0D1F2B}.figure--logo{height:110px;display:flex;align-items:center}.figure--logo img{margin:0 auto;max-width:300px;max-height:110px}.logo-row .tile{padding:3em;margin-top:30px;display:block;background-color:#0075C9;transition:all 0.3s}.logo-row .tile:hover{background-color:#0D1F2B}.figure--logo{height:110px;display:flex;align-items:center}.figure--logo img{margin:0 auto;max-width:300px;max-height:110px}.inpageAlert .alert{margin:0;font-family:ProximaNova-Bold,Arial,sans-serif;font-size:12px;font-weight:normal;letter-spacing:0;padding:8px;height:55px;text-align:center;text-decoration:none;transition:background 0.4s cubic-bezier(0.445,0.05,0.55,0.95) 0s;margin-right:1px;color:#000000;background:#fff000;opacity:0.95;-moz-border-radius:0;border-radius:0;position:absolute;left:0;bottom:0;width:100%}.cmsToolbar{backface-visibility:hidden;bottom:0;display:block;left:0;position:fixed;z-index:8;background:#000000;width:100%;opacity:0.9}.cmsToolbar .mobileDevices{float:right;padding:5px;margin-right:40px}.cmsToolbar .mobileDevices .pad-right{margin-right:15px}.cmsToolbar .mobileDevices img{display:inline-block}.cmsToolbar .mobileDevices a{padding:0;margin:2px 4px 0 0;-moz-border-radius:0;border-radius:0;display:inline-block;position:relative}.cmsToolbar .actions{display:inline-block;float:left;position:fixed;bottom:0}.cmsToolbar .actions a{margin:0;font-family:ProximaNova-Bold,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;padding:8px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background 0.4s cubic-bezier(0.445,0.05,0.55,0.95) 0s;margin:2px 1px 0 1px;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;display:inline-block}.McmsEdit.on{background:#fffeee}a.editLink{background-color:rgba(36,78,0,0.95);color:#fff}a.editLinkInPage{background-color:rgba(46,98,0,0.95);color:#fff}a.cancelLink{background-color:#ff0000;color:#fff}a.saveLink{background-color:#ffd200;color:#000000}a.publishLink{background-color:green;color:#fff}.homepage .purchase p{margin-bottom:10px}.message i{display:block;margin:0 auto 20px;width:81px;height:81px;border:1px solid #6fb679;border-radius:50%;font-size:30px;line-height:81px}.message{display:block;padding:25px 30px;background:rgba(255,255,255,.9);font:300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;text-align:center;color:#6fb679}.investor-link_left p{line-height:1.2em}.btn.white-bg:hover{background-color:#0d1f2b;color:#fff}@media (max-width:1199px){.investor-links-section .block-link_event h2{font-size:2em}.investor-links-section .block-link_event h4{font-size:1.2em}}.investor-link_left p{line-height:1.2em}@media (max-width:991px){.investor-links-section .block-link_event h2{font-size:2.44444em}.investor-links-section .block-link_event h4{font-size:1.55556em}}.dropdown-menu .mc-894{position:relative}.dropdown-menu-sub{position:absolute;left:100%;background:#0D1F2B;list-style:none;margin:0 !important;padding:0;top:0;display:none}.dropdown-menu .mc-894:hover .dropdown-menu-sub{display:block}.block-link-icon{left:auto;right:0}.mc-894 .expand-plus{width:40px;height:40px;right:12px}.mc-894 .expand-plus:before,.mc-894 .expand-plus:after{width:10px}.flyout-nav .dropdown-menu .dropdown-menu{font-size:14px}.interior2 .content-slice ul ul{column-count:1}.interior2 .content-slice ul ul li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}.fs-section{min-height:800px}@media (min-width:1600px){.fs-section{min-height:900px}}#infrastructure-services-container{color:#ffffff}#infrastructure-services-container h1{text-shadow:0 0 10px rgb(0 0 0 / 15%)}#infrastructure-services-container .fs-background{background-image:url(/user_area/content_media/raw/Infrastructure-Services-background.jpg)}#infrastructure-services-container .fs-foreground{background-image:url(/user_area/content_media/raw/Infrastructure-Services-foreground.png);z-index:1}#infrastructure-services-container .fs-section .fs-foreground,#infrastructure-services-container .fs-section .fs-background{width:110%;left:-5%}#BannerInterior .interior-menu_wrapper .interior-menu_item{display:none}#BannerInterior .interior-menu_wrapper .interior-menu_item.active{display:block}@media(max-width:767px){#BannerInterior .interior-menu_wrapper .interior-menu_item.active{display:none}}#BannerInterior .interior-menu_wrapper .interior-menu_item h1 a{font-size:5vw;opacity:0.5;color:#d0d0d0;mix-blend-mode:luminosity}#company-tiles .row .col-lg-4:nth-child(9) .company-tile_image img,#company-tiles .row .col-lg-4:nth-child(10) .company-tile_image img{max-height:90px}#company-tiles .row .col-lg-4:nth-child(5) .company-tile_image img{max-height:70px}@media (min-width:2100px) and (max-height:1399px){.fs-section{min-height:1400px}}.c2169 .small{font-size:.75em}.list-inline > li{font-size:.75em}#social .list-inline > li{font-size:1em}@media (max-width:991px){#footer .wide-container div{padding:0 0 1em 0 !important}}@media (max-width:767px){#social{float:none}#footer .wide-container div{float:none !important;padding:0 0 1em 0 !important}}.careervideo-modal_content iframe{width:100%!important}#header .list-inline > li{font-size:14px!important}@media (min-width:992px).careers #related-news{margin-top:4em}@media (min-width:1200px).careers #related-news{margin-top:5em}@media (min-width:1600px).careers #related-news{margin-top:6em}.careers #related-news{margin-top:2em}.media-contact{display:none}